npm - @dialpad/dialtone-vue - Versions diffs - 3.223.0 → 3.224.0-next.1 - Mend

@dialpad/dialtone-vue 3.223.0 → 3.224.0-next.1

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 (2145) hide show

package/dist/lib/scrollbar-directive/scrollbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollbar.js","names":[],"sources":["../../../directives/scrollbar_directive/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n name: 'dt-scrollbar-directive',\n install (app) {\n OverlayScrollbars.plugin(ClickScrollPlugin);\n const instances = new WeakMap();\n app.directive('dt-scrollbar', {\n mounted (el, binding) {\n const os = OverlayScrollbars({\n target: el,\n elements: {\n viewport: el.children[0],\n },\n }, {\n scrollbars: {\n autoHide~~: `${binding.arg \|\| 'leave'}`,\~~n clickScroll: true,\n autoHideDelay: ~~`${!binding.arg~~ ~~\|\| binding.arg === 'leave'~~ ? 0 : 1300~~}`,\~~n },\n });\n el.setAttribute('data-overlayscrollbars-initialize', true);\n el.classList.add('d-scrollbar');\n instances.set(el, os);\n },\n unmounted (el) {\n instances.get(el).destroy();\n },\n });\n },\n};\n\nexport default DtScrollbarDirective;\n"],"mappings":";;AAEA,IAAa,IAAuB;CAClC,MAAM;CACN,QAAS,GAAK;AACZ,IAAkB,OAAO,EAAkB;EAC3C,IAAM,oBAAY,IAAI,SAAS;AAC/B,IAAI,UAAU,gBAAgB;GAC5B,QAAS,GAAI,GAAS;IACpB,IAAM,IAAK,EAAkB;KAC3B,QAAQ;KACR,UAAU,EACR,UAAU,EAAG,SAAS,IACvB;KACF,EAAE,EACD,YAAY;KACV~~,UAAU,GAAG,EAAQ,OAAO~~;~~KAC5B~~,aAAa;KACb,eAAe,~~GAAG~~,~~CAAC,EAAQ,OAAO,EAAQ,QAAQ,UAAU,~~IAAI;~~KACjE~~,EACF,CAAC;~~AAGF~~,~~IAFA~~,EAAG,aAAa,qCAAqC,GAAK,EAC1D,EAAG,UAAU,IAAI,cAAc,EAC/B,EAAU,IAAI,GAAI,EAAG;;GAEvB,~~UAAW~~,GAAI;~~AACb~~,~~MAAU~~,IAAI,EAAG,CAAC,SAAS;;~~GAE9B~~,CAAC;;CAEL"}
1	+ {"version":3,"file":"scrollbar.js","names":[],"sources":["../../../directives/scrollbar_directive/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nconst VALID_SHOW_SCROLLBAR = new Set(['always', 'enter', 'scroll', 'move']);\n\nfunction resolveShowScrollbar (value, arg) {\n const mode = value?.showScrollbar ?? arg ?? 'enter';\n if (!VALID_SHOW_SCROLLBAR.has(mode)) {\n console.info(`[v-dt-scrollbar] Unknown showScrollbar value \"${mode}\". Valid values: ${[...VALID_SHOW_SCROLLBAR].join(', ')}. Falling back to \"enter\".`);\n return 'leave'; // 'enter' resolved\n }\n // 'always' → OS 'never' (always visible); 'enter' → OS 'leave' (show on enter, hide on leave)\n if (mode === 'always') return 'never';\n if (mode === 'enter') return 'leave';\n return mode;\n}\n\nconst OFFSET_SIDES = ['block-start', 'block-end', 'inline-start', 'inline-end'];\n\nfunction toCssLength (val) {\n return typeof val === 'number' ? `${val}px` : val;\n}\n\nfunction setProp (el, prop, val) {\n val != null ? el.style.setProperty(prop, toCssLength(val)) : el.style.removeProperty(prop);\n}\n\nfunction applyOffset (el, offset) {\n if (!offset) {\n for (const s of OFFSET_SIDES) el.style.removeProperty(`--dt-scrollbar-offset-${s}`);\n return;\n }\n setProp(el, '--dt-scrollbar-offset-block-start', offset.blockStart ?? offset.block);\n setProp(el, '--dt-scrollbar-offset-block-end', offset.blockEnd ?? offset.block);\n setProp(el, '--dt-scrollbar-offset-inline-start', offset.inlineStart ?? offset.inline);\n setProp(el, '--dt-scrollbar-offset-inline-end', offset.inlineEnd ?? offset.inline);\n}\n\nfunction applyScrollbarClasses (os, value, prev) {\n const { scrollbarVertical, scrollbarHorizontal } = os.elements();\n if (prev?.blockClasses) scrollbarVertical.scrollbar.classList.remove(...prev.blockClasses.split(' ').filter(Boolean));\n if (prev?.inlineClasses) scrollbarHorizontal.scrollbar.classList.remove(...prev.inlineClasses.split(' ').filter(Boolean));\n if (value?.blockClasses) scrollbarVertical.scrollbar.classList.add(...value.blockClasses.split(' ').filter(Boolean));\n if (value?.inlineClasses) scrollbarHorizontal.scrollbar.classList.add(...value.inlineClasses.split(' ').filter(Boolean));\n}\n\nexport const DtScrollbarDirective = {\n name: 'dt-scrollbar-directive',\n install (app) {\n OverlayScrollbars.plugin(ClickScrollPlugin);\n const instances = new WeakMap();\n app.directive('dt-scrollbar', {\n mounted (el, binding) {\n const autoHide = resolveShowScrollbar(binding.value, binding.arg);\n const noDelay = autoHide === 'never' \|\| autoHide === 'leave'; // OS values, already resolved\n // @property inside a shadow DOM stylesheet doesn't register globally.\n // Without global registration Chrome's WAAPI can't interpolate\n // --os-scroll-percent as a number and the scrollbar thumb never moves.\n try {\n CSS.registerProperty({\n name: '--os-scroll-percent',\n syntax: '<number>',\n inherits: true,\n initialValue: '0',\n });\n } catch (error) {\n // Chrome throws InvalidModificationError when the property is already\n // registered — that's the expected case on non-web-component pages\n // where overlayscrollbars.css is loaded globally. Anything else is a\n // real failure and should not be silently swallowed.\n if (!(error instanceof DOMException) \|\| error.name !== 'InvalidModificationError') {\n throw error;\n }\n }\n\n const os = OverlayScrollbars({\n target: el,\n elements: {\n viewport: el.children[0],\n },\n }, {\n scrollbars: {\n autoHide,\n clickScroll: true,\n autoHideDelay: noDelay ? 0 : 1300,\n },\n });\n el.setAttribute('data-overlayscrollbars-initialize', true);\n el.classList.add('d-scrollbar');\n applyOffset(el, binding.value?.offset);\n applyScrollbarClasses(os, binding.value);\n instances.set(el, os);\n },\n updated (el, binding) {\n const os = instances.get(el);\n if (!os) return;\n const autoHide = resolveShowScrollbar(binding.value, binding.arg);\n const noDelay = autoHide === 'never' \|\| autoHide === 'leave'; // OS values, already resolved\n os.options({\n scrollbars: {\n autoHide,\n autoHideDelay: noDelay ? 0 : 1300,\n },\n });\n applyOffset(el, binding.value?.offset);\n applyScrollbarClasses(os, binding.value, binding.oldValue);\n },\n unmounted (el) {\n const os = instances.get(el);\n if (os) os.destroy();\n instances.delete(el);\n },\n });\n },\n};\n\nexport default DtScrollbarDirective;\n"],"mappings":"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"}

package/dist/lib/scroller/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../~~scroller~~-~~CjAsgjl9~~.cjs`);exports.DtScroller=e.t;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../Scroller-BZ6uXRvs.cjs`);exports.DtScroller=e.t;

package/dist/lib/scroller/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../scroller-BGVDh3sq.js";
+import { t as e } from "../../Scroller-PdWd9P1m.js";
 export { e as DtScroller };

package/dist/lib/scroller/scroller.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../~~scroller~~-~~CjAsgjl9~~.cjs`);exports.default=e.t;
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../Scroller-BZ6uXRvs.cjs`);exports.default=e.t;

package/dist/lib/scroller/scroller.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../scroller-BGVDh3sq.js";
+import { t as e } from "../../Scroller-PdWd9P1m.js";
 export { e as default };

package/dist/lib/segmented-control/index.cjs ADDED Viewed

@@ -0,0 +1 @@

