npm - @dialpad/dialtone-vue - Versions diffs - 3.223.0-next.2 → 3.223.0-next.4 - Mend

@dialpad/dialtone-vue 3.223.0-next.2 → 3.223.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (423) hide show

package/dist/lib/select-menu/select-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu.cjs","names":[],"sources":["../../../components/SelectMenu/SelectMenu.vue"],"sourcesContent":["<template>\n <div\n :class=\"$attrs.class\"\n :style=\"$attrs.style\"\n >\n <label>\n <dt-text\n v-if=\"showLabel && (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[String(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=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\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 v-bind=\"messagesChildProps\"\n :id=\"messagesId\"\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\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 './SelectMenuConstants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './SelectMenuValidators.js';\nimport { DtValidationMessages } from '../ValidationMessages';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\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 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 * Can also be overridden with a slot of the same name.\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Determines visibility of select label.\n * @values true, false\n /\n showLabel: {\n type: Boolean,\n default: true,\n },\n\n /\n Description for the select.\n * Can also be overridden with a slot of the same name.\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 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(String(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 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 100, 200, 300, 400\n /\n labelSize: {\n type: [String, Number],\n default: null,\n validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(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 Event fired to sync the modelValue prop with the parent component\n \n @event update:modelValue\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n ],\n\n data () {\n return {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n messagesId: getUniqueString(),\n };\n },\n\n computed: {\n resolvedLabelSize () {\n if (this.labelSize != null) return this.labelSize;\n const sizeStr = String(this.size);\n // xl/500 exceeds label's max size — cap at lg/400\n if (sizeStr === 'xl' \|\| sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n return this.size;\n },\n\n resolvedDescriptionSize () {\n const map = {\n 100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n };\n return map[String(this.size)] \|\| 'sm';\n },\n\n resolvedDescriptionDensity () {\n const sizeStr = String(this.size);\n return (sizeStr === 'xl' \|\| sizeStr === '500') ? '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 ariaInvalid () {\n return this.state === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\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 emitValue (value, event) {\n this.$emit('update:modelValue', 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 show-label=\"false\" to hide it visually.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"select-menu.cjs","names":[],"sources":["../../../components/SelectMenu/SelectMenu.vue"],"sourcesContent":["<template>\n <div\n :class=\"$attrs.class\"\n :style=\"$attrs.style\"\n >\n <label>\n <dt-text\n v-if=\"showLabel && (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[String(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=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\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 v-bind=\"messagesChildProps\"\n :id=\"messagesId\"\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n data-qa=\"dt-select-messages\"\n />\n </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n} from './SelectMenuConstants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './SelectMenuValidators.js';\nimport { DtValidationMessages } from '../ValidationMessages';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\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 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 * Can also be overridden with a slot of the same name.\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Determines visibility of select label.\n * @values true, false\n /\n showLabel: {\n type: Boolean,\n default: true,\n },\n\n /\n Description for the select.\n * Can also be overridden with a slot of the same name.\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 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: ordinalSizeValidator(SELECT_SIZE_MODIFIERS),\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 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 100, 200, 300, 400\n /\n labelSize: {\n type: [String, Number],\n default: null,\n validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(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 Event fired to sync the modelValue prop with the parent component\n \n @event update:modelValue\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n ],\n\n data () {\n return {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n messagesId: getUniqueString(),\n };\n },\n\n computed: {\n resolvedLabelSize () {\n if (this.labelSize != null) return this.labelSize;\n const sizeStr = String(this.size);\n // xl/500 exceeds label's max size — cap at lg/400\n if (sizeStr === 'xl' \|\| sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n return this.size;\n },\n\n resolvedDescriptionSize () {\n const map = {\n 100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n };\n return map[String(this.size)] \|\| 'sm';\n },\n\n resolvedDescriptionDensity () {\n const sizeStr = String(this.size);\n return (sizeStr === 'xl' \|\| sizeStr === '500') ? '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 ariaInvalid () {\n return this.state === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\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 emitValue (value, event) {\n this.$emit('update:modelValue', 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 show-label=\"false\" to hide it visually.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/select-menu/select-menu.js CHANGED Viewed

@@ -1,21 +1,22 @@
 import { VALIDATION_MESSAGE_TYPES as e } from "../../common/constants/index.js";
-import { getUniqueString as t, getValidationState as n, hasSlotContent as r, removeClassStyleAttrs as i } from "../../common/utils/index.js";
-import { MessagesMixin as a } from "../../common/mixins/input.js";
-import { t as o } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import s from "../validation-messages/validation-messages.js";
-import { TEXT_SIZE_MODIFIERS as c, TEXT_STRENGTH_MODIFIERS as l } from "../text/text-constants.js";
-import u from "../text/text.js";
-import { SELECT_SIZE_MODIFIERS as d, SELECT_STATE_MODIFIERS as f } from "./select-menu-constants.js";
-import { optionsValidator as p } from "./select-menu-validators.js";
-import { Fragment as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, mergeProps as x, normalizeClass as S, normalizeStyle as C, openBlock as w, renderList as T, renderSlot as E, resolveComponent as D, toDisplayString as O, toHandlers as k, warn as A, withCtx as j } from "vue";
+import { ordinalSizeValidator as t } from "../../common/validators/index.js";
+import { getUniqueString as n, getValidationState as r, hasSlotContent as i, removeClassStyleAttrs as a } from "../../common/utils/index.js";
+import { MessagesMixin as o } from "../../common/mixins/input.js";
+import { t as s } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import c from "../validation-messages/validation-messages.js";
+import { TEXT_SIZE_MODIFIERS as l, TEXT_STRENGTH_MODIFIERS as u } from "../text/text-constants.js";
+import d from "../text/text.js";
+import { SELECT_SIZE_MODIFIERS as f, SELECT_STATE_MODIFIERS as p } from "./select-menu-constants.js";
+import { optionsValidator as m } from "./select-menu-validators.js";
+import { Fragment as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, mergeProps as S, normalizeClass as C, normalizeStyle as w, openBlock as T, renderList as E, renderSlot as D, resolveComponent as O, toDisplayString as k, toHandlers as A, warn as j, withCtx as M } from "vue";
 //#region components/SelectMenu/SelectMenu.vue
