@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.2

package/dist/lib/select-menu/select-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu.js","sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label>\n      <div\n        v-if=\"hasSlotContent($slots.label) || label\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"[\n          'd-label',\n          LABEL_SIZE_MODIFIERS[size],\n          labelClass,\n        ]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.description) || description\"\n        :id=\"descriptionKey\"\n        :class=\"[\n          'd-description',\n          DESCRIPTION_SIZE_MODIFIERS[size],\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          :value=\"modelValue\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport {\n  LABEL_SIZE_MODIFIERS,\n  DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The value of the select menu\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      LABEL_SIZE_MODIFIERS,\n      DESCRIPTION_SIZE_MODIFIERS,\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    selectListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    emitValue (value, event) {\n      this.$emit('update:modelValue', value, event);\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","MessagesMixin","options","optionsValidator","s","SELECT_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","hasSlotContent","event","getValidationState","getUniqueString","removeClassStyleAttrs","addClassStyleAttrs","value","_a","warn","_createElementBlock","_mergeProps","$props","$options","_ctx","_createElementVNode","$data","_openBlock","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","option","_toDisplayString","_hoisted_4","_createVNode","_component_dt_validation_messages"],"mappings":";;;;;;;;AA4GA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,sBAAAC;EAEd,QAAQ,CAACC,CAAa;AAAA,EAEtB,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;IAUX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,MACf,WAAW,CAAAC,MAAWC,EAAiBD,CAAO;AAAA;;;;;IAOhD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAM,OAAO,KAAKC,CAAqB,EAAE,SAASD,CAAC;AAAA;;;;IAMjE,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,kBAAkB;AAAA,MAChB,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;;IAOlB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,sBAAAE;AAAA,MACA,4BAAAC;AAAA,MACA,uBAAAF;AAAA,MACA,wBAAAG;AAAA,MACA,gBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,kBAAmB;AACjB,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO,MAAM;AAAA,QAAC;AAAA,QACd,QAAQ,CAAAC,MAAS,KAAK,UAAUA,EAAM,OAAO,OAAOA,CAAK;AAAA;IAE7D;AAAA,IAEA,QAAS;AACP,aAAOC,EAAmB,KAAK,iBAAiB;AAAA,IAClD;AAAA,IAEA,YAAa;AACX,aAAOC,EAAe;AAAA,IACxB;AAAA,IAEA,iBAAkB;AAChB,aAAO,UAAU,KAAK,SAAS;AAAA,IACjC;AAAA,IAEA,mBAAoB;AAClB,aAAI,KAAK,OAAO,eAAe,KAAK,cAC3B,KAAK,iBAGP,KAAK,OAAO,cAAc;AAAA,IACnC;AAAA;EAGF,UAAW;AACT,SAAK,wBAAuB;AAAA,EAC9B;AAAA,EAEA,eAAgB;AACd,SAAK,wBAAuB;AAAA,EAC9B;AAAA,EAEA,SAAS;AAAA,IACP,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAWC,GAAOL,GAAO;AACvB,WAAK,MAAM,qBAAqBK,GAAOL,CAAK,GAC5C,KAAK,MAAM,SAASK,GAAOL,CAAK,GAChC,KAAK,MAAM,UAAUK,GAAOL,CAAK;AAAA,IACnC;AAAA,IAEA,aAAcK,GAAO;AACnB,aAAO,UAAU,KAAK,SAAS,WAAWA,CAAK;AAAA,IACjD;AAAA,IAEA,0BAA2B;;AACzB,QAAIC,IAAA,KAAK,YAAL,gBAAAA,EAAc,UAAS,KAAK,CAAC,KAAK,OAAO,WAC3CC,EAAK,wDAAwD,IAAI;AAAA,IAErE;AAAA;AAEJ;;;cAlVEC,EA4EM,OA5ENC,EA4EM,EA3EH,OAAOC,EAAA,UAAS,GACTC,EAAA,mBAAmBC,EAAA,MAAM,CAAA,GAAA;AAAA,IAEjCC,EAgEQ,SAAA,MAAA;AAAA,MA9DEC,EAAA,eAAeF,EAAA,OAAO,KAAK,KAAKF,EAAA,SADxCK,KAAAP,EAaM,OAbNC,EAaM;AAAA;QAXH,gBAAcE,EAAA;AAAA,QACd,OAAK;AAAA;UAAmCG,EAAA,qBAAqBJ,EAAA,IAAI;AAAA,UAAaA,EAAA;AAAA;SAKvEA,EAAA,iBAAe,EACvB,WAAQ,kBAAiB,CAAA,GAAA;AAAA,QAGzBM,EAAqCJ,uBAArC,MAAqC;AAAA,cAAfF,EAAA,KAAK,GAAA,CAAA;AAAA;;MAGrBI,EAAA,eAAeF,EAAA,OAAO,WAAW,KAAKF,EAAA,eAD9CK,KAAAP,EAaM,OAbNC,EAaM;AAAA;QAXH,IAAIE,EAAA;AAAA,QACJ,OAAK;AAAA;UAAyCG,EAAA,2BAA2BJ,EAAA,IAAI;AAAA,UAAaA,EAAA;AAAA;SAKnFA,EAAA,uBAAqB,EAC7B,WAAQ,wBAAuB,CAAA,GAAA;AAAA,QAG/BM,EAAiDJ,6BAAjD,MAAiD;AAAA,cAArBF,EAAA,WAAW,GAAA,CAAA;AAAA;;MAEzCG,EAkCM,OAAA;AAAA,QAjCH,OAAKI,EAAA;AAAA;UAAoCH,EAAA,sBAAsBJ,EAAA,IAAI;AAAA,UAAaA,EAAA;AAAA,kCAA+CA,EAAA,SAAQ;AAAA;QAMxI,WAAQ;AAAA;QAERG,EAwBS,UAxBTJ,EAwBS;AAAA,UAvBP,KAAI;AAAA,UACH,OAAK;AAAA;YAA+CK,EAAA,uBAAuBH,EAAA,KAAK;AAAA;QAIzE,GAAAA,EAAA,sBAAsBC,EAAA,MAAM,GAAA;AAAA,UACpC,WAAQ;AAAA,UACP,UAAUF,EAAA;AAAA,UACV,OAAOA,EAAA;AAAA,QACR,GAAAQ,EAAsBP,EAAhB,iBAAe,EAAA,CAAA,GAAA;AAAA,UAGrBK,EAUOJ,yBAVP,MAUO;AAAA,oBATLJ,EAQSW,GAAA,MAAAC,EAPUV,EAAA,SAAO,CAAjBW,OADTN,EAAA,GAAAP,EAQS,UARTC,EAQS;AAAA,cANN,KAAKE,EAAA,aAAaU,EAAO,KAAK;AAAA,cAC9B,OAAOA,EAAO;AAAA,cACd,OAAOX,EAAA;AAAA,gCACAA,EAAA,gBAAgB,GAAAY,EAErBD,EAAO,KAAK,GAAA,IAAAE,CAAA;;;;;IAMzBC,EAMEC,GANFhB,EAME;AAAA,MALC,uBAAqBG,EAAA;AAAA,MACrB,iBAAeA,EAAA;AAAA,MACf,OAAOA,EAAA;AAAA,OACAA,EAAA,oBAAkB,EAC1B,WAAQ,qBAAoB,CAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,OAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"select-menu.js","sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label>\n      <dt-text\n        v-if=\"labelVisible && (hasSlotContent($slots.label) || label)\"\n        kind=\"label\"\n        :size=\"resolvedLabelSize\"\n        :strength=\"labelStrength\"\n        tone=\"secondary\"\n        as=\"div\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"['d-select__label-text', labelClass]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </dt-text>\n      <dt-text\n        v-if=\"hasSlotContent($slots.description) || description\"\n        :id=\"descriptionKey\"\n        kind=\"body\"\n        :size=\"resolvedDescriptionSize\"\n        tone=\"tertiary\"\n        :density=\"resolvedDescriptionDensity\"\n        as=\"div\"\n        :class=\"[\n          'd-description',\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </dt-text>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          :aria-label=\"!labelVisible && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          :value=\"modelValue\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of select label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The value of the select menu\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Overrides the label text size. When not provided, the label size\n     * is derived from the component size prop.\n     * @values lg, md, sm, xs\n     */\n    labelSize: {\n      type: String,\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(s),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    resolvedLabelSize () {\n      return this.labelSize ?? (this.size === 'xl' ? 'lg' : this.size);\n    },\n\n    resolvedDescriptionSize () {\n      const map = { xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md' };\n      return map[this.size] || 'sm';\n    },\n\n    resolvedDescriptionDensity () {\n      return this.size === 'xl' ? '300' : undefined;\n    },\n\n    selectListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n    this.runValidations();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    emitValue (value, event) {\n      this.$emit('update:modelValue', value, event);\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n\n    runValidations () {\n      const hasLabel = !!(this.$slots.label || this.label);\n      if (!hasLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","DtText","MessagesMixin","options","optionsValidator","s","SELECT_SIZE_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_STRENGTH_MODIFIERS","SELECT_STATE_MODIFIERS","hasSlotContent","event","getValidationState","getUniqueString","removeClassStyleAttrs","addClassStyleAttrs","value","_a","warn","_createElementBlock","_mergeProps","$props","$options","_ctx","_createElementVNode","$data","_openBlock","_createBlock","_component_dt_text","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","option","_toDisplayString","_hoisted_2","_createVNode","_component_dt_validation_messages"],"mappings":"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"}