+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./segmented-control-constants.cjs`),t=require(`./segmented-control.cjs`),n=require(`./segmented-control-item.cjs`);exports.DtSegmentedControl=t.default,exports.DtSegmentedControlItem=n.default,exports.SEGMENTED_CONTROL_ACTIVATION_MODES=e.SEGMENTED_CONTROL_ACTIVATION_MODES,exports.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT=e.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,exports.SEGMENTED_CONTROL_CONTEXT_KEY=e.SEGMENTED_CONTROL_CONTEXT_KEY,exports.SEGMENTED_CONTROL_FOCUS_KEY=e.SEGMENTED_CONTROL_FOCUS_KEY,exports.SEGMENTED_CONTROL_ORIENTATIONS=e.SEGMENTED_CONTROL_ORIENTATIONS,exports.SEGMENTED_CONTROL_ORIENTATION_DEFAULT=e.SEGMENTED_CONTROL_ORIENTATION_DEFAULT,exports.SEGMENTED_CONTROL_SELECT_KEY=e.SEGMENTED_CONTROL_SELECT_KEY,exports.SEGMENTED_CONTROL_SIZES=e.SEGMENTED_CONTROL_SIZES,exports.SEGMENTED_CONTROL_SIZE_DEFAULT=e.SEGMENTED_CONTROL_SIZE_DEFAULT,exports.SEGMENTED_CONTROL_SIZE_MODIFIERS=e.SEGMENTED_CONTROL_SIZE_MODIFIERS,exports.SEGMENTED_CONTROL_SPREADS=e.SEGMENTED_CONTROL_SPREADS,exports.SEGMENTED_CONTROL_SPREAD_DEFAULT=e.SEGMENTED_CONTROL_SPREAD_DEFAULT;

package/dist/lib/segmented-control/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { SEGMENTED_CONTROL_ACTIVATION_MODES as e, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as t, SEGMENTED_CONTROL_CONTEXT_KEY as n, SEGMENTED_CONTROL_FOCUS_KEY as r, SEGMENTED_CONTROL_ORIENTATIONS as i, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as a, SEGMENTED_CONTROL_SELECT_KEY as o, SEGMENTED_CONTROL_SIZES as s, SEGMENTED_CONTROL_SIZE_DEFAULT as c, SEGMENTED_CONTROL_SIZE_MODIFIERS as l, SEGMENTED_CONTROL_SPREADS as u, SEGMENTED_CONTROL_SPREAD_DEFAULT as d } from "./segmented-control-constants.js";
+import f from "./segmented-control.js";
+import p from "./segmented-control-item.js";
+export { f as DtSegmentedControl, p as DtSegmentedControlItem, e as SEGMENTED_CONTROL_ACTIVATION_MODES, t as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, n as SEGMENTED_CONTROL_CONTEXT_KEY, r as SEGMENTED_CONTROL_FOCUS_KEY, i as SEGMENTED_CONTROL_ORIENTATIONS, a as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, o as SEGMENTED_CONTROL_SELECT_KEY, s as SEGMENTED_CONTROL_SIZES, c as SEGMENTED_CONTROL_SIZE_DEFAULT, l as SEGMENTED_CONTROL_SIZE_MODIFIERS, u as SEGMENTED_CONTROL_SPREADS, d as SEGMENTED_CONTROL_SPREAD_DEFAULT };

package/dist/lib/segmented-control/segmented-control-constants.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`100`,`200`,`300`,`400`,`500`,`xs`,`sm`,`md`,`lg`,`xl`],t=200,n={100:`d-segmented-control--xs`,200:`d-segmented-control--sm`,300:`d-segmented-control--md`,400:`d-segmented-control--lg`,500:`d-segmented-control--xl`,xs:`d-segmented-control--xs`,sm:`d-segmented-control--sm`,md:`d-segmented-control--md`,lg:`d-segmented-control--lg`,xl:`d-segmented-control--xl`},r=[`horizontal`,`vertical`],i=`horizontal`,a=[`auto`,`manual`],o=`auto`,s=[`grow`,`evenly`],c=`grow`,l=`[role="radio"]`,u=`data-value`,d=Symbol(`DtSegmentedControlContext`),f=Symbol(`DtSegmentedControlSelect`),p=Symbol(`DtSegmentedControlFocus`),m={SEGMENTED_CONTROL_SIZES:e,SEGMENTED_CONTROL_SIZE_DEFAULT:200,SEGMENTED_CONTROL_SIZE_MODIFIERS:n,SEGMENTED_CONTROL_ORIENTATIONS:r,SEGMENTED_CONTROL_ORIENTATION_DEFAULT:i,SEGMENTED_CONTROL_ACTIVATION_MODES:a,SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT:o,SEGMENTED_CONTROL_SPREADS:s,SEGMENTED_CONTROL_SPREAD_DEFAULT:c,SEGMENTED_CONTROL_CONTEXT_KEY:d,SEGMENTED_CONTROL_SELECT_KEY:f,SEGMENTED_CONTROL_FOCUS_KEY:p};exports.SEGMENTED_CONTROL_ACTIVATION_MODES=a,exports.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT=o,exports.SEGMENTED_CONTROL_CONTEXT_KEY=d,exports.SEGMENTED_CONTROL_DATA_VALUE_ATTR=u,exports.SEGMENTED_CONTROL_FOCUS_KEY=p,exports.SEGMENTED_CONTROL_ITEM_SELECTOR=l,exports.SEGMENTED_CONTROL_ORIENTATIONS=r,exports.SEGMENTED_CONTROL_ORIENTATION_DEFAULT=i,exports.SEGMENTED_CONTROL_SELECT_KEY=f,exports.SEGMENTED_CONTROL_SIZES=e,exports.SEGMENTED_CONTROL_SIZE_DEFAULT=t,exports.SEGMENTED_CONTROL_SIZE_MODIFIERS=n,exports.SEGMENTED_CONTROL_SPREADS=s,exports.SEGMENTED_CONTROL_SPREAD_DEFAULT=c,exports.default=m;
2	+ //# sourceMappingURL=segmented-control-constants.cjs.map

package/dist/lib/segmented-control/segmented-control-constants.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control-constants.cjs","names":[],"sources":["../../../components/SegmentedControl/SegmentedControlConstants.js"],"sourcesContent":["export const SEGMENTED_CONTROL_SIZES = ['100', '200', '300', '400', '500', 'xs', 'sm', 'md', 'lg', 'xl'];\nexport const SEGMENTED_CONTROL_SIZE_DEFAULT = 200;\n\nexport const SEGMENTED_CONTROL_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-segmented-control--xs',\n 200: 'd-segmented-control--sm',\n 300: 'd-segmented-control--md',\n 400: 'd-segmented-control--lg',\n 500: 'd-segmented-control--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-segmented-control--xs',\n sm: 'd-segmented-control--sm',\n md: 'd-segmented-control--md',\n lg: 'd-segmented-control--lg',\n xl: 'd-segmented-control--xl',\n};\n\nexport const SEGMENTED_CONTROL_ORIENTATIONS = ['horizontal', 'vertical'];\nexport const SEGMENTED_CONTROL_ORIENTATION_DEFAULT = 'horizontal';\n\nexport const SEGMENTED_CONTROL_ACTIVATION_MODES = ['auto', 'manual'];\nexport const SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT = 'auto';\n\nexport const SEGMENTED_CONTROL_SPREADS = ['grow', 'evenly'];\nexport const SEGMENTED_CONTROL_SPREAD_DEFAULT = 'grow';\n\nexport const SEGMENTED_CONTROL_ITEM_SELECTOR = '[role=\"radio\"]';\nexport const SEGMENTED_CONTROL_DATA_VALUE_ATTR = 'data-value';\n\nexport const SEGMENTED_CONTROL_CONTEXT_KEY = Symbol('DtSegmentedControlContext');\nexport const SEGMENTED_CONTROL_SELECT_KEY = Symbol('DtSegmentedControlSelect');\nexport const SEGMENTED_CONTROL_FOCUS_KEY = Symbol('DtSegmentedControlFocus');\n\nexport default {\n SEGMENTED_CONTROL_SIZES,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n SEGMENTED_CONTROL_SIZE_MODIFIERS,\n SEGMENTED_CONTROL_ORIENTATIONS,\n SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n SEGMENTED_CONTROL_ACTIVATION_MODES,\n SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n SEGMENTED_CONTROL_SPREADS,\n SEGMENTED_CONTROL_SPREAD_DEFAULT,\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n};\n"],"mappings":"+FAAA,IAAa,EAA0B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,KAAK,CAC3F,EAAiC,IAEjC,EAAmC,CAE9C,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BAEL,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACL,CAEY,EAAiC,CAAC,aAAc,WAAW,CAC3D,EAAwC,aAExC,EAAqC,CAAC,OAAQ,SAAS,CACvD,EAA4C,OAE5C,EAA4B,CAAC,OAAQ,SAAS,CAC9C,EAAmC,OAEnC,EAAkC,iBAClC,EAAoC,aAEpC,EAAgC,OAAO,4BAA4B,CACnE,EAA+B,OAAO,2BAA2B,CACjE,EAA8B,OAAO,0BAA0B,CAE5E,EAAe,CACb,0BACA,+BAAA,IACA,mCACA,iCACA,wCACA,qCACA,4CACA,4BACA,mCACA,gCACA,+BACA,8BACD"}

package/dist/lib/segmented-control/segmented-control-constants.js ADDED Viewed

@@ -0,0 +1,41 @@
+//#region components/SegmentedControl/SegmentedControlConstants.js
+var e = [
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], t = 200, n = {
+	100: "d-segmented-control--xs",
+	200: "d-segmented-control--sm",
+	300: "d-segmented-control--md",
+	400: "d-segmented-control--lg",
+	500: "d-segmented-control--xl",
+	xs: "d-segmented-control--xs",
+	sm: "d-segmented-control--sm",
+	md: "d-segmented-control--md",
+	lg: "d-segmented-control--lg",
+	xl: "d-segmented-control--xl"
+}, r = ["horizontal", "vertical"], i = "horizontal", a = ["auto", "manual"], o = "auto", s = ["grow", "evenly"], c = "grow", l = "[role=\"radio\"]", u = "data-value", d = Symbol("DtSegmentedControlContext"), f = Symbol("DtSegmentedControlSelect"), p = Symbol("DtSegmentedControlFocus"), m = {
+	SEGMENTED_CONTROL_SIZES: e,
+	SEGMENTED_CONTROL_SIZE_DEFAULT: 200,
+	SEGMENTED_CONTROL_SIZE_MODIFIERS: n,
+	SEGMENTED_CONTROL_ORIENTATIONS: r,
+	SEGMENTED_CONTROL_ORIENTATION_DEFAULT: i,
+	SEGMENTED_CONTROL_ACTIVATION_MODES: a,
+	SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT: o,
+	SEGMENTED_CONTROL_SPREADS: s,
+	SEGMENTED_CONTROL_SPREAD_DEFAULT: c,
+	SEGMENTED_CONTROL_CONTEXT_KEY: d,
+	SEGMENTED_CONTROL_SELECT_KEY: f,
+	SEGMENTED_CONTROL_FOCUS_KEY: p
+};
+//#endregion
+export { a as SEGMENTED_CONTROL_ACTIVATION_MODES, o as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, d as SEGMENTED_CONTROL_CONTEXT_KEY, u as SEGMENTED_CONTROL_DATA_VALUE_ATTR, p as SEGMENTED_CONTROL_FOCUS_KEY, l as SEGMENTED_CONTROL_ITEM_SELECTOR, r as SEGMENTED_CONTROL_ORIENTATIONS, i as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, f as SEGMENTED_CONTROL_SELECT_KEY, e as SEGMENTED_CONTROL_SIZES, t as SEGMENTED_CONTROL_SIZE_DEFAULT, n as SEGMENTED_CONTROL_SIZE_MODIFIERS, s as SEGMENTED_CONTROL_SPREADS, c as SEGMENTED_CONTROL_SPREAD_DEFAULT, m as default };
+//# sourceMappingURL=segmented-control-constants.js.map

package/dist/lib/segmented-control/segmented-control-constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control-constants.js","names":[],"sources":["../../../components/SegmentedControl/SegmentedControlConstants.js"],"sourcesContent":["export const SEGMENTED_CONTROL_SIZES = ['100', '200', '300', '400', '500', 'xs', 'sm', 'md', 'lg', 'xl'];\nexport const SEGMENTED_CONTROL_SIZE_DEFAULT = 200;\n\nexport const SEGMENTED_CONTROL_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-segmented-control--xs',\n 200: 'd-segmented-control--sm',\n 300: 'd-segmented-control--md',\n 400: 'd-segmented-control--lg',\n 500: 'd-segmented-control--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-segmented-control--xs',\n sm: 'd-segmented-control--sm',\n md: 'd-segmented-control--md',\n lg: 'd-segmented-control--lg',\n xl: 'd-segmented-control--xl',\n};\n\nexport const SEGMENTED_CONTROL_ORIENTATIONS = ['horizontal', 'vertical'];\nexport const SEGMENTED_CONTROL_ORIENTATION_DEFAULT = 'horizontal';\n\nexport const SEGMENTED_CONTROL_ACTIVATION_MODES = ['auto', 'manual'];\nexport const SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT = 'auto';\n\nexport const SEGMENTED_CONTROL_SPREADS = ['grow', 'evenly'];\nexport const SEGMENTED_CONTROL_SPREAD_DEFAULT = 'grow';\n\nexport const SEGMENTED_CONTROL_ITEM_SELECTOR = '[role=\"radio\"]';\nexport const SEGMENTED_CONTROL_DATA_VALUE_ATTR = 'data-value';\n\nexport const SEGMENTED_CONTROL_CONTEXT_KEY = Symbol('DtSegmentedControlContext');\nexport const SEGMENTED_CONTROL_SELECT_KEY = Symbol('DtSegmentedControlSelect');\nexport const SEGMENTED_CONTROL_FOCUS_KEY = Symbol('DtSegmentedControlFocus');\n\nexport default {\n SEGMENTED_CONTROL_SIZES,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n SEGMENTED_CONTROL_SIZE_MODIFIERS,\n SEGMENTED_CONTROL_ORIENTATIONS,\n SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n SEGMENTED_CONTROL_ACTIVATION_MODES,\n SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n SEGMENTED_CONTROL_SPREADS,\n SEGMENTED_CONTROL_SPREAD_DEFAULT,\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n};\n"],"mappings":";AAAA,IAAa,IAA0B;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAM;CAAM;CAAM;CAAM;CAAK,EAC3F,IAAiC,KAEjC,IAAmC;CAE9C,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAiC,CAAC,cAAc,WAAW,EAC3D,IAAwC,cAExC,IAAqC,CAAC,QAAQ,SAAS,EACvD,IAA4C,QAE5C,IAA4B,CAAC,QAAQ,SAAS,EAC9C,IAAmC,QAEnC,IAAkC,oBAClC,IAAoC,cAEpC,IAAgC,OAAO,4BAA4B,EACnE,IAA+B,OAAO,2BAA2B,EACjE,IAA8B,OAAO,0BAA0B,EAE5E,IAAe;CACb;CACA,gCAAA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/segmented-control/segmented-control-item.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../button/button.cjs`),t=require(`./segmented-control-constants.cjs`);let n=require(`vue`);var r=Object.assign({name:`DtSegmentedControlItem`,inheritAttrs:!1},{__name:`SegmentedControlItem`,props:{value:{type:String,required:!0},label:{type:String,default:void 0},disabled:{type:Boolean,default:!1},labelClass:{type:[String,Array,Object],default:void 0}},emits:[`click`,`focus`],setup(r,{emit:i}){let a=r,o=i,s=(0,n.inject)(t.SEGMENTED_CONTROL_CONTEXT_KEY,{selected:``,disabled:!1,size:200,labelClass:``}),c=(0,n.inject)(t.SEGMENTED_CONTROL_SELECT_KEY,()=>{}),l=(0,n.inject)(t.SEGMENTED_CONTROL_FOCUS_KEY,()=>{}),u=(0,n.computed)(()=>s.selected===a.value),d=(0,n.computed)(()=>s.disabled\|\|a.disabled),f=(0,n.computed)(()=>s.size),p=(0,n.computed)(()=>[`d-segmented-control__item-label`,a.labelClass??s.labelClass].filter(Boolean));function m(e){o(`click`,e),!d.value&&c(a.value)}function h(e){o(`focus`,e),l(a.value)}return(t,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.default),(0,n.mergeProps)({class:`d-segmented-control__item`,role:`radio`,"aria-checked":String(u.value),tabindex:u.value&&!d.value?`0`:`-1`,active:u.value,disabled:d.value,"aria-disabled":d.value?`true`:void 0,"aria-label":r.label,"label-class":p.value,"data-value":r.value,kind:`muted`,importance:`clear`,size:f.value,"data-qa":`dt-segmented-control-item`},t.$attrs,{onClick:m,onFocus:h}),(0,n.createSlots)({default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`default`)]),_:2},[t.$slots.startIcon?{name:`startIcon`,fn:(0,n.withCtx)(({iconSize:e})=>[(0,n.renderSlot)(t.$slots,`startIcon`,{iconSize:e})]),key:`0`}:void 0,t.$slots.endIcon?{name:`endIcon`,fn:(0,n.withCtx)(({iconSize:e})=>[(0,n.renderSlot)(t.$slots,`endIcon`,{iconSize:e})]),key:`1`}:void 0,t.$slots.leading?{name:`leading`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`leading`)]),key:`2`}:void 0,t.$slots.trailing?{name:`trailing`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`trailing`)]),key:`3`}:void 0]),1040,[`aria-checked`,`tabindex`,`active`,`disabled`,`aria-disabled`,`aria-label`,`label-class`,`data-value`,`size`]))}});exports.default=r;
2	+ //# sourceMappingURL=segmented-control-item.cjs.map

