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

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

@@ -1,17 +1,18 @@
-import { hasSlotContent as e, returnFirstEl as t, warnIfUnmounted as n } from "../../common/utils/index.js";
-import { t as r } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { BUTTON_IMPORTANCE_MODIFIERS as i, BUTTON_KIND_MODIFIERS as a, BUTTON_SIZE_MODIFIERS as o, ICON_POSITION_MODIFIERS as s } from "../button/button-constants.js";
-import c from "../dropdown/dropdown.js";
-import l from "./split-button-start.js";
-import u from "./split-button-end.js";
-import { Fragment as d, createBlock as f, createElementBlock as p, createSlots as m, createVNode as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, renderSlot as b, resolveComponent as x, withCtx as S } from "vue";
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { hasSlotContent as t, returnFirstEl as n, warnIfUnmounted as r } from "../../common/utils/index.js";
+import { t as i } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { BUTTON_IMPORTANCE_MODIFIERS as a, BUTTON_KIND_MODIFIERS as o, BUTTON_SIZE_MODIFIERS as s, ICON_POSITION_MODIFIERS as c } from "../button/button-constants.js";
+import l from "../dropdown/dropdown.js";
+import u from "./split-button-start.js";
+import d from "./split-button-end.js";
+import { Fragment as f, createBlock as p, createElementBlock as m, createSlots as h, createVNode as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, renderSlot as x, resolveComponent as S, withCtx as C } from "vue";
 //#region components/SplitButton/SplitButton.vue