package/dist/lib/settings-menu-button/settings-menu-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs","icon-position":"right",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{endIcon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
 //# sourceMappingURL=settings-menu-button.cjs.map

package/dist/lib/settings-menu-button/settings-menu-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"yQAwCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,uHArEUC,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,YAeYC,EAfZC,aAeY,OAbV,WAAW,WACX,KAAK,KACL,gBAAc,QACd,MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #endIcon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"yQAuCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,uHApEUC,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,YAcYC,EAdZC,aAcY,OAZV,WAAW,WACX,KAAK,KACL,MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,kBACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}

package/dist/lib/settings-menu-button/settings-menu-button.js

@@ -1,13 +1,13 @@
-import p from "../button/button.js";
-import { DtIconMoreVertical as u } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as o, renderSlot as m, createVNode as c } from "vue";
-import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import u from "../button/button.js";
+import { DtIconMoreVertical as d } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as a, renderSlot as m, createVNode as c } from "vue";
+import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeSettingsMenuButton",
   components: {
-    DtButton: p,
-    DtIconMoreVertical: u
+    DtButton: u,
+    DtIconMoreVertical: d
   },
   inheritAttrs: !1,
   props: {
@@ -30,19 +30,18 @@ const _ = {
   }
 };
 function f(e, b, t, g, v, k) {
-  const a = r("dt-icon-more-vertical"), n = r("dt-button");
+  const o = r("dt-icon-more-vertical"), n = r("dt-button");
   return t.updateAvailable ? (i(), s(n, l({
     key: 0,
     importance: "outlined",
     size: "xs",
-    "icon-position": "right",
     class: "d-recipe-settings-menu-button-update",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    endIcon: a(() => [
+      c(o, { size: "300" })
     ]),
-    default: o(() => [
+    default: a(() => [
       m(e.$slots, "default")
     ]),
     _: 3
@@ -53,14 +52,14 @@ function f(e, b, t, g, v, k) {
     class: "d-recipe-settings-menu-button",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    icon: a(() => [
+      c(o, { size: "300" })
     ]),
     _: 1
   }, 16, ["aria-label"]));
 }
-const $ = /* @__PURE__ */ d(_, [["render", f]]);
+const h = /* @__PURE__ */ p(_, [["render", f]]);
 export {
-  $ as default
+  h as default
 };
 //# sourceMappingURL=settings-menu-button.js.map

package/dist/lib/settings-menu-button/settings-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAwCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SArEUC,EAAA,mBADRC,KAAAC,EAeYC,GAfZC,EAeY;AAAA;IAbV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}
+{"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #endIcon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SApEUC,EAAA,mBADRC,KAAAC,EAcYC,GAdZC,EAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,WACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}

package/dist/lib/split-button/split-button-end.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./split-button-constants.cjs"),r=require("@dialpad/dialtone-icons/vue3"),c=require("../../common/utils/index.cjs"),t=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"SplitButtonEnd",components:{DtButton:u.default,DtIconChevronDown:r.DtIconChevronDown},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},disabled:{type:Boolean,default:!1},id:{type:String,default:c.getUniqueString()},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"},tooltipText:{type:String,default:""}},data(){return{SPLIT_BUTTON_ICON_SIZES:d.SPLIT_BUTTON_ICON_SIZES}}};function S(i,b,e,m,n,f){const o=t.resolveComponent("dt-icon-chevron-down"),l=t.resolveComponent("dt-button"),a=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(l,{id:e.id,"data-qa":"dt-split-button-end",active:e.active,"aria-label":e.ariaLabel,class:t.normalizeClass(`d-split-btn__end d-split-btn__end--${e.size}`),disabled:e.disabled,importance:e.importance,kind:e.kind,size:e.size},{icon:t.withCtx(()=>[t.renderSlot(i.$slots,"icon",{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},()=>[t.createVNode(o,{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},null,8,["size"])])]),_:3},8,["id","active","aria-label","class","disabled","importance","kind","size"])),[[a,{message:e.tooltipText,inverted:e.kind==="inverted"}]])}const v=s._(_,[["render",S]]);exports.default=v;
+//# sourceMappingURL=split-button-end.cjs.map