package/dist/lib/segmented-control/segmented-control-item.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control-item.cjs","names":["$attrs","$slots"],"sources":["../../../components/SegmentedControl/SegmentedControlItem.vue"],"sourcesContent":["<template>\n <dt-button\n class=\"d-segmented-control__item\"\n role=\"radio\"\n :aria-checked=\"String(isSelected)\"\n :tabindex=\"isSelected && !isDisabled ? '0' : '-1'\"\n :active=\"isSelected\"\n :disabled=\"isDisabled\"\n :aria-disabled=\"isDisabled ? 'true' : undefined\"\n :aria-label=\"label\"\n :label-class=\"resolvedLabelClass\"\n :data-value=\"value\"\n kind=\"muted\"\n importance=\"clear\"\n :size=\"buttonSize\"\n data-qa=\"dt-segmented-control-item\"\n v-bind=\"$attrs\"\n @click=\"handleClick\"\n @focus=\"handleFocus\"\n >\n <template\n v-if=\"$slots.startIcon\"\n #startIcon=\"{ iconSize }\"\n >\n \n <slot\n name=\"startIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.endIcon\"\n #endIcon=\"{ iconSize }\"\n >\n \n <slot\n name=\"endIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n \n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n \n <slot name=\"trailing\" />\n </template>\n \n <slot />\n </dt-button>\n</template>\n\n<script setup>\nimport { computed, inject } from 'vue';\nimport { DtButton } from '@/components/Button';\nimport {\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n} from './SegmentedControlConstants.js';\n\ndefineOptions({\n name: 'DtSegmentedControlItem',\n inheritAttrs: false,\n});\n\nconst props = defineProps({\n /**\n * Unique value for this item, used for selection matching with v-model.\n */\n value: {\n type: String,\n required: true,\n },\n\n /**\n * Accessible label for the button (aria-label).\n * Visible text comes from the default slot, not this prop.\n * Required for icon-only items.\n */\n label: {\n type: String,\n default: undefined,\n },\n\n /**\n * Disables this individual item.\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Custom class for this item's label container.\n * Overrides the parent's labelClass when provided.\n */\n labelClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n});\n\nconst emit = defineEmits([\n /**\n * Native button click event.\n * @event click\n * @type {PointerEvent | KeyboardEvent}\n */\n 'click',\n\n /**\n * Native button focus event.\n * @event focus\n * @type {FocusEvent}\n */\n 'focus',\n]);\n\nconst groupContext = inject(SEGMENTED_CONTROL_CONTEXT_KEY, { selected: '', disabled: false, size: SEGMENTED_CONTROL_SIZE_DEFAULT, labelClass: '' });\nconst selectValue = inject(SEGMENTED_CONTROL_SELECT_KEY, () => {});\nconst setFocus = inject(SEGMENTED_CONTROL_FOCUS_KEY, () => {});\n\nconst isSelected = computed(() => groupContext.selected === props.value);\nconst isDisabled = computed(() => groupContext.disabled || props.disabled);\n\nconst buttonSize = computed(() => groupContext.size);\n\nconst resolvedLabelClass = computed(() => {\n return ['d-segmented-control__item-label', props.labelClass ?? groupContext.labelClass].filter(Boolean);\n});\n\nfunction handleClick (event) {\n emit('click', event);\n if (isDisabled.value) return;\n selectValue(props.value);\n}\n\nfunction handleFocus (event) {\n emit('focus', event);\n setFocus(props.value);\n}\n</script>\n"],"mappings":"iiBA0EA,IAAM,EAAQ,EAqCR,EAAO,EAgBP,GAAA,EAAA,EAAA,QAAsB,EAAA,8BAA+B,CAAE,SAAU,GAAI,SAAU,GAAO,KAAA,IAAsC,WAAY,GAAI,CAAC,CAC7I,GAAA,EAAA,EAAA,QAAqB,EAAA,iCAAoC,GAAG,CAC5D,GAAA,EAAA,EAAA,QAAkB,EAAA,gCAAmC,GAAG,CAExD,GAAA,EAAA,EAAA,cAA4B,EAAa,WAAa,EAAM,MAAM,CAClE,GAAA,EAAA,EAAA,cAA4B,EAAa,UAAY,EAAM,SAAS,CAEpE,GAAA,EAAA,EAAA,cAA4B,EAAa,KAAK,CAE9C,GAAA,EAAA,EAAA,cACG,CAAC,kCAAmC,EAAM,YAAc,EAAa,WAAW,CAAC,OAAO,QAAQ,CACvG,CAEF,SAAS,EAAa,EAAO,CAC3B,EAAK,QAAS,EAAM,CAChB,GAAW,OACf,EAAY,EAAM,MAAM,CAG1B,SAAS,EAAa,EAAO,CAC3B,EAAK,QAAS,EAAM,CACpB,EAAS,EAAM,MAAM,+DA5FT,EAAA,QAAA,EAAA,EAAA,EAAA,YAAA,CAtDV,MAAM,4BACN,KAAK,QACJ,eAAc,OAAO,EAAA,MAAU,CAC/B,SAAU,EAAA,OAAU,CAAK,EAAA,MAAU,IAAA,KACnC,OAAQ,EAAA,MACR,SAAU,EAAA,MACV,gBAAe,EAAA,MAAU,OAAY,IAAA,GACrC,aAAY,EAAA,MACZ,cAAa,EAAA,MACb,aAAY,EAAA,MACb,KAAK,QACL,WAAW,QACV,KAAM,EAAA,MACP,UAAQ,6BACAA,EAAAA,OAAM,CACb,QAAO,EACP,QAAO,iDAqCA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,OAlCAC,EAAAA,OAAO,UAAA,MACZ,8BAMC,CANY,cAAQ,EAAA,EAAA,EAAA,YAMpB,EAAA,OAAA,YAAA,CADY,WAAQ,CAAA,CAAA,CAAA,iBAIhBA,EAAAA,OAAO,QAAA,MACZ,4BAMC,CANU,cAAQ,EAAA,EAAA,EAAA,YAMlB,EAAA,OAAA,UAAA,CADY,WAAQ,CAAA,CAAA,CAAA,iBAIhBA,EAAAA,OAAO,QAAA,MACZ,+BAGsB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,iBAGjBA,EAAAA,OAAO,SAAA,MACZ,gCAGuB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,WAAA,CAAA,CAAA"}

package/dist/lib/segmented-control/segmented-control-item.js ADDED Viewed

