{"version":3,"file":"Btn.js","sources":["../src/mixins/link.mixin.js","../src/components/button/BtnGroup.vue","../src/components/button/BtnGroup.vue?vue&type=template&id=58864a00&lang.js","../src/components/button/Btn.vue","../src/components/button/Btn.vue?vue&type=template&id=fe302f22&lang.js"],"sourcesContent":["export default {\n  props: {\n    // <a> props\n    href: String,\n    target: String,\n    // <router-link> props\n    to: null,\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n    append: {\n      type: Boolean,\n      default: false,\n    },\n    exact: {\n      type: Boolean,\n      default: false,\n    },\n  },\n}\n","<template>\n  <div\n    :class=\"{\n      'btn-group': !vertical,\n      'btn-group-vertical': vertical,\n      'btn-group-justified': justified,\n      [`btn-group-${size}`]: size,\n    }\"\n    role=\"group\"\n    data-toggle=\"buttons\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    size: { type: String, default: undefined },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    justified: {\n      type: Boolean,\n      default: false,\n    },\n  },\n}\n</script>\n","<template>\n  <div\n    :class=\"{\n      'btn-group': !vertical,\n      'btn-group-vertical': vertical,\n      'btn-group-justified': justified,\n      [`btn-group-${size}`]: size,\n    }\"\n    role=\"group\"\n    data-toggle=\"buttons\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    size: { type: String, default: undefined },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    justified: {\n      type: Boolean,\n      default: false,\n    },\n  },\n}\n</script>\n","<template>\n  <a\n    v-if=\"href\"\n    :href=\"href\"\n    :target=\"target\"\n    role=\"button\"\n    :class=\"classes\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </a>\n  <router-link\n    v-else-if=\"to\"\n    :to=\"to\"\n    :class=\"classes\"\n    :event=\"disabled ? '' : 'click'\"\n    :replace=\"replace\"\n    :append=\"append\"\n    :exact=\"exact\"\n    role=\"button\"\n    @click=\"onClick\"\n    ><slot\n  /></router-link>\n  <label v-else-if=\"inputType\" :class=\"classes\" @click=\"onClick\">\n    <input\n      autocomplete=\"off\"\n      :type=\"inputType\"\n      :checked=\"isInputActive\"\n      :disabled=\"disabled\"\n      @input.stop\n      @change=\"onInputChange\"\n    />\n    <slot />\n  </label>\n  <BtnGroup v-else-if=\"justified\">\n    <button\n      :class=\"classes\"\n      :type=\"nativeType\"\n      :disabled=\"disabled\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </button>\n  </BtnGroup>\n  <button\n    v-else\n    :class=\"classes\"\n    :type=\"nativeType\"\n    :disabled=\"disabled\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n\n<script>\nimport linkMixin from '../../mixins/link.mixin'\nimport BtnGroup from './BtnGroup.vue'\n\nconst INPUT_TYPE_CHECKBOX = 'checkbox'\nconst INPUT_TYPE_RADIO = 'radio'\n\nexport default {\n  components: { BtnGroup },\n  mixins: [linkMixin],\n  props: {\n    justified: {\n      type: Boolean,\n      default: false,\n    },\n    type: {\n      type: String,\n      default: 'default',\n    },\n    nativeType: {\n      type: String,\n      default: 'button',\n    },\n    size: {\n      type: String,\n      default: undefined,\n    },\n    block: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    // <input> props\n    modelValue: {\n      type: null,\n      default: null,\n    },\n    inputValue: {\n      type: null,\n      default: null,\n    },\n    inputType: {\n      type: String,\n      validator(value) {\n        return value === INPUT_TYPE_CHECKBOX || value === INPUT_TYPE_RADIO\n      },\n      default: undefined,\n    },\n  },\n  emits: ['update:modelValue'],\n  computed: {\n    isInputActive() {\n      return this.inputType === INPUT_TYPE_CHECKBOX\n        ? this.modelValue.indexOf(this.inputValue) >= 0\n        : this.modelValue === this.inputValue\n    },\n    classes() {\n      return {\n        btn: true,\n        active: this.inputType ? this.isInputActive : this.active,\n        disabled: this.disabled,\n        'btn-block': this.block,\n        [`btn-${this.type}`]: Boolean(this.type),\n        [`btn-${this.size}`]: Boolean(this.size),\n      }\n    },\n  },\n  methods: {\n    onClick(e) {\n      if (this.disabled && e instanceof Event) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    },\n    onInputChange() {\n      if (this.inputType === INPUT_TYPE_CHECKBOX) {\n        const valueCopied = this.modelValue.slice()\n        if (this.isInputActive) {\n          valueCopied.splice(valueCopied.indexOf(this.inputValue), 1)\n        } else {\n          valueCopied.push(this.inputValue)\n        }\n        this.$emit('update:modelValue', valueCopied)\n      } else {\n        this.$emit('update:modelValue', this.inputValue)\n      }\n    },\n  },\n}\n</script>\n\n<style scoped></style>\n","<template>\n  <a\n    v-if=\"href\"\n    :href=\"href\"\n    :target=\"target\"\n    role=\"button\"\n    :class=\"classes\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </a>\n  <router-link\n    v-else-if=\"to\"\n    :to=\"to\"\n    :class=\"classes\"\n    :event=\"disabled ? '' : 'click'\"\n    :replace=\"replace\"\n    :append=\"append\"\n    :exact=\"exact\"\n    role=\"button\"\n    @click=\"onClick\"\n    ><slot\n  /></router-link>\n  <label v-else-if=\"inputType\" :class=\"classes\" @click=\"onClick\">\n    <input\n      autocomplete=\"off\"\n      :type=\"inputType\"\n      :checked=\"isInputActive\"\n      :disabled=\"disabled\"\n      @input.stop\n      @change=\"onInputChange\"\n    />\n    <slot />\n  </label>\n  <BtnGroup v-else-if=\"justified\">\n    <button\n      :class=\"classes\"\n      :type=\"nativeType\"\n      :disabled=\"disabled\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </button>\n  </BtnGroup>\n  <button\n    v-else\n    :class=\"classes\"\n    :type=\"nativeType\"\n    :disabled=\"disabled\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n\n<script>\nimport linkMixin from '../../mixins/link.mixin'\nimport BtnGroup from './BtnGroup.vue'\n\nconst INPUT_TYPE_CHECKBOX = 'checkbox'\nconst INPUT_TYPE_RADIO = 'radio'\n\nexport default {\n  components: { BtnGroup },\n  mixins: [linkMixin],\n  props: {\n    justified: {\n      type: Boolean,\n      default: false,\n    },\n    type: {\n      type: String,\n      default: 'default',\n    },\n    nativeType: {\n      type: String,\n      default: 'button',\n    },\n    size: {\n      type: String,\n      default: undefined,\n    },\n    block: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    // <input> props\n    modelValue: {\n      type: null,\n      default: null,\n    },\n    inputValue: {\n      type: null,\n      default: null,\n    },\n    inputType: {\n      type: String,\n      validator(value) {\n        return value === INPUT_TYPE_CHECKBOX || value === INPUT_TYPE_RADIO\n      },\n      default: undefined,\n    },\n  },\n  emits: ['update:modelValue'],\n  computed: {\n    isInputActive() {\n      return this.inputType === INPUT_TYPE_CHECKBOX\n        ? this.modelValue.indexOf(this.inputValue) >= 0\n        : this.modelValue === this.inputValue\n    },\n    classes() {\n      return {\n        btn: true,\n        active: this.inputType ? this.isInputActive : this.active,\n        disabled: this.disabled,\n        'btn-block': this.block,\n        [`btn-${this.type}`]: Boolean(this.type),\n        [`btn-${this.size}`]: Boolean(this.size),\n      }\n    },\n  },\n  methods: {\n    onClick(e) {\n      if (this.disabled && e instanceof Event) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    },\n    onInputChange() {\n      if (this.inputType === INPUT_TYPE_CHECKBOX) {\n        const valueCopied = this.modelValue.slice()\n        if (this.isInputActive) {\n          valueCopied.splice(valueCopied.indexOf(this.inputValue), 1)\n        } else {\n          valueCopied.push(this.inputValue)\n        }\n        this.$emit('update:modelValue', valueCopied)\n      } else {\n        this.$emit('update:modelValue', this.inputValue)\n      }\n    },\n  },\n}\n</script>\n\n<style scoped></style>\n"],"names":["_createElementBlock","_renderSlot","const","BtnGroup","_createBlock","_createElementVNode"],"mappings":"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"}