package/dist/lib/split-button/split-button-end.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-end.cjs","sources":["../../../components/split_button/split_button-end.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-end\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__end d-split-btn__end--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonEnd',\n  components: {\n    DtButton,\n    DtIconChevronDown,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":"6VA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,iBACN,WAAY,CACV,SAAAC,EAAAA,QACA,kBAAAC,EAAAA,mBAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,GAAI,CACF,KAAM,OACN,QAASC,EAAAA,gBAAe,GAM1B,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,YAAa,CACX,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,yBACLC,EAAAA,wBAEJ,CACF,yLA7GEC,EAAAA,YAoBYC,EAAA,CAnBT,GAAIC,EAAA,GAEL,UAAQ,sBACP,OAAQA,EAAA,OACR,aAAYA,EAAA,UACZ,6DAA6CA,EAAA,IAAI,EAAA,EACjD,SAAUA,EAAA,SACV,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,KAAMA,EAAA,OAEI,eACT,IAKO,CALPC,aAKOC,EAAA,OAAA,OAAA,CAHJ,KAAMC,EAAA,wBAAwBH,EAAA,IAAI,GAFrC,IAKO,CADLI,EAAAA,YAA8DC,EAAA,CAAvC,KAAMF,EAAA,wBAAwBH,EAAA,IAAI,6GAfpC,CAAAM,EAAA,CAAA,QAAAN,EAAA,qBAAuBA,EAAA,OAAI,UAAA,CAAA"}