@@ -0,0 +1,104 @@
+import e from "../button/button.js";
+import { SEGMENTED_CONTROL_CONTEXT_KEY as t, SEGMENTED_CONTROL_FOCUS_KEY as n, SEGMENTED_CONTROL_SELECT_KEY as r } from "./segmented-control-constants.js";
+import { computed as i, createBlock as a, createSlots as o, inject as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+//#region components/SegmentedControl/SegmentedControlItem.vue
+var p = /* @__PURE__ */ Object.assign({
+	name: "DtSegmentedControlItem",
+	inheritAttrs: !1
+}, {
+	__name: "SegmentedControlItem",
+	props: {
+		value: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		labelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		}
+	},
+	emits: ["click", "focus"],
+	setup(p, { emit: m }) {
+		let h = p, g = m, _ = s(t, {
+			selected: "",
+			disabled: !1,
+			size: 200,
+			labelClass: ""
+		}), v = s(r, () => {}), y = s(n, () => {}), b = i(() => _.selected === h.value), x = i(() => _.disabled || h.disabled), S = i(() => _.size), C = i(() => ["d-segmented-control__item-label", h.labelClass ?? _.labelClass].filter(Boolean));
+		function w(e) {
+			g("click", e), !x.value && v(h.value);
+		}
+		function T(e) {
+			g("focus", e), y(h.value);
+		}
+		return (t, n) => (l(), a(d(e), c({
+			class: "d-segmented-control__item",
+			role: "radio",
+			"aria-checked": String(b.value),
+			tabindex: b.value && !x.value ? "0" : "-1",
+			active: b.value,
+			disabled: x.value,
+			"aria-disabled": x.value ? "true" : void 0,
+			"aria-label": p.label,
+			"label-class": C.value,
+			"data-value": p.value,
+			kind: "muted",
+			importance: "clear",
+			size: S.value,
+			"data-qa": "dt-segmented-control-item"
+		}, t.$attrs, {
+			onClick: w,
+			onFocus: T
+		}), o({
+			default: f(() => [u(t.$slots, "default")]),
+			_: 2
+		}, [
+			t.$slots.startIcon ? {
+				name: "startIcon",
+				fn: f(({ iconSize: e }) => [u(t.$slots, "startIcon", { iconSize: e })]),
+				key: "0"
+			} : void 0,
+			t.$slots.endIcon ? {
+				name: "endIcon",
+				fn: f(({ iconSize: e }) => [u(t.$slots, "endIcon", { iconSize: e })]),
+				key: "1"
+			} : void 0,
+			t.$slots.leading ? {
+				name: "leading",
+				fn: f(() => [u(t.$slots, "leading")]),
+				key: "2"
+			} : void 0,
+			t.$slots.trailing ? {
+				name: "trailing",
+				fn: f(() => [u(t.$slots, "trailing")]),
+				key: "3"
+			} : void 0
+		]), 1040, [
+			"aria-checked",
+			"tabindex",
+			"active",
+			"disabled",
+			"aria-disabled",
+			"aria-label",
+			"label-class",
+			"data-value",
+			"size"
+		]));
+	}
+});
+//#endregion
+export { p as default };
+//# sourceMappingURL=segmented-control-item.js.map

package/dist/lib/segmented-control/segmented-control-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control-item.js","names":["$attrs","$slots"],"sources":["../../../components/SegmentedControl/SegmentedControlItem.vue"],"sourcesContent":["<template>\n <dt-button\n class=\"d-segmented-control__item\"\n role=\"radio\"\n :aria-checked=\"String(isSelected)\"\n :tabindex=\"isSelected && !isDisabled ? '0' : '-1'\"\n :active=\"isSelected\"\n :disabled=\"isDisabled\"\n :aria-disabled=\"isDisabled ? 'true' : undefined\"\n :aria-label=\"label\"\n :label-class=\"resolvedLabelClass\"\n :data-value=\"value\"\n kind=\"muted\"\n importance=\"clear\"\n :size=\"buttonSize\"\n data-qa=\"dt-segmented-control-item\"\n v-bind=\"$attrs\"\n @click=\"handleClick\"\n @focus=\"handleFocus\"\n >\n <template\n v-if=\"$slots.startIcon\"\n #startIcon=\"{ iconSize }\"\n >\n \n <slot\n name=\"startIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.endIcon\"\n #endIcon=\"{ iconSize }\"\n >\n \n <slot\n name=\"endIcon\"\n :icon-size=\"iconSize\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n \n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n \n <slot name=\"trailing\" />\n </template>\n \n <slot />\n </dt-button>\n</template>\n\n<script setup>\nimport { computed, inject } from 'vue';\nimport { DtButton } from '@/components/Button';\nimport {\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n} from './SegmentedControlConstants.js';\n\ndefineOptions({\n name: 'DtSegmentedControlItem',\n inheritAttrs: false,\n});\n\nconst props = defineProps({\n /**\n * Unique value for this item, used for selection matching with v-model.\n */\n value: {\n type: String,\n required: true,\n },\n\n /**\n * Accessible label for the button (aria-label).\n * Visible text comes from the default slot, not this prop.\n * Required for icon-only items.\n */\n label: {\n type: String,\n default: undefined,\n },\n\n /**\n * Disables this individual item.\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Custom class for this item's label container.\n * Overrides the parent's labelClass when provided.\n */\n labelClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n});\n\nconst emit = defineEmits([\n /**\n * Native button click event.\n * @event click\n * @type {PointerEvent | KeyboardEvent}\n */\n 'click',\n\n /**\n * Native button focus event.\n * @event focus\n * @type {FocusEvent}\n */\n 'focus',\n]);\n\nconst groupContext = inject(SEGMENTED_CONTROL_CONTEXT_KEY, { selected: '', disabled: false, size: SEGMENTED_CONTROL_SIZE_DEFAULT, labelClass: '' });\nconst selectValue = inject(SEGMENTED_CONTROL_SELECT_KEY, () => {});\nconst setFocus = inject(SEGMENTED_CONTROL_FOCUS_KEY, () => {});\n\nconst isSelected = computed(() => groupContext.selected === props.value);\nconst isDisabled = computed(() => groupContext.disabled || props.disabled);\n\nconst buttonSize = computed(() => groupContext.size);\n\nconst resolvedLabelClass = computed(() => {\n return ['d-segmented-control__item-label', props.labelClass ?? groupContext.labelClass].filter(Boolean);\n});\n\nfunction handleClick (event) {\n emit('click', event);\n if (isDisabled.value) return;\n selectValue(props.value);\n}\n\nfunction handleFocus (event) {\n emit('focus', event);\n setFocus(props.value);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EA,IAAM,IAAQ,GAqCR,IAAO,GAgBP,IAAe,EAAO,GAA+B;GAAE,UAAU;GAAI,UAAU;GAAO,MAAA;GAAsC,YAAY;GAAI,CAAC,EAC7I,IAAc,EAAO,SAAoC,GAAG,EAC5D,IAAW,EAAO,SAAmC,GAAG,EAExD,IAAa,QAAe,EAAa,aAAa,EAAM,MAAM,EAClE,IAAa,QAAe,EAAa,YAAY,EAAM,SAAS,EAEpE,IAAa,QAAe,EAAa,KAAK,EAE9C,IAAqB,QAClB,CAAC,mCAAmC,EAAM,cAAc,EAAa,WAAW,CAAC,OAAO,QAAQ,CACvG;EAEF,SAAS,EAAa,GAAO;AAC3B,KAAK,SAAS,EAAM,EAChB,GAAW,SACf,EAAY,EAAM,MAAM;;EAG1B,SAAS,EAAa,GAAO;AAE3B,GADA,EAAK,SAAS,EAAM,EACpB,EAAS,EAAM,MAAM;;yBAnJrB,EAuDY,EAAA,EAAA,EAvDZ,EAuDY;GAtDV,OAAM;GACN,MAAK;GACJ,gBAAc,OAAO,EAAA,MAAU;GAC/B,UAAU,EAAA,SAAU,CAAK,EAAA,QAAU,MAAA;GACnC,QAAQ,EAAA;GACR,UAAU,EAAA;GACV,iBAAe,EAAA,QAAU,SAAY,KAAA;GACrC,cAAY,EAAA;GACZ,eAAa,EAAA;GACb,cAAY,EAAA;GACb,MAAK;GACL,YAAW;GACV,MAAM,EAAA;GACP,WAAQ;KACAA,EAAAA,QAAM;GACb,SAAO;GACP,SAAO;;oBAqCA,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAlCAC,EAAAA,OAAO,YAAA;UACZ;WAMC,EANY,kBAAQ,CAGtB,EAGE,EAAA,QAAA,aAAA,EADY,aAAQ,CAAA,CAAA,CAAA;;;GAIhBA,EAAAA,OAAO,UAAA;UACZ;WAMC,EANU,kBAAQ,CAGpB,EAGE,EAAA,QAAA,WAAA,EADY,aAAQ,CAAA,CAAA,CAAA;;;GAIhBA,EAAAA,OAAO,UAAA;UACZ;gBAGsB,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAGjBA,EAAAA,OAAO,WAAA;UACZ;gBAGuB,CAAxB,EAAwB,EAAA,QAAA,WAAA,CAAA,CAAA"}

