@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

package/dist/lib/root-layout/root-layout-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O={LEFT:"left",RIGHT:"right"},t=["sm","md","lg",null],_={ROOT_LAYOUT_SIDEBAR_POSITIONS:O,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=O;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O={START:"start",END:"end",LEFT:"left",RIGHT:"right"},t=["sm","md","lg",null],T={ROOT_LAYOUT_SIDEBAR_POSITIONS:O,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=O;exports.default=T;
 //# sourceMappingURL=root-layout-constants.cjs.map

package/dist/lib/root-layout/root-layout-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.cjs","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"4GAAY,MAACA,EAAgC,CAC3C,KAAM,OACN,MAAO,OACT,EAEaC,EAAqC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzEC,EAAe,CACb,8BAAAF,EACA,mCAAAC,CACF"}
+{"version":3,"file":"root-layout-constants.cjs","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"4GAAY,MAACA,EAAgC,CAC3C,MAAO,QACP,IAAK,MACL,KAAM,OACN,MAAO,OACT,EAEaC,EAAqC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzEC,EAAe,CACb,8BAAAF,EACA,mCAAAC,CACF"}

package/dist/lib/root-layout/root-layout-constants.js

@@ -1,13 +1,15 @@
 const t = {
+  START: "start",
+  END: "end",
   LEFT: "left",
   RIGHT: "right"
-}, O = ["sm", "md", "lg", null], o = {
+}, O = ["sm", "md", "lg", null], T = {
   ROOT_LAYOUT_SIDEBAR_POSITIONS: t,
   ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS: O
 };
 export {
   O as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   t as ROOT_LAYOUT_SIDEBAR_POSITIONS,
-  o as default
+  T as default
 };
 //# sourceMappingURL=root-layout-constants.js.map

package/dist/lib/root-layout/root-layout-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.js","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"AAAY,MAACA,IAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAqC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzEC,IAAe;AAAA,EACb,+BAAAF;AAAA,EACA,oCAAAC;AACF;"}
+{"version":3,"file":"root-layout-constants.js","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"AAAY,MAACA,IAAgC;AAAA,EAC3C,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAqC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzEC,IAAe;AAAA,EACb,+BAAAF;AAAA,EACA,oCAAAC;AACF;"}

package/dist/lib/root-layout/root-layout.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./root-layout-constants.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"left",validator:t=>Object.values(a.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(t)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:t=>a.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(t)}},computed:{isInverted(){return this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:"d-root-layout__responsive--default"}}};function d(t,i,o,u,y,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["root-layout","d-root-layout",{"d-root-layout--fixed":o.fixed,"d-root-layout--inverted":r.isInverted},r.responsiveBreakpointClass]),"data-qa":"dt-root-layout"},[e.createElementVNode("header",{class:e.normalizeClass(["d-root-layout__header",{"d-root-layout__header--sticky":o.headerSticky},o.headerClass]),"data-qa":"dt-root-layout-header"},[e.renderSlot(t.$slots,"header")],2),e.createElementVNode("aside",{ref:"root-layout-sidebar",tabindex:"0",class:e.normalizeClass(["d-root-layout__sidebar",o.sidebarClass]),"data-qa":"dt-root-layout-sidebar"},[e.renderSlot(t.$slots,"sidebar")],2),e.createElementVNode("main",{ref:"root-layout-content",class:e.normalizeClass(["d-root-layout__content",o.contentClass]),"data-qa":"dt-root-layout-content",tabindex:"0"},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("footer",{class:e.normalizeClass(["d-root-layout__footer",o.footerClass]),"data-qa":"dt-root-layout-footer"},[e.renderSlot(t.$slots,"footer")],2)],2)}const n=s._(l,[["render",d]]);exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./root-layout-constants.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"start",validator:t=>Object.values(a.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(t)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:t=>a.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(t)}},computed:{isInverted(){return this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.END||this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:"d-root-layout__responsive--default"}}};function d(t,i,o,u,y,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["root-layout","d-root-layout",{"d-root-layout--fixed":o.fixed,"d-root-layout--inverted":r.isInverted},r.responsiveBreakpointClass]),"data-qa":"dt-root-layout"},[e.createElementVNode("header",{class:e.normalizeClass(["d-root-layout__header",{"d-root-layout__header--sticky":o.headerSticky},o.headerClass]),"data-qa":"dt-root-layout-header"},[e.renderSlot(t.$slots,"header")],2),e.createElementVNode("aside",{ref:"root-layout-sidebar",tabindex:"0",class:e.normalizeClass(["d-root-layout__sidebar",o.sidebarClass]),"data-qa":"dt-root-layout-sidebar"},[e.renderSlot(t.$slots,"sidebar")],2),e.createElementVNode("main",{ref:"root-layout-content",class:e.normalizeClass(["d-root-layout__content",o.contentClass]),"data-qa":"dt-root-layout-content",tabindex:"0"},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("footer",{class:e.normalizeClass(["d-root-layout__footer",o.footerClass]),"data-qa":"dt-root-layout-footer"},[e.renderSlot(t.$slots,"footer")],2)],2)}const n=s._(l,[["render",d]]);exports.default=n;
 //# sourceMappingURL=root-layout.cjs.map