-var M = {
+var N = {
 	name: "DtSelectMenu",
 	components: {
-		DtValidationMessages: s,
-		DtText: u
+		DtValidationMessages: c,
+		DtText: d
 	},
-	mixins: [a],
+	mixins: [o],
 	inheritAttrs: !1,
 	props: {
 		label: {
@@ -33,12 +34,12 @@ var M = {
 		options: {
 			type: Array,
 			default: () => [],
-			validator: (e) => p(e)
+			validator: (e) => m(e)
 		},
 		size: {
 			type: [String, Number],
 			default: 300,
-			validator: (e) => Object.keys(d).includes(String(e))
+			validator: t(f)
 		},
 		labelClass: {
 			type: [
@@ -95,21 +96,21 @@ var M = {
 		labelSize: {
 			type: [String, Number],
 			default: null,
-			validator: (e) => c.label.includes(String(e))
+			validator: (e) => l.label.includes(String(e))
 		},
 		labelStrength: {
 			type: String,
 			default: null,
-			validator: (e) => Object.keys(l).includes(e)
+			validator: (e) => Object.keys(u).includes(e)
 		}
 	},
 	emits: ["update:modelValue"],
 	data() {
 		return {
-			SELECT_SIZE_MODIFIERS: d,
-			SELECT_STATE_MODIFIERS: f,
-			hasSlotContent: r,
-			messagesId: t()
+			SELECT_SIZE_MODIFIERS: f,
+			SELECT_STATE_MODIFIERS: p,
+			hasSlotContent: i,
+			messagesId: n()
 		};
 	},
 	computed: {
@@ -143,7 +144,7 @@ var M = {
 			};
 		},
 		state() {
-			return n(this.formattedMessages);
+			return r(this.formattedMessages);
 		},
 		ariaInvalid() {
 			return this.state === e.CRITICAL ? "true" : void 0;
@@ -152,7 +153,7 @@ var M = {
 			return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : void 0;
 		},
 		selectKey() {
-			return t();
+			return n();
 		},
 		descriptionKey() {
 			return `select-${this.selectKey}-description`;
@@ -168,7 +169,7 @@ var M = {
 		this.validateOptionsPresence();
 	},
 	methods: {
-		removeClassStyleAttrs: i,
+		removeClassStyleAttrs: a,
 		emitValue(e, t) {
 			this.$emit("update:modelValue", e, t);
 		},
@@ -176,26 +177,26 @@ var M = {
 			return `select-${this.selectKey}-option-${e}`;
 		},
 		validateOptionsPresence() {
-			this.options?.length < 1 && !this.$slots.default && A("Options are expected to be provided via prop or slot", this);
+			this.options?.length < 1 && !this.$slots.default && j("Options are expected to be provided via prop or slot", this);
 		},
 		runValidations() {
 			!(this.$slots.label || this.label) && !this.$attrs["aria-label"] && console.info("[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.");
 		}
 	}
-}, N = [
+}, P = [
 	"aria-label",
 	"aria-invalid",
 	"aria-describedby",
 	"disabled",
 	"value"
-], P = ["value"];
-function F(e, t, n, r, i, a) {
-	let o = D("dt-text"), s = D("dt-validation-messages");
-	return w(), _("div", {
-		class: S(e.$attrs.class),
-		style: C(e.$attrs.style)
-	}, [v("label", null, [
-		n.showLabel && (i.hasSlotContent(e.$slots.label) || n.label) ? (w(), h(o, x({
+], F = ["value"];
+function I(e, t, n, r, i, a) {
+	let o = O("dt-text"), s = O("dt-validation-messages");
+	return T(), v("div", {
+		class: C(e.$attrs.class),
+		style: w(e.$attrs.style)
+	}, [y("label", null, [
+		n.showLabel && (i.hasSlotContent(e.$slots.label) || n.label) ? (T(), g(o, S({
 			key: 0,
 			kind: "label",
 			size: a.resolvedLabelSize,
@@ -205,15 +206,15 @@ function F(e, t, n, r, i, a) {
 			"aria-details": a.labelAriaDetails,
 			class: ["d-select__label-text", n.labelClass]
 		}, n.labelChildProps, { "data-qa": "dt-select-label" }), {
-			default: j(() => [E(e.$slots, "label", {}, () => [y(O(n.label), 1)])]),
+			default: M(() => [D(e.$slots, "label", {}, () => [b(k(n.label), 1)])]),
 			_: 3
 		}, 16, [
 			"size",
 			"strength",
 			"aria-details",
 			"class"
-		])) : g("", !0),
-		i.hasSlotContent(e.$slots.description) || n.description ? (w(), h(o, x({
+		])) : _("", !0),
+		i.hasSlotContent(e.$slots.description) || n.description ? (T(), g(o, S({
 			key: 1,
 			id: a.descriptionKey,
 			kind: "body",
@@ -223,23 +224,23 @@ function F(e, t, n, r, i, a) {
 			as: "div",
 			class: ["d-description", n.descriptionClass]
 		}, n.descriptionChildProps, { "data-qa": "dt-select-description" }), {
-			default: j(() => [E(e.$slots, "description", {}, () => [y(O(n.description), 1)])]),
+			default: M(() => [D(e.$slots, "description", {}, () => [b(k(n.description), 1)])]),
 			_: 3
 		}, 16, [
 			"id",
 			"size",
 			"density",
 			"class"
-		])) : g("", !0),
-		v("div", {
-			class: S([
+		])) : _("", !0),
+		y("div", {
+			class: C([
 				"d-select",
 				i.SELECT_SIZE_MODIFIERS[String(n.size)],
 				n.selectClass,
 				{ "d-select--disabled": n.disabled }
 			]),
 			"data-qa": "dt-select-wrapper"
-		}, [v("select", x({
+		}, [y("select", S({
 			ref: "selectElement",
 			class: ["d-select__input", i.SELECT_STATE_MODIFIERS[a.state]],
 			"aria-label": !n.showLabel && n.label ? n.label : void 0,
@@ -249,12 +250,12 @@ function F(e, t, n, r, i, a) {
 			"data-qa": "dt-select",
 			disabled: n.disabled,
 			value: n.modelValue
-		}, k(a.selectListeners, !0)), [E(e.$slots, "default", {}, () => [(w(!0), _(m, null, T(n.options, (e) => (w(), _("option", x({
+		}, A(a.selectListeners, !0)), [D(e.$slots, "default", {}, () => [(T(!0), v(h, null, E(n.options, (e) => (T(), v("option", S({
 			key: a.getOptionKey(e.value),
 			value: e.value,
 			class: n.optionClass
-		}, { ref_for: !0 }, n.optionChildProps), O(e.label), 17, P))), 128))])], 16, N)], 2)
-	]), b(s, x(e.messagesChildProps, {
+		}, { ref_for: !0 }, n.optionChildProps), k(e.label), 17, F))), 128))])], 16, P)], 2)
+	]), x(s, S(e.messagesChildProps, {
 		id: i.messagesId,
 		"validation-messages": e.formattedMessages,
 		"show-messages": e.showMessages,
@@ -267,8 +268,8 @@ function F(e, t, n, r, i, a) {
 		"class"
 	])], 6);
 }
-var I = /* @__PURE__ */ o(M, [["render", F]]);
+var L = /* @__PURE__ */ s(N, [["render", I]]);
 //#endregion
-export { I as default };
+export { L as default };
 //# sourceMappingURL=select-menu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu.js","names":[],"sources":["../../../components/SelectMenu/SelectMenu.vue"],"sourcesContent":["<template>\n <div\n :class=\"$attrs.class\"\n :style=\"$attrs.style\"\n >\n <label>\n <dt-text\n v-if=\"showLabel && (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[String(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=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\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 v-bind=\"messagesChildProps\"\n :id=\"messagesId\"\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\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 './SelectMenuConstants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './SelectMenuValidators.js';\nimport { DtValidationMessages } from '../ValidationMessages';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\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 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 * Can also be overridden with a slot of the same name.\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Determines visibility of select label.\n * @values true, false\n /\n showLabel: {\n type: Boolean,\n default: true,\n },\n\n /\n Description for the select.\n * Can also be overridden with a slot of the same name.\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 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(String(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 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 100, 200, 300, 400\n /\n labelSize: {\n type: [String, Number],\n default: null,\n validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(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 Event fired to sync the modelValue prop with the parent component\n \n @event update:modelValue\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n ],\n\n data () {\n return {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n messagesId: getUniqueString(),\n };\n },\n\n computed: {\n resolvedLabelSize () {\n if (this.labelSize != null) return this.labelSize;\n const sizeStr = String(this.size);\n // xl/500 exceeds label's max size — cap at lg/400\n if (sizeStr === 'xl' \|\| sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n return this.size;\n },\n\n resolvedDescriptionSize () {\n const map = {\n 100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n };\n return map[String(this.size)] \|\| 'sm';\n },\n\n resolvedDescriptionDensity () {\n const sizeStr = String(this.size);\n return (sizeStr === 'xl' \|\| sizeStr === '500') ? '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 ariaInvalid () {\n return this.state === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\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 emitValue (value, event) {\n this.$emit('update:modelValue', 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 show-label=\"false\" to hide it visually.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"select-menu.js","names":[],"sources":["../../../components/SelectMenu/SelectMenu.vue"],"sourcesContent":["<template>\n <div\n :class=\"$attrs.class\"\n :style=\"$attrs.style\"\n >\n <label>\n <dt-text\n v-if=\"showLabel && (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[String(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=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\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 v-bind=\"messagesChildProps\"\n :id=\"messagesId\"\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n data-qa=\"dt-select-messages\"\n />\n </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n} from './SelectMenuConstants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './SelectMenuValidators.js';\nimport { DtValidationMessages } from '../ValidationMessages';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\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 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 * Can also be overridden with a slot of the same name.\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Determines visibility of select label.\n * @values true, false\n /\n showLabel: {\n type: Boolean,\n default: true,\n },\n\n /\n Description for the select.\n * Can also be overridden with a slot of the same name.\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 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: ordinalSizeValidator(SELECT_SIZE_MODIFIERS),\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 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 100, 200, 300, 400\n /\n labelSize: {\n type: [String, Number],\n default: null,\n validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(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 Event fired to sync the modelValue prop with the parent component\n \n @event update:modelValue\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n ],\n\n data () {\n return {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n messagesId: getUniqueString(),\n };\n },\n\n computed: {\n resolvedLabelSize () {\n if (this.labelSize != null) return this.labelSize;\n const sizeStr = String(this.size);\n // xl/500 exceeds label's max size — cap at lg/400\n if (sizeStr === 'xl' \|\| sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n return this.size;\n },\n\n resolvedDescriptionSize () {\n const map = {\n 100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n };\n return map[String(this.size)] \|\| 'sm';\n },\n\n resolvedDescriptionDensity () {\n const sizeStr = String(this.size);\n return (sizeStr === 'xl' \|\| sizeStr === '500') ? '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 ariaInvalid () {\n return this.state === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\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 emitValue (value, event) {\n this.$emit('update:modelValue', 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 show-label=\"false\" to hide it visually.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button-constants.cjs`),r=require(`../dropdown/dropdown.cjs`),i=require(`./split-button-start.cjs`),a=require(`./split-button-end.cjs`);let o=require(`vue`);var s={name:`DtSplitButton`,components:{SplitButtonEnd:a.default,DtDropdown:r.default,SplitButtonStart:i.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(n.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(n.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(n.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(n.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,Number],default:300,validator:e=>Object.keys(n.BUTTON_SIZE_MODIFIERS).includes(String(e))},width:{type:String,default:null},showDivider:{type:Boolean,default:!0},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(){e.warnIfUnmounted(e.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(),this.validateShowDivider()},validateStartButtonProps(){e.hasSlotContent(this.$slots.default)||(e.hasSlotContent(this.$slots.startIcon)||e.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(){e.hasSlotContent(this.$slots.end)||e.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn(`end-tooltip-text prop is required as it is an icon-only button`)},validateShowDivider(){!this.showDivider&&this.importance!==`clear`&&console.warn(`show-divider prop set to false has no effect when importance is not "clear". The divider is always shown for "outlined" and "primary" importances.`)}}};function c(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`split-button-start`),c=(0,o.resolveComponent)(`split-button-end`),l=(0,o.resolveComponent)(`dt-dropdown`);return(0,o.openBlock)(),(0,o.createElementBlock)(`span`,{"data-qa":`dt-split-button`,class:(0,o.normalizeClass)([`d-split-btn`,{"d-split-btn--no-divider":!n.showDivider&&n.importance===`clear`},e.$attrs.class]),style:(0,o.normalizeStyle)([e.$attrs.style,{width:n.width}])},[(0,o.createVNode)(s,(0,o.mergeProps)(a.startButtonProps,{ref:`startButton`,onClick:a.onStartClick}),(0,o.createSlots)({default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`default`)]),_:2},[e.$slots.startEndIcon?{name:`startIcon`,fn:(0,o.withCtx)(({size:t})=>[e.$slots.startIcon?(0,o.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`0`}:void 0,e.$slots.startEndIcon?{name:`endIcon`,fn:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`startEndIcon`,{size:t})]),key:`1`}:void 0,e.$slots.startEndIcon?void 0:{name:`icon`,fn:(0,o.withCtx)(({size:t})=>[e.$slots.startIcon?(0,o.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`2`},e.$slots.leading?{name:`leading`,fn:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`leading`)]),key:`3`}:void 0,e.$slots.trailing?{name:`trailing`,fn:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`trailing`)]),key:`4`}:void 0]),1040,[`onClick`]),e.$slots.end?(0,o.renderSlot)(e.$slots,`end`,{key:0}):e.$slots.omega?(0,o.renderSlot)(e.$slots,`omega`,{key:1}):((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:2},[e.$slots.dropdownList?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,placement:n.dropdownPlacement,onClick:t[0]||(t[0]=e=>i.isDropdownOpen=!0),onOpened:t[1]||(t[1]=e=>i.isDropdownOpen=e)},{anchor:(0,o.withCtx)(t=>[(0,o.createVNode)(c,(0,o.mergeProps)({...t,...a.endButtonProps},{active:i.isDropdownOpen,onClick:a.onEndClick}),{icon:(0,o.withCtx)(({size:t})=>[e.$slots.endIcon?(0,o.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`active`,`onClick`])]),list:(0,o.withCtx)(({close:t})=>[(0,o.renderSlot)(e.$slots,`dropdownList`,{close:t})]),_:3},8,[`placement`])):((0,o.openBlock)(),(0,o.createBlock)(c,(0,o.mergeProps)({key:1},a.endButtonProps,{onClick:a.onEndClick}),{icon:(0,o.withCtx)(({size:t})=>[e.$slots.endIcon?(0,o.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`onClick`]))],64))],6)}var l=t.t(s,[[`render`,c]]);exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../button/button-constants.cjs`),i=require(`../dropdown/dropdown.cjs`),a=require(`./split-button-start.cjs`),o=require(`./split-button-end.cjs`);let s=require(`vue`);var c={name:`DtSplitButton`,components:{SplitButtonEnd:o.default,DtDropdown:i.default,SplitButtonStart:a.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(r.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(r.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(r.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(r.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,Number],default:300,validator:e.ordinalSizeValidator(r.BUTTON_SIZE_MODIFIERS)},width:{type:String,default:null},showDivider:{type:Boolean,default:!0},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(){t.warnIfUnmounted(t.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(),this.validateShowDivider()},validateStartButtonProps(){t.hasSlotContent(this.$slots.default)||(t.hasSlotContent(this.$slots.startIcon)||t.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(){t.hasSlotContent(this.$slots.end)||t.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn(`end-tooltip-text prop is required as it is an icon-only button`)},validateShowDivider(){!this.showDivider&&this.importance!==`clear`&&console.warn(`show-divider prop set to false has no effect when importance is not "clear". The divider is always shown for "outlined" and "primary" importances.`)}}};function l(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`split-button-start`),c=(0,s.resolveComponent)(`split-button-end`),l=(0,s.resolveComponent)(`dt-dropdown`);return(0,s.openBlock)(),(0,s.createElementBlock)(`span`,{"data-qa":`dt-split-button`,class:(0,s.normalizeClass)([`d-split-btn`,{"d-split-btn--no-divider":!n.showDivider&&n.importance===`clear`},e.$attrs.class]),style:(0,s.normalizeStyle)([e.$attrs.style,{width:n.width}])},[(0,s.createVNode)(o,(0,s.mergeProps)(a.startButtonProps,{ref:`startButton`,onClick:a.onStartClick}),(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`default`)]),_:2},[e.$slots.startEndIcon?{name:`startIcon`,fn:(0,s.withCtx)(({size:t})=>[e.$slots.startIcon?(0,s.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,s.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`0`}:void 0,e.$slots.startEndIcon?{name:`endIcon`,fn:(0,s.withCtx)(({size:t})=>[(0,s.renderSlot)(e.$slots,`startEndIcon`,{size:t})]),key:`1`}:void 0,e.$slots.startEndIcon?void 0:{name:`icon`,fn:(0,s.withCtx)(({size:t})=>[e.$slots.startIcon?(0,s.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,s.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`2`},e.$slots.leading?{name:`leading`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`leading`)]),key:`3`}:void 0,e.$slots.trailing?{name:`trailing`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`trailing`)]),key:`4`}:void 0]),1040,[`onClick`]),e.$slots.end?(0,s.renderSlot)(e.$slots,`end`,{key:0}):e.$slots.omega?(0,s.renderSlot)(e.$slots,`omega`,{key:1}):((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:2},[e.$slots.dropdownList?((0,s.openBlock)(),(0,s.createBlock)(l,{key:0,placement:n.dropdownPlacement,onClick:t[0]||(t[0]=e=>i.isDropdownOpen=!0),onOpened:t[1]||(t[1]=e=>i.isDropdownOpen=e)},{anchor:(0,s.withCtx)(t=>[(0,s.createVNode)(c,(0,s.mergeProps)({...t,...a.endButtonProps},{active:i.isDropdownOpen,onClick:a.onEndClick}),{icon:(0,s.withCtx)(({size:t})=>[e.$slots.endIcon?(0,s.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,s.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`active`,`onClick`])]),list:(0,s.withCtx)(({close:t})=>[(0,s.renderSlot)(e.$slots,`dropdownList`,{close:t})]),_:3},8,[`placement`])):((0,s.openBlock)(),(0,s.createBlock)(c,(0,s.mergeProps)({key:1},a.endButtonProps,{onClick:a.onEndClick}),{icon:(0,s.withCtx)(({size:t})=>[e.$slots.endIcon?(0,s.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,s.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`onClick`]))],64))],6)}var u=n.t(c,[[`render`,l]]);exports.default=u;
 //# sourceMappingURL=split-button.cjs.map

package/dist/lib/split-button/split-button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"split-button.cjs","names":[],"sources":["../../../components/SplitButton/SplitButton.vue"],"sourcesContent":["<template>\n <span\n data-qa=\"dt-split-button\"\n :class=\"['d-split-btn', { 'd-split-btn--no-divider': !showDivider && importance === 'clear' }, $attrs.class]\"\n :style=\"[$attrs.style, { width }]\"\n >\n <split-button-start\n v-bind=\"startButtonProps\"\n ref=\"startButton\"\n @click=\"onStartClick\"\n >\n <!-- Dual-icon path: when startEndIcon is provided, use DtButton's startIcon/endIcon -->\n <template\n v-if=\"$slots.startEndIcon\"\n #startIcon=\"{ size: iconSize }\"\n >\n <!-- @slot Start (left) button icon slot -->\n <slot\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"alphaIcon\"\n :size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.startEndIcon\"\n #endIcon=\"{ size: iconSize }\"\n >\n <!-- @slot End-positioned icon within the start button (enables dual icons on the start button) -->\n <slot\n name=\"startEndIcon\"\n :size=\"iconSize\"\n />\n </template>\n <!-- Legacy single-icon path: uses DtButton's icon slot with iconPosition -->\n <template\n v-if=\"!$slots.startEndIcon\"\n #icon=\"{ size: iconSize }\"\n >\n <!-- @slot Start (left) button icon slot -->\n <slot\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"alphaIcon\"\n :size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n <!-- @slot Leading slot, forwarded to the alpha button's leading slot -->\n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n <!-- @slot Trailing slot, forwarded to the alpha button's trailing slot -->\n <slot name=\"trailing\" />\n </template>\n <!-- @slot Default content slot -->\n <slot name=\"default\" />\n </split-button-start>\n <!-- @slot End (right) content slot, overrides end button styling and functionality completely -->\n <template v-if=\"$slots.end\">\n <slot name=\"end\" />\n </template>\n <!-- @slot @deprecated Use end -->\n <template v-else-if=\"$slots.omega\">\n <slot name=\"omega\" />\n </template>\n <template v-else>\n <dt-dropdown\n v-if=\"$slots.dropdownList\"\n :placement=\"dropdownPlacement\"\n @click=\"isDropdownOpen = true\"\n @opened=\"open => isDropdownOpen = open\"\n >\n <template #anchor=\"attrs\">\n <split-button-end\n v-bind=\"{ ...attrs, ...endButtonProps }\"\n :active=\"isDropdownOpen\"\n @click=\"onEndClick\"\n >\n <template #icon=\"{ size: iconSize }\">\n <!-- @slot End (right) button icon slot -->\n <slot\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use endIcon -->\n <slot\n v-else\n name=\"omegaIcon\"\n :size=\"iconSize\"\n />\n </template>\n </split-button-end>\n </template>\n <template #list=\"{ close }\">\n <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n <slot\n name=\"dropdownList\"\n :close=\"close\"\n />\n </template>\n </dt-dropdown>\n\n <split-button-end\n v-else\n v-bind=\"endButtonProps\"\n @click=\"onEndClick\"\n >\n <template #icon=\"{ size: iconSize }\">\n <!-- @slot End (right) button icon slot -->\n <slot\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use endIcon -->\n <slot\n v-else\n name=\"omegaIcon\"\n :size=\"iconSize\"\n />\n </template>\n </split-button-end>\n </template>\n </span>\n</template>\n\n<script>\nimport {\n BUTTON_IMPORTANCE_MODIFIERS,\n BUTTON_KIND_MODIFIERS,\n BUTTON_SIZE_MODIFIERS,\n ICON_POSITION_MODIFIERS,\n} from '@/components/Button';\nimport SplitButtonStart from './SplitButtonStart.vue';\nimport SplitButtonEnd from './SplitButtonEnd.vue';\nimport { DtDropdown } from '@/components/Dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n name: 'DtSplitButton',\n\n components: {\n SplitButtonEnd,\n DtDropdown,\n SplitButtonStart,\n },\n\n inheritAttrs: false,\n\n props: {\n /*\n Determines whether the start button should have active styling\n * @values true, false\n /\n startActive: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startActive\n * @values true, false\n /\n alphaActive: {\n type: Boolean,\n default: null,\n },\n\n /\n Descriptive label for the start button\n /\n startAriaLabel: {\n type: String,\n default: null,\n },\n\n /\n @deprecated Use startAriaLabel\n /\n alphaAriaLabel: {\n type: String,\n default: undefined,\n },\n\n /\n The position of the icon slot within the start button.\n * @values start, end, blockStart, blockEnd, left, right, top, bottom\n /\n startIconPosition: {\n type: String,\n default: 'left',\n validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n },\n\n /\n @deprecated Use startIconPosition\n * @values start, end, blockStart, blockEnd, left, right, top, bottom\n /\n alphaIconPosition: {\n type: String,\n default: undefined,\n validator: (position) => position === undefined \|\| Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n },\n\n /\n Used to customize the start label container\n /\n startLabelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the start button leading container\n /\n startLeadingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n @deprecated Use startLeadingClass\n /\n alphaLeadingClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Used to customize the start button trailing container\n /\n startTrailingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n @deprecated Use startTrailingClass\n /\n alphaTrailingClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n @deprecated Use startLabelClass\n /\n alphaLabelClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n HTML button disabled attribute for start button only\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n startDisabled: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startDisabled\n * @values true, false\n /\n alphaDisabled: {\n type: Boolean,\n default: null,\n },\n\n /\n Whether the start button should display a loading animation or not.\n * @values true, false\n /\n startLoading: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startLoading\n * @values true, false\n /\n alphaLoading: {\n type: Boolean,\n default: null,\n },\n\n /\n Text shown in tooltip when you hover the start button,\n * required if no content is passed to default slot\n /\n startTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use startTooltipText\n /\n alphaTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button\n * is in focus.\n * @values true, false\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute for both buttons.\n * Use startDisabled or endDisabled to disable buttons individually.\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The direction the dropdown displays relative to the anchor.\n * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n /\n dropdownPlacement: {\n type: String,\n default: 'bottom-end',\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n * @values clear, outlined, primary\n /\n importance: {\n type: String,\n default: 'primary',\n validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n },\n\n /\n The color of the button.\n * @values default, unstyled, muted, critical, positive\n /\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n },\n\n /\n Determines whether the end button should have active styling\n * @values true, false\n /\n endActive: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use endActive\n * @values true, false\n /\n omegaActive: {\n type: Boolean,\n default: null,\n },\n\n /\n Descriptive label for the end button\n /\n endAriaLabel: {\n type: String,\n default: null,\n },\n\n /\n @deprecated Use endAriaLabel\n /\n omegaAriaLabel: {\n type: String,\n default: undefined,\n },\n\n /\n HTML button disabled attribute for end button only\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n endDisabled: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use endDisabled\n * @values true, false\n /\n omegaDisabled: {\n type: Boolean,\n default: null,\n },\n\n /\n Element ID, useful in case you need to reference the button\n * as an external anchor for popover.\n /\n endId: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use endId\n /\n omegaId: {\n type: String,\n default: undefined,\n },\n\n /\n Text shown in tooltip when you hover the end button,\n * required as it is an icon only button\n /\n endTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use endTooltipText\n /\n omegaTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n The size of the button.\n * @values 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(String(s)),\n },\n\n /\n Button width, accepts\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n * CSS width attribute\n * </a>\n * values\n /\n width: {\n type: String,\n default: null,\n },\n\n /\n Whether to show the vertical divider between the start and end buttons.\n * Only applies when importance is \"clear\".\n * @values true, false\n /\n showDivider: {\n type: Boolean,\n default: true,\n },\n\n /\n Vue router `to` prop for the start button.\n * When set, renders the start button as a `<router-link>`.\n /\n startTo: {\n type: [String, Object],\n default: null,\n },\n\n /\n Whether to use `router.replace()` instead of `router.push()`\n * when navigating via `startTo`.\n * @values true, false\n /\n startReplace: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML href for the start button.\n * When set, renders the start button as an `<a>` element.\n /\n startHref: {\n type: String,\n default: null,\n },\n\n /\n HTML target attribute for the start button link.\n * Only applies when `startHref` is set.\n /\n startTarget: {\n type: String,\n default: null,\n },\n\n /\n HTML rel attribute for the start button link.\n * Only applies when `startHref` is set.\n /\n startRel: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /\n Native start button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'start-clicked',\n\n /\n @deprecated Use start-clicked\n /\n 'alpha-clicked',\n\n /\n Native end button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'end-clicked',\n\n /\n @deprecated Use end-clicked\n */\n 'omega-clicked',\n ],\n\n data () {\n return {\n isDropdownOpen: false,\n };\n },\n\n computed: {\n startButtonProps () {\n return {\n active: this.alphaActive ?? this.startActive,\n ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,\n assertiveOnFocus: this.assertiveOnFocus,\n disabled: this.disabled \|\| (this.alphaDisabled ?? this.startDisabled),\n iconPosition: this.alphaIconPosition ?? this.startIconPosition,\n labelClass: this.alphaLabelClass ?? this.startLabelClass,\n leadingClass: this.alphaLeadingClass ?? this.startLeadingClass,\n trailingClass: this.alphaTrailingClass ?? this.startTrailingClass,\n loading: this.alphaLoading ?? this.startLoading,\n importance: this.importance,\n kind: this.kind,\n size: this.size,\n tooltipText: this.alphaTooltipText ?? this.startTooltipText,\n to: this.startTo,\n replace: this.startReplace,\n href: this.startHref,\n target: this.startTarget,\n rel: this.startRel,\n class: this.$attrs.class,\n style: this.$attrs.style,\n };\n },\n\n endButtonProps () {\n return {\n id: this.omegaId ?? this.endId,\n active: this.omegaActive ?? this.endActive,\n ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,\n disabled: this.disabled \|\| (this.omegaDisabled ?? this.endDisabled),\n importance: this.importance,\n kind: this.kind,\n size: this.size,\n tooltipText: this.omegaTooltipText ?? this.endTooltipText,\n class: this.$attrs.class,\n style: this.$attrs.style,\n };\n },\n },\n\n created () {\n this.validateProps();\n },\n\n updated () {\n this.validateProps();\n },\n\n mounted () {\n warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n },\n\n methods: {\n onStartClick () {\n this.$emit('start-clicked');\n this.$emit('alpha-clicked');\n },\n\n onEndClick () {\n this.$emit('end-clicked');\n this.$emit('omega-clicked');\n },\n\n validateProps () {\n this.validateStartButtonProps();\n this.validateEndButtonProps();\n this.validateShowDivider();\n },\n\n validateStartButtonProps () {\n if (hasSlotContent(this.$slots.default)) return;\n\n if ((hasSlotContent(this.$slots.startIcon) \|\| hasSlotContent(this.$slots.alphaIcon)) &&\n !(this.alphaTooltipText ?? this.startTooltipText)) {\n console.warn('start-tooltip-text prop must be set if start button has an icon only');\n }\n },\n\n validateEndButtonProps () {\n if (hasSlotContent(this.$slots.end) \|\| hasSlotContent(this.$slots.omega)) return;\n\n if (!(this.omegaTooltipText ?? this.endTooltipText)) {\n console.warn('end-tooltip-text prop is required as it is an icon-only button');\n }\n },\n\n validateShowDivider () {\n if (!this.showDivider && this.importance !== 'clear') {\n console.warn(\n 'show-divider prop set to false has no effect when importance is not \"clear\". ' +\n 'The divider is always shown for \"outlined\" and \"primary\" importances.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"split-button.cjs","names":[],"sources":["../../../components/SplitButton/SplitButton.vue"],"sourcesContent":["<template>\n <span\n data-qa=\"dt-split-button\"\n :class=\"['d-split-btn', { 'd-split-btn--no-divider': !showDivider && importance === 'clear' }, $attrs.class]\"\n :style=\"[$attrs.style, { width }]\"\n >\n <split-button-start\n v-bind=\"startButtonProps\"\n ref=\"startButton\"\n @click=\"onStartClick\"\n >\n <!-- Dual-icon path: when startEndIcon is provided, use DtButton's startIcon/endIcon -->\n <template\n v-if=\"$slots.startEndIcon\"\n #startIcon=\"{ size: iconSize }\"\n >\n <!-- @slot Start (left) button icon slot -->\n <slot\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"alphaIcon\"\n :size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.startEndIcon\"\n #endIcon=\"{ size: iconSize }\"\n >\n <!-- @slot End-positioned icon within the start button (enables dual icons on the start button) -->\n <slot\n name=\"startEndIcon\"\n :size=\"iconSize\"\n />\n </template>\n <!-- Legacy single-icon path: uses DtButton's icon slot with iconPosition -->\n <template\n v-if=\"!$slots.startEndIcon\"\n #icon=\"{ size: iconSize }\"\n >\n <!-- @slot Start (left) button icon slot -->\n <slot\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"alphaIcon\"\n :size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n <!-- @slot Leading slot, forwarded to the alpha button's leading slot -->\n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n <!-- @slot Trailing slot, forwarded to the alpha button's trailing slot -->\n <slot name=\"trailing\" />\n </template>\n <!-- @slot Default content slot -->\n <slot name=\"default\" />\n </split-button-start>\n <!-- @slot End (right) content slot, overrides end button styling and functionality completely -->\n <template v-if=\"$slots.end\">\n <slot name=\"end\" />\n </template>\n <!-- @slot @deprecated Use end -->\n <template v-else-if=\"$slots.omega\">\n <slot name=\"omega\" />\n </template>\n <template v-else>\n <dt-dropdown\n v-if=\"$slots.dropdownList\"\n :placement=\"dropdownPlacement\"\n @click=\"isDropdownOpen = true\"\n @opened=\"open => isDropdownOpen = open\"\n >\n <template #anchor=\"attrs\">\n <split-button-end\n v-bind=\"{ ...attrs, ...endButtonProps }\"\n :active=\"isDropdownOpen\"\n @click=\"onEndClick\"\n >\n <template #icon=\"{ size: iconSize }\">\n <!-- @slot End (right) button icon slot -->\n <slot\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use endIcon -->\n <slot\n v-else\n name=\"omegaIcon\"\n :size=\"iconSize\"\n />\n </template>\n </split-button-end>\n </template>\n <template #list=\"{ close }\">\n <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n <slot\n name=\"dropdownList\"\n :close=\"close\"\n />\n </template>\n </dt-dropdown>\n\n <split-button-end\n v-else\n v-bind=\"endButtonProps\"\n @click=\"onEndClick\"\n >\n <template #icon=\"{ size: iconSize }\">\n <!-- @slot End (right) button icon slot -->\n <slot\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n :size=\"iconSize\"\n />\n <!-- @slot @deprecated Use endIcon -->\n <slot\n v-else\n name=\"omegaIcon\"\n :size=\"iconSize\"\n />\n </template>\n </split-button-end>\n </template>\n </span>\n</template>\n\n<script>\nimport {\n BUTTON_IMPORTANCE_MODIFIERS,\n BUTTON_KIND_MODIFIERS,\n BUTTON_SIZE_MODIFIERS,\n ICON_POSITION_MODIFIERS,\n} from '@/components/Button';\nimport SplitButtonStart from './SplitButtonStart.vue';\nimport SplitButtonEnd from './SplitButtonEnd.vue';\nimport { DtDropdown } from '@/components/Dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\n name: 'DtSplitButton',\n\n components: {\n SplitButtonEnd,\n DtDropdown,\n SplitButtonStart,\n },\n\n inheritAttrs: false,\n\n props: {\n /*\n Determines whether the start button should have active styling\n * @values true, false\n /\n startActive: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startActive\n * @values true, false\n /\n alphaActive: {\n type: Boolean,\n default: null,\n },\n\n /\n Descriptive label for the start button\n /\n startAriaLabel: {\n type: String,\n default: null,\n },\n\n /\n @deprecated Use startAriaLabel\n /\n alphaAriaLabel: {\n type: String,\n default: undefined,\n },\n\n /\n The position of the icon slot within the start button.\n * @values start, end, blockStart, blockEnd, left, right, top, bottom\n /\n startIconPosition: {\n type: String,\n default: 'left',\n validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n },\n\n /\n @deprecated Use startIconPosition\n * @values start, end, blockStart, blockEnd, left, right, top, bottom\n /\n alphaIconPosition: {\n type: String,\n default: undefined,\n validator: (position) => position === undefined \|\| Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n },\n\n /\n Used to customize the start label container\n /\n startLabelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the start button leading container\n /\n startLeadingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n @deprecated Use startLeadingClass\n /\n alphaLeadingClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Used to customize the start button trailing container\n /\n startTrailingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n @deprecated Use startTrailingClass\n /\n alphaTrailingClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n @deprecated Use startLabelClass\n /\n alphaLabelClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n HTML button disabled attribute for start button only\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n startDisabled: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startDisabled\n * @values true, false\n /\n alphaDisabled: {\n type: Boolean,\n default: null,\n },\n\n /\n Whether the start button should display a loading animation or not.\n * @values true, false\n /\n startLoading: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use startLoading\n * @values true, false\n /\n alphaLoading: {\n type: Boolean,\n default: null,\n },\n\n /\n Text shown in tooltip when you hover the start button,\n * required if no content is passed to default slot\n /\n startTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use startTooltipText\n /\n alphaTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button\n * is in focus.\n * @values true, false\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute for both buttons.\n * Use startDisabled or endDisabled to disable buttons individually.\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The direction the dropdown displays relative to the anchor.\n * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n /\n dropdownPlacement: {\n type: String,\n default: 'bottom-end',\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n * @values clear, outlined, primary\n /\n importance: {\n type: String,\n default: 'primary',\n validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n },\n\n /\n The color of the button.\n * @values default, unstyled, muted, critical, positive\n /\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n },\n\n /\n Determines whether the end button should have active styling\n * @values true, false\n /\n endActive: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use endActive\n * @values true, false\n /\n omegaActive: {\n type: Boolean,\n default: null,\n },\n\n /\n Descriptive label for the end button\n /\n endAriaLabel: {\n type: String,\n default: null,\n },\n\n /\n @deprecated Use endAriaLabel\n /\n omegaAriaLabel: {\n type: String,\n default: undefined,\n },\n\n /\n HTML button disabled attribute for end button only\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n * (Reference)\n * </a>\n * @values true, false\n /\n endDisabled: {\n type: Boolean,\n default: false,\n },\n\n /\n @deprecated Use endDisabled\n * @values true, false\n /\n omegaDisabled: {\n type: Boolean,\n default: null,\n },\n\n /\n Element ID, useful in case you need to reference the button\n * as an external anchor for popover.\n /\n endId: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use endId\n /\n omegaId: {\n type: String,\n default: undefined,\n },\n\n /\n Text shown in tooltip when you hover the end button,\n * required as it is an icon only button\n /\n endTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n @deprecated Use endTooltipText\n /\n omegaTooltipText: {\n type: String,\n default: undefined,\n },\n\n /\n The size of the button.\n * @values 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: ordinalSizeValidator(BUTTON_SIZE_MODIFIERS),\n },\n\n /\n Button width, accepts\n * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n * CSS width attribute\n * </a>\n * values\n /\n width: {\n type: String,\n default: null,\n },\n\n /\n Whether to show the vertical divider between the start and end buttons.\n * Only applies when importance is \"clear\".\n * @values true, false\n /\n showDivider: {\n type: Boolean,\n default: true,\n },\n\n /\n Vue router `to` prop for the start button.\n * When set, renders the start button as a `<router-link>`.\n /\n startTo: {\n type: [String, Object],\n default: null,\n },\n\n /\n Whether to use `router.replace()` instead of `router.push()`\n * when navigating via `startTo`.\n * @values true, false\n /\n startReplace: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML href for the start button.\n * When set, renders the start button as an `<a>` element.\n /\n startHref: {\n type: String,\n default: null,\n },\n\n /\n HTML target attribute for the start button link.\n * Only applies when `startHref` is set.\n /\n startTarget: {\n type: String,\n default: null,\n },\n\n /\n HTML rel attribute for the start button link.\n * Only applies when `startHref` is set.\n /\n startRel: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /\n Native start button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'start-clicked',\n\n /\n @deprecated Use start-clicked\n /\n 'alpha-clicked',\n\n /\n Native end button click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'end-clicked',\n\n /\n @deprecated Use end-clicked\n */\n 'omega-clicked',\n ],\n\n data () {\n return {\n isDropdownOpen: false,\n };\n },\n\n computed: {\n startButtonProps () {\n return {\n active: this.alphaActive ?? this.startActive,\n ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,\n assertiveOnFocus: this.assertiveOnFocus,\n disabled: this.disabled \|\| (this.alphaDisabled ?? this.startDisabled),\n iconPosition: this.alphaIconPosition ?? this.startIconPosition,\n labelClass: this.alphaLabelClass ?? this.startLabelClass,\n leadingClass: this.alphaLeadingClass ?? this.startLeadingClass,\n trailingClass: this.alphaTrailingClass ?? this.startTrailingClass,\n loading: this.alphaLoading ?? this.startLoading,\n importance: this.importance,\n kind: this.kind,\n size: this.size,\n tooltipText: this.alphaTooltipText ?? this.startTooltipText,\n to: this.startTo,\n replace: this.startReplace,\n href: this.startHref,\n target: this.startTarget,\n rel: this.startRel,\n class: this.$attrs.class,\n style: this.$attrs.style,\n };\n },\n\n endButtonProps () {\n return {\n id: this.omegaId ?? this.endId,\n active: this.omegaActive ?? this.endActive,\n ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,\n disabled: this.disabled \|\| (this.omegaDisabled ?? this.endDisabled),\n importance: this.importance,\n kind: this.kind,\n size: this.size,\n tooltipText: this.omegaTooltipText ?? this.endTooltipText,\n class: this.$attrs.class,\n style: this.$attrs.style,\n };\n },\n },\n\n created () {\n this.validateProps();\n },\n\n updated () {\n this.validateProps();\n },\n\n mounted () {\n warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n },\n\n methods: {\n onStartClick () {\n this.$emit('start-clicked');\n this.$emit('alpha-clicked');\n },\n\n onEndClick () {\n this.$emit('end-clicked');\n this.$emit('omega-clicked');\n },\n\n validateProps () {\n this.validateStartButtonProps();\n this.validateEndButtonProps();\n this.validateShowDivider();\n },\n\n validateStartButtonProps () {\n if (hasSlotContent(this.$slots.default)) return;\n\n if ((hasSlotContent(this.$slots.startIcon) \|\| hasSlotContent(this.$slots.alphaIcon)) &&\n !(this.alphaTooltipText ?? this.startTooltipText)) {\n console.warn('start-tooltip-text prop must be set if start button has an icon only');\n }\n },\n\n validateEndButtonProps () {\n if (hasSlotContent(this.$slots.end) \|\| hasSlotContent(this.$slots.omega)) return;\n\n if (!(this.omegaTooltipText ?? this.endTooltipText)) {\n console.warn('end-tooltip-text prop is required as it is an icon-only button');\n }\n },\n\n validateShowDivider () {\n if (!this.showDivider && this.importance !== 'clear') {\n console.warn(\n 'show-divider prop set to false has no effect when importance is not \"clear\". ' +\n 'The divider is always shown for \"outlined\" and \"primary\" importances.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}