package/dist/lib/segmented-control/segmented-control.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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(`../stack/stack.cjs`),r=require(`../../common/composables/use-indicator-animation.cjs`),i=require(`./segmented-control-constants.cjs`);let a=require(`vue`);var o=Object.assign({name:`DtSegmentedControl`},{__name:`SegmentedControl`,props:{id:{type:String,default(){return t.getUniqueString()}},modelValue:{type:String,required:!0},ariaLabel:{type:String,default:void 0},orientation:{type:String,default:i.SEGMENTED_CONTROL_ORIENTATION_DEFAULT,validator:e=>i.SEGMENTED_CONTROL_ORIENTATIONS.includes(e)},size:{type:[String,Number],default:200,validator:e.ordinalSizeValidator(i.SEGMENTED_CONTROL_SIZES)},activationMode:{type:String,default:i.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,validator:e=>i.SEGMENTED_CONTROL_ACTIVATION_MODES.includes(e)},disabled:{type:Boolean,default:!1},showDivider:{type:Boolean,default:!0},borderless:{type:Boolean,default:!1},spread:{type:String,default:i.SEGMENTED_CONTROL_SPREAD_DEFAULT,validator:e=>i.SEGMENTED_CONTROL_SPREADS.includes(e)},labelClass:{type:[String,Array,Object],default:``},showIndicatorTransition:{type:Boolean,default:!0}},emits:[`update:modelValue`,`change`,`before-change`],setup(e,{emit:t}){let o=e,s=t,c=(0,a.ref)(null),l=(0,a.ref)(null),u=(0,a.computed)(()=>o.orientation===`vertical`?`column`:`row`),d=(0,a.computed)(()=>[`d-segmented-control`,i.SEGMENTED_CONTROL_SIZE_MODIFIERS[String(o.size)],o.showDivider?null:`d-segmented-control--hide-divider`,o.borderless?`d-segmented-control--borderless`:null,o.orientation===`vertical`?`d-segmented-control--vertical`:null,o.spread===`evenly`&&o.orientation===`horizontal`?`d-segmented-control--spread-evenly`:null]),f=(0,a.reactive)({selected:o.modelValue,disabled:o.disabled,size:o.size,labelClass:o.labelClass});(0,a.watchEffect)(()=>{f.selected=o.modelValue,f.disabled=o.disabled,f.size=o.size,f.labelClass=o.labelClass}),(0,a.provide)(i.SEGMENTED_CONTROL_CONTEXT_KEY,f),(0,a.provide)(i.SEGMENTED_CONTROL_SELECT_KEY,_),(0,a.provide)(i.SEGMENTED_CONTROL_FOCUS_KEY,g);function p(){let e=h();if(!e.length\|\|e.some(e=>e.getAttribute(`tabindex`)===`0`))return;let t=e.find(e=>!b(e));t&&t.setAttribute(`tabindex`,`0`)}let m=r.useIndicatorAnimation(c,`--segmented-indicator-duration`,`--segmented-indicator-easing`);(0,a.onMounted)(p),(0,a.watch)(()=>[o.modelValue,o.disabled],p,{flush:`post`});function h(){let e=c.value?.$el\|\|c.value;return e?Array.from(e.querySelectorAll(i.SEGMENTED_CONTROL_ITEM_SELECTOR)):[]}function g(e){l.value=e}async function _(e,{animate:t=!0}={}){if(o.disabled\|\|e===o.modelValue)return;let n=new Event(`before-change`,{cancelable:!0});if(s(`before-change`,n),n.defaultPrevented)return;m.cancel();let r=t&&o.showIndicatorTransition?m.snapshot(`[aria-checked="true"]`):null;if(s(`update:modelValue`,e),s(`change`,e),!r)return;await(0,a.nextTick)();let l=(c.value?.$el\|\|c.value)?.querySelector(`[${i.SEGMENTED_CONTROL_DATA_VALUE_ATTR}="${CSS.escape(e)}"]`);l&&m.animate({oldRect:r.rect,newEl:l,orientation:o.orientation,hideProps:{backgroundColor:`transparent`},indicatorExtra:{backgroundColor:`var(--button-color-background)`},pseudoElement:`::after`})}function v(e,t){if(t){let n=t.target.closest(i.SEGMENTED_CONTROL_ITEM_SELECTOR);if(n){let t=e.indexOf(n);if(t!==-1)return t}}let n=e.findIndex(e=>{let t=e.getAttribute(i.SEGMENTED_CONTROL_DATA_VALUE_ATTR);return l.value?t===l.value:e.getAttribute(`aria-checked`)===`true`});return n===-1?0:n}function y(e){b(e)\|\|_(e.getAttribute(i.SEGMENTED_CONTROL_DATA_VALUE_ATTR))}function b(e){return e.getAttribute(`aria-disabled`)===`true`}function x(e,t,n){let r=e.length;for(let i=1;i<=r;i++){let a=(t+i*n+r)%r;if(!b(e[a]))return a}return t}function S(e,t,n){let r=o.orientation===`horizontal`,i=r?`ArrowRight`:`ArrowDown`,a=r?`ArrowLeft`:`ArrowUp`;switch(e){case i:return x(n,t,1);case a:return x(n,t,-1);case`Home`:return x(n,n.length-1,1);case`End`:return x(n,0,-1);default:return-1}}function C(e){let t=h();if(!t.length)return;let n=v(t,e);if(e.key===`Enter`\|\|e.key===` `){y(t[n]),e.preventDefault(),e.stopPropagation();return}let r=S(e.key,n,t);if(r!==-1&&(e.preventDefault(),e.stopPropagation(),t[r].focus(),o.activationMode===`auto`)){m.cancel();let e=t[r].getAttribute(i.SEGMENTED_CONTROL_DATA_VALUE_ATTR);b(t[r])\|\|_(e,{animate:!1})}}return(t,r)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.default),{id:e.id,ref_key:`container`,ref:c,align:`stretch`,class:(0,a.normalizeClass)(d.value),direction:u.value,role:`radiogroup`,"aria-label":e.ariaLabel,"aria-orientation":e.orientation,"data-qa":`dt-segmented-control`,onKeydown:C},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,`default`)]),_:3},8,[`id`,`class`,`direction`,`aria-label`,`aria-orientation`]))}});exports.default=o;
2	+ //# sourceMappingURL=segmented-control.cjs.map

package/dist/lib/segmented-control/segmented-control.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control.cjs","names":[],"sources":["../../../components/SegmentedControl/SegmentedControl.vue"],"sourcesContent":["<template>\n <dt-stack\n :id=\"id\"\n ref=\"container\"\n align=\"stretch\"\n :class=\"containerClasses\"\n :direction=\"stackDirection\"\n role=\"radiogroup\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"orientation\"\n data-qa=\"dt-segmented-control\"\n @keydown=\"handleKeyDown\"\n >\n \n <slot />\n </dt-stack>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watchEffect, watch, provide, onMounted, nextTick } from 'vue';\nimport { getUniqueString } from '@/common/utils';\nimport { DtStack } from '@/components/Stack';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport {\n SEGMENTED_CONTROL_SIZES,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n SEGMENTED_CONTROL_SIZE_MODIFIERS,\n SEGMENTED_CONTROL_ORIENTATIONS,\n SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n SEGMENTED_CONTROL_ACTIVATION_MODES,\n SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n SEGMENTED_CONTROL_SPREADS,\n SEGMENTED_CONTROL_SPREAD_DEFAULT,\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n SEGMENTED_CONTROL_ITEM_SELECTOR,\n SEGMENTED_CONTROL_DATA_VALUE_ATTR,\n} from './SegmentedControlConstants.js';\n\ndefineOptions({ name: 'DtSegmentedControl' });\n\nconst props = defineProps({\n /**\n * Element ID for the radiogroup container.\n * Auto-generated if not provided.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * The currently selected value (v-model).\n */\n modelValue: {\n type: String,\n required: true,\n },\n\n /**\n * Accessible label for the radiogroup.\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n\n /**\n * Orientation of the segmented control.\n * Maps to DtStack direction: horizontal -> row, vertical -> column.\n * @values horizontal, vertical\n */\n orientation: {\n type: String,\n default: SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_ORIENTATIONS.includes(v),\n },\n\n /**\n * DtButton size for all items. Inherited by children via provide.\n * @values 100, 200, 300, 400, 500\n */\n size: {\n type: [String, Number],\n default: SEGMENTED_CONTROL_SIZE_DEFAULT,\n validator: ordinalSizeValidator(SEGMENTED_CONTROL_SIZES),\n },\n\n /**\n * Controls whether items are selected on focus (auto) or on click/Space/Enter (manual).\n * @values auto, manual\n */\n activationMode: {\n type: String,\n default: SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_ACTIVATION_MODES.includes(v),\n },\n\n /**\n * Disables all items in the group.\n * Per-item disabled is set via the disabled prop on DtSegmentedControlItem.\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Shows the dividers between items.\n */\n showDivider: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Removes the border and padding from the container.\n */\n borderless: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls how items distribute space.\n * 'grow' (default): items size to their content.\n * 'evenly': items share space equally.\n * @values grow, evenly\n */\n spread: {\n type: String,\n default: SEGMENTED_CONTROL_SPREAD_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_SPREADS.includes(v),\n },\n\n /**\n * Default label class for all items. Items can override with their own labelClass prop.\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * If true, the selection indicator animates between items on click.\n * @values true, false\n */\n showIndicatorTransition: {\n type: Boolean,\n default: true,\n },\n});\n\nconst emit = defineEmits([\n /**\n * v-model event. Emitted when the selected value changes.\n * @event update:modelValue\n * @type {String}\n */\n 'update:modelValue',\n\n /**\n * Emitted when the user selects an item (click, Enter, Space, or arrow in auto mode).\n * Not emitted for programmatic modelValue changes.\n * @event change\n * @type {String}\n */\n 'change',\n\n /**\n * Emitted before a selection change. Call event.preventDefault() to cancel the change.\n * @event before-change\n * @type {Event}\n */\n 'before-change',\n]);\n\nconst container = ref(null);\nconst focusedValue = ref(null);\n\nconst stackDirection = computed(() => props.orientation === 'vertical' ? 'column' : 'row');\n\nconst containerClasses = computed(() => [\n 'd-segmented-control',\n SEGMENTED_CONTROL_SIZE_MODIFIERS[String(props.size)],\n !props.showDivider ? 'd-segmented-control--hide-divider' : null,\n props.borderless ? 'd-segmented-control--borderless' : null,\n props.orientation === 'vertical' ? 'd-segmented-control--vertical' : null,\n props.spread === 'evenly' && props.orientation === 'horizontal'\n ? 'd-segmented-control--spread-evenly'\n : null,\n]);\n\n// Reactive context provided to children\nconst groupContext = reactive({\n selected: props.modelValue,\n disabled: props.disabled,\n size: props.size,\n labelClass: props.labelClass,\n});\n\nwatchEffect(() => {\n groupContext.selected = props.modelValue;\n groupContext.disabled = props.disabled;\n groupContext.size = props.size;\n groupContext.labelClass = props.labelClass;\n});\n\nprovide(SEGMENTED_CONTROL_CONTEXT_KEY, groupContext);\nprovide(SEGMENTED_CONTROL_SELECT_KEY, selectValue);\nprovide(SEGMENTED_CONTROL_FOCUS_KEY, setFocus);\n\n// Ensures at least one enabled item is tabbable (WAI-ARIA radiogroup requirement).\n// Items set tabindex based on isSelected && !isDisabled. If the selected item is disabled\n// or modelValue doesn't match any item, no item has tabindex=\"0\". This fallback sets\n// tabindex=\"0\" on the first enabled item so keyboard users can reach the control.\nfunction ensureTabbable () {\n const items = getItems();\n if (!items.length) return;\n const hasTabbable = items.some(el => el.getAttribute('tabindex') === '0');\n if (hasTabbable) return;\n const firstEnabled = items.find(el => !isItemDisabled(el));\n if (firstEnabled) firstEnabled.setAttribute('tabindex', '0');\n}\n\nconst indicator = useIndicatorAnimation(\n container, '--segmented-indicator-duration', '--segmented-indicator-easing',\n);\n\nonMounted(ensureTabbable);\n\nwatch(() => [props.modelValue, props.disabled], ensureTabbable, { flush: 'post' });\n\nfunction getItems () {\n const el = container.value?.$el || container.value;\n return el ? Array.from(el.querySelectorAll(SEGMENTED_CONTROL_ITEM_SELECTOR)) : [];\n}\n\nfunction setFocus (value) {\n focusedValue.value = value;\n}\n\nasync function selectValue (value, { animate: shouldAnimate = true } = {}) {\n if (props.disabled) return;\n if (value === props.modelValue) return;\n const beforeChangeEvent = new Event('before-change', { cancelable: true });\n emit('before-change', beforeChangeEvent);\n if (beforeChangeEvent.defaultPrevented) return;\n\n indicator.cancel();\n const shouldTransition = shouldAnimate && props.showIndicatorTransition;\n const old = shouldTransition ? indicator.snapshot('[aria-checked=\"true\"]') : null;\n\n emit('update:modelValue', value);\n emit('change', value);\n\n if (!old) return;\n\n await nextTick();\n const newEl = (container.value?.$el || container.value)\n ?.querySelector(`[${SEGMENTED_CONTROL_DATA_VALUE_ATTR}=\"${CSS.escape(value)}\"]`);\n if (!newEl) return;\n\n indicator.animate({\n oldRect: old.rect,\n newEl,\n orientation: props.orientation,\n hideProps: { backgroundColor: 'transparent' },\n indicatorExtra: { backgroundColor: 'var(--button-color-background)' },\n pseudoElement: '::after',\n });\n}\n\nfunction getFocusedIndex (items, event) {\n // First check event.target — the element that actually has focus\n if (event) {\n const target = event.target.closest(SEGMENTED_CONTROL_ITEM_SELECTOR);\n if (target) {\n const targetIdx = items.indexOf(target);\n if (targetIdx !== -1) return targetIdx;\n }\n }\n // Fall back to tracked focusedValue, then aria-checked\n const idx = items.findIndex(el => {\n const value = el.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR);\n return focusedValue.value ? value === focusedValue.value : el.getAttribute('aria-checked') === 'true';\n });\n return idx === -1 ? 0 : idx;\n}\n\nfunction activateItem (item) {\n if (isItemDisabled(item)) return;\n selectValue(item.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR));\n}\n\nfunction isItemDisabled (item) {\n return item.getAttribute('aria-disabled') === 'true';\n}\n\nfunction findNextEnabled (items, fromIndex, direction) {\n const len = items.length;\n for (let i = 1; i <= len; i++) {\n const index = (fromIndex + i * direction + len) % len;\n if (!isItemDisabled(items[index])) return index;\n }\n return fromIndex;\n}\n\nfunction getNavigationIndex (key, currentIndex, items) {\n const isHorizontal = props.orientation === 'horizontal';\n const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';\n const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';\n\n switch (key) {\n case nextKey: return findNextEnabled(items, currentIndex, 1);\n case prevKey: return findNextEnabled(items, currentIndex, -1);\n case 'Home': return findNextEnabled(items, items.length - 1, 1);\n case 'End': return findNextEnabled(items, 0, -1);\n default: return -1;\n }\n}\n\nfunction handleKeyDown (event) {\n const items = getItems();\n if (!items.length) return;\n\n const focusedIndex = getFocusedIndex(items, event);\n\n if (event.key === 'Enter' || event.key === ' ') {\n activateItem(items[focusedIndex]);\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const newIndex = getNavigationIndex(event.key, focusedIndex, items);\n if (newIndex === -1) return;\n\n event.preventDefault();\n event.stopPropagation();\n items[newIndex].focus();\n\n if (props.activationMode === 'auto') {\n indicator.cancel();\n const value = items[newIndex].getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR);\n if (!isItemDisabled(items[newIndex])) {\n selectValue(value, { animate: false });\n }\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/lib/segmented-control/segmented-control.js ADDED Viewed