package/dist/lib/root-layout/root-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.cjs","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":"sOAwDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,aAAc,CACZ,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,SAQX,gBAAiB,CACf,KAAM,OACN,QAAS,OACT,UAAYC,GAAM,OAAO,OAAOC,+BAA6B,EAAE,SAASD,CAAC,GAM3E,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAYE,GAAOC,qCAAmC,SAASD,CAAE,IAIrE,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoBD,EAAAA,8BAA8B,KAChE,EAEA,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,oBAAoB,GACvD,oCACN,EAEJ,+CAhLEG,EAAAA,mBA8CM,MAAA,CA7CH,MAAKC,EAAAA,eAAA,uDAAwFC,EAAA,gCAA0CC,EAAA,YAA2BA,EAAA,4BASnK,UAAQ,mBAERC,EAAAA,mBAOS,SAAA,CANN,MAAKH,EAAAA,eAAA,CAAA,wBAAA,CAAA,gCAA+DC,EAAA,YAAY,EAAIA,EAAA,WAAW,CAAA,EAChG,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA,MAExBF,EAAAA,mBAQQ,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,2BAGRG,aAAuBC,EAAA,OAAA,SAAA,MAEzBF,EAAAA,mBAQO,OAAA,CAPL,IAAI,sBACH,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,yBACR,SAAS,MAGTG,aAAQC,EAAA,OAAA,SAAA,MAEVF,EAAAA,mBAOS,SAAA,CANN,gDAAiCF,EAAA,WAAW,CAAA,EAC7C,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA"}
+{"version":3,"file":"root-layout.cjs","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the width of the inner element instead.\n     * @deprecated\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":"sOAwDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAOX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,aAAc,CACZ,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAOX,aAAc,CACZ,KAAM,OACN,QAAS,SAOX,gBAAiB,CACf,KAAM,OACN,QAAS,QACT,UAAYC,GAAM,OAAO,OAAOC,+BAA6B,EAAE,SAASD,CAAC,GAM3E,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAOX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAYE,GAAOC,qCAAmC,SAASD,CAAE,IAIrE,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoBD,EAAAA,8BAA8B,KAC5D,KAAK,kBAAoBA,EAAAA,8BAA8B,KAC3D,EAEA,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,oBAAoB,GACvD,oCACN,EAEJ,+CAnLEG,EAAAA,mBA8CM,MAAA,CA7CH,MAAKC,EAAAA,eAAA,uDAAwFC,EAAA,gCAA0CC,EAAA,YAA2BA,EAAA,4BASnK,UAAQ,mBAERC,EAAAA,mBAOS,SAAA,CANN,MAAKH,EAAAA,eAAA,CAAA,wBAAA,CAAA,gCAA+DC,EAAA,YAAY,EAAIA,EAAA,WAAW,CAAA,EAChG,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA,MAExBF,EAAAA,mBAQQ,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,2BAGRG,aAAuBC,EAAA,OAAA,SAAA,MAEzBF,EAAAA,mBAQO,OAAA,CAPL,IAAI,sBACH,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,yBACR,SAAS,MAGTG,aAAQC,EAAA,OAAA,SAAA,MAEVF,EAAAA,mBAOS,SAAA,CANN,gDAAiCF,EAAA,WAAW,CAAA,EAC7C,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA"}

package/dist/lib/root-layout/root-layout.js