package/dist/lib/split-button/{split-button-omega.js → split-button-end.js}

@@ -1,14 +1,14 @@
 import { SPLIT_BUTTON_ICON_SIZES as l } from "./split-button-constants.js";
 import { DtIconChevronDown as r } from "@dialpad/dialtone-icons/vue3";
 import { getUniqueString as c } from "../../common/utils/index.js";
-import { resolveComponent as i, resolveDirective as s, withDirectives as _, openBlock as m, createBlock as f, normalizeClass as u, withCtx as S, renderSlot as p, createVNode as g } from "vue";
-import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import b from "../button/button.js";
-const z = {
+import { resolveComponent as i, resolveDirective as s, withDirectives as _, openBlock as m, createBlock as f, normalizeClass as u, withCtx as S, renderSlot as p, createVNode as v } from "vue";
+import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import z from "../button/button.js";
+const T = {
   compatConfig: { MODE: 3 },
-  name: "SplitButtonOmega",
+  name: "SplitButtonEnd",
   components: {
-    DtButton: b,
+    DtButton: z,
     DtIconChevronDown: r
   },
   props: {
@@ -76,14 +76,14 @@ const z = {
     };
   }
 };
-function T(n, B, t, I, e, y) {
+function g(n, B, t, I, e, y) {
   const o = i("dt-icon-chevron-down"), a = i("dt-button"), d = s("dt-tooltip");
   return _((m(), f(a, {
     id: t.id,
-    "data-qa": "dt-split-button-omega",
+    "data-qa": "dt-split-button-end",
     active: t.active,
     "aria-label": t.ariaLabel,
-    class: u(`d-split-btn__omega d-split-btn__omega--${t.size}`),
+    class: u(`d-split-btn__end d-split-btn__end--${t.size}`),
     disabled: t.disabled,
     importance: t.importance,
     kind: t.kind,
@@ -93,7 +93,7 @@ function T(n, B, t, I, e, y) {
       p(n.$slots, "icon", {
         size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
       }, () => [
-        g(o, {
+        v(o, {
           size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
         }, null, 8, ["size"])
       ])
@@ -103,8 +103,8 @@ function T(n, B, t, I, e, y) {
     [d, { message: t.tooltipText, inverted: t.kind === "inverted" }]
   ]);
 }
-const w = /* @__PURE__ */ v(z, [["render", T]]);
+const E = /* @__PURE__ */ b(T, [["render", g]]);
 export {
-  w as default
+  E as default
 };
-//# sourceMappingURL=split-button-omega.js.map
+//# sourceMappingURL=split-button-end.js.map

package/dist/lib/split-button/split-button-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-end.js","sources":["../../../components/split_button/split_button-end.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-end\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__end d-split-btn__end--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonEnd',\n  components: {\n    DtButton,\n    DtIconChevronDown,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":";;;;;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,mBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAASC,EAAe;AAAA;;;;IAM1B,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,yBAAAC;AAAA;EAEJ;AACF;;;iBA7GEC,EAoBYC,GAAA;AAAA,IAnBT,IAAIC,EAAA;AAAA,IAEL,WAAQ;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,+CAA6CA,EAAA,IAAI,EAAA;AAAA,IACjD,UAAUA,EAAA;AAAA,IACV,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,MAAMA,EAAA;AAAA;IAEI,QACT,MAKO;AAAA,MALPC,EAKOC,EAAA,QAAA,QAAA;AAAA,QAHJ,MAAMC,EAAA,wBAAwBH,EAAA,IAAI;AAAA,SAFrC,MAKO;AAAA,QADLI,EAA8DC,GAAA;AAAA,UAAvC,MAAMF,EAAA,wBAAwBH,EAAA,IAAI;AAAA;;;;;IAfpC,CAAAM,GAAA,EAAA,SAAAN,EAAA,uBAAuBA,EAAA,SAAI,WAAA,CAAA;AAAA;;;"}

package/dist/lib/split-button/split-button-start.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonStart",components:{DtButton:r.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},leadingClass:{type:[String,Array,Object],default:""},trailingClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},href:{type:String,default:null},target:{type:String,default:null},rel:{type:String,default:null}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(n,g,e,S,l,i){const a=t.resolveComponent("dt-button"),s=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(a,{"data-qa":"dt-split-button-start",active:e.active,"aria-label":e.ariaLabel,"assertive-on-focus":e.assertiveOnFocus,class:t.normalizeClass(`d-split-btn__start d-split-btn__start--${e.size}`),disabled:e.disabled,"icon-position":e.iconPosition,importance:e.importance,kind:e.kind,"label-class":e.labelClass,"leading-class":e.leadingClass,"trailing-class":e.trailingClass,loading:e.loading,size:e.size,to:e.to,replace:e.replace,href:e.href,target:e.target,rel:e.rel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:2},[n.$slots.startIcon?{name:"startIcon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"startIcon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"0"}:void 0,n.$slots.endIcon?{name:"endIcon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"endIcon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"1"}:void 0,n.$slots.icon&&!n.$slots.startIcon&&!n.$slots.endIcon?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"icon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"2"}:void 0,n.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"leading")]),key:"3"}:void 0,n.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"trailing")]),key:"4"}:void 0]),1032,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","leading-class","trailing-class","loading","size","to","replace","href","target","rel"])),[[s,i.tooltipConfig]])}const f=o._(u,[["render",c]]);exports.default=f;
+//# sourceMappingURL=split-button-start.cjs.map