@@ -0,0 +1,205 @@
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { getUniqueString as t } from "../../common/utils/index.js";
+import n from "../stack/stack.js";
+import { useIndicatorAnimation as r } from "../../common/composables/use-indicator-animation.js";
+import { SEGMENTED_CONTROL_ACTIVATION_MODES as i, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as a, SEGMENTED_CONTROL_CONTEXT_KEY as o, SEGMENTED_CONTROL_DATA_VALUE_ATTR as s, SEGMENTED_CONTROL_FOCUS_KEY as c, SEGMENTED_CONTROL_ITEM_SELECTOR as l, SEGMENTED_CONTROL_ORIENTATIONS as u, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as d, SEGMENTED_CONTROL_SELECT_KEY as f, SEGMENTED_CONTROL_SIZES as p, SEGMENTED_CONTROL_SIZE_MODIFIERS as m, SEGMENTED_CONTROL_SPREADS as h, SEGMENTED_CONTROL_SPREAD_DEFAULT as g } from "./segmented-control-constants.js";
+import { computed as _, createBlock as v, nextTick as y, normalizeClass as b, onMounted as x, openBlock as S, provide as C, reactive as w, ref as T, renderSlot as E, unref as D, watch as O, watchEffect as k, withCtx as A } from "vue";
+//#region components/SegmentedControl/SegmentedControl.vue
+var j = /* @__PURE__ */ Object.assign({ name: "DtSegmentedControl" }, {
+	__name: "SegmentedControl",
+	props: {
+		id: {
+			type: String,
+			default() {
+				return t();
+			}
+		},
+		modelValue: {
+			type: String,
+			required: !0
+		},
+		ariaLabel: {
+			type: String,
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: d,
+			validator: (e) => u.includes(e)
+		},
+		size: {
+			type: [String, Number],
+			default: 200,
+			validator: e(p)
+		},
+		activationMode: {
+			type: String,
+			default: a,
+			validator: (e) => i.includes(e)
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showDivider: {
+			type: Boolean,
+			default: !0
+		},
+		borderless: {
+			type: Boolean,
+			default: !1
+		},
+		spread: {
+			type: String,
+			default: g,
+			validator: (e) => h.includes(e)
+		},
+		labelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		showIndicatorTransition: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"before-change"
+	],
+	setup(e, { emit: t }) {
+		let i = e, a = t, u = T(null), d = T(null), p = _(() => i.orientation === "vertical" ? "column" : "row"), h = _(() => [
+			"d-segmented-control",
+			m[String(i.size)],
+			i.showDivider ? null : "d-segmented-control--hide-divider",
+			i.borderless ? "d-segmented-control--borderless" : null,
+			i.orientation === "vertical" ? "d-segmented-control--vertical" : null,
+			i.spread === "evenly" && i.orientation === "horizontal" ? "d-segmented-control--spread-evenly" : null
+		]), g = w({
+			selected: i.modelValue,
+			disabled: i.disabled,
+			size: i.size,
+			labelClass: i.labelClass
+		});
+		k(() => {
+			g.selected = i.modelValue, g.disabled = i.disabled, g.size = i.size, g.labelClass = i.labelClass;
+		}), C(o, g), C(f, F), C(c, P);
+		function j() {
+			let e = N();
+			if (!e.length || e.some((e) => e.getAttribute("tabindex") === "0")) return;
+			let t = e.find((e) => !R(e));
+			t && t.setAttribute("tabindex", "0");
+		}
+		let M = r(u, "--segmented-indicator-duration", "--segmented-indicator-easing");
+		x(j), O(() => [i.modelValue, i.disabled], j, { flush: "post" });
+		function N() {
+			let e = u.value?.$el || u.value;
+			return e ? Array.from(e.querySelectorAll(l)) : [];
+		}
+		function P(e) {
+			d.value = e;
+		}
+		async function F(e, { animate: t = !0 } = {}) {
+			if (i.disabled || e === i.modelValue) return;
+			let n = new Event("before-change", { cancelable: !0 });
+			if (a("before-change", n), n.defaultPrevented) return;
+			M.cancel();
+			let r = t && i.showIndicatorTransition ? M.snapshot("[aria-checked=\"true\"]") : null;
+			if (a("update:modelValue", e), a("change", e), !r) return;
+			await y();
+			let o = (u.value?.$el || u.value)?.querySelector(`[${s}="${CSS.escape(e)}"]`);
+			o && M.animate({
+				oldRect: r.rect,
+				newEl: o,
+				orientation: i.orientation,
+				hideProps: { backgroundColor: "transparent" },
+				indicatorExtra: { backgroundColor: "var(--button-color-background)" },
+				pseudoElement: "::after"
+			});
+		}
+		function I(e, t) {
+			if (t) {
+				let n = t.target.closest(l);
+				if (n) {
+					let t = e.indexOf(n);
+					if (t !== -1) return t;
+				}
+			}
+			let n = e.findIndex((e) => {
+				let t = e.getAttribute(s);
+				return d.value ? t === d.value : e.getAttribute("aria-checked") === "true";
+			});
+			return n === -1 ? 0 : n;
+		}
+		function L(e) {
+			R(e) || F(e.getAttribute(s));
+		}
+		function R(e) {
+			return e.getAttribute("aria-disabled") === "true";
+		}
+		function z(e, t, n) {
+			let r = e.length;
+			for (let i = 1; i <= r; i++) {
+				let a = (t + i * n + r) % r;
+				if (!R(e[a])) return a;
+			}
+			return t;
+		}
+		function B(e, t, n) {
+			let r = i.orientation === "horizontal", a = r ? "ArrowRight" : "ArrowDown", o = r ? "ArrowLeft" : "ArrowUp";
+			switch (e) {
+				case a: return z(n, t, 1);
+				case o: return z(n, t, -1);
+				case "Home": return z(n, n.length - 1, 1);
+				case "End": return z(n, 0, -1);
+				default: return -1;
+			}
+		}
+		function V(e) {
+			let t = N();
+			if (!t.length) return;
+			let n = I(t, e);
+			if (e.key === "Enter" || e.key === " ") {
+				L(t[n]), e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			let r = B(e.key, n, t);
+			if (r !== -1 && (e.preventDefault(), e.stopPropagation(), t[r].focus(), i.activationMode === "auto")) {
+				M.cancel();
+				let e = t[r].getAttribute(s);
+				R(t[r]) || F(e, { animate: !1 });
+			}
+		}
+		return (t, r) => (S(), v(D(n), {
+			id: e.id,
+			ref_key: "container",
+			ref: u,
+			align: "stretch",
+			class: b(h.value),
+			direction: p.value,
+			role: "radiogroup",
+			"aria-label": e.ariaLabel,
+			"aria-orientation": e.orientation,
+			"data-qa": "dt-segmented-control",
+			onKeydown: V
+		}, {
+			default: A(() => [E(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"id",
+			"class",
+			"direction",
+			"aria-label",
+			"aria-orientation"
+		]));
+	}
+});
+//#endregion
+export { j as default };
+//# sourceMappingURL=segmented-control.js.map

package/dist/lib/segmented-control/segmented-control.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmented-control.js","names":[],"sources":["../../../components/SegmentedControl/SegmentedControl.vue"],"sourcesContent":["<template>\n <dt-stack\n :id=\"id\"\n ref=\"container\"\n align=\"stretch\"\n :class=\"containerClasses\"\n :direction=\"stackDirection\"\n role=\"radiogroup\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"orientation\"\n data-qa=\"dt-segmented-control\"\n @keydown=\"handleKeyDown\"\n >\n \n <slot />\n </dt-stack>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watchEffect, watch, provide, onMounted, nextTick } from 'vue';\nimport { getUniqueString } from '@/common/utils';\nimport { DtStack } from '@/components/Stack';\nimport { useIndicatorAnimation } from '@/common/composables/useIndicatorAnimation';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport {\n SEGMENTED_CONTROL_SIZES,\n SEGMENTED_CONTROL_SIZE_DEFAULT,\n SEGMENTED_CONTROL_SIZE_MODIFIERS,\n SEGMENTED_CONTROL_ORIENTATIONS,\n SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n SEGMENTED_CONTROL_ACTIVATION_MODES,\n SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n SEGMENTED_CONTROL_SPREADS,\n SEGMENTED_CONTROL_SPREAD_DEFAULT,\n SEGMENTED_CONTROL_CONTEXT_KEY,\n SEGMENTED_CONTROL_SELECT_KEY,\n SEGMENTED_CONTROL_FOCUS_KEY,\n SEGMENTED_CONTROL_ITEM_SELECTOR,\n SEGMENTED_CONTROL_DATA_VALUE_ATTR,\n} from './SegmentedControlConstants.js';\n\ndefineOptions({ name: 'DtSegmentedControl' });\n\nconst props = defineProps({\n /**\n * Element ID for the radiogroup container.\n * Auto-generated if not provided.\n */\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /**\n * The currently selected value (v-model).\n */\n modelValue: {\n type: String,\n required: true,\n },\n\n /**\n * Accessible label for the radiogroup.\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n\n /**\n * Orientation of the segmented control.\n * Maps to DtStack direction: horizontal -> row, vertical -> column.\n * @values horizontal, vertical\n */\n orientation: {\n type: String,\n default: SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_ORIENTATIONS.includes(v),\n },\n\n /**\n * DtButton size for all items. Inherited by children via provide.\n * @values 100, 200, 300, 400, 500\n */\n size: {\n type: [String, Number],\n default: SEGMENTED_CONTROL_SIZE_DEFAULT,\n validator: ordinalSizeValidator(SEGMENTED_CONTROL_SIZES),\n },\n\n /**\n * Controls whether items are selected on focus (auto) or on click/Space/Enter (manual).\n * @values auto, manual\n */\n activationMode: {\n type: String,\n default: SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_ACTIVATION_MODES.includes(v),\n },\n\n /**\n * Disables all items in the group.\n * Per-item disabled is set via the disabled prop on DtSegmentedControlItem.\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Shows the dividers between items.\n */\n showDivider: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Removes the border and padding from the container.\n */\n borderless: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Controls how items distribute space.\n * 'grow' (default): items size to their content.\n * 'evenly': items share space equally.\n * @values grow, evenly\n */\n spread: {\n type: String,\n default: SEGMENTED_CONTROL_SPREAD_DEFAULT,\n validator: (v) => SEGMENTED_CONTROL_SPREADS.includes(v),\n },\n\n /**\n * Default label class for all items. Items can override with their own labelClass prop.\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * If true, the selection indicator animates between items on click.\n * @values true, false\n */\n showIndicatorTransition: {\n type: Boolean,\n default: true,\n },\n});\n\nconst emit = defineEmits([\n /**\n * v-model event. Emitted when the selected value changes.\n * @event update:modelValue\n * @type {String}\n */\n 'update:modelValue',\n\n /**\n * Emitted when the user selects an item (click, Enter, Space, or arrow in auto mode).\n * Not emitted for programmatic modelValue changes.\n * @event change\n * @type {String}\n */\n 'change',\n\n /**\n * Emitted before a selection change. Call event.preventDefault() to cancel the change.\n * @event before-change\n * @type {Event}\n */\n 'before-change',\n]);\n\nconst container = ref(null);\nconst focusedValue = ref(null);\n\nconst stackDirection = computed(() => props.orientation === 'vertical' ? 'column' : 'row');\n\nconst containerClasses = computed(() => [\n 'd-segmented-control',\n SEGMENTED_CONTROL_SIZE_MODIFIERS[String(props.size)],\n !props.showDivider ? 'd-segmented-control--hide-divider' : null,\n props.borderless ? 'd-segmented-control--borderless' : null,\n props.orientation === 'vertical' ? 'd-segmented-control--vertical' : null,\n props.spread === 'evenly' && props.orientation === 'horizontal'\n ? 'd-segmented-control--spread-evenly'\n : null,\n]);\n\n// Reactive context provided to children\nconst groupContext = reactive({\n selected: props.modelValue,\n disabled: props.disabled,\n size: props.size,\n labelClass: props.labelClass,\n});\n\nwatchEffect(() => {\n groupContext.selected = props.modelValue;\n groupContext.disabled = props.disabled;\n groupContext.size = props.size;\n groupContext.labelClass = props.labelClass;\n});\n\nprovide(SEGMENTED_CONTROL_CONTEXT_KEY, groupContext);\nprovide(SEGMENTED_CONTROL_SELECT_KEY, selectValue);\nprovide(SEGMENTED_CONTROL_FOCUS_KEY, setFocus);\n\n// Ensures at least one enabled item is tabbable (WAI-ARIA radiogroup requirement).\n// Items set tabindex based on isSelected && !isDisabled. If the selected item is disabled\n// or modelValue doesn't match any item, no item has tabindex=\"0\". This fallback sets\n// tabindex=\"0\" on the first enabled item so keyboard users can reach the control.\nfunction ensureTabbable () {\n const items = getItems();\n if (!items.length) return;\n const hasTabbable = items.some(el => el.getAttribute('tabindex') === '0');\n if (hasTabbable) return;\n const firstEnabled = items.find(el => !isItemDisabled(el));\n if (firstEnabled) firstEnabled.setAttribute('tabindex', '0');\n}\n\nconst indicator = useIndicatorAnimation(\n container, '--segmented-indicator-duration', '--segmented-indicator-easing',\n);\n\nonMounted(ensureTabbable);\n\nwatch(() => [props.modelValue, props.disabled], ensureTabbable, { flush: 'post' });\n\nfunction getItems () {\n const el = container.value?.$el || container.value;\n return el ? Array.from(el.querySelectorAll(SEGMENTED_CONTROL_ITEM_SELECTOR)) : [];\n}\n\nfunction setFocus (value) {\n focusedValue.value = value;\n}\n\nasync function selectValue (value, { animate: shouldAnimate = true } = {}) {\n if (props.disabled) return;\n if (value === props.modelValue) return;\n const beforeChangeEvent = new Event('before-change', { cancelable: true });\n emit('before-change', beforeChangeEvent);\n if (beforeChangeEvent.defaultPrevented) return;\n\n indicator.cancel();\n const shouldTransition = shouldAnimate && props.showIndicatorTransition;\n const old = shouldTransition ? indicator.snapshot('[aria-checked=\"true\"]') : null;\n\n emit('update:modelValue', value);\n emit('change', value);\n\n if (!old) return;\n\n await nextTick();\n const newEl = (container.value?.$el || container.value)\n ?.querySelector(`[${SEGMENTED_CONTROL_DATA_VALUE_ATTR}=\"${CSS.escape(value)}\"]`);\n if (!newEl) return;\n\n indicator.animate({\n oldRect: old.rect,\n newEl,\n orientation: props.orientation,\n hideProps: { backgroundColor: 'transparent' },\n indicatorExtra: { backgroundColor: 'var(--button-color-background)' },\n pseudoElement: '::after',\n });\n}\n\nfunction getFocusedIndex (items, event) {\n // First check event.target — the element that actually has focus\n if (event) {\n const target = event.target.closest(SEGMENTED_CONTROL_ITEM_SELECTOR);\n if (target) {\n const targetIdx = items.indexOf(target);\n if (targetIdx !== -1) return targetIdx;\n }\n }\n // Fall back to tracked focusedValue, then aria-checked\n const idx = items.findIndex(el => {\n const value = el.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR);\n return focusedValue.value ? value === focusedValue.value : el.getAttribute('aria-checked') === 'true';\n });\n return idx === -1 ? 0 : idx;\n}\n\nfunction activateItem (item) {\n if (isItemDisabled(item)) return;\n selectValue(item.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR));\n}\n\nfunction isItemDisabled (item) {\n return item.getAttribute('aria-disabled') === 'true';\n}\n\nfunction findNextEnabled (items, fromIndex, direction) {\n const len = items.length;\n for (let i = 1; i <= len; i++) {\n const index = (fromIndex + i * direction + len) % len;\n if (!isItemDisabled(items[index])) return index;\n }\n return fromIndex;\n}\n\nfunction getNavigationIndex (key, currentIndex, items) {\n const isHorizontal = props.orientation === 'horizontal';\n const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';\n const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';\n\n switch (key) {\n case nextKey: return findNextEnabled(items, currentIndex, 1);\n case prevKey: return findNextEnabled(items, currentIndex, -1);\n case 'Home': return findNextEnabled(items, items.length - 1, 1);\n case 'End': return findNextEnabled(items, 0, -1);\n default: return -1;\n }\n}\n\nfunction handleKeyDown (event) {\n const items = getItems();\n if (!items.length) return;\n\n const focusedIndex = getFocusedIndex(items, event);\n\n if (event.key === 'Enter' || event.key === ' ') {\n activateItem(items[focusedIndex]);\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const newIndex = getNavigationIndex(event.key, focusedIndex, items);\n if (newIndex === -1) return;\n\n event.preventDefault();\n event.stopPropagation();\n items[newIndex].focus();\n\n if (props.activationMode === 'auto') {\n indicator.cancel();\n const value = items[newIndex].getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR);\n if (!isItemDisabled(items[newIndex])) {\n selectValue(value, { animate: false });\n }\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,IAAM,IAAQ,GAgHR,IAAO,GAwBP,IAAY,EAAI,KAAK,EACrB,IAAe,EAAI,KAAK,EAExB,IAAiB,QAAe,EAAM,gBAAgB,aAAa,WAAW,MAAM,EAEpF,IAAmB,QAAe;GACtC;GACA,EAAiC,OAAO,EAAM,KAAK;GAClD,EAAM,cAAoD,OAAtC;GACrB,EAAM,aAAa,oCAAoC;GACvD,EAAM,gBAAgB,aAAa,kCAAkC;GACrE,EAAM,WAAW,YAAY,EAAM,gBAAgB,eAC/C,uCACA;GACL,CAAC,EAGI,IAAe,EAAS;GAC5B,UAAU,EAAM;GAChB,UAAU,EAAM;GAChB,MAAM,EAAM;GACZ,YAAY,EAAM;GACnB,CAAC;AAWF,EATA,QAAkB;AAIhB,GAHA,EAAa,WAAW,EAAM,YAC9B,EAAa,WAAW,EAAM,UAC9B,EAAa,OAAO,EAAM,MAC1B,EAAa,aAAa,EAAM;IAChC,EAEF,EAAQ,GAA+B,EAAa,EACpD,EAAQ,GAA8B,EAAY,EAClD,EAAQ,GAA6B,EAAS;EAM9C,SAAS,IAAkB;GACzB,IAAM,IAAQ,GAAU;AAGxB,OAFI,CAAC,EAAM,UACS,EAAM,MAAK,MAAM,EAAG,aAAa,WAAW,KAAK,IAAI,CACxD;GACjB,IAAM,IAAe,EAAM,MAAK,MAAM,CAAC,EAAe,EAAG,CAAC;AAC1D,GAAI,KAAc,EAAa,aAAa,YAAY,IAAI;;EAG9D,IAAM,IAAY,EAChB,GAAW,kCAAkC,+BAC9C;AAID,EAFA,EAAU,EAAe,EAEzB,QAAY,CAAC,EAAM,YAAY,EAAM,SAAS,EAAE,GAAgB,EAAE,OAAO,QAAQ,CAAC;EAElF,SAAS,IAAY;GACnB,IAAM,IAAK,EAAU,OAAO,OAAO,EAAU;AAC7C,UAAO,IAAK,MAAM,KAAK,EAAG,iBAAiB,EAAgC,CAAC,GAAG,EAAE;;EAGnF,SAAS,EAAU,GAAO;AACxB,KAAa,QAAQ;;EAGvB,eAAe,EAAa,GAAO,EAAE,SAAS,IAAgB,OAAS,EAAE,EAAE;AAEzE,OADI,EAAM,YACN,MAAU,EAAM,WAAY;GAChC,IAAM,IAAoB,IAAI,MAAM,iBAAiB,EAAE,YAAY,IAAM,CAAC;AAE1E,OADA,EAAK,iBAAiB,EAAkB,EACpC,EAAkB,iBAAkB;AAExC,KAAU,QAAQ;GAElB,IAAM,IADmB,KAAiB,EAAM,0BACjB,EAAU,SAAS,0BAAwB,GAAG;AAK7E,OAHA,EAAK,qBAAqB,EAAM,EAChC,EAAK,UAAU,EAAM,EAEjB,CAAC,EAAK;AAEV,SAAM,GAAU;GAChB,IAAM,KAAS,EAAU,OAAO,OAAO,EAAU,QAC7C,cAAc,IAAI,EAAkC,IAAI,IAAI,OAAO,EAAM,CAAC,IAAI;AAC7E,QAEL,EAAU,QAAQ;IAChB,SAAS,EAAI;IACb;IACA,aAAa,EAAM;IACnB,WAAW,EAAE,iBAAiB,eAAe;IAC7C,gBAAgB,EAAE,iBAAiB,kCAAkC;IACrE,eAAe;IAChB,CAAC;;EAGJ,SAAS,EAAiB,GAAO,GAAO;AAEtC,OAAI,GAAO;IACT,IAAM,IAAS,EAAM,OAAO,QAAQ,EAAgC;AACpE,QAAI,GAAQ;KACV,IAAM,IAAY,EAAM,QAAQ,EAAO;AACvC,SAAI,MAAc,GAAI,QAAO;;;GAIjC,IAAM,IAAM,EAAM,WAAU,MAAM;IAChC,IAAM,IAAQ,EAAG,aAAa,EAAkC;AAChE,WAAO,EAAa,QAAQ,MAAU,EAAa,QAAQ,EAAG,aAAa,eAAe,KAAK;KAC/F;AACF,UAAO,MAAQ,KAAK,IAAI;;EAG1B,SAAS,EAAc,GAAM;AACvB,KAAe,EAAK,IACxB,EAAY,EAAK,aAAa,EAAkC,CAAC;;EAGnE,SAAS,EAAgB,GAAM;AAC7B,UAAO,EAAK,aAAa,gBAAgB,KAAK;;EAGhD,SAAS,EAAiB,GAAO,GAAW,GAAW;GACrD,IAAM,IAAM,EAAM;AAClB,QAAK,IAAI,IAAI,GAAG,KAAK,GAAK,KAAK;IAC7B,IAAM,KAAS,IAAY,IAAI,IAAY,KAAO;AAClD,QAAI,CAAC,EAAe,EAAM,GAAO,CAAE,QAAO;;AAE5C,UAAO;;EAGT,SAAS,EAAoB,GAAK,GAAc,GAAO;GACrD,IAAM,IAAe,EAAM,gBAAgB,cACrC,IAAU,IAAe,eAAe,aACxC,IAAU,IAAe,cAAc;AAE7C,WAAQ,GAAR;IACE,KAAK,EAAS,QAAO,EAAgB,GAAO,GAAc,EAAE;IAC5D,KAAK,EAAS,QAAO,EAAgB,GAAO,GAAc,GAAG;IAC7D,KAAK,OAAQ,QAAO,EAAgB,GAAO,EAAM,SAAS,GAAG,EAAE;IAC/D,KAAK,MAAO,QAAO,EAAgB,GAAO,GAAG,GAAG;IAChD,QAAS,QAAO;;;EAIpB,SAAS,EAAe,GAAO;GAC7B,IAAM,IAAQ,GAAU;AACxB,OAAI,CAAC,EAAM,OAAQ;GAEnB,IAAM,IAAe,EAAgB,GAAO,EAAM;AAElD,OAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,KAAK;AAG9C,IAFA,EAAa,EAAM,GAAc,EACjC,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;AACvB;;GAGF,IAAM,IAAW,EAAmB,EAAM,KAAK,GAAc,EAAM;AAC/D,aAAa,OAEjB,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAM,GAAU,OAAO,EAEnB,EAAM,mBAAmB,SAAQ;AACnC,MAAU,QAAQ;IAClB,IAAM,IAAQ,EAAM,GAAU,aAAa,EAAkC;AAC7E,IAAK,EAAe,EAAM,GAAU,IAClC,EAAY,GAAO,EAAE,SAAS,IAAO,CAAC;;;yBA3V1C,EAcW,EAAA,EAAA,EAAA;GAbR,IAAI,EAAA;YACD;GAAJ,KAAI;GACJ,OAAM;GACL,OAAK,EAAE,EAAA,MAAgB;GACvB,WAAW,EAAA;GACZ,MAAK;GACJ,cAAY,EAAA;GACZ,oBAAkB,EAAA;GACnB,WAAQ;GACP,WAAS;;oBAGF,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={xs:`d-select--xs`,sm:`d-select--sm`,md:``,lg:`d-select--lg`,xl:`d-select--xl`},t={error:`d-select__input--error`,warning:`d-select__input--warning`,success:`d-select__input--success`},n={SELECT_SIZE_MODIFIERS:e,SELECT_STATE_MODIFIERS:t};exports.SELECT_SIZE_MODIFIERS=e,exports.SELECT_STATE_MODIFIERS=t,exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`d-select--xs`,200:`d-select--sm`,300:``,400:`d-select--lg`,500:`d-select--xl`,xs:`d-select--xs`,sm:`d-select--sm`,md:``,lg:`d-select--lg`,xl:`d-select--xl`},t={critical:`d-select__input--critical`,warning:`d-select__input--warning`,positive:`d-select__input--positive`},n={SELECT_SIZE_MODIFIERS:e,SELECT_STATE_MODIFIERS:t};exports.SELECT_SIZE_MODIFIERS=e,exports.SELECT_STATE_MODIFIERS=t,exports.default=n;
 //# sourceMappingURL=select-menu-constants.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu-constants.cjs","names":[],"sources":["../../../components/~~select_menu~~/~~select_menu_constants~~.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n xs: 'd-select--xs',\n sm: 'd-select--sm',\n md: '',\n lg: 'd-select--lg',\n xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n ~~error~~: 'd-select__input--~~error~~',\n warning: 'd-select__input--warning',\n ~~success~~: 'd-select__input--~~success~~',\n};\n\nexport default {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,~~CACnC~~,GAAI,eACJ,GAAI,eACJ,GAAI,GACJ,GAAI,eACJ,GAAI,eACL,CAEY,EAAyB,CACpC,~~MAAO~~,~~yBACP~~,QAAS,2BACT,~~QAAS~~,~~2BACV~~,CAED,EAAe,CACb,wBACA,yBACD"}
1	+ {"version":3,"file":"select-menu-constants.cjs","names":[],"sources":["../../../components/SelectMenu/SelectMenuConstants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-select--xs',\n 200: 'd-select--sm',\n 300: '',\n 400: 'd-select--lg',\n 500: 'd-select--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-select--xs',\n sm: 'd-select--sm',\n md: '',\n lg: 'd-select--lg',\n xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n critical: 'd-select__input--critical',\n warning: 'd-select__input--warning',\n positive: 'd-select__input--positive',\n};\n\nexport default {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CAEnC,IAAK,eACL,IAAK,eACL,IAAK,GACL,IAAK,eACL,IAAK,eAEL,GAAI,eACJ,GAAI,eACJ,GAAI,GACJ,GAAI,eACJ,GAAI,eACL,CAEY,EAAyB,CACpC,SAAU,4BACV,QAAS,2BACT,SAAU,4BACX,CAED,EAAe,CACb,wBACA,yBACD"}

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

@@ -1,14 +1,19 @@
-//#region components/select_menu/select_menu_constants.js
+//#region components/SelectMenu/SelectMenuConstants.js
 var e = {
+	100: "d-select--xs",
+	200: "d-select--sm",
+	300: "",
+	400: "d-select--lg",
+	500: "d-select--xl",
 	xs: "d-select--xs",
 	sm: "d-select--sm",
 	md: "",
 	lg: "d-select--lg",
 	xl: "d-select--xl"
 }, t = {
-	error: "d-select__input--error",
+	critical: "d-select__input--critical",
 	warning: "d-select__input--warning",
-	success: "d-select__input--success"
+	positive: "d-select__input--positive"
 }, n = {
 	SELECT_SIZE_MODIFIERS: e,
 	SELECT_STATE_MODIFIERS: t

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu-constants.js","names":[],"sources":["../../../components/~~select_menu~~/~~select_menu_constants~~.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n xs: 'd-select--xs',\n sm: 'd-select--sm',\n md: '',\n lg: 'd-select--lg',\n xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n ~~error~~: 'd-select__input--~~error~~',\n warning: 'd-select__input--warning',\n ~~success~~: 'd-select__input--~~success~~',\n};\n\nexport default {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;~~CACnC~~,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAyB;CACpC,~~OAAO~~;~~CACP~~,SAAS;CACT,~~SAAS~~;~~CACV~~,EAED,IAAe;CACb;CACA;CACD"}
1	+ {"version":3,"file":"select-menu-constants.js","names":[],"sources":["../../../components/SelectMenu/SelectMenuConstants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n // Numeric (preferred)\n 100: 'd-select--xs',\n 200: 'd-select--sm',\n 300: '',\n 400: 'd-select--lg',\n 500: 'd-select--xl',\n // T-shirt aliases (deprecated)\n xs: 'd-select--xs',\n sm: 'd-select--sm',\n md: '',\n lg: 'd-select--lg',\n xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n critical: 'd-select__input--critical',\n warning: 'd-select__input--warning',\n positive: 'd-select__input--positive',\n};\n\nexport default {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CAEnC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAyB;CACpC,UAAU;CACV,SAAS;CACT,UAAU;CACX,EAED,IAAe;CACb;CACA;CACD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu-validators.cjs","names":[],"sources":["../../../components/~~select_menu~~/~~select_menu_validators~~.js"],"sourcesContent":["const hasValidOptionValue = option => {\n return typeof option.value === 'string' \|\| typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n if (!option.label) {\n return false;\n }\n\n return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n if (!options) {\n return true;\n }\n\n return options.every(option => {\n if (!hasValidOptionValue(option)) {\n return false;\n }\n\n if (!hasValidOptionLabel(option)) {\n return false;\n }\n\n return true;\n });\n};\n"],"mappings":"mEAAA,IAAM,EAAsB,GACnB,OAAO,EAAO,OAAU,UAAY,OAAO,EAAO,OAAU,SAG/D,EAAsB,GACrB,EAAO,MAIL,OAAO,EAAO,OAAU,SAHtB,GAME,EAAmB,GACzB,EAIE,EAAQ,MAAM,GAKnB,EAJI,CAAC,EAAoB,EAAO,EAI5B,CAAC,EAAoB,EAAO,EAKhC,CAbO"}
1	+ {"version":3,"file":"select-menu-validators.cjs","names":[],"sources":["../../../components/SelectMenu/SelectMenuValidators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n return typeof option.value === 'string' \|\| typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n if (!option.label) {\n return false;\n }\n\n return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n if (!options) {\n return true;\n }\n\n return options.every(option => {\n if (!hasValidOptionValue(option)) {\n return false;\n }\n\n if (!hasValidOptionLabel(option)) {\n return false;\n }\n\n return true;\n });\n};\n"],"mappings":"mEAAA,IAAM,EAAsB,GACnB,OAAO,EAAO,OAAU,UAAY,OAAO,EAAO,OAAU,SAG/D,EAAsB,GACrB,EAAO,MAIL,OAAO,EAAO,OAAU,SAHtB,GAME,EAAmB,GACzB,EAIE,EAAQ,MAAM,GAKnB,EAJI,CAAC,EAAoB,EAAO,EAI5B,CAAC,EAAoB,EAAO,EAKhC,CAbO"}

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

@@ -1,4 +1,4 @@
-//#region components/select_menu/select_menu_validators.js
+//#region components/SelectMenu/SelectMenuValidators.js
 var e = (e) => typeof e.value == "string" || typeof e.value == "number", t = (e) => e.label ? typeof e.label == "string" : !1, n = (n) => n ? n.every((n) => !(!e(n) || !t(n))) : !0;
 //#endregion
 export { n as optionsValidator };