@@ -1,4 +1,4 @@
-import { ROOT_LAYOUT_SIDEBAR_POSITIONS as d, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as l } from "./root-layout-constants.js";
+import { ROOT_LAYOUT_SIDEBAR_POSITIONS as s, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as l } from "./root-layout-constants.js";
 import { openBlock as i, createElementBlock as n, normalizeClass as o, createElementVNode as a, renderSlot as r } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const y = {
@@ -22,7 +22,8 @@ const y = {
       default: ""
     },
     /**
-     * DEPRECATED: set the height of the inner element instead.
+     * Set the height of the inner element instead.
+     * @deprecated
      */
     headerHeight: {
       type: String,
@@ -58,21 +59,21 @@ const y = {
       default: ""
     },
     /**
-     * DEPRECATED: set the width of the inner element instead.
+     * Set the width of the inner element instead.
+     * @deprecated
      */
     sidebarWidth: {
       type: String,
       default: "256px"
     },
     /**
-     * Whether the sidebar is on the left or right side
-     * Possible options: 'left', 'right'
-     * @values left, right
+     * Whether the sidebar is on the start or end side
+     * @values start, end, left, right
      */
     sidebarPosition: {
       type: String,
-      default: "left",
-      validator: (t) => Object.values(d).includes(t)
+      default: "start",
+      validator: (t) => Object.values(s).includes(t)
     },
     /**
      * Additional class name for the footer element
@@ -82,7 +83,8 @@ const y = {
       default: ""
     },
     /**
-     * DEPRECATED: set the height of the inner element instead.
+     * Set the height of the inner element instead.
+     * @deprecated
      */
     footerHeight: {
       type: String,
@@ -100,23 +102,23 @@ const y = {
   },
   computed: {
     isInverted() {
-      return this.sidebarPosition === d.RIGHT;
+      return this.sidebarPosition === s.END || this.sidebarPosition === s.RIGHT;
     },
     responsiveBreakpointClass() {
       return this.responsiveBreakpoint ? `d-root-layout__responsive--${this.responsiveBreakpoint}` : "d-root-layout__responsive--default";
     }
   }
 };
-function f(t, c, e, p, _, s) {
+function f(t, c, e, p, _, d) {
   return i(), n("div", {
     class: o([
       "root-layout",
       "d-root-layout",
       {
         "d-root-layout--fixed": e.fixed,
-        "d-root-layout--inverted": s.isInverted
+        "d-root-layout--inverted": d.isInverted
       },
-      s.responsiveBreakpointClass
+      d.responsiveBreakpointClass
     ]),
     "data-qa": "dt-root-layout"
   }, [

package/dist/lib/root-layout/root-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.js","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;AAwDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,OAAOC,CAA6B,EAAE,SAASD,CAAC;AAAA;;;;IAM3E,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAOC,EAAmC,SAASD,CAAE;AAAA;;EAIrE,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,oBAAoBD,EAA8B;AAAA,IAChE;AAAA,IAEA,4BAA6B;AAC3B,aAAO,KAAK,uBACR,8BAA8B,KAAK,oBAAoB,KACvD;AAAA,IACN;AAAA;AAEJ;;cAhLEG,EA8CM,OAAA;AAAA,IA7CH,OAAKC,EAAA;AAAA;;;gCAAwFC,EAAA;AAAA,mCAA0CC,EAAA;AAAA;MAA2BA,EAAA;AAAA;IASnK,WAAQ;AAAA;IAERC,EAOS,UAAA;AAAA,MANN,OAAKH,EAAA,CAAA,yBAAA,EAAA,iCAA+DC,EAAA,aAAY,GAAIA,EAAA,WAAW,CAAA;AAAA,MAChG,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;IAExBF,EAQQ,SAAA;AAAA,MAPN,KAAI;AAAA,MACJ,UAAS;AAAA,MACR,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA;MAGRG,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAEzBF,EAQO,QAAA;AAAA,MAPL,KAAI;AAAA,MACH,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA,MACR,UAAS;AAAA;MAGTG,EAAQC,EAAA,QAAA,SAAA;AAAA;IAEVF,EAOS,UAAA;AAAA,MANN,mCAAiCF,EAAA,WAAW,CAAA;AAAA,MAC7C,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;;"}
+{"version":3,"file":"root-layout.js","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the width of the inner element instead.\n     * @deprecated\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;AAwDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,OAAOC,CAA6B,EAAE,SAASD,CAAC;AAAA;;;;IAM3E,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAOC,EAAmC,SAASD,CAAE;AAAA;;EAIrE,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,oBAAoBD,EAA8B,OAC5D,KAAK,oBAAoBA,EAA8B;AAAA,IAC3D;AAAA,IAEA,4BAA6B;AAC3B,aAAO,KAAK,uBACR,8BAA8B,KAAK,oBAAoB,KACvD;AAAA,IACN;AAAA;AAEJ;;cAnLEG,EA8CM,OAAA;AAAA,IA7CH,OAAKC,EAAA;AAAA;;;gCAAwFC,EAAA;AAAA,mCAA0CC,EAAA;AAAA;MAA2BA,EAAA;AAAA;IASnK,WAAQ;AAAA;IAERC,EAOS,UAAA;AAAA,MANN,OAAKH,EAAA,CAAA,yBAAA,EAAA,iCAA+DC,EAAA,aAAY,GAAIA,EAAA,WAAW,CAAA;AAAA,MAChG,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;IAExBF,EAQQ,SAAA;AAAA,MAPN,KAAI;AAAA,MACJ,UAAS;AAAA,MACR,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA;MAGRG,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAEzBF,EAQO,QAAA;AAAA,MAPL,KAAI;AAAA,MACH,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA,MACR,UAAS;AAAA;MAGTG,EAAQC,EAAA,QAAA,SAAA;AAAA;IAEVF,EAOS,UAAA;AAAA,MANN,mCAAiCF,EAAA,WAAW,CAAA;AAAA,MAC7C,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./segmented-control.cjs"),_=require("./segmented-control-item.cjs"),E=require("./segmented-control-constants.cjs");exports.DtSegmentedControl=T.default;exports.DtSegmentedControlItem=_.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;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/segmented-control/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,20 @@
+import { default as O } from "./segmented-control.js";
+import { default as N } from "./segmented-control-item.js";
+import { SEGMENTED_CONTROL_ACTIVATION_MODES as D, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as C, SEGMENTED_CONTROL_CONTEXT_KEY as L, SEGMENTED_CONTROL_FOCUS_KEY as R, SEGMENTED_CONTROL_ORIENTATIONS as M, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as I, SEGMENTED_CONTROL_SELECT_KEY as e, SEGMENTED_CONTROL_SIZES as t, SEGMENTED_CONTROL_SIZE_DEFAULT as A, SEGMENTED_CONTROL_SIZE_MODIFIERS as G, SEGMENTED_CONTROL_SPREADS as o, SEGMENTED_CONTROL_SPREAD_DEFAULT as r } from "./segmented-control-constants.js";
+export {
+  O as DtSegmentedControl,
+  N as DtSegmentedControlItem,
+  D as SEGMENTED_CONTROL_ACTIVATION_MODES,
+  C as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,
+  L as SEGMENTED_CONTROL_CONTEXT_KEY,
+  R as SEGMENTED_CONTROL_FOCUS_KEY,
+  M as SEGMENTED_CONTROL_ORIENTATIONS,
+  I as SEGMENTED_CONTROL_ORIENTATION_DEFAULT,
+  e as SEGMENTED_CONTROL_SELECT_KEY,
+  t as SEGMENTED_CONTROL_SIZES,
+  A as SEGMENTED_CONTROL_SIZE_DEFAULT,
+  G as SEGMENTED_CONTROL_SIZE_MODIFIERS,
+  o as SEGMENTED_CONTROL_SPREADS,
+  r as SEGMENTED_CONTROL_SPREAD_DEFAULT
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=["100","200","300","400","500","xs","sm","md","lg","xl"],T=200,_={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"},O=["horizontal","vertical"],N="horizontal",t=["auto","manual"],o="auto",e=["grow","evenly"],S="grow",L='[role="radio"]',R="data-value",n=Symbol("DtSegmentedControlContext"),D=Symbol("DtSegmentedControlSelect"),C=Symbol("DtSegmentedControlFocus"),s={SEGMENTED_CONTROL_SIZES:E,SEGMENTED_CONTROL_SIZE_DEFAULT:T,SEGMENTED_CONTROL_SIZE_MODIFIERS:_,SEGMENTED_CONTROL_ORIENTATIONS:O,SEGMENTED_CONTROL_ORIENTATION_DEFAULT:N,SEGMENTED_CONTROL_ACTIVATION_MODES:t,SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT:o,SEGMENTED_CONTROL_SPREADS:e,SEGMENTED_CONTROL_SPREAD_DEFAULT:S,SEGMENTED_CONTROL_CONTEXT_KEY:n,SEGMENTED_CONTROL_SELECT_KEY:D,SEGMENTED_CONTROL_FOCUS_KEY:C};exports.SEGMENTED_CONTROL_ACTIVATION_MODES=t;exports.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT=o;exports.SEGMENTED_CONTROL_CONTEXT_KEY=n;exports.SEGMENTED_CONTROL_DATA_VALUE_ATTR=R;exports.SEGMENTED_CONTROL_FOCUS_KEY=C;exports.SEGMENTED_CONTROL_ITEM_SELECTOR=L;exports.SEGMENTED_CONTROL_ORIENTATIONS=O;exports.SEGMENTED_CONTROL_ORIENTATION_DEFAULT=N;exports.SEGMENTED_CONTROL_SELECT_KEY=D;exports.SEGMENTED_CONTROL_SIZES=E;exports.SEGMENTED_CONTROL_SIZE_DEFAULT=T;exports.SEGMENTED_CONTROL_SIZE_MODIFIERS=_;exports.SEGMENTED_CONTROL_SPREADS=e;exports.SEGMENTED_CONTROL_SPREAD_DEFAULT=S;exports.default=s;
+//# sourceMappingURL=segmented-control-constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-constants.cjs","sources":["../../../components/segmented_control/segmented_control_constants.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"],"names":["SEGMENTED_CONTROL_SIZES","SEGMENTED_CONTROL_SIZE_DEFAULT","SEGMENTED_CONTROL_SIZE_MODIFIERS","SEGMENTED_CONTROL_ORIENTATIONS","SEGMENTED_CONTROL_ORIENTATION_DEFAULT","SEGMENTED_CONTROL_ACTIVATION_MODES","SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT","SEGMENTED_CONTROL_SPREADS","SEGMENTED_CONTROL_SPREAD_DEFAULT","SEGMENTED_CONTROL_ITEM_SELECTOR","SEGMENTED_CONTROL_DATA_VALUE_ATTR","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SELECT_KEY","SEGMENTED_CONTROL_FOCUS_KEY","segmented_control_constants"],"mappings":"4GAAY,MAACA,EAA0B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,EAC1FC,EAAiC,IAEjCC,EAAmC,CAE9C,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BAEL,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,yBACN,EAEaC,EAAiC,CAAC,aAAc,UAAU,EAC1DC,EAAwC,aAExCC,EAAqC,CAAC,OAAQ,QAAQ,EACtDC,EAA4C,OAE5CC,EAA4B,CAAC,OAAQ,QAAQ,EAC7CC,EAAmC,OAEnCC,EAAkC,iBAClCC,EAAoC,aAEpCC,EAAgC,OAAO,2BAA2B,EAClEC,EAA+B,OAAO,0BAA0B,EAChEC,EAA8B,OAAO,yBAAyB,EAE3EC,EAAe,CACb,wBAAAd,EACA,+BAAAC,EACA,iCAAAC,EACA,+BAAAC,EACA,sCAAAC,EACA,mCAAAC,EACA,0CAAAC,EACA,0BAAAC,EACA,iCAAAC,EACA,8BAAAG,EACA,6BAAAC,EACA,4BAAAC,CACF"}

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

@@ -0,0 +1,45 @@
+const E = ["100", "200", "300", "400", "500", "xs", "sm", "md", "lg", "xl"], l = 200, o = {
+  // Numeric (preferred)
+  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",
+  // T-shirt aliases (deprecated)
+  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"
+}, t = ["horizontal", "vertical"], e = "horizontal", T = ["auto", "manual"], n = "auto", _ = ["grow", "evenly"], O = "grow", d = '[role="radio"]', c = "data-value", s = Symbol("DtSegmentedControlContext"), N = Symbol("DtSegmentedControlSelect"), S = Symbol("DtSegmentedControlFocus"), D = {
+  SEGMENTED_CONTROL_SIZES: E,
+  SEGMENTED_CONTROL_SIZE_DEFAULT: 200,
+  SEGMENTED_CONTROL_SIZE_MODIFIERS: o,
+  SEGMENTED_CONTROL_ORIENTATIONS: t,
+  SEGMENTED_CONTROL_ORIENTATION_DEFAULT: e,
+  SEGMENTED_CONTROL_ACTIVATION_MODES: T,
+  SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT: n,
+  SEGMENTED_CONTROL_SPREADS: _,
+  SEGMENTED_CONTROL_SPREAD_DEFAULT: O,
+  SEGMENTED_CONTROL_CONTEXT_KEY: s,
+  SEGMENTED_CONTROL_SELECT_KEY: N,
+  SEGMENTED_CONTROL_FOCUS_KEY: S
+};
+export {
+  T as SEGMENTED_CONTROL_ACTIVATION_MODES,
+  n as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,
+  s as SEGMENTED_CONTROL_CONTEXT_KEY,
+  c as SEGMENTED_CONTROL_DATA_VALUE_ATTR,
+  S as SEGMENTED_CONTROL_FOCUS_KEY,
+  d as SEGMENTED_CONTROL_ITEM_SELECTOR,
+  t as SEGMENTED_CONTROL_ORIENTATIONS,
+  e as SEGMENTED_CONTROL_ORIENTATION_DEFAULT,
+  N as SEGMENTED_CONTROL_SELECT_KEY,
+  E as SEGMENTED_CONTROL_SIZES,
+  l as SEGMENTED_CONTROL_SIZE_DEFAULT,
+  o as SEGMENTED_CONTROL_SIZE_MODIFIERS,
+  _ as SEGMENTED_CONTROL_SPREADS,
+  O as SEGMENTED_CONTROL_SPREAD_DEFAULT,
+  D as default
+};
+//# sourceMappingURL=segmented-control-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-constants.js","sources":["../../../components/segmented_control/segmented_control_constants.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"],"names":["SEGMENTED_CONTROL_SIZES","SEGMENTED_CONTROL_SIZE_DEFAULT","SEGMENTED_CONTROL_SIZE_MODIFIERS","SEGMENTED_CONTROL_ORIENTATIONS","SEGMENTED_CONTROL_ORIENTATION_DEFAULT","SEGMENTED_CONTROL_ACTIVATION_MODES","SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT","SEGMENTED_CONTROL_SPREADS","SEGMENTED_CONTROL_SPREAD_DEFAULT","SEGMENTED_CONTROL_ITEM_SELECTOR","SEGMENTED_CONTROL_DATA_VALUE_ATTR","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SELECT_KEY","SEGMENTED_CONTROL_FOCUS_KEY","segmented_control_constants"],"mappings":"AAAY,MAACA,IAA0B,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI,GAC1FC,IAAiC,KAEjCC,IAAmC;AAAA;AAAA,EAE9C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAiC,CAAC,cAAc,UAAU,GAC1DC,IAAwC,cAExCC,IAAqC,CAAC,QAAQ,QAAQ,GACtDC,IAA4C,QAE5CC,IAA4B,CAAC,QAAQ,QAAQ,GAC7CC,IAAmC,QAEnCC,IAAkC,kBAClCC,IAAoC,cAEpCC,IAAgC,OAAO,2BAA2B,GAClEC,IAA+B,OAAO,0BAA0B,GAChEC,IAA8B,OAAO,yBAAyB,GAE3EC,IAAe;AAAA,EACb,yBAAAd;AAAA,EACA;AAAA,EACA,kCAAAE;AAAA,EACA,gCAAAC;AAAA,EACA,uCAAAC;AAAA,EACA,oCAAAC;AAAA,EACA,2CAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,kCAAAC;AAAA,EACA,+BAAAG;AAAA,EACA,8BAAAC;AAAA,EACA,6BAAAC;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./segmented-control-constants.cjs"),g=require("../button/button.cjs"),v=Object.assign({name:"DtSegmentedControlItem",inheritAttrs:!1},{__name:"segmented_control_item",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(i,{emit:u}){const l=i,r=u,a=e.inject(s.SEGMENTED_CONTROL_CONTEXT_KEY,{selected:"",disabled:!1,size:s.SEGMENTED_CONTROL_SIZE_DEFAULT,labelClass:""}),c=e.inject(s.SEGMENTED_CONTROL_SELECT_KEY,()=>{}),b=e.inject(s.SEGMENTED_CONTROL_FOCUS_KEY,()=>{}),o=e.computed(()=>a.selected===l.value),n=e.computed(()=>a.disabled||l.disabled),f=e.computed(()=>a.size),m=e.computed(()=>["d-segmented-control__item-label",l.labelClass??a.labelClass].filter(Boolean));function C(t){r("click",t),!n.value&&c(l.value)}function S(t){r("focus",t),b(l.value)}return(t,E)=>(e.openBlock(),e.createBlock(e.unref(g.default),e.mergeProps({class:"d-segmented-control__item",role:"radio","aria-checked":String(o.value),tabindex:o.value&&!n.value?"0":"-1",active:o.value,disabled:n.value,"aria-disabled":n.value?"true":void 0,"aria-label":i.label,"label-class":m.value,"data-value":i.value,kind:"muted",importance:"clear",size:f.value,"data-qa":"dt-segmented-control-item"},t.$attrs,{onClick:C,onFocus:S}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.startIcon?{name:"startIcon",fn:e.withCtx(({iconSize:d})=>[e.renderSlot(t.$slots,"startIcon",{iconSize:d})]),key:"0"}:void 0,t.$slots.endIcon?{name:"endIcon",fn:e.withCtx(({iconSize:d})=>[e.renderSlot(t.$slots,"endIcon",{iconSize:d})]),key:"1"}:void 0,t.$slots.leading?{name:"leading",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"leading")]),key:"2"}:void 0,t.$slots.trailing?{name:"trailing",fn:e.withCtx(()=>[e.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=v;
+//# sourceMappingURL=segmented-control-item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-item.cjs","sources":["../../../components/segmented_control/segmented_control_item.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      <!-- @slot Icon displayed at the inline-start of the label. Provides { iconSize } scoped binding. -->\n      <slot\n        name=\"startIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon=\"{ iconSize }\"\n    >\n      <!-- @slot Icon displayed at the inline-end of the label. Provides { iconSize } scoped binding. -->\n      <slot\n        name=\"endIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <!-- @slot Content rendered before the label (e.g. badges, indicators). -->\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <!-- @slot Content rendered after the label (e.g. badges, counts). -->\n      <slot name=\"trailing\" />\n    </template>\n    <!-- @slot Label text content -->\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 './segmented_control_constants.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"],"names":["props","__props","emit","__emit","groupContext","inject","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SIZE_DEFAULT","selectValue","SEGMENTED_CONTROL_SELECT_KEY","setFocus","SEGMENTED_CONTROL_FOCUS_KEY","isSelected","computed","isDisabled","buttonSize","resolvedLabelClass","handleClick","event","handleFocus","_openBlock","_createBlock","_unref","_mergeProps","$attrs","_renderSlot","_ctx","$slots","_withCtx","iconSize"],"mappings":"ogBA0EA,MAAMA,EAAQC,EAqCRC,EAAOC,EAgBPC,EAAeC,EAAAA,OAAOC,gCAA+B,CAAE,SAAU,GAAI,SAAU,GAAO,KAAMC,EAAAA,+BAAgC,WAAY,EAAE,CAAE,EAC5IC,EAAcH,EAAAA,OAAOI,+BAA8B,IAAM,CAAC,CAAC,EAC3DC,EAAWL,EAAAA,OAAOM,8BAA6B,IAAM,CAAC,CAAC,EAEvDC,EAAaC,EAAAA,SAAS,IAAMT,EAAa,WAAaJ,EAAM,KAAK,EACjEc,EAAaD,EAAAA,SAAS,IAAMT,EAAa,UAAYJ,EAAM,QAAQ,EAEnEe,EAAaF,EAAAA,SAAS,IAAMT,EAAa,IAAI,EAE7CY,EAAqBH,EAAAA,SAAS,IAC3B,CAAC,kCAAmCb,EAAM,YAAcI,EAAa,UAAU,EAAE,OAAO,OAAO,CACvG,EAED,SAASa,EAAaC,EAAO,CAC3BhB,EAAK,QAASgB,CAAK,EACf,CAAAJ,EAAW,OACfN,EAAYR,EAAM,KAAK,CACzB,CAEA,SAASmB,EAAaD,EAAO,CAC3BhB,EAAK,QAASgB,CAAK,EACnBR,EAASV,EAAM,KAAK,CACtB,eApJEoB,EAAAA,UAAA,EAAAC,EAAAA,YAuDYC,EAAAA,iBAvDZC,EAAAA,WAuDY,CAtDV,MAAM,4BACN,KAAK,QACJ,eAAc,OAAOX,EAAA,KAAU,EAC/B,SAAUA,EAAA,OAAU,CAAKE,EAAA,MAAU,IAAA,KACnC,OAAQF,EAAA,MACR,SAAUE,EAAA,MACV,gBAAeA,EAAA,MAAU,OAAY,OACrC,aAAYb,EAAA,MACZ,cAAae,EAAA,MACb,aAAYf,EAAA,MACb,KAAK,QACL,WAAW,QACV,KAAMc,EAAA,MACP,UAAQ,6BACAS,EAAAA,OAAM,CACb,QAAOP,EACP,QAAOE,qCAqCR,IAAQ,CAARM,aAAQC,EAAA,OAAA,SAAA,UAlCAC,EAAAA,OAAO,gBACZ,YAGD,GAAAC,EAAAA,QAAA,CAGE,CANY,SAAAC,KAAQ,CAGtBJ,EAAAA,WAGEC,EAAA,OAAA,YAAA,CADC,SAAWG,CAAQ,CAAA,oBAIhBF,EAAAA,OAAO,cACZ,UAGD,GAAAC,EAAAA,QAAA,CAGE,CANU,SAAAC,KAAQ,CAGpBJ,EAAAA,WAGEC,EAAA,OAAA,UAAA,CADC,SAAWG,CAAQ,CAAA,oBAIhBF,EAAAA,OAAO,cACZ,uBAGD,IAAuB,CAAvBF,aAAuBC,EAAA,OAAA,SAAA,oBAGjBC,EAAAA,OAAO,eACZ,wBAGD,IAAwB,CAAxBF,aAAwBC,EAAA,OAAA,UAAA"}

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

@@ -0,0 +1,124 @@
+import { inject as c, computed as i, openBlock as C, createBlock as p, unref as k, mergeProps as O, createSlots as T, withCtx as l, renderSlot as t } from "vue";
+import { SEGMENTED_CONTROL_CONTEXT_KEY as _, SEGMENTED_CONTROL_SIZE_DEFAULT as $, SEGMENTED_CONTROL_SELECT_KEY as y, SEGMENTED_CONTROL_FOCUS_KEY as N } from "./segmented-control-constants.js";
+import D from "../button/button.js";
+const B = /* @__PURE__ */ Object.assign({
+  name: "DtSegmentedControlItem",
+  inheritAttrs: !1
+}, {
+  __name: "segmented_control_item",
+  props: {
+    /**
+     * Unique value for this item, used for selection matching with v-model.
+     */
+    value: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Accessible label for the button (aria-label).
+     * Visible text comes from the default slot, not this prop.
+     * Required for icon-only items.
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Disables this individual item.
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Custom class for this item's label container.
+     * Overrides the parent's labelClass when provided.
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: void 0
+    }
+  },
+  emits: [
+    /**
+     * Native button click event.
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click",
+    /**
+     * Native button focus event.
+     * @event focus
+     * @type {FocusEvent}
+     */
+    "focus"
+  ],
+  setup(o, { emit: f }) {
+    const a = o, u = f, n = c(_, { selected: "", disabled: !1, size: $, labelClass: "" }), m = c(y, () => {
+    }), b = c(N, () => {
+    }), d = i(() => n.selected === a.value), s = i(() => n.disabled || a.disabled), E = i(() => n.size), v = i(() => ["d-segmented-control__item-label", a.labelClass ?? n.labelClass].filter(Boolean));
+    function g(e) {
+      u("click", e), !s.value && m(a.value);
+    }
+    function S(e) {
+      u("focus", e), b(a.value);
+    }
+    return (e, I) => (C(), p(k(D), O({
+      class: "d-segmented-control__item",
+      role: "radio",
+      "aria-checked": String(d.value),
+      tabindex: d.value && !s.value ? "0" : "-1",
+      active: d.value,
+      disabled: s.value,
+      "aria-disabled": s.value ? "true" : void 0,
+      "aria-label": o.label,
+      "label-class": v.value,
+      "data-value": o.value,
+      kind: "muted",
+      importance: "clear",
+      size: E.value,
+      "data-qa": "dt-segmented-control-item"
+    }, e.$attrs, {
+      onClick: g,
+      onFocus: S
+    }), T({
+      default: l(() => [
+        t(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      e.$slots.startIcon ? {
+        name: "startIcon",
+        fn: l(({ iconSize: r }) => [
+          t(e.$slots, "startIcon", { iconSize: r })
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.endIcon ? {
+        name: "endIcon",
+        fn: l(({ iconSize: r }) => [
+          t(e.$slots, "endIcon", { iconSize: r })
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.leading ? {
+        name: "leading",
+        fn: l(() => [
+          t(e.$slots, "leading")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.trailing ? {
+        name: "trailing",
+        fn: l(() => [
+          t(e.$slots, "trailing")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["aria-checked", "tabindex", "active", "disabled", "aria-disabled", "aria-label", "label-class", "data-value", "size"]));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=segmented-control-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-item.js","sources":["../../../components/segmented_control/segmented_control_item.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      <!-- @slot Icon displayed at the inline-start of the label. Provides { iconSize } scoped binding. -->\n      <slot\n        name=\"startIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon=\"{ iconSize }\"\n    >\n      <!-- @slot Icon displayed at the inline-end of the label. Provides { iconSize } scoped binding. -->\n      <slot\n        name=\"endIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <!-- @slot Content rendered before the label (e.g. badges, indicators). -->\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <!-- @slot Content rendered after the label (e.g. badges, counts). -->\n      <slot name=\"trailing\" />\n    </template>\n    <!-- @slot Label text content -->\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 './segmented_control_constants.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"],"names":["props","__props","emit","__emit","groupContext","inject","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SIZE_DEFAULT","selectValue","SEGMENTED_CONTROL_SELECT_KEY","setFocus","SEGMENTED_CONTROL_FOCUS_KEY","isSelected","computed","isDisabled","buttonSize","resolvedLabelClass","handleClick","event","handleFocus","_openBlock","_createBlock","_unref","_mergeProps","$attrs","_renderSlot","_ctx","$slots","_withCtx","iconSize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAMA,IAAQC,GAqCRC,IAAOC,GAgBPC,IAAeC,EAAOC,GAA+B,EAAE,UAAU,IAAI,UAAU,IAAO,MAAMC,GAAgC,YAAY,GAAE,CAAE,GAC5IC,IAAcH,EAAOI,GAA8B,MAAM;AAAA,IAAC,CAAC,GAC3DC,IAAWL,EAAOM,GAA6B,MAAM;AAAA,IAAC,CAAC,GAEvDC,IAAaC,EAAS,MAAMT,EAAa,aAAaJ,EAAM,KAAK,GACjEc,IAAaD,EAAS,MAAMT,EAAa,YAAYJ,EAAM,QAAQ,GAEnEe,IAAaF,EAAS,MAAMT,EAAa,IAAI,GAE7CY,IAAqBH,EAAS,MAC3B,CAAC,mCAAmCb,EAAM,cAAcI,EAAa,UAAU,EAAE,OAAO,OAAO,CACvG;AAED,aAASa,EAAaC,GAAO;AAE3B,MADAhB,EAAK,SAASgB,CAAK,GACf,CAAAJ,EAAW,SACfN,EAAYR,EAAM,KAAK;AAAA,IACzB;AAEA,aAASmB,EAAaD,GAAO;AAC3B,MAAAhB,EAAK,SAASgB,CAAK,GACnBR,EAASV,EAAM,KAAK;AAAA,IACtB;sBApJEoB,EAAA,GAAAC,EAuDYC,MAvDZC,EAuDY;AAAA,MAtDV,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,gBAAc,OAAOX,EAAA,KAAU;AAAA,MAC/B,UAAUA,EAAA,SAAU,CAAKE,EAAA,QAAU,MAAA;AAAA,MACnC,QAAQF,EAAA;AAAA,MACR,UAAUE,EAAA;AAAA,MACV,iBAAeA,EAAA,QAAU,SAAY;AAAA,MACrC,cAAYb,EAAA;AAAA,MACZ,eAAae,EAAA;AAAA,MACb,cAAYf,EAAA;AAAA,MACb,MAAK;AAAA,MACL,YAAW;AAAA,MACV,MAAMc,EAAA;AAAA,MACP,WAAQ;AAAA,OACAS,EAAAA,QAAM;AAAA,MACb,SAAOP;AAAA,MACP,SAAOE;AAAA;iBAqCR,MAAQ;AAAA,QAARM,EAAQC,EAAA,QAAA,SAAA;AAAA;;;MAlCAC,EAAAA,OAAO;cACZ;AAAA,QAGD,IAAAC,EAAA,CAGE,EANY,UAAAC,QAAQ;AAAA,UAGtBJ,EAGEC,EAAA,QAAA,aAAA,EADC,UAAWG,EAAQ,CAAA;AAAA;;;MAIhBF,EAAAA,OAAO;cACZ;AAAA,QAGD,IAAAC,EAAA,CAGE,EANU,UAAAC,QAAQ;AAAA,UAGpBJ,EAGEC,EAAA,QAAA,WAAA,EADC,UAAWG,EAAQ,CAAA;AAAA;;;MAIhBF,EAAAA,OAAO;cACZ;AAAA,cAGD,MAAuB;AAAA,UAAvBF,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;MAGjBC,EAAAA,OAAO;cACZ;AAAA,cAGD,MAAwB;AAAA,UAAxBF,EAAwBC,EAAA,QAAA,UAAA;AAAA;;;;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),h=require("../../common/utils/index.cjs"),i=require("./segmented-control-constants.cjs"),v=require("../stack/stack.cjs"),M=Object.assign({name:"DtSegmentedControl"},{__name:"segmented_control",props:{id:{type:String,default(){return h.getUniqueString()}},modelValue:{type:String,required:!0},ariaLabel:{type:String,default:void 0},orientation:{type:String,default:i.SEGMENTED_CONTROL_ORIENTATION_DEFAULT,validator:l=>i.SEGMENTED_CONTROL_ORIENTATIONS.includes(l)},size:{type:[String,Number],default:i.SEGMENTED_CONTROL_SIZE_DEFAULT,validator:l=>i.SEGMENTED_CONTROL_SIZES.includes(String(l))},activationMode:{type:String,default:i.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,validator:l=>i.SEGMENTED_CONTROL_ACTIVATION_MODES.includes(l)},disabled:{type:Boolean,default:!1},hideDivider:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},spread:{type:String,default:i.SEGMENTED_CONTROL_SPREAD_DEFAULT,validator:l=>i.SEGMENTED_CONTROL_SPREADS.includes(l)},labelClass:{type:[String,Array,Object],default:""}},emits:["update:modelValue","change","before-change"],setup(l,{emit:N}){const n=l,E=N,f=a.ref(null),T=a.ref(null),C=a.computed(()=>n.orientation==="vertical"?"column":"row"),D=a.computed(()=>["d-segmented-control",i.SEGMENTED_CONTROL_SIZE_MODIFIERS[String(n.size)],n.hideDivider?"d-segmented-control--hide-divider":null,n.borderless?"d-segmented-control--borderless":null,n.orientation==="vertical"?"d-segmented-control--vertical":null,n.spread==="evenly"&&n.orientation==="horizontal"?"d-segmented-control--spread-evenly":null]),d=a.reactive({selected:n.modelValue,disabled:n.disabled,size:n.size,labelClass:n.labelClass});a.watchEffect(()=>{d.selected=n.modelValue,d.disabled=n.disabled,d.size=n.size,d.labelClass=n.labelClass}),a.provide(i.SEGMENTED_CONTROL_CONTEXT_KEY,d),a.provide(i.SEGMENTED_CONTROL_SELECT_KEY,O),a.provide(i.SEGMENTED_CONTROL_FOCUS_KEY,p);function g(){const e=b();if(!e.length||e.some(r=>r.getAttribute("tabindex")==="0"))return;const o=e.find(r=>!_(r));o&&o.setAttribute("tabindex","0")}a.onMounted(g),a.watch(()=>[n.modelValue,n.disabled],g,{flush:"post"});function b(){var t;const e=((t=f.value)==null?void 0:t.$el)||f.value;return e?Array.from(e.querySelectorAll(i.SEGMENTED_CONTROL_ITEM_SELECTOR)):[]}function p(e){T.value=e}function O(e){if(n.disabled||e===n.modelValue)return;const t=new Event("before-change",{cancelable:!0});E("before-change",t),!t.defaultPrevented&&(E("update:modelValue",e),E("change",e))}function A(e,t){if(t){const r=t.target.closest(i.SEGMENTED_CONTROL_ITEM_SELECTOR);if(r){const s=e.indexOf(r);if(s!==-1)return s}}const o=e.findIndex(r=>{const s=r.getAttribute(i.SEGMENTED_CONTROL_DATA_VALUE_ATTR);return T.value?s===T.value:r.getAttribute("aria-checked")==="true"});return o===-1?0:o}function S(e){_(e)||O(e.getAttribute(i.SEGMENTED_CONTROL_DATA_VALUE_ATTR))}function _(e){return e.getAttribute("aria-disabled")==="true"}function u(e,t,o){const r=e.length;for(let s=1;s<=r;s++){const c=(t+s*o+r)%r;if(!_(e[c]))return c}return t}function m(e,t,o){const r=n.orientation==="horizontal",s=r?"ArrowRight":"ArrowDown",c=r?"ArrowLeft":"ArrowUp";switch(e){case s:return u(o,t,1);case c:return u(o,t,-1);case"Home":return u(o,o.length-1,1);case"End":return u(o,0,-1);default:return-1}}function L(e){const t=b();if(!t.length)return;const o=A(t,e);if(e.key==="Enter"||e.key===" "){S(t[o]),e.preventDefault(),e.stopPropagation();return}const r=m(e.key,o,t);r!==-1&&(e.preventDefault(),e.stopPropagation(),t[r].focus(),n.activationMode==="auto"&&S(t[r]))}return(e,t)=>(a.openBlock(),a.createBlock(a.unref(v.default),{id:l.id,ref_key:"container",ref:f,align:"stretch",class:a.normalizeClass(D.value),direction:C.value,role:"radiogroup","aria-label":l.ariaLabel,"aria-orientation":l.orientation,"data-qa":"dt-segmented-control",onKeydown:L},{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},8,["id","class","direction","aria-label","aria-orientation"]))}});exports.default=M;
+//# sourceMappingURL=segmented-control.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.cjs","sources":["../../../components/segmented_control/segmented_control.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    <!-- @slot DtSegmentedControlItem children -->\n    <slot />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watchEffect, watch, provide, onMounted } from 'vue';\nimport { getUniqueString } from '@/common/utils';\nimport { DtStack } from '@/components/stack';\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 './segmented_control_constants.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: (v) => SEGMENTED_CONTROL_SIZES.includes(String(v)),\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   * Hides the dividers between items.\n   */\n  hideDivider: {\n    type: Boolean,\n    default: false,\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\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.hideDivider ? '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\nonMounted(ensureTabbable);\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\nfunction selectValue (value) {\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  emit('update:modelValue', value);\n  emit('change', value);\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    activateItem(items[newIndex]);\n  }\n}\n</script>\n"],"names":["props","__props","emit","__emit","container","ref","focusedValue","stackDirection","computed","containerClasses","SEGMENTED_CONTROL_SIZE_MODIFIERS","groupContext","reactive","watchEffect","provide","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SELECT_KEY","selectValue","SEGMENTED_CONTROL_FOCUS_KEY","setFocus","ensureTabbable","items","getItems","el","firstEnabled","isItemDisabled","onMounted","watch","_a","SEGMENTED_CONTROL_ITEM_SELECTOR","value","beforeChangeEvent","getFocusedIndex","event","target","targetIdx","idx","SEGMENTED_CONTROL_DATA_VALUE_ATTR","activateItem","item","findNextEnabled","fromIndex","direction","len","i","index","getNavigationIndex","key","currentIndex","isHorizontal","nextKey","prevKey","handleKeyDown","focusedIndex","newIndex","_createBlock","_unref","DtStack","_renderSlot","_ctx"],"mappings":"+rCAyCA,MAAMA,EAAQC,EAuGRC,EAAOC,EAwBPC,EAAYC,EAAAA,IAAI,IAAI,EACpBC,EAAeD,EAAAA,IAAI,IAAI,EAEvBE,EAAiBC,EAAAA,SAAS,IAAMR,EAAM,cAAgB,WAAa,SAAW,KAAK,EAEnFS,EAAmBD,EAAAA,SAAS,IAAM,CACtC,sBACAE,EAAAA,iCAAiC,OAAOV,EAAM,IAAI,CAAC,EACnDA,EAAM,YAAc,oCAAsC,KAC1DA,EAAM,WAAa,kCAAoC,KACvDA,EAAM,cAAgB,WAAa,gCAAkC,KACrEA,EAAM,SAAW,UAAYA,EAAM,cAAgB,aAC/C,qCACA,IACN,CAAC,EAGKW,EAAeC,EAAAA,SAAS,CAC5B,SAAUZ,EAAM,WAChB,SAAUA,EAAM,SAChB,KAAMA,EAAM,KACZ,WAAYA,EAAM,UACpB,CAAC,EAEDa,EAAAA,YAAY,IAAM,CAChBF,EAAa,SAAWX,EAAM,WAC9BW,EAAa,SAAWX,EAAM,SAC9BW,EAAa,KAAOX,EAAM,KAC1BW,EAAa,WAAaX,EAAM,UAClC,CAAC,EAEDc,EAAAA,QAAQC,EAAAA,8BAA+BJ,CAAY,EACnDG,EAAAA,QAAQE,EAAAA,6BAA8BC,CAAW,EACjDH,EAAAA,QAAQI,EAAAA,4BAA6BC,CAAQ,EAM7C,SAASC,GAAkB,CACzB,MAAMC,EAAQC,EAAQ,EAGtB,GAFI,CAACD,EAAM,QACSA,EAAM,KAAKE,GAAMA,EAAG,aAAa,UAAU,IAAM,GAAG,EACvD,OACjB,MAAMC,EAAeH,EAAM,KAAKE,GAAM,CAACE,EAAeF,CAAE,CAAC,EACrDC,GAAcA,EAAa,aAAa,WAAY,GAAG,CAC7D,CAEAE,EAAAA,UAAUN,CAAc,EACxBO,EAAAA,MAAM,IAAM,CAAC3B,EAAM,WAAYA,EAAM,QAAQ,EAAGoB,EAAgB,CAAE,MAAO,OAAQ,EAEjF,SAASE,GAAY,OACnB,MAAMC,IAAKK,EAAAxB,EAAU,QAAV,YAAAwB,EAAiB,MAAOxB,EAAU,MAC7C,OAAOmB,EAAK,MAAM,KAAKA,EAAG,iBAAiBM,EAAAA,+BAA+B,CAAC,EAAI,CAAA,CACjF,CAEA,SAASV,EAAUW,EAAO,CACxBxB,EAAa,MAAQwB,CACvB,CAEA,SAASb,EAAaa,EAAO,CAE3B,GADI9B,EAAM,UACN8B,IAAU9B,EAAM,WAAY,OAChC,MAAM+B,EAAoB,IAAI,MAAM,gBAAiB,CAAE,WAAY,GAAM,EACzE7B,EAAK,gBAAiB6B,CAAiB,EACnC,CAAAA,EAAkB,mBACtB7B,EAAK,oBAAqB4B,CAAK,EAC/B5B,EAAK,SAAU4B,CAAK,EACtB,CAEA,SAASE,EAAiBX,EAAOY,EAAO,CAEtC,GAAIA,EAAO,CACT,MAAMC,EAASD,EAAM,OAAO,QAAQJ,EAAAA,+BAA+B,EACnE,GAAIK,EAAQ,CACV,MAAMC,EAAYd,EAAM,QAAQa,CAAM,EACtC,GAAIC,IAAc,GAAI,OAAOA,CAC/B,CACF,CAEA,MAAMC,EAAMf,EAAM,UAAUE,GAAM,CAChC,MAAMO,EAAQP,EAAG,aAAac,mCAAiC,EAC/D,OAAO/B,EAAa,MAAQwB,IAAUxB,EAAa,MAAQiB,EAAG,aAAa,cAAc,IAAM,MACjG,CAAC,EACD,OAAOa,IAAQ,GAAK,EAAIA,CAC1B,CAEA,SAASE,EAAcC,EAAM,CACvBd,EAAec,CAAI,GACvBtB,EAAYsB,EAAK,aAAaF,EAAAA,iCAAiC,CAAC,CAClE,CAEA,SAASZ,EAAgBc,EAAM,CAC7B,OAAOA,EAAK,aAAa,eAAe,IAAM,MAChD,CAEA,SAASC,EAAiBnB,EAAOoB,EAAWC,EAAW,CACrD,MAAMC,EAAMtB,EAAM,OAClB,QAASuB,EAAI,EAAGA,GAAKD,EAAKC,IAAK,CAC7B,MAAMC,GAASJ,EAAYG,EAAIF,EAAYC,GAAOA,EAClD,GAAI,CAAClB,EAAeJ,EAAMwB,CAAK,CAAC,EAAG,OAAOA,CAC5C,CACA,OAAOJ,CACT,CAEA,SAASK,EAAoBC,EAAKC,EAAc3B,EAAO,CACrD,MAAM4B,EAAejD,EAAM,cAAgB,aACrCkD,EAAUD,EAAe,aAAe,YACxCE,EAAUF,EAAe,YAAc,UAE7C,OAAQF,EAAG,CACT,KAAKG,EAAS,OAAOV,EAAgBnB,EAAO2B,EAAc,CAAC,EAC3D,KAAKG,EAAS,OAAOX,EAAgBnB,EAAO2B,EAAc,EAAE,EAC5D,IAAK,OAAQ,OAAOR,EAAgBnB,EAAOA,EAAM,OAAS,EAAG,CAAC,EAC9D,IAAK,MAAO,OAAOmB,EAAgBnB,EAAO,EAAG,EAAE,EAC/C,QAAS,MAAO,EACpB,CACA,CAEA,SAAS+B,EAAenB,EAAO,CAC7B,MAAMZ,EAAQC,EAAQ,EACtB,GAAI,CAACD,EAAM,OAAQ,OAEnB,MAAMgC,EAAerB,EAAgBX,EAAOY,CAAK,EAEjD,GAAIA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,IAAK,CAC9CK,EAAajB,EAAMgC,CAAY,CAAC,EAChCpB,EAAM,eAAc,EACpBA,EAAM,gBAAe,EACrB,MACF,CAEA,MAAMqB,EAAWR,EAAmBb,EAAM,IAAKoB,EAAchC,CAAK,EAC9DiC,IAAa,KAEjBrB,EAAM,eAAc,EACpBA,EAAM,gBAAe,EACrBZ,EAAMiC,CAAQ,EAAE,MAAK,EAEjBtD,EAAM,iBAAmB,QAC3BsC,EAAajB,EAAMiC,CAAQ,CAAC,EAEhC,6BArTEC,EAAAA,YAcWC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAbR,GAAIxD,EAAA,WACD,YAAJ,IAAIG,EACJ,MAAM,UACL,uBAAOK,EAAA,KAAgB,EACvB,UAAWF,EAAA,MACZ,KAAK,aACJ,aAAYN,EAAA,UACZ,mBAAkBA,EAAA,YACnB,UAAQ,uBACP,UAASmD,sBAGV,IAAQ,CAARM,aAAQC,EAAA,OAAA,SAAA"}