{"version":3,"sources":["webpack:///./src/mixins/shared/base/button/baseButtonMixin.js","webpack:///../../../src/components/VProgressCircular/VProgressCircular.ts","webpack:///../../../src/components/VProgressCircular/index.ts","webpack:///../../../src/components/VBtn/VBtn.ts","webpack:///./src/mixins/shared/slottable/slottableMixin.js","webpack:///./src/components/shared/base/BaseButton.vue","webpack:///src/components/shared/base/BaseButton.vue","webpack:///./src/components/shared/base/BaseButton.vue?2e8e","webpack:///./src/components/shared/base/BaseButton.vue?17ea"],"names":["baseButtonMixin","mixins","buttonSettingsMixin","reactiveMixin","data","eventButtonClick","eventNames","click","props","color","type","String","default","undefined","large","Boolean","small","fab","round","outlined","reactiveText","computed","computedButtonColorClass","this","buttonColorClass","computedButtonOutlined","buttonOutlined","computedButtonRounded","buttonRounded","computedTextStyle","false","buttonTextStyle","visibleText","visibleOnSmAndUp","Colorable","extend","name","directives","intersect","button","indeterminate","rotate","Number","size","width","value","radius","isVisible","calculatedSize","circumference","Math","PI","classes","normalizedValue","parseFloat","strokeDashArray","strokeDashOffset","strokeWidth","viewBoxSize","styles","height","convertToUnit","svgStyles","transform","methods","genCircle","offset","$createElement","class","attrs","fill","cx","cy","r","genSvg","children","style","xmlns","viewBox","genInfo","staticClass","getSlot","onObserve","entries","observer","isIntersecting","render","h","setTextColor","role","on","$listeners","VProgressCircular","baseMixins","VSheet","Routable","Positionable","Sizeable","GroupableFactory","ToggleableFactory","activeClass","btnToggle","block","depressed","icon","loading","plain","retainFocusOnClick","rounded","tag","text","tile","proxyClass","options","call","absolute","bottom","disabled","isElevated","fixed","hasBg","left","right","isRound","to","top","themeClasses","groupClasses","elevationClasses","sizeableClasses","computedElevation","Elevatable","computedRipple","defaultRipple","circle","_a","ripple","elevation","measurableStyles","created","breakingProps","forEach","original","replacement","$attrs","hasOwnProperty","breaking","e","detail","$el","blur","$emit","toggle","genContent","genLoader","generateRouteLink","setColor","setBackgroundColor","includes","JSON","stringify","slottableMixin","hasSlot","$slots","_vm","buttonRecommendedTextStyle","staticRenderFns","inheritAttrs","component"],"mappings":"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","file":"js/chunk-9bda2eec.314b8a80.js","sourcesContent":["// model\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\n// mixins\r\nimport { buttonSettingsMixin } from \"@/mixins/shared/base/settings/buttonSettingsMixin\";\r\nimport { reactiveMixin } from \"@/mixins/shared/reactive/reactiveMixin\";\r\n\r\nexport const baseButtonMixin = {\r\n  mixins: [buttonSettingsMixin, reactiveMixin],\r\n  data() {\r\n    return {\r\n      eventButtonClick: eventNames.click\r\n    };\r\n  },\r\n  props: {\r\n    /**\r\n     * Button Icon and Text colorName\r\n     */\r\n    color: {\r\n      type: String,\r\n      default: undefined\r\n    },\r\n\r\n    /**\r\n     * is large size\r\n     */\r\n    large: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    /**\r\n     * is small size\r\n     */\r\n    small: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    /**\r\n     * Designates the button as a floating-action-button. Button will become round\r\n     */\r\n    fab: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    /**\r\n     * is round\r\n     */\r\n    round: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    /**\r\n     * is outlined\r\n     */\r\n    outlined: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    /**\r\n     * is button's text reactive, should it be visible On Sm And Up screen\r\n     */\r\n    reactiveText: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    computedButtonColorClass() {\r\n      return this.color ? this.color : this.buttonColorClass;\r\n    },\r\n    computedButtonOutlined() {\r\n      return this.outlined ? this.outlined : this.buttonOutlined;\r\n    },\r\n    computedButtonRounded() {\r\n      return this.round ? this.round : this.buttonRounded;\r\n    },\r\n    computedTextStyle() {\r\n      return this.computedButtonOutlined ? this.false : this.buttonTextStyle;\r\n    },\r\n\r\n    /**\r\n     * compute visibility of button's Text\r\n     * @return {boolean|boolean} true if button's Text is visible\r\n     */\r\n    visibleText() {\r\n      return this.reactiveText ? this.visibleOnSmAndUp : true;\r\n    }\r\n  }\r\n};\r\n","// Styles\nimport './VProgressCircular.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\n\n/* @vue/component */\nexport default Colorable.extend({\n  name: 'v-progress-circular',\n\n  directives: { intersect },\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'v-progress-circular--visible': this.isVisible,\n        'v-progress-circular--indeterminate': this.indeterminate,\n        'v-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      if (this.value < 0) {\n        return 0\n      }\n\n      if (this.value > 100) {\n        return 100\n      }\n\n      return parseFloat(this.value)\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): VNode {\n      return this.$createElement('circle', {\n        class: `v-progress-circular__${name}`,\n        attrs: {\n          fill: 'transparent',\n          cx: 2 * this.viewBoxSize,\n          cy: 2 * this.viewBoxSize,\n          r: this.radius,\n          'stroke-width': this.strokeWidth,\n          'stroke-dasharray': this.strokeDashArray,\n          'stroke-dashoffset': offset,\n        },\n      })\n    },\n    genSvg (): VNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as VNodeChildren\n\n      return this.$createElement('svg', {\n        style: this.svgStyles,\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n        },\n      }, children)\n    },\n    genInfo (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-progress-circular__info',\n      }, getSlot(this))\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (h): VNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'v-progress-circular',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': 100,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: this.styles,\n      on: this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ])\n  },\n})\n","import VProgressCircular from './VProgressCircular'\n\nexport { VProgressCircular }\nexport default VProgressCircular\n","// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\n\nconst baseMixins = mixins(\n  VSheet,\n  Routable,\n  Positionable,\n  Sizeable,\n  GroupableFactory('btnToggle'),\n  ToggleableFactory('inputValue')\n  /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-btn',\n\n  props: {\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.btnToggle) return ''\n\n        return this.btnToggle.activeClass\n      },\n    } as any as PropValidator<string>,\n    block: Boolean,\n    depressed: Boolean,\n    fab: Boolean,\n    icon: Boolean,\n    loading: Boolean,\n    outlined: Boolean,\n    plain: Boolean,\n    retainFocusOnClick: Boolean,\n    rounded: Boolean,\n    tag: {\n      type: String,\n      default: 'button',\n    },\n    text: Boolean,\n    tile: Boolean,\n    type: {\n      type: String,\n      default: 'button',\n    },\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-btn--active',\n  }),\n\n  computed: {\n    classes (): any {\n      return {\n        'v-btn': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-btn--absolute': this.absolute,\n        'v-btn--block': this.block,\n        'v-btn--bottom': this.bottom,\n        'v-btn--disabled': this.disabled,\n        'v-btn--is-elevated': this.isElevated,\n        'v-btn--fab': this.fab,\n        'v-btn--fixed': this.fixed,\n        'v-btn--has-bg': this.hasBg,\n        'v-btn--icon': this.icon,\n        'v-btn--left': this.left,\n        'v-btn--loading': this.loading,\n        'v-btn--outlined': this.outlined,\n        'v-btn--plain': this.plain,\n        'v-btn--right': this.right,\n        'v-btn--round': this.isRound,\n        'v-btn--rounded': this.rounded,\n        'v-btn--router': this.to,\n        'v-btn--text': this.text,\n        'v-btn--tile': this.tile,\n        'v-btn--top': this.top,\n        ...this.themeClasses,\n        ...this.groupClasses,\n        ...this.elevationClasses,\n        ...this.sizeableClasses,\n      }\n    },\n    computedElevation (): string | number | undefined {\n      if (this.disabled) return undefined\n\n      return Elevatable.options.computed.computedElevation.call(this)\n    },\n    computedRipple (): RippleOptions | boolean {\n      const defaultRipple = this.icon || this.fab ? { circle: true } : true\n      if (this.disabled) return false\n      else return this.ripple ?? defaultRipple\n    },\n    hasBg (): boolean {\n      return !this.text && !this.plain && !this.outlined && !this.icon\n    },\n    isElevated (): boolean {\n      return Boolean(\n        !this.icon &&\n        !this.text &&\n        !this.outlined &&\n        !this.depressed &&\n        !this.disabled &&\n        !this.plain &&\n        (this.elevation == null || Number(this.elevation) > 0)\n      )\n    },\n    isRound (): boolean {\n      return Boolean(\n        this.icon ||\n        this.fab\n      )\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['flat', 'text'],\n      ['outline', 'outlined'],\n      ['round', 'rounded'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      // TODO: Remove this in v3\n      !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n      this.$emit('click', e)\n\n      this.btnToggle && this.toggle()\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-btn__content',\n      }, getSlot(this))\n    },\n    genLoader (): VNode {\n      return this.$createElement('span', {\n        class: 'v-btn__loader',\n      }, getSlot(this, 'loader') || [this.$createElement(VProgressCircular, {\n        props: {\n          indeterminate: true,\n          size: 23,\n          width: 2,\n        },\n      })])\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genContent(),\n      this.loading && this.genLoader(),\n    ]\n    const { tag, data } = this.generateRouteLink()\n    const setColor = this.hasBg\n      ? this.setBackgroundColor\n      : this.setTextColor\n\n    if (tag === 'button') {\n      data.attrs!.type = this.type\n      data.attrs!.disabled = this.disabled\n    }\n    data.attrs!.value = ['string', 'number'].includes(typeof this.value)\n      ? this.value\n      : JSON.stringify(this.value)\n\n    return h(tag, this.disabled ? data : setColor(this.color, data), children)\n  },\n})\n","export const slottableMixin = {\r\n  methods: {\r\n    /**\r\n     * has Slot\r\n     * @param {string} name\r\n     * @return {boolean}\r\n     */\r\n    hasSlot(name) {\r\n      return !!this.$slots[name];\r\n    }\r\n  }\r\n};\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-btn',_vm._g(_vm._b({class:_vm.buttonRecommendedClass(_vm.spacingDirection.left),attrs:{\"fab\":_vm.fab,\"small\":_vm.small,\"large\":_vm.large,\"color\":_vm.computedButtonColorClass,\"outlined\":_vm.computedButtonOutlined,\"text\":_vm.buttonRecommendedTextStyle,\"rounded\":_vm.computedButtonRounded,\"elevation\":_vm.buttonElevation}},'v-btn',_vm.$attrs,false),_vm.$listeners),[_vm._t(\"icon\",function(){return [(_vm.hasSlot('icon-name'))?_c('v-icon',[_vm._t(\"icon-name\")],2):_vm._e()]}),(_vm.visibleText)?_vm._t(\"default\"):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-btn\r\n    v-bind=\"$attrs\"\r\n    v-on=\"$listeners\"\r\n    :fab=\"fab\"\r\n    :small=\"small\"\r\n    :large=\"large\"\r\n    :color=\"computedButtonColorClass\"\r\n    :outlined=\"computedButtonOutlined\"\r\n    :text=\"buttonRecommendedTextStyle\"\r\n    :rounded=\"computedButtonRounded\"\r\n    :elevation=\"buttonElevation\"\r\n    :class=\"buttonRecommendedClass(spacingDirection.left)\"\r\n  >\r\n    <!-- icon -->\r\n    <slot name=\"icon\">\r\n      <v-icon v-if=\"hasSlot('icon-name')\">\r\n        <slot name=\"icon-name\"></slot>\r\n      </v-icon>\r\n    </slot>\r\n\r\n    <!-- text  -->\r\n    <slot name=\"default\" v-if=\"visibleText\"></slot>\r\n  </v-btn>\r\n</template>\r\n\r\n<script>\r\nimport { baseButtonMixin } from \"@/mixins/shared/base/button/baseButtonMixin\";\r\nimport { slottableMixin } from \"@/mixins/shared/slottable/slottableMixin\";\r\n\r\nexport default {\r\n  name: \"BaseButton\",\r\n  inheritAttrs: false,\r\n  mixins: [baseButtonMixin, slottableMixin]\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BaseButton.vue?vue&type=template&id=389c38bb\"\nimport script from \"./BaseButton.vue?vue&type=script&lang=js\"\nexport * from \"./BaseButton.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}