-var C = {
+var w = {
 	name: "DtSplitButton",
 	components: {
-		SplitButtonEnd: u,
-		DtDropdown: c,
-		SplitButtonStart: l
+		SplitButtonEnd: d,
+		DtDropdown: l,
+		SplitButtonStart: u
 	},
 	inheritAttrs: !1,
 	props: {
@@ -34,12 +35,12 @@ var C = {
 		startIconPosition: {
 			type: String,
 			default: "left",
-			validator: (e) => Object.keys(s).includes(e)
+			validator: (e) => Object.keys(c).includes(e)
 		},
 		alphaIconPosition: {
 			type: String,
 			default: void 0,
-			validator: (e) => e === void 0 || Object.keys(s).includes(e)
+			validator: (e) => e === void 0 || Object.keys(c).includes(e)
 		},
 		startLabelClass: {
 			type: [
@@ -128,12 +129,12 @@ var C = {
 		importance: {
 			type: String,
 			default: "primary",
-			validator: (e) => Object.keys(i).includes(e)
+			validator: (e) => Object.keys(a).includes(e)
 		},
 		kind: {
 			type: String,
 			default: "default",
-			validator: (e) => Object.keys(a).includes(e)
+			validator: (e) => Object.keys(o).includes(e)
 		},
 		endActive: {
 			type: Boolean,
@@ -178,7 +179,7 @@ var C = {
 		size: {
 			type: [String, Number],
 			default: 300,
-			validator: (e) => Object.keys(o).includes(String(e))
+			validator: e(s)
 		},
 		width: {
 			type: String,
@@ -265,7 +266,7 @@ var C = {
 		this.validateProps();
 	},
 	mounted() {
-		n(t(this.$el), this.$options.name);
+		r(n(this.$el), this.$options.name);
 	},
 	methods: {
 		onStartClick() {
@@ -278,39 +279,39 @@ var C = {
 			this.validateStartButtonProps(), this.validateEndButtonProps(), this.validateShowDivider();
 		},
 		validateStartButtonProps() {
-			e(this.$slots.default) || (e(this.$slots.startIcon) || e(this.$slots.alphaIcon)) && !(this.alphaTooltipText ?? this.startTooltipText) && console.warn("start-tooltip-text prop must be set if start button has an icon only");
+			t(this.$slots.default) || (t(this.$slots.startIcon) || t(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(this.$slots.end) || e(this.$slots.omega) || (this.omegaTooltipText ?? this.endTooltipText) || console.warn("end-tooltip-text prop is required as it is an icon-only button");
+			t(this.$slots.end) || t(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 w(e, t, n, r, i, a) {
-	let o = x("split-button-start"), s = x("split-button-end"), c = x("dt-dropdown");
-	return y(), p("span", {
+function T(e, t, n, r, i, a) {
+	let o = S("split-button-start"), s = S("split-button-end"), c = S("dt-dropdown");
+	return b(), m("span", {
 		"data-qa": "dt-split-button",
-		class: _([
+		class: v([
 			"d-split-btn",
 			{ "d-split-btn--no-divider": !n.showDivider && n.importance === "clear" },
 			e.$attrs.class
 		]),
-		style: v([e.$attrs.style, { width: n.width }])
-	}, [h(o, g(a.startButtonProps, {
+		style: y([e.$attrs.style, { width: n.width }])
+	}, [g(o, _(a.startButtonProps, {
 		ref: "startButton",
 		onClick: a.onStartClick
-	}), m({
-		default: S(() => [b(e.$slots, "default")]),
+	}), h({
+		default: C(() => [x(e.$slots, "default")]),
 		_: 2
 	}, [
 		e.$slots.startEndIcon ? {
 			name: "startIcon",
-			fn: S(({ size: t }) => [e.$slots.startIcon ? b(e.$slots, "startIcon", {
+			fn: C(({ size: t }) => [e.$slots.startIcon ? x(e.$slots, "startIcon", {
 				key: 0,
 				size: t
-			}) : b(e.$slots, "alphaIcon", {
+			}) : x(e.$slots, "alphaIcon", {
 				key: 1,
 				size: t
 			})]),
@@ -318,15 +319,15 @@ function w(e, t, n, r, i, a) {
 		} : void 0,
 		e.$slots.startEndIcon ? {
 			name: "endIcon",
-			fn: S(({ size: t }) => [b(e.$slots, "startEndIcon", { size: t })]),
+			fn: C(({ size: t }) => [x(e.$slots, "startEndIcon", { size: t })]),
 			key: "1"
 		} : void 0,
 		e.$slots.startEndIcon ? void 0 : {
 			name: "icon",
-			fn: S(({ size: t }) => [e.$slots.startIcon ? b(e.$slots, "startIcon", {
+			fn: C(({ size: t }) => [e.$slots.startIcon ? x(e.$slots, "startIcon", {
 				key: 0,
 				size: t
-			}) : b(e.$slots, "alphaIcon", {
+			}) : x(e.$slots, "alphaIcon", {
 				key: 1,
 				size: t
 			})]),
@@ -334,51 +335,51 @@ function w(e, t, n, r, i, a) {
 		},
 		e.$slots.leading ? {
 			name: "leading",
-			fn: S(() => [b(e.$slots, "leading")]),
+			fn: C(() => [x(e.$slots, "leading")]),
 			key: "3"
 		} : void 0,
 		e.$slots.trailing ? {
 			name: "trailing",
-			fn: S(() => [b(e.$slots, "trailing")]),
+			fn: C(() => [x(e.$slots, "trailing")]),
 			key: "4"
 		} : void 0
-	]), 1040, ["onClick"]), e.$slots.end ? b(e.$slots, "end", { key: 0 }) : e.$slots.omega ? b(e.$slots, "omega", { key: 1 }) : (y(), p(d, { key: 2 }, [e.$slots.dropdownList ? (y(), f(c, {
+	]), 1040, ["onClick"]), e.$slots.end ? x(e.$slots, "end", { key: 0 }) : e.$slots.omega ? x(e.$slots, "omega", { key: 1 }) : (b(), m(f, { key: 2 }, [e.$slots.dropdownList ? (b(), p(c, {
 		key: 0,
 		placement: n.dropdownPlacement,
 		onClick: t[0] || (t[0] = (e) => i.isDropdownOpen = !0),
 		onOpened: t[1] || (t[1] = (e) => i.isDropdownOpen = e)
 	}, {
-		anchor: S((t) => [h(s, g({
+		anchor: C((t) => [g(s, _({
 			...t,
 			...a.endButtonProps
 		}, {
 			active: i.isDropdownOpen,
 			onClick: a.onEndClick
 		}), {
-			icon: S(({ size: t }) => [e.$slots.endIcon ? b(e.$slots, "endIcon", {
+			icon: C(({ size: t }) => [e.$slots.endIcon ? x(e.$slots, "endIcon", {
 				key: 0,
 				size: t
-			}) : b(e.$slots, "omegaIcon", {
+			}) : x(e.$slots, "omegaIcon", {
 				key: 1,
 				size: t
 			})]),
 			_: 3
 		}, 16, ["active", "onClick"])]),
-		list: S(({ close: t }) => [b(e.$slots, "dropdownList", { close: t })]),
+		list: C(({ close: t }) => [x(e.$slots, "dropdownList", { close: t })]),
 		_: 3
-	}, 8, ["placement"])) : (y(), f(s, g({ key: 1 }, a.endButtonProps, { onClick: a.onEndClick }), {
-		icon: S(({ size: t }) => [e.$slots.endIcon ? b(e.$slots, "endIcon", {
+	}, 8, ["placement"])) : (b(), p(s, _({ key: 1 }, a.endButtonProps, { onClick: a.onEndClick }), {
+		icon: C(({ size: t }) => [e.$slots.endIcon ? x(e.$slots, "endIcon", {
 			key: 0,
 			size: t
-		}) : b(e.$slots, "omegaIcon", {
+		}) : x(e.$slots, "omegaIcon", {
 			key: 1,
 			size: t
 		})]),
 		_: 3
 	}, 16, ["onClick"]))], 64))], 6);
 }
-var T = /* @__PURE__ */ r(C, [["render", w]]);
+var E = /* @__PURE__ */ i(w, [["render", T]]);
 //#endregion
-export { T as default };
+export { E as default };
 
 //# sourceMappingURL=split-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"split-button.js","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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"}
+{"version":3,"file":"split-button.js","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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"}

package/dist/lib/tab/tab-group.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./tabs-constants.cjs`),n=require(`../../common/composables/use-indicator-animation.cjs`);let r=require(`vue`);var i={name:`DtTabGroup`,provide(){return{groupContext:this.provideObj,setFocus:this.setFocus}},props:{label:{type:String,default:``},selected:{type:String,default:``},disabled:{type:Boolean,default:!1},inverted:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},spread:{type:String,default:`none`,validator(e){return t.TAB_SPREADS.includes(e)}},orientation:{type:String,default:`horizontal`,validator(e){return t.TAB_ORIENTATIONS.includes(e)}},size:{type:[String,Number],default:300,validator(e){return t.TAB_LIST_SIZES.includes(String(e))}},tabsClass:{type:[String,Array,Object],default:``},tabListClass:{type:[String,Array,Object],default:void 0},tabListChildProps:{type:Object,default:()=>({})},kind:{type:String,default:`default`,validator(e){return t.TAB_GROUP_KINDS.includes(e)}},outlined:{type:Boolean,default:!1},activationMode:{type:String,default:`manual`,validator(e){return t.TAB_ACTIVATION_MODES.includes(e)}},showIndicatorTransition:{type:Boolean,default:!0}},emits:[`change`,`before-change`],setup(){let e=(0,r.ref)(null);return{tabs:e,indicator:n.useIndicatorAnimation(e,`--tab-indicator-duration`,`--tab-indicator-easing`)}},data(){return{provideObj:{selected:``,disabled:!1,size:300,kind:`default`,outlined:!1,orientation:`horizontal`,spread:`none`,focusedTabId:null},tabItems:[],TAB_LIST_SIZE_MODIFIERS:t.TAB_LIST_SIZE_MODIFIERS,TAB_LIST_KIND_MODIFIERS:t.TAB_LIST_KIND_MODIFIERS,TAB_LIST_IMPORTANCE_MODIFIERS:t.TAB_LIST_IMPORTANCE_MODIFIERS,TAB_ORIENTATION_MODIFIERS:t.TAB_ORIENTATION_MODIFIERS,TAB_SPREAD_MODIFIERS:t.TAB_SPREAD_MODIFIERS}},computed:{resolvedTabsClass(){return this.tabListClass??this.tabsClass}},watch:{disabled:{immediate:!0,handler(){this.provideObj.disabled=this.disabled}},selected:{immediate:!0,handler(e,t){this.provideObj.selected=this.selected,e!==t&&(this.provideObj.focusedTabId=null)}},size:{immediate:!0,handler(){this.provideObj.size=this.size}},kind:{immediate:!0,handler(){this.provideObj.kind=this.kind}},outlined:{immediate:!0,handler(){this.provideObj.outlined=this.outlined}},orientation:{immediate:!0,handler(){this.provideObj.orientation=this.orientation}},spread:{immediate:!0,handler(){this.provideObj.spread=this.spread}}},mounted(){this.updateSelected()},updated(){this.updateSelected()},methods:{updateSelected(){this.provideObj.selected||(this.provideObj.selected=this.selected),this.tabItems=this.getTabChildren(),this.provideObj.focusedTabId&&!this.tabItems.some(e=>e.tabId===this.provideObj.focusedTabId)&&(this.provideObj.focusedTabId=null)},setFocus(e){this.provideObj.focusedTabId!==e&&(this.provideObj.focusedTabId=e)},getTabChildren(){return Array.from(this.$refs.tabs.querySelectorAll(`[role="tab"]`)).map(e=>({context:e,panelId:e.getAttribute(`aria-controls`)?.replace(`dt-panel-`,``),tabId:e.getAttribute(`id`)?.replace(`dt-tab-`,``),isSelected:e.getAttribute(`aria-selected`)===`true`,isDisabled:e.getAttribute(`aria-disabled`)===`true`}))},onChange(){this.$emit(`change`,{...this.provideObj})},tabLeft(){this.orientation===`horizontal`&&this.navigatePrevious()},tabRight(){this.orientation===`horizontal`&&this.navigateNext()},tabUp(e){this.orientation===`vertical`&&(e.preventDefault(),this.navigatePrevious())},tabDown(e){this.orientation===`vertical`&&(e.preventDefault(),this.navigateNext())},navigatePrevious(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=this.findNextTab(e,-1);this.selectFocusOnTab(t)},navigateNext(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=this.findNextTab(e,1);this.selectFocusOnTab(t)},findNextTab(e,t){let n=this.tabItems.length;return(e+t+n)%n},transitionIndicator(e,t){if(!t||!this.showIndicatorTransition){this.provideObj.selected=e;return}let n=this.indicator.snapshot(`[aria-selected="true"]`);this.provideObj.selected=e,n&&this.$nextTick(()=>{let e={backgroundColor:`transparent`},r={},i=`::after`;this.outlined?(e={borderColor:`transparent`,backgroundColor:`transparent`},r={boxShadow:`inset 0 0 0 ${n.style.borderWidth} ${n.style.borderColor}`},i=`::before`):this.kind===`muted`&&(r={backgroundColor:n.style.backgroundColor},i=`::before`),this.indicator.animate({oldRect:n.rect,newEl:t,orientation:this.orientation,hideProps:e,indicatorExtra:r,pseudoElement:i})})},selectFocusOnTab(e){let{context:t,panelId:n,isDisabled:r}=this.tabItems[e];t.focus(),this.activationMode===`auto`&&!r&&(this.indicator.cancel(),this.provideObj.selected=n,this.onChange())},selectTab(e){let t=e.target.closest(`[role="tab"]`),n=t?this.tabItems.findIndex(e=>e.context===t):this.getFocusedTabIndex();n!==-1&&(this.tabItems[n]?.isDisabled||this.provideObj.selected!==this.tabItems[n]?.panelId&&(this.$emit(`before-change`,e),!e.defaultPrevented&&(e.preventDefault(),this.selectTabByIndex(n),this.onChange())))},selectTabByIndex(e){let{context:t,panelId:n}=this.tabItems[e];this.transitionIndicator(n,t),t.focus()},getFocusedTabIndex(){let e=this.provideObj.focusedTabId,t=this.tabItems.findIndex(t=>e?t.tabId===e:t.isSelected);return t===-1?0:t},onHomeButton(){this.tabItems.length&&this.selectFocusOnTab(0)},onEndButton(){this.tabItems.length&&this.selectFocusOnTab(this.tabItems.length-1)}}},a=[`aria-label`,`aria-orientation`];function o(e,t,n,i,o,s){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{"data-qa":`dt-tab-group`,class:(0,r.normalizeClass)([`d-tab-neux`,{"d-tab-neux--vertical":n.orientation===`vertical`}])},[(0,r.createElementVNode)(`div`,(0,r.mergeProps)({ref:`tabs`,class:[`d-tablist`,o.TAB_LIST_SIZE_MODIFIERS[String(n.size)],o.TAB_ORIENTATION_MODIFIERS[n.orientation],n.orientation!==`vertical`&&o.TAB_SPREAD_MODIFIERS[n.spread],{[o.TAB_LIST_KIND_MODIFIERS.inverted]:n.inverted,[o.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]:n.borderless},s.resolvedTabsClass]},n.tabListChildProps,{role:`tablist`,"aria-label":n.label,"aria-orientation":n.orientation,onKeydown:[t[0]||(t[0]=(0,r.withKeys)((...e)=>s.tabLeft&&s.tabLeft(...e),[`left`])),t[1]||(t[1]=(0,r.withKeys)((...e)=>s.tabRight&&s.tabRight(...e),[`right`])),t[2]||(t[2]=(0,r.withKeys)((...e)=>s.tabUp&&s.tabUp(...e),[`up`])),t[3]||(t[3]=(0,r.withKeys)((...e)=>s.tabDown&&s.tabDown(...e),[`down`])),t[4]||(t[4]=(0,r.withKeys)((...e)=>s.selectTab&&s.selectTab(...e),[`enter`])),t[5]||(t[5]=(0,r.withKeys)((...e)=>s.selectTab&&s.selectTab(...e),[`space`])),t[7]||(t[7]=(0,r.withKeys)((0,r.withModifiers)((...e)=>s.onHomeButton&&s.onHomeButton(...e),[`prevent`]),[`home`])),t[8]||(t[8]=(0,r.withKeys)((0,r.withModifiers)((...e)=>s.onEndButton&&s.onEndButton(...e),[`prevent`]),[`end`]))],onClick:t[6]||(t[6]=(...e)=>s.selectTab&&s.selectTab(...e))}),[(0,r.renderSlot)(e.$slots,`tabs`)],16,a),(0,r.renderSlot)(e.$slots,`default`)],2)}var s=e.t(i,[[`render`,o]]);exports.default=s;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./tabs-constants.cjs`),r=require(`../../common/composables/use-indicator-animation.cjs`);let i=require(`vue`);var a={name:`DtTabGroup`,provide(){return{groupContext:this.provideObj,setFocus:this.setFocus}},props:{label:{type:String,default:``},selected:{type:String,default:``},disabled:{type:Boolean,default:!1},inverted:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},spread:{type:String,default:`none`,validator(e){return n.TAB_SPREADS.includes(e)}},orientation:{type:String,default:`horizontal`,validator(e){return n.TAB_ORIENTATIONS.includes(e)}},size:{type:[String,Number],default:300,validator:e.ordinalSizeValidator(n.TAB_LIST_SIZES)},tabsClass:{type:[String,Array,Object],default:``},tabListClass:{type:[String,Array,Object],default:void 0},tabListChildProps:{type:Object,default:()=>({})},kind:{type:String,default:`default`,validator(e){return n.TAB_GROUP_KINDS.includes(e)}},outlined:{type:Boolean,default:!1},activationMode:{type:String,default:`manual`,validator(e){return n.TAB_ACTIVATION_MODES.includes(e)}},showIndicatorTransition:{type:Boolean,default:!0}},emits:[`change`,`before-change`],setup(){let e=(0,i.ref)(null);return{tabs:e,indicator:r.useIndicatorAnimation(e,`--tab-indicator-duration`,`--tab-indicator-easing`)}},data(){return{provideObj:{selected:``,disabled:!1,size:300,kind:`default`,outlined:!1,orientation:`horizontal`,spread:`none`,focusedTabId:null},tabItems:[],TAB_LIST_SIZE_MODIFIERS:n.TAB_LIST_SIZE_MODIFIERS,TAB_LIST_KIND_MODIFIERS:n.TAB_LIST_KIND_MODIFIERS,TAB_LIST_IMPORTANCE_MODIFIERS:n.TAB_LIST_IMPORTANCE_MODIFIERS,TAB_ORIENTATION_MODIFIERS:n.TAB_ORIENTATION_MODIFIERS,TAB_SPREAD_MODIFIERS:n.TAB_SPREAD_MODIFIERS}},computed:{resolvedTabsClass(){return this.tabListClass??this.tabsClass}},watch:{disabled:{immediate:!0,handler(){this.provideObj.disabled=this.disabled}},selected:{immediate:!0,handler(e,t){this.provideObj.selected=this.selected,e!==t&&(this.provideObj.focusedTabId=null)}},size:{immediate:!0,handler(){this.provideObj.size=this.size}},kind:{immediate:!0,handler(){this.provideObj.kind=this.kind}},outlined:{immediate:!0,handler(){this.provideObj.outlined=this.outlined}},orientation:{immediate:!0,handler(){this.provideObj.orientation=this.orientation}},spread:{immediate:!0,handler(){this.provideObj.spread=this.spread}}},mounted(){this.updateSelected()},updated(){this.updateSelected()},methods:{updateSelected(){this.provideObj.selected||(this.provideObj.selected=this.selected),this.tabItems=this.getTabChildren(),this.provideObj.focusedTabId&&!this.tabItems.some(e=>e.tabId===this.provideObj.focusedTabId)&&(this.provideObj.focusedTabId=null)},setFocus(e){this.provideObj.focusedTabId!==e&&(this.provideObj.focusedTabId=e)},getTabChildren(){return Array.from(this.$refs.tabs.querySelectorAll(`[role="tab"]`)).map(e=>({context:e,panelId:e.getAttribute(`aria-controls`)?.replace(`dt-panel-`,``),tabId:e.getAttribute(`id`)?.replace(`dt-tab-`,``),isSelected:e.getAttribute(`aria-selected`)===`true`,isDisabled:e.getAttribute(`aria-disabled`)===`true`}))},onChange(){this.$emit(`change`,{...this.provideObj})},tabLeft(){this.orientation===`horizontal`&&this.navigatePrevious()},tabRight(){this.orientation===`horizontal`&&this.navigateNext()},tabUp(e){this.orientation===`vertical`&&(e.preventDefault(),this.navigatePrevious())},tabDown(e){this.orientation===`vertical`&&(e.preventDefault(),this.navigateNext())},navigatePrevious(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=this.findNextTab(e,-1);this.selectFocusOnTab(t)},navigateNext(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=this.findNextTab(e,1);this.selectFocusOnTab(t)},findNextTab(e,t){let n=this.tabItems.length;return(e+t+n)%n},transitionIndicator(e,t){if(!t||!this.showIndicatorTransition){this.provideObj.selected=e;return}let n=this.indicator.snapshot(`[aria-selected="true"]`);this.provideObj.selected=e,n&&this.$nextTick(()=>{let e={backgroundColor:`transparent`},r={},i=`::after`;this.outlined?(e={borderColor:`transparent`,backgroundColor:`transparent`},r={boxShadow:`inset 0 0 0 ${n.style.borderWidth} ${n.style.borderColor}`},i=`::before`):this.kind===`muted`&&(r={backgroundColor:n.style.backgroundColor},i=`::before`),this.indicator.animate({oldRect:n.rect,newEl:t,orientation:this.orientation,hideProps:e,indicatorExtra:r,pseudoElement:i})})},selectFocusOnTab(e){let{context:t,panelId:n,isDisabled:r}=this.tabItems[e];t.focus(),this.activationMode===`auto`&&!r&&(this.indicator.cancel(),this.provideObj.selected=n,this.onChange())},selectTab(e){let t=e.target.closest(`[role="tab"]`),n=t?this.tabItems.findIndex(e=>e.context===t):this.getFocusedTabIndex();n!==-1&&(this.tabItems[n]?.isDisabled||this.provideObj.selected!==this.tabItems[n]?.panelId&&(this.$emit(`before-change`,e),!e.defaultPrevented&&(e.preventDefault(),this.selectTabByIndex(n),this.onChange())))},selectTabByIndex(e){let{context:t,panelId:n}=this.tabItems[e];this.transitionIndicator(n,t),t.focus()},getFocusedTabIndex(){let e=this.provideObj.focusedTabId,t=this.tabItems.findIndex(t=>e?t.tabId===e:t.isSelected);return t===-1?0:t},onHomeButton(){this.tabItems.length&&this.selectFocusOnTab(0)},onEndButton(){this.tabItems.length&&this.selectFocusOnTab(this.tabItems.length-1)}}},o=[`aria-label`,`aria-orientation`];function s(e,t,n,r,a,s){return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{"data-qa":`dt-tab-group`,class:(0,i.normalizeClass)([`d-tab-neux`,{"d-tab-neux--vertical":n.orientation===`vertical`}])},[(0,i.createElementVNode)(`div`,(0,i.mergeProps)({ref:`tabs`,class:[`d-tablist`,a.TAB_LIST_SIZE_MODIFIERS[String(n.size)],a.TAB_ORIENTATION_MODIFIERS[n.orientation],n.orientation!==`vertical`&&a.TAB_SPREAD_MODIFIERS[n.spread],{[a.TAB_LIST_KIND_MODIFIERS.inverted]:n.inverted,[a.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]:n.borderless},s.resolvedTabsClass]},n.tabListChildProps,{role:`tablist`,"aria-label":n.label,"aria-orientation":n.orientation,onKeydown:[t[0]||(t[0]=(0,i.withKeys)((...e)=>s.tabLeft&&s.tabLeft(...e),[`left`])),t[1]||(t[1]=(0,i.withKeys)((...e)=>s.tabRight&&s.tabRight(...e),[`right`])),t[2]||(t[2]=(0,i.withKeys)((...e)=>s.tabUp&&s.tabUp(...e),[`up`])),t[3]||(t[3]=(0,i.withKeys)((...e)=>s.tabDown&&s.tabDown(...e),[`down`])),t[4]||(t[4]=(0,i.withKeys)((...e)=>s.selectTab&&s.selectTab(...e),[`enter`])),t[5]||(t[5]=(0,i.withKeys)((...e)=>s.selectTab&&s.selectTab(...e),[`space`])),t[7]||(t[7]=(0,i.withKeys)((0,i.withModifiers)((...e)=>s.onHomeButton&&s.onHomeButton(...e),[`prevent`]),[`home`])),t[8]||(t[8]=(0,i.withKeys)((0,i.withModifiers)((...e)=>s.onEndButton&&s.onEndButton(...e),[`prevent`]),[`end`]))],onClick:t[6]||(t[6]=(...e)=>s.selectTab&&s.selectTab(...e))}),[(0,i.renderSlot)(e.$slots,`tabs`)],16,o),(0,i.renderSlot)(e.$slots,`default`)],2)}var c=t.t(a,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=tab-group.cjs.map

package/dist/lib/tab/tab-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-group.cjs","names":[],"sources":["../../../components/Tab/TabGroup.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n    :class=\"['d-tab-neux', { 'd-tab-neux--vertical': orientation === 'vertical' }]\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[String(size)],\n        TAB_ORIENTATION_MODIFIERS[orientation],\n        orientation !== 'vertical' && TAB_SPREAD_MODIFIERS[spread],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        resolvedTabsClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      :aria-orientation=\"orientation\"\n      @keydown.left=\"tabLeft\"\n      @keydown.right=\"tabRight\"\n      @keydown.up=\"tabUp\"\n      @keydown.down=\"tabDown\"\n      @keydown.enter=\"selectTab\"\n      @keydown.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home.prevent=\"onHomeButton\"\n      @keydown.end.prevent=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n  TAB_ORIENTATIONS,\n  TAB_ORIENTATION_MODIFIERS,\n  TAB_ACTIVATION_MODES,\n  TAB_GROUP_KINDS,\n  TAB_SPREADS,\n  TAB_SPREAD_MODIFIERS,\n} from './TabsConstants';\nimport { ref } from 'vue';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @deprecated Use v-dt-mode directive instead.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls how tabs distribute available space within the tab list.\n     * @values none, grow, equal\n     */\n    spread: {\n      type: String,\n      default: 'none',\n      validator (value) {\n        return TAB_SPREADS.includes(value);\n      },\n    },\n\n    /**\n     * The orientation of the tab list\n     * @values horizontal, vertical\n     */\n    orientation: {\n      type: String,\n      default: 'horizontal',\n      validator (value) {\n        return TAB_ORIENTATIONS.includes(value);\n      },\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator (size) {\n        return TAB_LIST_SIZES.includes(String(size));\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabsClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     * @deprecated Use tabsClass\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * The visual style kind applied to tabs within this group.\n     * Maps to specific DtButton kind/importance combinations for selected/unselected states.\n     * @values default, muted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator (value) {\n        return TAB_GROUP_KINDS.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selected tab renders with outlined importance instead of clear.\n     * @values true, false\n     */\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether tabs are selected on focus (auto) or on click/keypress (manual)\n     * @values auto, manual\n     */\n    activationMode: {\n      type: String,\n      default: 'manual',\n      validator (value) {\n        return TAB_ACTIVATION_MODES.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selection indicator animates between tabs on click.\n     * @values true, false\n     */\n    showIndicatorTransition: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  setup () {\n    const tabs = ref(null);\n    const indicator = useIndicatorAnimation(\n      tabs, '--tab-indicator-duration', '--tab-indicator-easing',\n    );\n    return { tabs, indicator };\n  },\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n        size: 300,\n        kind: 'default',\n        outlined: false,\n        orientation: 'horizontal',\n        spread: 'none',\n        focusedTabId: null, // tracks last-focused tab for roving tabindex\n      },\n\n      tabItems: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n      TAB_ORIENTATION_MODIFIERS,\n      TAB_SPREAD_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTabsClass () {\n      return this.tabListClass ?? this.tabsClass;\n    },\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler (newVal, oldVal) {\n        this.provideObj.selected = this.selected;\n        if (newVal !== oldVal) {\n          this.provideObj.focusedTabId = null;\n        }\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.provideObj.size = this.size;\n      },\n    },\n\n    kind: {\n      immediate: true,\n      handler () {\n        this.provideObj.kind = this.kind;\n      },\n    },\n\n    outlined: {\n      immediate: true,\n      handler () {\n        this.provideObj.outlined = this.outlined;\n      },\n    },\n\n    orientation: {\n      immediate: true,\n      handler () {\n        this.provideObj.orientation = this.orientation;\n      },\n    },\n\n    spread: {\n      immediate: true,\n      handler () {\n        this.provideObj.spread = this.spread;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabItems = this.getTabChildren();\n\n      // Clear stale focusedTabId if the focused tab was removed\n      if (this.provideObj.focusedTabId && !this.tabItems.some(t => t.tabId === this.provideObj.focusedTabId)) {\n        this.provideObj.focusedTabId = null;\n      }\n    },\n\n    setFocus (focusId) {\n      if (this.provideObj.focusedTabId !== focusId) {\n        this.provideObj.focusedTabId = focusId;\n      }\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('[role=\"tab\"]'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n            isDisabled: el.getAttribute('aria-disabled') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigatePrevious();\n    },\n\n    tabRight () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigateNext();\n    },\n\n    tabUp (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigatePrevious();\n    },\n\n    tabDown (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigateNext();\n    },\n\n    navigatePrevious () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, -1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    navigateNext () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, 1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    findNextTab (fromIndex, direction) {\n      const len = this.tabItems.length;\n      return (fromIndex + direction + len) % len;\n    },\n\n    transitionIndicator (panelId, newContext) {\n      if (!newContext || !this.showIndicatorTransition) {\n        this.provideObj.selected = panelId;\n        return;\n      }\n\n      const old = this.indicator.snapshot('[aria-selected=\"true\"]');\n\n      this.provideObj.selected = panelId;\n      if (!old) return;\n\n      this.$nextTick(() => {\n        let hideProps = { backgroundColor: 'transparent' };\n        let indicatorExtra = {};\n        let pseudoElement = '::after';\n\n        if (this.outlined) {\n          hideProps = { borderColor: 'transparent', backgroundColor: 'transparent' };\n          indicatorExtra = { boxShadow: `inset 0 0 0 ${old.style.borderWidth} ${old.style.borderColor}` };\n          pseudoElement = '::before';\n        } else if (this.kind === 'muted') {\n          indicatorExtra = { backgroundColor: old.style.backgroundColor };\n          pseudoElement = '::before';\n        }\n\n        this.indicator.animate({\n          oldRect: old.rect,\n          newEl: newContext,\n          orientation: this.orientation,\n          hideProps,\n          indicatorExtra,\n          pseudoElement,\n        });\n      });\n    },\n\n    selectFocusOnTab (index) {\n      const { context, panelId, isDisabled } = this.tabItems[index];\n      context.focus();\n      if (this.activationMode === 'auto' && !isDisabled) {\n        this.indicator.cancel();\n        this.provideObj.selected = panelId;\n        this.onChange();\n      }\n    },\n\n    selectTab (event) {\n      const tabEl = event.target.closest('[role=\"tab\"]');\n      const index = tabEl\n        ? this.tabItems.findIndex(t => t.context === tabEl)\n        : this.getFocusedTabIndex();\n\n      if (index === -1) return;\n      if (this.tabItems[index]?.isDisabled) return;\n      if (this.provideObj.selected === this.tabItems[index]?.panelId) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      // Prevent keyboard defaults (Space scroll, Enter form submit)\n      // after confirming the tab change will proceed\n      event.preventDefault();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabItems[index];\n      this.transitionIndicator(panelId, context);\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      const focusedId = this.provideObj.focusedTabId;\n      const index = this.tabItems.findIndex((context) =>\n        focusedId ? context.tabId === focusedId : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(0);\n    },\n\n    onEndButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(this.tabItems.length - 1);\n    },\n\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tab-group.cjs","names":[],"sources":["../../../components/Tab/TabGroup.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n    :class=\"['d-tab-neux', { 'd-tab-neux--vertical': orientation === 'vertical' }]\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[String(size)],\n        TAB_ORIENTATION_MODIFIERS[orientation],\n        orientation !== 'vertical' && TAB_SPREAD_MODIFIERS[spread],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        resolvedTabsClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      :aria-orientation=\"orientation\"\n      @keydown.left=\"tabLeft\"\n      @keydown.right=\"tabRight\"\n      @keydown.up=\"tabUp\"\n      @keydown.down=\"tabDown\"\n      @keydown.enter=\"selectTab\"\n      @keydown.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home.prevent=\"onHomeButton\"\n      @keydown.end.prevent=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n  TAB_ORIENTATIONS,\n  TAB_ORIENTATION_MODIFIERS,\n  TAB_ACTIVATION_MODES,\n  TAB_GROUP_KINDS,\n  TAB_SPREADS,\n  TAB_SPREAD_MODIFIERS,\n} from './TabsConstants';\nimport { ref } from 'vue';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\nimport { ordinalSizeValidator } from '@/common/validators';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @deprecated Use v-dt-mode directive instead.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls how tabs distribute available space within the tab list.\n     * @values none, grow, equal\n     */\n    spread: {\n      type: String,\n      default: 'none',\n      validator (value) {\n        return TAB_SPREADS.includes(value);\n      },\n    },\n\n    /**\n     * The orientation of the tab list\n     * @values horizontal, vertical\n     */\n    orientation: {\n      type: String,\n      default: 'horizontal',\n      validator (value) {\n        return TAB_ORIENTATIONS.includes(value);\n      },\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: ordinalSizeValidator(TAB_LIST_SIZES),\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabsClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     * @deprecated Use tabsClass\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * The visual style kind applied to tabs within this group.\n     * Maps to specific DtButton kind/importance combinations for selected/unselected states.\n     * @values default, muted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator (value) {\n        return TAB_GROUP_KINDS.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selected tab renders with outlined importance instead of clear.\n     * @values true, false\n     */\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether tabs are selected on focus (auto) or on click/keypress (manual)\n     * @values auto, manual\n     */\n    activationMode: {\n      type: String,\n      default: 'manual',\n      validator (value) {\n        return TAB_ACTIVATION_MODES.includes(value);\n      },\n    },\n\n    /**\n     * If true, the selection indicator animates between tabs on click.\n     * @values true, false\n     */\n    showIndicatorTransition: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  setup () {\n    const tabs = ref(null);\n    const indicator = useIndicatorAnimation(\n      tabs, '--tab-indicator-duration', '--tab-indicator-easing',\n    );\n    return { tabs, indicator };\n  },\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n        size: 300,\n        kind: 'default',\n        outlined: false,\n        orientation: 'horizontal',\n        spread: 'none',\n        focusedTabId: null, // tracks last-focused tab for roving tabindex\n      },\n\n      tabItems: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n      TAB_ORIENTATION_MODIFIERS,\n      TAB_SPREAD_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTabsClass () {\n      return this.tabListClass ?? this.tabsClass;\n    },\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler (newVal, oldVal) {\n        this.provideObj.selected = this.selected;\n        if (newVal !== oldVal) {\n          this.provideObj.focusedTabId = null;\n        }\n      },\n    },\n\n    size: {\n      immediate: true,\n      handler () {\n        this.provideObj.size = this.size;\n      },\n    },\n\n    kind: {\n      immediate: true,\n      handler () {\n        this.provideObj.kind = this.kind;\n      },\n    },\n\n    outlined: {\n      immediate: true,\n      handler () {\n        this.provideObj.outlined = this.outlined;\n      },\n    },\n\n    orientation: {\n      immediate: true,\n      handler () {\n        this.provideObj.orientation = this.orientation;\n      },\n    },\n\n    spread: {\n      immediate: true,\n      handler () {\n        this.provideObj.spread = this.spread;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabItems = this.getTabChildren();\n\n      // Clear stale focusedTabId if the focused tab was removed\n      if (this.provideObj.focusedTabId && !this.tabItems.some(t => t.tabId === this.provideObj.focusedTabId)) {\n        this.provideObj.focusedTabId = null;\n      }\n    },\n\n    setFocus (focusId) {\n      if (this.provideObj.focusedTabId !== focusId) {\n        this.provideObj.focusedTabId = focusId;\n      }\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('[role=\"tab\"]'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n            isDisabled: el.getAttribute('aria-disabled') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigatePrevious();\n    },\n\n    tabRight () {\n      if (this.orientation !== 'horizontal') return;\n      this.navigateNext();\n    },\n\n    tabUp (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigatePrevious();\n    },\n\n    tabDown (event) {\n      if (this.orientation !== 'vertical') return;\n      event.preventDefault();\n      this.navigateNext();\n    },\n\n    navigatePrevious () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, -1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    navigateNext () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const nextIndex = this.findNextTab(index, 1);\n      this.selectFocusOnTab(nextIndex);\n    },\n\n    findNextTab (fromIndex, direction) {\n      const len = this.tabItems.length;\n      return (fromIndex + direction + len) % len;\n    },\n\n    transitionIndicator (panelId, newContext) {\n      if (!newContext || !this.showIndicatorTransition) {\n        this.provideObj.selected = panelId;\n        return;\n      }\n\n      const old = this.indicator.snapshot('[aria-selected=\"true\"]');\n\n      this.provideObj.selected = panelId;\n      if (!old) return;\n\n      this.$nextTick(() => {\n        let hideProps = { backgroundColor: 'transparent' };\n        let indicatorExtra = {};\n        let pseudoElement = '::after';\n\n        if (this.outlined) {\n          hideProps = { borderColor: 'transparent', backgroundColor: 'transparent' };\n          indicatorExtra = { boxShadow: `inset 0 0 0 ${old.style.borderWidth} ${old.style.borderColor}` };\n          pseudoElement = '::before';\n        } else if (this.kind === 'muted') {\n          indicatorExtra = { backgroundColor: old.style.backgroundColor };\n          pseudoElement = '::before';\n        }\n\n        this.indicator.animate({\n          oldRect: old.rect,\n          newEl: newContext,\n          orientation: this.orientation,\n          hideProps,\n          indicatorExtra,\n          pseudoElement,\n        });\n      });\n    },\n\n    selectFocusOnTab (index) {\n      const { context, panelId, isDisabled } = this.tabItems[index];\n      context.focus();\n      if (this.activationMode === 'auto' && !isDisabled) {\n        this.indicator.cancel();\n        this.provideObj.selected = panelId;\n        this.onChange();\n      }\n    },\n\n    selectTab (event) {\n      const tabEl = event.target.closest('[role=\"tab\"]');\n      const index = tabEl\n        ? this.tabItems.findIndex(t => t.context === tabEl)\n        : this.getFocusedTabIndex();\n\n      if (index === -1) return;\n      if (this.tabItems[index]?.isDisabled) return;\n      if (this.provideObj.selected === this.tabItems[index]?.panelId) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      // Prevent keyboard defaults (Space scroll, Enter form submit)\n      // after confirming the tab change will proceed\n      event.preventDefault();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabItems[index];\n      this.transitionIndicator(panelId, context);\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      const focusedId = this.provideObj.focusedTabId;\n      const index = this.tabItems.findIndex((context) =>\n        focusedId ? context.tabId === focusedId : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(0);\n    },\n\n    onEndButton () {\n      if (this.tabItems.length) this.selectFocusOnTab(this.tabItems.length - 1);\n    },\n\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/tab/tab-group.js

@@ -1,9 +1,10 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { TAB_ACTIVATION_MODES as t, TAB_GROUP_KINDS as n, TAB_LIST_IMPORTANCE_MODIFIERS as r, TAB_LIST_KIND_MODIFIERS as i, TAB_LIST_SIZES as a, TAB_LIST_SIZE_MODIFIERS as o, TAB_ORIENTATIONS as s, TAB_ORIENTATION_MODIFIERS as c, TAB_SPREADS as l, TAB_SPREAD_MODIFIERS as u } from "./tabs-constants.js";
-import { useIndicatorAnimation as d } from "../../common/composables/use-indicator-animation.js";
-import { createElementBlock as f, createElementVNode as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, withKeys as y, withModifiers as b } from "vue";
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { TAB_ACTIVATION_MODES as n, TAB_GROUP_KINDS as r, TAB_LIST_IMPORTANCE_MODIFIERS as i, TAB_LIST_KIND_MODIFIERS as a, TAB_LIST_SIZES as o, TAB_LIST_SIZE_MODIFIERS as s, TAB_ORIENTATIONS as c, TAB_ORIENTATION_MODIFIERS as l, TAB_SPREADS as u, TAB_SPREAD_MODIFIERS as d } from "./tabs-constants.js";
+import { useIndicatorAnimation as f } from "../../common/composables/use-indicator-animation.js";
+import { createElementBlock as p, createElementVNode as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderSlot as y, withKeys as b, withModifiers as x } from "vue";
 //#region components/Tab/TabGroup.vue
-var x = {
+var S = {
 	name: "DtTabGroup",
 	provide() {
 		return {
@@ -36,22 +37,20 @@ var x = {
 			type: String,
 			default: "none",
 			validator(e) {
-				return l.includes(e);
+				return u.includes(e);
 			}
 		},
 		orientation: {
 			type: String,
 			default: "horizontal",
 			validator(e) {
-				return s.includes(e);
+				return c.includes(e);
 			}
 		},
 		size: {
 			type: [String, Number],
 			default: 300,
-			validator(e) {
-				return a.includes(String(e));
-			}
+			validator: e(o)
 		},
 		tabsClass: {
 			type: [
@@ -77,7 +76,7 @@ var x = {
 			type: String,
 			default: "default",
 			validator(e) {
-				return n.includes(e);
+				return r.includes(e);
 			}
 		},
 		outlined: {
@@ -88,7 +87,7 @@ var x = {
 			type: String,
 			default: "manual",
 			validator(e) {
-				return t.includes(e);
+				return n.includes(e);
 			}
 		},
 		showIndicatorTransition: {
@@ -98,10 +97,10 @@ var x = {
 	},
 	emits: ["change", "before-change"],
 	setup() {
-		let e = _(null);
+		let e = v(null);
 		return {
 			tabs: e,
-			indicator: d(e, "--tab-indicator-duration", "--tab-indicator-easing")
+			indicator: f(e, "--tab-indicator-duration", "--tab-indicator-easing")
 		};
 	},
 	data() {
@@ -117,11 +116,11 @@ var x = {
 				focusedTabId: null
 			},
 			tabItems: [],
-			TAB_LIST_SIZE_MODIFIERS: o,
-			TAB_LIST_KIND_MODIFIERS: i,
-			TAB_LIST_IMPORTANCE_MODIFIERS: r,
-			TAB_ORIENTATION_MODIFIERS: c,
-			TAB_SPREAD_MODIFIERS: u
+			TAB_LIST_SIZE_MODIFIERS: s,
+			TAB_LIST_KIND_MODIFIERS: a,
+			TAB_LIST_IMPORTANCE_MODIFIERS: i,
+			TAB_ORIENTATION_MODIFIERS: l,
+			TAB_SPREAD_MODIFIERS: d
 		};
 	},
 	computed: { resolvedTabsClass() {
@@ -268,12 +267,12 @@ var x = {
 			this.tabItems.length && this.selectFocusOnTab(this.tabItems.length - 1);
 		}
 	}
-}, S = ["aria-label", "aria-orientation"];
-function C(e, t, n, r, i, a) {
-	return g(), f("div", {
+}, C = ["aria-label", "aria-orientation"];
+function w(e, t, n, r, i, a) {
+	return _(), p("div", {
 		"data-qa": "dt-tab-group",
-		class: h(["d-tab-neux", { "d-tab-neux--vertical": n.orientation === "vertical" }])
-	}, [p("div", m({
+		class: g(["d-tab-neux", { "d-tab-neux--vertical": n.orientation === "vertical" }])
+	}, [m("div", h({
 		ref: "tabs",
 		class: [
 			"d-tablist",
@@ -291,20 +290,20 @@ function C(e, t, n, r, i, a) {
 		"aria-label": n.label,
 		"aria-orientation": n.orientation,
 		onKeydown: [
-			t[0] || (t[0] = y((...e) => a.tabLeft && a.tabLeft(...e), ["left"])),
-			t[1] || (t[1] = y((...e) => a.tabRight && a.tabRight(...e), ["right"])),
-			t[2] || (t[2] = y((...e) => a.tabUp && a.tabUp(...e), ["up"])),
-			t[3] || (t[3] = y((...e) => a.tabDown && a.tabDown(...e), ["down"])),
-			t[4] || (t[4] = y((...e) => a.selectTab && a.selectTab(...e), ["enter"])),
-			t[5] || (t[5] = y((...e) => a.selectTab && a.selectTab(...e), ["space"])),
-			t[7] || (t[7] = y(b((...e) => a.onHomeButton && a.onHomeButton(...e), ["prevent"]), ["home"])),
-			t[8] || (t[8] = y(b((...e) => a.onEndButton && a.onEndButton(...e), ["prevent"]), ["end"]))
+			t[0] || (t[0] = b((...e) => a.tabLeft && a.tabLeft(...e), ["left"])),
+			t[1] || (t[1] = b((...e) => a.tabRight && a.tabRight(...e), ["right"])),
+			t[2] || (t[2] = b((...e) => a.tabUp && a.tabUp(...e), ["up"])),
+			t[3] || (t[3] = b((...e) => a.tabDown && a.tabDown(...e), ["down"])),
+			t[4] || (t[4] = b((...e) => a.selectTab && a.selectTab(...e), ["enter"])),
+			t[5] || (t[5] = b((...e) => a.selectTab && a.selectTab(...e), ["space"])),
+			t[7] || (t[7] = b(x((...e) => a.onHomeButton && a.onHomeButton(...e), ["prevent"]), ["home"])),
+			t[8] || (t[8] = b(x((...e) => a.onEndButton && a.onEndButton(...e), ["prevent"]), ["end"]))
 		],
 		onClick: t[6] || (t[6] = (...e) => a.selectTab && a.selectTab(...e))
-	}), [v(e.$slots, "tabs")], 16, S), v(e.$slots, "default")], 2);
+	}), [y(e.$slots, "tabs")], 16, C), y(e.$slots, "default")], 2);
 }
-var w = /* @__PURE__ */ e(x, [["render", C]]);
+var T = /* @__PURE__ */ t(S, [["render", w]]);
 //#endregion
-export { w as default };
+export { T as default };
 
 //# sourceMappingURL=tab-group.js.map