package/dist/lib/split-button/split-button-start.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-start.cjs","sources":["../../../components/split_button/split_button-start.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\n    data-qa=\"dt-split-button-start\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :assertive-on-focus=\"assertiveOnFocus\"\n    :class=\"`d-split-btn__start d-split-btn__start--${size}`\"\n    :disabled=\"disabled\"\n    :icon-position=\"iconPosition\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    :loading=\"loading\"\n    :size=\"size\"\n    :to=\"to\"\n    :replace=\"replace\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel\"\n  >\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon\n    >\n      <slot\n        name=\"startIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon\n    >\n      <slot\n        name=\"endIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n      #icon\n    >\n      <slot\n        name=\"icon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\n    </template>\n    <slot name=\"default\" />\n  </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonStart',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button is in focus.\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Vue router `to` prop. When set, renders as a `<router-link>`.\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`.\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href. When set, renders as an `<a>` element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the link.\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the link.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_ICON_SIZES,\n    };\n  },\n\n  computed: {\n    tooltipConfig () {\n      return {\n        message: this.tooltipText,\n        inverted: this.kind === 'inverted',\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":"2QAqEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,GAAI,CACF,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,MAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,OAAQ,CACN,KAAM,OACN,QAAS,MAMX,IAAK,CACH,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,EAEA,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WAE5B,EAEJ,4IA7OEC,EAAAA,YA8DYC,EAAA,CA5DV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,iEAAiDA,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,gBAAeA,EAAA,aACf,iBAAgBA,EAAA,cAChB,QAASA,EAAA,QACT,KAAMA,EAAA,KACN,GAAIA,EAAA,GACJ,QAASA,EAAA,QACT,KAAMA,EAAA,KACN,OAAQA,EAAA,OACR,IAAKA,EAAA,sCAyCN,IAAuB,CAAvBC,aAAuBC,EAAA,OAAA,SAAA,UAtCfA,EAAA,OAAO,gBACZ,yBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,YAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,UAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,MAAI,CAAKA,EAAA,OAAO,WAAS,CAAKA,EAAA,OAAO,cACjD,oBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAAuB,CAAvBD,aAAuBC,EAAA,OAAA,SAAA,oBAGjBA,EAAA,OAAO,eACZ,wBAED,IAAwB,CAAxBD,aAAwBC,EAAA,OAAA,UAAA,0OA1DZE,EAAA,aAAa"}

package/dist/lib/split-button/split-button-start.js

@@ -0,0 +1,231 @@
+import { resolveComponent as r, resolveDirective as d, withDirectives as f, openBlock as c, createBlock as u, normalizeClass as g, createSlots as m, withCtx as a, renderSlot as l } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import S from "../button/button.js";
+import { BUTTON_ICON_SIZES as b } from "../button/button-constants.js";
+const C = {
+  compatConfig: { MODE: 3 },
+  name: "SplitButtonStart",
+  components: {
+    DtButton: S
+  },
+  props: {
+    /**
+     * Determines whether the button should have active styling
+     */
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Descriptive label for the button
+     */
+    ariaLabel: {
+      type: String,
+      default: null
+    },
+    /**
+     * The position of the icon slot within the button.
+     */
+    iconPosition: {
+      type: String,
+      default: "left"
+    },
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the leading container
+     */
+    leadingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the trailing container
+     */
+    trailingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Whether the button should display a loading animation or not.
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Text shown in tooltip when you hover the button
+     */
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Determines whether a screenreader reads live updates of
+     * the button content to the user while the button is in focus.
+     */
+    assertiveOnFocus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML button disabled attribute
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     */
+    importance: {
+      type: String,
+      default: "primary"
+    },
+    /**
+     * The color of the button.
+     */
+    kind: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * The size of the button.
+     */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /**
+     * Vue router `to` prop. When set, renders as a `<router-link>`.
+     */
+    to: {
+      type: [String, Object],
+      default: null
+    },
+    /**
+     * Whether to use `router.replace()` instead of `router.push()`.
+     */
+    replace: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML href. When set, renders as an `<a>` element.
+     */
+    href: {
+      type: String,
+      default: null
+    },
+    /**
+     * HTML target attribute for the link.
+     */
+    target: {
+      type: String,
+      default: null
+    },
+    /**
+     * HTML rel attribute for the link.
+     */
+    rel: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      BUTTON_ICON_SIZES: b
+    };
+  },
+  computed: {
+    tooltipConfig() {
+      return {
+        message: this.tooltipText,
+        inverted: this.kind === "inverted"
+      };
+    }
+  }
+};
+function I(t, p, e, v, n, i) {
+  const s = r("dt-button"), o = d("dt-tooltip");
+  return f((c(), u(s, {
+    "data-qa": "dt-split-button-start",
+    active: e.active,
+    "aria-label": e.ariaLabel,
+    "assertive-on-focus": e.assertiveOnFocus,
+    class: g(`d-split-btn__start d-split-btn__start--${e.size}`),
+    disabled: e.disabled,
+    "icon-position": e.iconPosition,
+    importance: e.importance,
+    kind: e.kind,
+    "label-class": e.labelClass,
+    "leading-class": e.leadingClass,
+    "trailing-class": e.trailingClass,
+    loading: e.loading,
+    size: e.size,
+    to: e.to,
+    replace: e.replace,
+    href: e.href,
+    target: e.target,
+    rel: e.rel
+  }, m({
+    default: a(() => [
+      l(t.$slots, "default")
+    ]),
+    _: 2
+  }, [
+    t.$slots.startIcon ? {
+      name: "startIcon",
+      fn: a(() => [
+        l(t.$slots, "startIcon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "0"
+    } : void 0,
+    t.$slots.endIcon ? {
+      name: "endIcon",
+      fn: a(() => [
+        l(t.$slots, "endIcon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "1"
+    } : void 0,
+    t.$slots.icon && !t.$slots.startIcon && !t.$slots.endIcon ? {
+      name: "icon",
+      fn: a(() => [
+        l(t.$slots, "icon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "2"
+    } : void 0,
+    t.$slots.leading ? {
+      name: "leading",
+      fn: a(() => [
+        l(t.$slots, "leading")
+      ]),
+      key: "3"
+    } : void 0,
+    t.$slots.trailing ? {
+      name: "trailing",
+      fn: a(() => [
+        l(t.$slots, "trailing")
+      ]),
+      key: "4"
+    } : void 0
+  ]), 1032, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "leading-class", "trailing-class", "loading", "size", "to", "replace", "href", "target", "rel"])), [
+    [o, i.tooltipConfig]
+  ]);
+}
+const z = /* @__PURE__ */ y(C, [["render", I]]);
+export {
+  z as default
+};
+//# sourceMappingURL=split-button-start.js.map

package/dist/lib/split-button/split-button-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-start.js","sources":["../../../components/split_button/split_button-start.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\n    data-qa=\"dt-split-button-start\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :assertive-on-focus=\"assertiveOnFocus\"\n    :class=\"`d-split-btn__start d-split-btn__start--${size}`\"\n    :disabled=\"disabled\"\n    :icon-position=\"iconPosition\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    :loading=\"loading\"\n    :size=\"size\"\n    :to=\"to\"\n    :replace=\"replace\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel\"\n  >\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon\n    >\n      <slot\n        name=\"startIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon\n    >\n      <slot\n        name=\"endIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n      #icon\n    >\n      <slot\n        name=\"icon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\n    </template>\n    <slot name=\"default\" />\n  </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonStart',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button is in focus.\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Vue router `to` prop. When set, renders as a `<router-link>`.\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`.\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href. When set, renders as an `<a>` element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the link.\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the link.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_ICON_SIZES,\n    };\n  },\n\n  computed: {\n    tooltipConfig () {\n      return {\n        message: this.tooltipText,\n        inverted: this.kind === 'inverted',\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":"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"}

package/dist/lib/split-button/split-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-alpha.cjs"),m=require("./split-button-omega.cjs"),l=require("../../common/utils/index.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),i=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const b={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonOmega:m.default,DtDropdown:g.default,SplitButtonAlpha:h.default},inheritAttrs:!1,props:{alphaActive:{type:Boolean,default:!1},alphaAriaLabel:{type:String,default:null},alphaIconPosition:{type:String,default:"left",validator:e=>Object.keys(i.ICON_POSITION_MODIFIERS).includes(e)},alphaLabelClass:{type:[String,Array,Object],default:""},alphaDisabled:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:!1},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(i.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(i.BUTTON_KIND_MODIFIERS).includes(e)},omegaActive:{type:Boolean,default:!1},omegaAriaLabel:{type:String,default:null},omegaDisabled:{type:Boolean,default:!1},omegaId:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(i.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""}},emits:["alpha-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{alphaButtonProps(){return{active:this.alphaActive,ariaLabel:this.alphaAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||this.alphaDisabled,iconPosition:this.alphaIconPosition,labelClass:this.alphaLabelClass,loading:this.alphaLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText,class:this.$attrs.class,style:this.$attrs.style}},omegaButtonProps(){return{id:this.omegaId,active:this.omegaActive,ariaLabel:this.omegaAriaLabel,disabled:this.disabled||this.omegaDisabled,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){l.warnIfUnmounted(l.returnFirstEl(this.$el),this.$options.name)},methods:{validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){l.hasSlotContent(this.$slots.default)||l.hasSlotContent(this.$slots.alphaIcon)&&!this.alphaTooltipText&&console.warn("alpha-tooltip-text prop must be set if alpha button has an icon only")},validateOmegaButtonProps(){l.hasSlotContent(this.$slots.omega)||this.omegaTooltipText||console.warn("omega-tooltip-text prop is required as it is an icon-only button")}}};function y(e,a,s,B,n,r){const u=t.resolveComponent("split-button-alpha"),p=t.resolveComponent("split-button-omega"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([s.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:s.width})},[t.createVNode(u,t.mergeProps(r.alphaButtonProps,{ref:"alphaButton",onClick:a[0]||(a[0]=o=>e.$emit("alpha-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"alphaIcon",{size:o})]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16),t.renderSlot(e.$slots,"omega",{},()=>[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:s.dropdownPlacement,onClick:a[2]||(a[2]=o=>n.isDropdownOpen=!0),onOpened:a[3]||(a[3]=o=>n.isDropdownOpen=o)},{anchor:t.withCtx(o=>[t.createVNode(p,t.mergeProps({...o,...r.omegaButtonProps},{active:n.isDropdownOpen,onClick:a[1]||(a[1]=d=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:d})=>[t.renderSlot(e.$slots,"omegaIcon",{size:d})]),_:3},16,["active"])]),list:t.withCtx(({close:o})=>[t.renderSlot(e.$slots,"dropdownList",{close:o})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(p,t.mergeProps({key:1},r.omegaButtonProps,{onClick:a[4]||(a[4]=o=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"omegaIcon",{size:o})]),_:3},16))])],6)}const S=f._(b,[["render",y]]);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-start.cjs"),f=require("./split-button-end.cjs"),s=require("../../common/utils/index.cjs"),t=require("vue"),y=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),l=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const m={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonEnd:f.default,DtDropdown:g.default,SplitButtonStart:h.default},inheritAttrs:!1,props:{startActive:{type:Boolean,default:!1},alphaActive:{type:Boolean,default:null},startAriaLabel:{type:String,default:null},alphaAriaLabel:{type:String,default:void 0},startIconPosition:{type:String,default:"left",validator:e=>Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},startLabelClass:{type:[String,Array,Object],default:""},startLeadingClass:{type:[String,Array,Object],default:""},alphaLeadingClass:{type:[String,Array,Object],default:void 0},startTrailingClass:{type:[String,Array,Object],default:""},alphaTrailingClass:{type:[String,Array,Object],default:void 0},alphaLabelClass:{type:[String,Array,Object],default:void 0},startDisabled:{type:Boolean,default:!1},alphaDisabled:{type:Boolean,default:null},startLoading:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:null},startTooltipText:{type:String,default:void 0},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(l.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(l.BUTTON_KIND_MODIFIERS).includes(e)},endActive:{type:Boolean,default:!1},omegaActive:{type:Boolean,default:null},endAriaLabel:{type:String,default:null},omegaAriaLabel:{type:String,default:void 0},endDisabled:{type:Boolean,default:!1},omegaDisabled:{type:Boolean,default:null},endId:{type:String,default:void 0},omegaId:{type:String,default:void 0},endTooltipText:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(l.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""},startTo:{type:[String,Object],default:null},startReplace:{type:Boolean,default:!1},startHref:{type:String,default:null},startTarget:{type:String,default:null},startRel:{type:String,default:null}},emits:["start-clicked","alpha-clicked","end-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{startButtonProps(){return{active:this.alphaActive??this.startActive,ariaLabel:this.alphaAriaLabel??this.startAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||(this.alphaDisabled??this.startDisabled),iconPosition:this.alphaIconPosition??this.startIconPosition,labelClass:this.alphaLabelClass??this.startLabelClass,leadingClass:this.alphaLeadingClass??this.startLeadingClass,trailingClass:this.alphaTrailingClass??this.startTrailingClass,loading:this.alphaLoading??this.startLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText??this.startTooltipText,to:this.startTo,replace:this.startReplace,href:this.startHref,target:this.startTarget,rel:this.startRel,class:this.$attrs.class,style:this.$attrs.style}},endButtonProps(){return{id:this.omegaId??this.endId,active:this.omegaActive??this.endActive,ariaLabel:this.omegaAriaLabel??this.endAriaLabel,disabled:this.disabled||(this.omegaDisabled??this.endDisabled),importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText??this.endTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){s.warnIfUnmounted(s.returnFirstEl(this.$el),this.$options.name)},methods:{onStartClick(){this.$emit("start-clicked"),this.$emit("alpha-clicked")},onEndClick(){this.$emit("end-clicked"),this.$emit("omega-clicked")},validateProps(){this.validateStartButtonProps(),this.validateEndButtonProps()},validateStartButtonProps(){s.hasSlotContent(this.$slots.default)||(s.hasSlotContent(this.$slots.startIcon)||s.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn("start-tooltip-text prop must be set if start button has an icon only")},validateEndButtonProps(){s.hasSlotContent(this.$slots.end)||s.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn("end-tooltip-text prop is required as it is an icon-only button")}}};function S(e,i,o,k,r,n){const u=t.resolveComponent("split-button-start"),d=t.resolveComponent("split-button-end"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([o.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:o.width})},[t.createVNode(u,t.mergeProps(n.startButtonProps,{ref:"startButton",onClick:n.onStartClick}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.startEndIcon?{name:"startIcon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"0"}:void 0,e.$slots.startEndIcon?{name:"endIcon",fn:t.withCtx(({size:a})=>[t.renderSlot(e.$slots,"startEndIcon",{size:a})]),key:"1"}:void 0,e.$slots.startEndIcon?void 0:{name:"icon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"2"},e.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"leading")]),key:"3"}:void 0,e.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"trailing")]),key:"4"}:void 0]),1040,["onClick"]),e.$slots.end?t.renderSlot(e.$slots,"end",{key:0}):e.$slots.omega?t.renderSlot(e.$slots,"omega",{key:1}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:o.dropdownPlacement,onClick:i[0]||(i[0]=a=>r.isDropdownOpen=!0),onOpened:i[1]||(i[1]=a=>r.isDropdownOpen=a)},{anchor:t.withCtx(a=>[t.createVNode(d,t.mergeProps({...a,...n.endButtonProps},{active:r.isDropdownOpen,onClick:n.onEndClick}),{icon:t.withCtx(({size:p})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:p}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:p})]),_:3},16,["active","onClick"])]),list:t.withCtx(({close:a})=>[t.renderSlot(e.$slots,"dropdownList",{close:a})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(d,t.mergeProps({key:1},n.endButtonProps,{onClick:n.onEndClick}),{icon:t.withCtx(({size:a})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:a}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:a})]),_:3},16,["onClick"]))],64))],6)}const b=y._(m,[["render",S]]);exports.default=b;
 //# sourceMappingURL=split-button.cjs.map