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

@dialpad/dialtone-vue 3.222.0-next.2 → 3.222.0

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

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

@@ -1,7 +1,5 @@
-//#region components/RootLayout/RootLayoutConstants.js
+//#region components/root_layout/root_layout_constants.js
 var e = {
-	START: "start",
-	END: "end",
 	LEFT: "left",
 	RIGHT: "right"
 }, t = [

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

	@@ -1 +1 @@
1	- {"version":3,"file":"root-layout-constants.js","names":[],"sources":["../../../components/~~RootLayout~~/~~RootLayoutConstants~~.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"],"mappings":";AAAA,IAAa,IAAgC;CAC3C,~~OAAO;CACP,KAAK;CACL,~~MAAM;CACN,OAAO;CACR,EAEY,IAAqC;CAAC;CAAM;CAAM;CAAM;CAAK,EAE1E,IAAe;CACb;CACA;CACD"}
1	+ {"version":3,"file":"root-layout-constants.js","names":[],"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"],"mappings":";AAAA,IAAa,IAAgC;CAC3C,MAAM;CACN,OAAO;CACR,EAEY,IAAqC;CAAC;CAAM;CAAM;CAAM;CAAK,EAE1E,IAAe;CACb;CACA;CACD"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./root-layout-constants.cjs`);let n=require(`vue`);var r={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:e=>Object.values(t.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(e)},footerClass:{type:[String,Array,Object],default:``},footerHeight:{type:String,default:`64px`},responsiveBreakpoint:{type:String,default:null,validator:e=>t.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(e)}},computed:{isInverted(){return this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.END||this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:`d-root-layout__responsive--default`}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`root-layout`,`d-root-layout`,{"d-root-layout--fixed":r.fixed,"d-root-layout--inverted":o.isInverted},o.responsiveBreakpointClass]),"data-qa":`dt-root-layout`},[(0,n.createElementVNode)(`header`,{class:(0,n.normalizeClass)([`d-root-layout__header`,{"d-root-layout__header--sticky":r.headerSticky},r.headerClass]),"data-qa":`dt-root-layout-header`},[(0,n.renderSlot)(e.$slots,`header`)],2),(0,n.createElementVNode)(`aside`,{ref:`root-layout-sidebar`,tabindex:`0`,class:(0,n.normalizeClass)([`d-root-layout__sidebar`,r.sidebarClass]),"data-qa":`dt-root-layout-sidebar`},[(0,n.renderSlot)(e.$slots,`sidebar`)],2),(0,n.createElementVNode)(`main`,{ref:`root-layout-content`,class:(0,n.normalizeClass)([`d-root-layout__content`,r.contentClass]),"data-qa":`dt-root-layout-content`,tabindex:`0`},[(0,n.renderSlot)(e.$slots,`default`)],2),(0,n.createElementVNode)(`footer`,{class:(0,n.normalizeClass)([`d-root-layout__footer`,r.footerClass]),"data-qa":`dt-root-layout-footer`},[(0,n.renderSlot)(e.$slots,`footer`)],2)],2)}var a=e.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./root-layout-constants.cjs`);let n=require(`vue`);var r={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:e=>Object.values(t.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(e)},footerClass:{type:[String,Array,Object],default:``},footerHeight:{type:String,default:`64px`},responsiveBreakpoint:{type:String,default:null,validator:e=>t.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(e)}},computed:{isInverted(){return this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:`d-root-layout__responsive--default`}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`root-layout`,`d-root-layout`,{"d-root-layout--fixed":r.fixed,"d-root-layout--inverted":o.isInverted},o.responsiveBreakpointClass]),"data-qa":`dt-root-layout`},[(0,n.createElementVNode)(`header`,{class:(0,n.normalizeClass)([`d-root-layout__header`,{"d-root-layout__header--sticky":r.headerSticky},r.headerClass]),"data-qa":`dt-root-layout-header`},[(0,n.renderSlot)(e.$slots,`header`)],2),(0,n.createElementVNode)(`aside`,{ref:`root-layout-sidebar`,tabindex:`0`,class:(0,n.normalizeClass)([`d-root-layout__sidebar`,r.sidebarClass]),"data-qa":`dt-root-layout-sidebar`},[(0,n.renderSlot)(e.$slots,`sidebar`)],2),(0,n.createElementVNode)(`main`,{ref:`root-layout-content`,class:(0,n.normalizeClass)([`d-root-layout__content`,r.contentClass]),"data-qa":`dt-root-layout-content`,tabindex:`0`},[(0,n.renderSlot)(e.$slots,`default`)],2),(0,n.createElementVNode)(`footer`,{class:(0,n.normalizeClass)([`d-root-layout__footer`,r.footerClass]),"data-qa":`dt-root-layout-footer`},[(0,n.renderSlot)(e.$slots,`footer`)],2)],2)}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=root-layout.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"root-layout.cjs","names":[],"sources":["../../../components/~~RootLayout~~/~~RootLayout~~.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 './~~RootLayoutConstants~~';\n\n/*\n A root layout provides a standardized group of containers to display content at the root level.\n /\nexport default {\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"],"mappings":"iQAwDA,IAAK,EAAU,CACb,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,~~CAMD~~,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,~~CAMD~~,aAAc,CACZ,KAAM,OACN,QAAS,QACV,~~CAMD~~,gBAAiB,CACf,KAAM,OACN,QAAS,~~QACT~~,UAAY,GAAM,OAAO,OAAO,EAAA,8BAA8B,CAAC,SAAS,EAAE,CAC3E,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,~~CAMD~~,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAY,GAAO,EAAA,mCAAmC,SAAS,EAAG,CACnE,CACF,CAED,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoB,EAAA,8BAA8B,~~KAC5D~~,~~KAAK,kBAAoB,EAAA,8BAA8B,OAG3D,~~2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,uBACnC,sCAEP,CACF,~~0EApIO~~,MAAA,CA7CH,OAAA,EAAA,EAAA,gBAAK,uDAAwF,EAAA,gCAA0C,EAAA,YAA2B,EAAA,4BASnK,UAAQ,4CASC,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAAA,CAAA,gCAA+D,EAAA,aAAY,CAAI,EAAA,YAAW,CAAA,CAChG,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,0BAUhB,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,4CAGe,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BAUlB,OAAA,CAPL,IAAI,sBACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,yBACR,SAAS,uBAGD,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BASD,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAA4B,EAAA,YAAW,CAAA,CAC7C,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA"}
1	+ {"version":3,"file":"root-layout.cjs","names":[],"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"],"mappings":"iQAwDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,QACV,CAOD,gBAAiB,CACf,KAAM,OACN,QAAS,OACT,UAAY,GAAM,OAAO,OAAO,EAAA,8BAA8B,CAAC,SAAS,EAAE,CAC3E,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAY,GAAO,EAAA,mCAAmC,SAAS,EAAG,CACnE,CACF,CAED,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoB,EAAA,8BAA8B,OAGhE,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,uBACnC,sCAEP,CACF,0EAlIO,MAAA,CA7CH,OAAA,EAAA,EAAA,gBAAK,uDAAwF,EAAA,gCAA0C,EAAA,YAA2B,EAAA,4BASnK,UAAQ,4CASC,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAAA,CAAA,gCAA+D,EAAA,aAAY,CAAI,EAAA,YAAW,CAAA,CAChG,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,0BAUhB,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,4CAGe,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BAUlB,OAAA,CAPL,IAAI,sBACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,yBACR,SAAS,uBAGD,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BASD,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAA4B,EAAA,YAAW,CAAA,CAC7C,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA"}

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

@@ -1,8 +1,9 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as t, ROOT_LAYOUT_SIDEBAR_POSITIONS as n } from "./root-layout-constants.js";
 import { createElementBlock as r, createElementVNode as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
-//#region components/RootLayout/RootLayout.vue
+//#region components/root_layout/root_layout.vue
 var c = {
+	compatConfig: { MODE: 3 },
 	name: "DtRootLayout",
 	props: {
 		fixed: {
@@ -55,7 +56,7 @@ var c = {
 		},
 		sidebarPosition: {
 			type: String,
-			default: "start",
+			default: "left",
 			validator: (e) => Object.values(n).includes(e)
 		},
 		footerClass: {
@@ -78,7 +79,7 @@ var c = {
 	},
 	computed: {
 		isInverted() {
-			return this.sidebarPosition === n.END || this.sidebarPosition === n.RIGHT;
+			return this.sidebarPosition === n.RIGHT;
 		},
 		responsiveBreakpointClass() {
 			return this.responsiveBreakpoint ? `d-root-layout__responsive--${this.responsiveBreakpoint}` : "d-root-layout__responsive--default";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"root-layout.js","names":[],"sources":["../../../components/~~RootLayout~~/~~RootLayout~~.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 './~~RootLayoutConstants~~';\n\n/*\n A root layout provides a standardized group of containers to display content at the root level.\n /\nexport default {\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"],"mappings":";;;;AAwDA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAML,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;~~EAMD~~,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;~~EAMD~~,cAAc;GACZ,MAAM;GACN,SAAS;GACV;~~EAMD~~,iBAAiB;GACf,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,OAAO,EAA8B,CAAC,SAAS,EAAE;GAC3E;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;~~EAMD~~,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACT,YAAY,MAAO,EAAmC,SAAS,EAAG;GACnE;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,oBAAoB,EAA8B~~,OAC5D,KAAK,oBAAoB,EAA8B~~;;~~EAG3D~~,4BAA6B;AAC3B,UAAO,KAAK,uBACR,8BAA8B,KAAK,yBACnC;;EAEP;CACF;;~~aAlLC~~,EA8CM,OAAA;EA7CH,OAAK,EAAA;;;;4BAAwF,EAAA;+BAA0C,EAAA;;GAA2B,EAAA;;EASnK,WAAQ;;EAER,EAOS,UAAA;GANN,OAAK,EAAA;IAAA;IAAA,EAAA,iCAA+D,EAAA,cAAY;IAAI,EAAA;IAAW,CAAA;GAChG,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA;EAExB,EAQQ,SAAA;GAPN,KAAI;GACJ,UAAS;GACR,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;MAGR,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEzB,EAQO,QAAA;GAPL,KAAI;GACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;GACR,UAAS;MAGT,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEV,EAOS,UAAA;GANN,OAAK,EAAA,CAAA,yBAA4B,EAAA,YAAW,CAAA;GAC7C,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"root-layout.js","names":[],"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"],"mappings":";;;;AAwDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAML,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAOD,iBAAiB;GACf,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,OAAO,EAA8B,CAAC,SAAS,EAAE;GAC3E;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACT,YAAY,MAAO,EAAmC,SAAS,EAAG;GACnE;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,oBAAoB,EAA8B;;EAGhE,4BAA6B;AAC3B,UAAO,KAAK,uBACR,8BAA8B,KAAK,yBACnC;;EAEP;CACF;;aAhLC,EA8CM,OAAA;EA7CH,OAAK,EAAA;;;;4BAAwF,EAAA;+BAA0C,EAAA;;GAA2B,EAAA;;EASnK,WAAQ;;EAER,EAOS,UAAA;GANN,OAAK,EAAA;IAAA;IAAA,EAAA,iCAA+D,EAAA,cAAY;IAAI,EAAA;IAAW,CAAA;GAChG,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA;EAExB,EAQQ,SAAA;GAPN,KAAI;GACJ,UAAS;GACR,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;MAGR,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEzB,EAQO,QAAA;GAPL,KAAI;GACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;GACR,UAAS;MAGT,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEV,EAOS,UAAA;GANN,OAAK,EAAA,CAAA,yBAA4B,EAAA,YAAW,CAAA;GAC7C,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA"}

package/dist/lib/scrollbar-directive/scrollbar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);let e=require(`overlayscrollbars`);var t=new Set([`always`,`enter`,`scroll`,`move`]);function n(e,n){let r=e?.showScrollbar??n??`enter`;return t.has(r)?r===`always`?`never`:r===`enter`?`leave`:r:(console.info(`[v-dt-scrollbar] Unknown showScrollbar value "${r}". Valid values: ${[...t].join(`, `)}. Falling back to "enter".`),`leave`)}var r=[`block-start`,`block-end`,`inline-start`,`inline-end`];function i(e){return typeof e==`number`?`${e}px`:e}function a(e,t,n){n==null?e.style.removeProperty(t):e.style.setProperty(t,i(n))}function o(e,t){if(!t){for(let t of r)e.style.removeProperty(`--dt-scrollbar-offset-${t}`);return}a(e,`--dt-scrollbar-offset-block-start`,t.blockStart??t.block),a(e,`--dt-scrollbar-offset-block-end`,t.blockEnd??t.block),a(e,`--dt-scrollbar-offset-inline-start`,t.inlineStart??t.inline),a(e,`--dt-scrollbar-offset-inline-end`,t.inlineEnd??t.inline)}function s(e,t,n){let{scrollbarVertical:r,scrollbarHorizontal:i}=e.elements();n?.blockClasses&&r.scrollbar.classList.remove(...n.blockClasses.split(` `).filter(Boolean)),n?.inlineClasses&&i.scrollbar.classList.remove(...n.inlineClasses.split(` `).filter(Boolean)),t?.blockClasses&&r.scrollbar.classList.add(...t.blockClasses.split(` `).filter(Boolean)),t?.inlineClasses&&i.scrollbar.classList.add(...t.inlineClasses.split(` `).filter(Boolean))}var c={name:`dt-scrollbar-directive`,install(t){e.OverlayScrollbars.plugin(e.ClickScrollPlugin);let r=new WeakMap;t.directive(`dt-scrollbar`,{mounted(t,i){let a=n(i.value,i.arg),c=a===`never`||a===`leave`,l=(0,e.OverlayScrollbars)({target:t,elements:{viewport:t.children[0]}},{scrollbars:{autoHide:a,clickScroll:!0,autoHideDelay:c?0:1300}});t.setAttribute(`data-overlayscrollbars-initialize`,!0),t.classList.add(`d-scrollbar`),o(t,i.value?.offset),s(l,i.value),r.set(t,l)},updated(e,t){let i=r.get(e);if(!i)return;let a=n(t.value,t.arg),c=a===`never`||a===`leave`;i.options({scrollbars:{autoHide:a,autoHideDelay:c?0:1300}}),o(e,t.value?.offset),s(i,t.value,t.oldValue)},unmounted(e){let t=r.get(e);t&&t.destroy(),r.delete(e)}})}};exports.DtScrollbarDirective=c,exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);let e=require(`overlayscrollbars`);var t={name:`dt-scrollbar-directive`,install(t){e.OverlayScrollbars.plugin(e.ClickScrollPlugin);let n=new WeakMap;t.directive(`dt-scrollbar`,{mounted(t,r){let i=(0,e.OverlayScrollbars)({target:t,elements:{viewport:t.children[0]}},{scrollbars:{autoHide:`${r.arg||`leave`}`,clickScroll:!0,autoHideDelay:`${!r.arg||r.arg===`leave`?0:1300}`}});t.setAttribute(`data-overlayscrollbars-initialize`,!0),t.classList.add(`d-scrollbar`),n.set(t,i)},unmounted(e){n.get(e).destroy()}})}};exports.DtScrollbarDirective=t,exports.default=t;
 //# sourceMappingURL=scrollbar.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollbar.cjs","names":["ClickScrollPlugin"],"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 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":"sKAEA,IAAM,EAAuB,IAAI,IAAI,CAAC,SAAU,QAAS,SAAU,OAAO,CAAC,CAE3E,SAAS,EAAsB,EAAO,EAAK,CACzC,IAAM,EAAO,GAAO,eAAiB,GAAO,QAQ5C,OAPK,EAAqB,IAAI,EAAK,CAK/B,IAAS,SAAiB,QAC1B,IAAS,QAAgB,QACtB,GANL,QAAQ,KAAK,iDAAiD,EAAK,mBAAmB,CAAC,GAAG,EAAqB,CAAC,KAAK,KAAK,CAAC,4BAA4B,CAChJ,SAQX,IAAM,EAAe,CAAC,cAAe,YAAa,eAAgB,aAAa,CAE/E,SAAS,EAAa,EAAK,CACzB,OAAO,OAAO,GAAQ,SAAW,GAAG,EAAI,IAAM,EAGhD,SAAS,EAAS,EAAI,EAAM,EAAK,CAC/B,GAAO,KAAsD,EAAG,MAAM,eAAe,EAAK,CAA5E,EAAG,MAAM,YAAY,EAAM,EAAY,EAAI,CAAC,CAG5D,SAAS,EAAa,EAAI,EAAQ,CAChC,GAAI,CAAC,EAAQ,CACX,IAAK,IAAM,KAAK,EAAc,EAAG,MAAM,eAAe,yBAAyB,IAAI,CACnF,OAEF,EAAQ,EAAI,oCAAqC,EAAO,YAAc,EAAO,MAAM,CACnF,EAAQ,EAAI,kCAAmC,EAAO,UAAY,EAAO,MAAM,CAC/E,EAAQ,EAAI,qCAAsC,EAAO,aAAe,EAAO,OAAO,CACtF,EAAQ,EAAI,mCAAoC,EAAO,WAAa,EAAO,OAAO,CAGpF,SAAS,EAAuB,EAAI,EAAO,EAAM,CAC/C,GAAM,CAAE,oBAAmB,uBAAwB,EAAG,UAAU,CAC5D,GAAM,cAAc,EAAkB,UAAU,UAAU,OAAO,GAAG,EAAK,aAAa,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,CACjH,GAAM,eAAe,EAAoB,UAAU,UAAU,OAAO,GAAG,EAAK,cAAc,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,CACrH,GAAO,cAAc,EAAkB,UAAU,UAAU,IAAI,GAAG,EAAM,aAAa,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,CAChH,GAAO,eAAe,EAAoB,UAAU,UAAU,IAAI,GAAG,EAAM,cAAc,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,CAG1H,IAAa,EAAuB,CAClC,KAAM,yBACN,QAAS,EAAK,CACZ,EAAA,kBAAkB,OAAOA,EAAAA,kBAAkB,CAC3C,IAAM,EAAY,IAAI,QACtB,EAAI,UAAU,eAAgB,CAC5B,QAAS,EAAI,EAAS,CACpB,IAAM,~~EAAW,EAAqB,EAAQ,MAAO,EAAQ,IAAI,CAC3D,EAAU,IAAa,SAAW,IAAa,QAC/C,~~GAAA,EAAA,EAAA,mBAAuB,CAC3B,OAAQ,EACR,SAAU,CACR,SAAU,EAAG,SAAS,GACvB,CACF,CAAE,CACD,WAAY,CACV,~~WACA~~,YAAa,GACb,cAAe,~~EAAU~~,EAAI,~~KAC9B~~,CACF,CAAC,CACF,EAAG,aAAa,oCAAqC,GAAK,CAC1D,EAAG,UAAU,IAAI,cAAc,CAC/B,~~EAAY,EAAI,EAAQ,OAAO,OAAO,CACtC,EAAsB,EAAI,EAAQ,MAAM,CACxC,~~EAAU,IAAI,EAAI,EAAG,EAEvB,QAAS,EAAI,EAAS,CACpB,IAAM,EAAK,EAAU,IAAI,EAAG,CAC5B,GAAI,CAAC,EAAI,OACT,IAAM,EAAW,EAAqB,EAAQ,MAAO,EAAQ,IAAI,CAC3D,EAAU,IAAa,SAAW,IAAa,QACrD,EAAG,QAAQ,CACT,WAAY,CACV,WACA,cAAe,EAAU,EAAI,KAC9B,CACF,CAAC,CACF,EAAY,EAAI,EAAQ,OAAO,OAAO,CACtC,EAAsB,EAAI,EAAQ,MAAO,EAAQ,SAAS,EAE5D,UAAW,EAAI,CACb,~~IAAM,EAAK,~~EAAU,IAAI,EAAG,~~CACxB~~,~~GAAI,EAAG,~~SAAS,~~CACpB~~,~~EAAU,OAAO,EAAG,EAEvB,~~CAAC,EAEL"}
1	+ {"version":3,"file":"scrollbar.cjs","names":["ClickScrollPlugin"],"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":"sKAEA,IAAa,EAAuB,CAClC,KAAM,yBACN,QAAS,EAAK,CACZ,EAAA,kBAAkB,OAAOA,EAAAA,kBAAkB,CAC3C,IAAM,EAAY,IAAI,QACtB,EAAI,UAAU,eAAgB,CAC5B,QAAS,EAAI,EAAS,CACpB,IAAM,GAAA,EAAA,EAAA,mBAAuB,CAC3B,OAAQ,EACR,SAAU,CACR,SAAU,EAAG,SAAS,GACvB,CACF,CAAE,CACD,WAAY,CACV,SAAU,GAAG,EAAQ,KAAO,UAC5B,YAAa,GACb,cAAe,GAAG,CAAC,EAAQ,KAAO,EAAQ,MAAQ,QAAU,EAAI,OACjE,CACF,CAAC,CACF,EAAG,aAAa,oCAAqC,GAAK,CAC1D,EAAG,UAAU,IAAI,cAAc,CAC/B,EAAU,IAAI,EAAI,EAAG,EAEvB,UAAW,EAAI,CACb,EAAU,IAAI,EAAG,CAAC,SAAS,EAE9B,CAAC,EAEL"}

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

@@ -1,72 +1,29 @@
 import { ClickScrollPlugin as e, OverlayScrollbars as t } from "overlayscrollbars";
 //#region directives/scrollbar_directive/scrollbar.js
-var n = new Set([
-	"always",
-	"enter",
-	"scroll",
-	"move"
-]);
-function r(e, t) {
-	let r = e?.showScrollbar ?? t ?? "enter";
-	return n.has(r) ? r === "always" ? "never" : r === "enter" ? "leave" : r : (console.info(`[v-dt-scrollbar] Unknown showScrollbar value "${r}". Valid values: ${[...n].join(", ")}. Falling back to "enter".`), "leave");
-}
-var i = [
-	"block-start",
-	"block-end",
-	"inline-start",
-	"inline-end"
-];
-function a(e) {
-	return typeof e == "number" ? `${e}px` : e;
-}
-function o(e, t, n) {
-	n == null ? e.style.removeProperty(t) : e.style.setProperty(t, a(n));
-}
-function s(e, t) {
-	if (!t) {
-		for (let t of i) e.style.removeProperty(`--dt-scrollbar-offset-${t}`);
-		return;
-	}
-	o(e, "--dt-scrollbar-offset-block-start", t.blockStart ?? t.block), o(e, "--dt-scrollbar-offset-block-end", t.blockEnd ?? t.block), o(e, "--dt-scrollbar-offset-inline-start", t.inlineStart ?? t.inline), o(e, "--dt-scrollbar-offset-inline-end", t.inlineEnd ?? t.inline);
-}
-function c(e, t, n) {
-	let { scrollbarVertical: r, scrollbarHorizontal: i } = e.elements();
-	n?.blockClasses && r.scrollbar.classList.remove(...n.blockClasses.split(" ").filter(Boolean)), n?.inlineClasses && i.scrollbar.classList.remove(...n.inlineClasses.split(" ").filter(Boolean)), t?.blockClasses && r.scrollbar.classList.add(...t.blockClasses.split(" ").filter(Boolean)), t?.inlineClasses && i.scrollbar.classList.add(...t.inlineClasses.split(" ").filter(Boolean));
-}
-var l = {
+var n = {
 	name: "dt-scrollbar-directive",
 	install(n) {
 		t.plugin(e);
-		let i = /* @__PURE__ */ new WeakMap();
+		let r = /* @__PURE__ */ new WeakMap();
 		n.directive("dt-scrollbar", {
 			mounted(e, n) {
-				let a = r(n.value, n.arg), o = a === "never" || a === "leave", l = t({
+				let i = t({
 					target: e,
 					elements: { viewport: e.children[0] }
 				}, { scrollbars: {
-					autoHide: a,
+					autoHide: `${n.arg || "leave"}`,
 					clickScroll: !0,
-					autoHideDelay: o ? 0 : 1300
+					autoHideDelay: `${!n.arg || n.arg === "leave" ? 0 : 1300}`
 				} });
-				e.setAttribute("data-overlayscrollbars-initialize", !0), e.classList.add("d-scrollbar"), s(e, n.value?.offset), c(l, n.value), i.set(e, l);
-			},
-			updated(e, t) {
-				let n = i.get(e);
-				if (!n) return;
-				let a = r(t.value, t.arg), o = a === "never" || a === "leave";
-				n.options({ scrollbars: {
-					autoHide: a,
-					autoHideDelay: o ? 0 : 1300
-				} }), s(e, t.value?.offset), c(n, t.value, t.oldValue);
+				e.setAttribute("data-overlayscrollbars-initialize", !0), e.classList.add("d-scrollbar"), r.set(e, i);
 			},
 			unmounted(e) {
-				let t = i.get(e);
-				t && t.destroy(), i.delete(e);
+				r.get(e).destroy();
 			}
 		});
 	}
 };
 //#endregion
-export { l as DtScrollbarDirective, l as default };
+export { n as DtScrollbarDirective, n as default };
 //# sourceMappingURL=scrollbar.js.map

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\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 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":";;AAEA,IAAM,IAAuB,IAAI,IAAI;CAAC;CAAU;CAAS;CAAU;CAAO,CAAC;AAE3E,SAAS,EAAsB,GAAO,GAAK;CACzC,IAAM,IAAO,GAAO,iBAAiB,KAAO;AAQ5C,QAPK,EAAqB,IAAI,EAAK,GAK/B,MAAS,WAAiB,UAC1B,MAAS,UAAgB,UACtB,KANL,QAAQ,KAAK,iDAAiD,EAAK,mBAAmB,CAAC,GAAG,EAAqB,CAAC,KAAK,KAAK,CAAC,4BAA4B,EAChJ;;AAQX,IAAM,IAAe;CAAC;CAAe;CAAa;CAAgB;CAAa;AAE/E,SAAS,EAAa,GAAK;AACzB,QAAO,OAAO,KAAQ,WAAW,GAAG,EAAI,MAAM;;AAGhD,SAAS,EAAS,GAAI,GAAM,GAAK;AAC/B,MAAO,OAAsD,EAAG,MAAM,eAAe,EAAK,GAA5E,EAAG,MAAM,YAAY,GAAM,EAAY,EAAI,CAAC;;AAG5D,SAAS,EAAa,GAAI,GAAQ;AAChC,KAAI,CAAC,GAAQ;AACX,OAAK,IAAM,KAAK,EAAc,GAAG,MAAM,eAAe,yBAAyB,IAAI;AACnF;;AAKF,CAHA,EAAQ,GAAI,qCAAqC,EAAO,cAAc,EAAO,MAAM,EACnF,EAAQ,GAAI,mCAAmC,EAAO,YAAY,EAAO,MAAM,EAC/E,EAAQ,GAAI,sCAAsC,EAAO,eAAe,EAAO,OAAO,EACtF,EAAQ,GAAI,oCAAoC,EAAO,aAAa,EAAO,OAAO;;AAGpF,SAAS,EAAuB,GAAI,GAAO,GAAM;CAC/C,IAAM,EAAE,sBAAmB,2BAAwB,EAAG,UAAU;AAIhE,CAHI,GAAM,gBAAc,EAAkB,UAAU,UAAU,OAAO,GAAG,EAAK,aAAa,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,EACjH,GAAM,iBAAe,EAAoB,UAAU,UAAU,OAAO,GAAG,EAAK,cAAc,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,EACrH,GAAO,gBAAc,EAAkB,UAAU,UAAU,IAAI,GAAG,EAAM,aAAa,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,EAChH,GAAO,iBAAe,EAAoB,UAAU,UAAU,IAAI,GAAG,EAAM,cAAc,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC;;AAG1H,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,~~IAAW,EAAqB,EAAQ,OAAO,EAAQ,IAAI,EAC3D,IAAU,MAAa,WAAW,MAAa,SAC/C,~~IAAK,EAAkB;KAC3B,QAAQ;KACR,UAAU,EACR,UAAU,EAAG,SAAS,IACvB;KACF,EAAE,EACD,YAAY;KACV;~~KACA~~,aAAa;KACb,eAAe,~~IAAU~~,IAAI;~~KAC9B~~,EACF,CAAC;~~AAKF~~,~~IAJA~~,EAAG,aAAa,qCAAqC,GAAK,EAC1D,EAAG,UAAU,IAAI,cAAc,EAC/B,~~EAAY,GAAI,EAAQ,OAAO,OAAO,EACtC,EAAsB,GAAI,EAAQ,MAAM,EACxC,~~EAAU,IAAI,GAAI,EAAG;;GAEvB,~~QAAS~~,GAAI~~,GAAS~~;~~IACpB~~,~~IAAM~~,~~IAAK,EAAU,~~IAAI,EAAG~~;AAC5B~~,~~QAAI,~~CAAC,EAAI;IACT,IAAM,IAAW,EAAqB,EAAQ,OAAO,EAAQ,IAAI,EAC3D,IAAU,MAAa,WAAW,MAAa;AAQrD,IAPA,EAAG,QAAQ,EACT,YAAY;KACV;KACA,eAAe,IAAU,IAAI;KAC9B,EACF,CAAC,EACF,EAAY,GAAI,EAAQ,OAAO,OAAO,EACtC,EAAsB,GAAI,EAAQ,OAAO,EAAQ,SAAS;;~~GAE5D~~,~~UAAW,GAAI;IACb,IAAM,IAAK,EAAU,IAAI,EAAG;AAE5B,IADI,KAAI,EAAG,SAAS,EACpB,EAAU,OAAO,EAAG;;GAEvB,~~CAAC;;CAEL"}
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"}

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../Scroller-PdWd9P1m.js";
+import { t as e } from "../../scroller-BGVDh3sq.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~~-~~BZ6uXRvs~~.cjs`);exports.default=e.t;
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../scroller-CjAsgjl9.cjs`);exports.default=e.t;

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

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

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={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;
+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;
 //# 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/~~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"}
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"}

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

@@ -1,19 +1,14 @@
-//#region components/SelectMenu/SelectMenuConstants.js
+//#region components/select_menu/select_menu_constants.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 = {
-	critical: "d-select__input--critical",
+	error: "d-select__input--error",
 	warning: "d-select__input--warning",
-	positive: "d-select__input--positive"
+	success: "d-select__input--success"
 }, 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/~~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"}
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"}

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/~~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"}
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"}

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

@@ -1,4 +1,4 @@
-//#region components/SelectMenu/SelectMenuValidators.js
+//#region components/select_menu/select_menu_validators.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 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu-validators.js","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":";AAAA,IAAM,KAAsB,MACnB,OAAO,EAAO,SAAU,YAAY,OAAO,EAAO,SAAU,UAG/D,KAAsB,MACrB,EAAO,QAIL,OAAO,EAAO,SAAU,WAHtB,IAME,KAAmB,MACzB,IAIE,EAAQ,OAAM,MAKnB,EAJI,CAAC,EAAoB,EAAO,IAI5B,CAAC,EAAoB,EAAO,EAKhC,GAbO"}
1	+ {"version":3,"file":"select-menu-validators.js","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":";AAAA,IAAM,KAAsB,MACnB,OAAO,EAAO,SAAU,YAAY,OAAO,EAAO,SAAU,UAG/D,KAAsB,MACrB,EAAO,QAIL,OAAO,EAAO,SAAU,WAHtB,IAME,KAAmB,MACzB,IAIE,EAAQ,OAAM,MAKnB,EAJI,CAAC,EAAoB,EAAO,IAI5B,CAAC,EAAoB,EAAO,EAKhC,GAbO"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`../text/text-constants.cjs`),o=require(`../text/text.cjs`),s=require(`./select-menu-constants.cjs`),c=require(`./select-menu-validators.cjs`);let l=require(`vue`);var u={name:`DtSelectMenu`,components:{DtValidationMessages:i.default,DtText:o.default},mixins:[n.MessagesMixin],inheritAttrs:!1,props:{label:{type:String,default:``},showLabel:{type:Boolean,default:!0},description:{type:String,default:``},options:{type:Array,default:()=>[],validator:e=>c.optionsValidator(e)},size:{type:[String,Number],default:300,validator:e=>Object.keys(s.SELECT_SIZE_MODIFIERS).includes(String(e))},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},selectClass:{type:[String,Array,Object],default:``},optionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},modelValue:{type:[String,Number],default:``},labelSize:{type:[String,Number],default:null,validator:e=>a.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(a.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:[`update:modelValue`],data(){return{SELECT_SIZE_MODIFIERS:s.SELECT_SIZE_MODIFIERS,SELECT_STATE_MODIFIERS:s.SELECT_STATE_MODIFIERS,hasSlotContent:t.hasSlotContent,messagesId:t.getUniqueString()}},computed:{resolvedLabelSize(){if(this.labelSize!=null)return this.labelSize;let e=String(this.size);return e===`xl`||e===`500`?e===`500`?`400`:`lg`:this.size},resolvedDescriptionSize(){return{100:`xs`,200:`xs`,300:`sm`,400:`sm`,500:`md`,xs:`xs`,sm:`xs`,md:`sm`,lg:`sm`,xl:`md`}[String(this.size)]||`sm`},resolvedDescriptionDensity(){let e=String(this.size);return e===`xl`||e===`500`?`300`:void 0},selectListeners(){return{input:()=>{},change:e=>this.emitValue(e.target.value,e)}},state(){return t.getValidationState(this.formattedMessages)},ariaInvalid(){return this.state===e.VALIDATION_MESSAGE_TYPES.CRITICAL?`true`:void 0},ariaDescribedBy(){return this.showMessages&&this.formattedMessages.length>0?this.messagesId:void 0},selectKey(){return t.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs[`aria-details`]}},mounted(){this.validateOptionsPresence(),this.runValidations()},beforeUpdate(){this.validateOptionsPresence()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,emitValue(e,t){this.$emit(`update:modelValue`,e,t)},getOptionKey(e){return`select-${this.selectKey}-option-${e}`},validateOptionsPresence(){this.options?.length<1&&!this.$slots.default&&(0,l.warn)(`Options are expected to be provided via prop or slot`,this)},runValidations(){!(this.$slots.label||this.label)&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label prop and use show-label="false" to hide it visually.`)}}},d=[`aria-label`,`aria-invalid`,`aria-describedby`,`disabled`,`value`],f=[`value`];function p(e,t,n,r,i,a){let o=(0,l.resolveComponent)(`dt-text`),s=(0,l.resolveComponent)(`dt-validation-messages`);return(0,l.openBlock)(),(0,l.createElementBlock)(`div`,{class:(0,l.normalizeClass)(e.$attrs.class),style:(0,l.normalizeStyle)(e.$attrs.style)},[(0,l.createElementVNode)(`label`,null,[n.showLabel&&(i.hasSlotContent(e.$slots.label)||n.label)?((0,l.openBlock)(),(0,l.createBlock)(o,(0,l.mergeProps)({key:0,kind:`label`,size:a.resolvedLabelSize,strength:n.labelStrength,tone:`secondary`,as:`div`,"aria-details":a.labelAriaDetails,class:[`d-select__label-text`,n.labelClass]},n.labelChildProps,{"data-qa":`dt-select-label`}),{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,`label`,{},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.label),1)])]),_:3},16,[`size`,`strength`,`aria-details`,`class`])):(0,l.createCommentVNode)(``,!0),i.hasSlotContent(e.$slots.description)||n.description?((0,l.openBlock)(),(0,l.createBlock)(o,(0,l.mergeProps)({key:1,id:a.descriptionKey,kind:`body`,size:a.resolvedDescriptionSize,tone:`tertiary`,density:a.resolvedDescriptionDensity,as:`div`,class:[`d-description`,n.descriptionClass]},n.descriptionChildProps,{"data-qa":`dt-select-description`}),{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,`description`,{},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.description),1)])]),_:3},16,[`id`,`size`,`density`,`class`])):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,{class:(0,l.normalizeClass)([`d-select`,i.SELECT_SIZE_MODIFIERS[String(n.size)],n.selectClass,{"d-select--disabled":n.disabled}]),"data-qa":`dt-select-wrapper`},[(0,l.createElementVNode)(`select`,(0,l.mergeProps)({ref:`selectElement`,class:[`d-select__input`,i.SELECT_STATE_MODIFIERS[a.state]],"aria-label":!n.showLabel&&n.label?n.label:void 0,"aria-invalid":a.ariaInvalid,"aria-describedby":a.ariaDescribedBy},a.removeClassStyleAttrs(e.$attrs),{"data-qa":`dt-select`,disabled:n.disabled,value:n.modelValue},(0,l.toHandlers)(a.selectListeners,!0)),[(0,l.renderSlot)(e.$slots,`default`,{},()=>[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(n.options,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`option`,(0,l.mergeProps)({key:a.getOptionKey(e.value),value:e.value,class:n.optionClass},{ref_for:!0},n.optionChildProps),(0,l.toDisplayString)(e.label),17,f))),128))])],16,d)],2)]),(0,l.createVNode)(s,(0,l.mergeProps)(e.messagesChildProps,{id:i.messagesId,"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass,"data-qa":`dt-select-messages`}),null,16,[`id`,`validation-messages`,`show-messages`,`class`])],6)}var m=r.t(u,[[`render`,p]]);exports.default=m;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`./select-menu-constants.cjs`),o=require(`./select-menu-validators.cjs`);let s=require(`vue`);var c={compatConfig:{MODE:3},name:`DtSelectMenu`,components:{DtValidationMessages:i.default},mixins:[n.MessagesMixin],inheritAttrs:!1,props:{label:{type:String,default:``},description:{type:String,default:``},options:{type:Array,default:()=>[],validator:e=>o.optionsValidator(e)},size:{type:String,default:`md`,validator:e=>Object.keys(a.SELECT_SIZE_MODIFIERS).includes(e)},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},selectClass:{type:[String,Array,Object],default:``},optionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},rootClass:{type:[String,Object,Array],default:``},modelValue:{type:[String,Number],default:``}},emits:[`input`,`update:modelValue`,`change`],data(){return{LABEL_SIZE_MODIFIERS:e.LABEL_SIZE_MODIFIERS,DESCRIPTION_SIZE_MODIFIERS:e.DESCRIPTION_SIZE_MODIFIERS,SELECT_SIZE_MODIFIERS:a.SELECT_SIZE_MODIFIERS,SELECT_STATE_MODIFIERS:a.SELECT_STATE_MODIFIERS,hasSlotContent:t.hasSlotContent}},computed:{selectListeners(){return{input:()=>{},change:e=>this.emitValue(e.target.value,e)}},state(){return t.getValidationState(this.formattedMessages)},selectKey(){return t.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs[`aria-details`]}},mounted(){this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,addClassStyleAttrs:t.addClassStyleAttrs,emitValue(e,t){this.$emit(`update:modelValue`,e,t),this.$emit(`input`,e,t),this.$emit(`change`,e,t)},getOptionKey(e){return`select-${this.selectKey}-option-${e}`},validateOptionsPresence(){this.options?.length<1&&!this.$slots.default&&(0,s.warn)(`Options are expected to be provided via prop or slot`,this)}}},l=[`aria-details`],u=[`id`],d=[`disabled`,`value`],f=[`value`];function p(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-validation-messages`);return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({class:n.rootClass},a.addClassStyleAttrs(e.$attrs)),[(0,s.createElementVNode)(`label`,null,[i.hasSlotContent(e.$slots.label)||n.label?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({key:0,"aria-details":a.labelAriaDetails,class:[`d-label`,i.LABEL_SIZE_MODIFIERS[n.size],n.labelClass]},n.labelChildProps,{"data-qa":`dt-select-label`}),[(0,s.renderSlot)(e.$slots,`label`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.label),1)])],16,l)):(0,s.createCommentVNode)(``,!0),i.hasSlotContent(e.$slots.description)||n.description?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({key:1,id:a.descriptionKey,class:[`d-description`,i.DESCRIPTION_SIZE_MODIFIERS[n.size],n.descriptionClass]},n.descriptionChildProps,{"data-qa":`dt-select-description`}),[(0,s.renderSlot)(e.$slots,`description`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.description),1)])],16,u)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`d-select`,i.SELECT_SIZE_MODIFIERS[n.size],n.selectClass,{"d-select--disabled":n.disabled}]),"data-qa":`dt-select-wrapper`},[(0,s.createElementVNode)(`select`,(0,s.mergeProps)({ref:`selectElement`,class:[`d-select__input`,i.SELECT_STATE_MODIFIERS[a.state]]},a.removeClassStyleAttrs(e.$attrs),{"data-qa":`dt-select`,disabled:n.disabled,value:n.modelValue},(0,s.toHandlers)(a.selectListeners,!0)),[(0,s.renderSlot)(e.$slots,`default`,{},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(n.options,e=>((0,s.openBlock)(),(0,s.createElementBlock)(`option`,(0,s.mergeProps)({key:a.getOptionKey(e.value),value:e.value,class:n.optionClass},{ref_for:!0},n.optionChildProps),(0,s.toDisplayString)(e.label),17,f))),128))])],16,d)],2)]),(0,s.createVNode)(o,(0,s.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-select-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])],16)}var m=r.t(c,[[`render`,p]]);exports.default=m;
 //# sourceMappingURL=select-menu.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-menu.cjs","names":[],"sources":["../../../components/SelectMenu/SelectMenu.vue"],"sourcesContent":["<template>\n <div\n :class=\"$attrs.class\"\n :style=\"$attrs.style\"\n >\n <label>\n <dt-text\n v-if=\"showLabel && (hasSlotContent($slots.label) \|\| label)\"\n kind=\"label\"\n :size=\"resolvedLabelSize\"\n :strength=\"labelStrength\"\n tone=\"secondary\"\n as=\"div\"\n :aria-details=\"labelAriaDetails\"\n :class=\"['d-select__label-text', labelClass]\"\n v-bind=\"labelChildProps\"\n data-qa=\"dt-select-label\"\n >\n <!-- @slot Slot for label, defaults to label prop -->\n <slot name=\"label\">{{ label }}</slot>\n </dt-text>\n <dt-text\n v-if=\"hasSlotContent($slots.description) \|\| description\"\n :id=\"descriptionKey\"\n kind=\"body\"\n :size=\"resolvedDescriptionSize\"\n tone=\"tertiary\"\n :density=\"resolvedDescriptionDensity\"\n as=\"div\"\n :class=\"[\n 'd-description',\n descriptionClass,\n ]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"dt-select-description\"\n >\n <!-- @slot Slot for description, defaults to description prop -->\n <slot name=\"description\">{{ description }}</slot>\n </dt-text>\n <div\n :class=\"[\n 'd-select',\n SELECT_SIZE_MODIFIERS[String(size)],\n selectClass,\n { 'd-select--disabled': disabled },\n ]\"\n data-qa=\"dt-select-wrapper\"\n >\n <select\n ref=\"selectElement\"\n :class=\"[\n 'd-select__input',\n SELECT_STATE_MODIFIERS[state],\n ]\"\n :aria-label=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n data-qa=\"dt-select\"\n :disabled=\"disabled\"\n :value=\"modelValue\"\n v-on=\"selectListeners\"\n >\n <!-- @slot Slot for select menu options, defaults to options prop -->\n <slot>\n <option\n v-for=\"option in options\"\n :key=\"getOptionKey(option.value)\"\n :value=\"option.value\"\n :class=\"optionClass\"\n v-bind=\"optionChildProps\"\n >\n {{ option.label }}\n </option>\n </slot>\n </select>\n </div>\n </label>\n <dt-validation-messages\n v-bind=\"messagesChildProps\"\n :id=\"messagesId\"\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n data-qa=\"dt-select-messages\"\n />\n </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n} from './SelectMenuConstants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './SelectMenuValidators.js';\nimport { DtValidationMessages } from '../ValidationMessages';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\n\n/*\n A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n /\nexport default {\n name: 'DtSelectMenu',\n\n components: { DtValidationMessages, DtText },\n\n mixins: [MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n Label for the select.\n * Can also be overridden with a slot of the same name.\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Determines visibility of select label.\n * @values true, false\n /\n showLabel: {\n type: Boolean,\n default: true,\n },\n\n /\n Description for the select.\n * Can also be overridden with a slot of the same name.\n /\n description: {\n type: String,\n default: '',\n },\n\n /\n Select Menu Options, overridden by default slot. Each option has the following structure:\n * `{ value: number \|\| string (required), label: string (required) }`\n * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n * @param {number\|string} options[].value - Required - The option value\n * @param {string} options[].label - Required - The option Label\n /\n options: {\n type: Array,\n default: () => [],\n validator: options => optionsValidator(options),\n },\n\n /\n Controls the size of the select\n * @values 100, 200, 300, 400, 500\n /\n size: {\n type: [String, Number],\n default: 300,\n validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(String(s)),\n },\n\n /\n Used to customize the label container\n /\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the description container\n /\n descriptionClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the select\n /\n selectClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize each option, should options be provided via prop\n /\n optionClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n A set of props that are passed into the label container\n /\n labelChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n A set of props that are passed into the description container\n /\n descriptionChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n A set of props that are passed into each option, should options be provided via prop\n /\n optionChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n Disabled state of the select\n * @values true, false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The value of the select menu\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n\n /\n Overrides the label text size. When not provided, the label size\n * is derived from the component size prop.\n * @values 100, 200, 300, 400\n /\n labelSize: {\n type: [String, Number],\n default: null,\n validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n },\n\n /\n Overrides the label font weight.\n * @values bold, semibold, medium, normal\n /\n labelStrength: {\n type: String,\n default: null,\n validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n },\n },\n\n emits: [\n /\n Event fired to sync the modelValue prop with the parent component\n \n @event update:modelValue\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n ],\n\n data () {\n return {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n messagesId: getUniqueString(),\n };\n },\n\n computed: {\n resolvedLabelSize () {\n if (this.labelSize != null) return this.labelSize;\n const sizeStr = String(this.size);\n // xl/500 exceeds label's max size — cap at lg/400\n if (sizeStr === 'xl' \|\| sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n return this.size;\n },\n\n resolvedDescriptionSize () {\n const map = {\n 100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n };\n return map[String(this.size)] \|\| 'sm';\n },\n\n resolvedDescriptionDensity () {\n const sizeStr = String(this.size);\n return (sizeStr === 'xl' \|\| sizeStr === '500') ? '300' : undefined;\n },\n\n selectListeners () {\n return {\n /\n * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n * element which will result in the handler being called twice (once on the select element and once by the\n * emitted input event by the change listener).\n */\n input: () => {},\n change: event => this.emitValue(event.target.value, event),\n };\n },\n\n state () {\n return getValidationState(this.formattedMessages);\n },\n\n ariaInvalid () {\n return this.state === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\n },\n\n selectKey () {\n return getUniqueString();\n },\n\n descriptionKey () {\n return `select-${this.selectKey}-description`;\n },\n\n labelAriaDetails () {\n if (this.$slots.description \|\| this.description) {\n return this.descriptionKey;\n }\n\n return this.$attrs['aria-details'];\n },\n },\n\n mounted () {\n this.validateOptionsPresence();\n this.runValidations();\n },\n\n beforeUpdate () {\n this.validateOptionsPresence();\n },\n\n methods: {\n removeClassStyleAttrs,\n emitValue (value, event) {\n this.$emit('update:modelValue', value, event);\n },\n\n getOptionKey (value) {\n return `select-${this.selectKey}-option-${value}`;\n },\n\n validateOptionsPresence () {\n if (this.options?.length < 1 && !this.$slots.default) {\n warn('Options are expected to be provided via prop or slot', this);\n }\n },\n\n runValidations () {\n const hasLabel = !!(this.$slots.label \|\| this.label);\n if (!hasLabel && !this.$attrs['aria-label']) {\n console.info(\n '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n );\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"select-menu.cjs","names":[],"sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n <div\n :class=\"rootClass\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n >\n <label>\n <div\n v-if=\"hasSlotContent($slots.label) \|\| label\"\n :aria-details=\"labelAriaDetails\"\n :class=\"[\n 'd-label',\n LABEL_SIZE_MODIFIERS[size],\n labelClass,\n ]\"\n v-bind=\"labelChildProps\"\n data-qa=\"dt-select-label\"\n >\n <!-- @slot Slot for label, defaults to label prop -->\n <slot name=\"label\">{{ label }}</slot>\n </div>\n <div\n v-if=\"hasSlotContent($slots.description) \|\| description\"\n :id=\"descriptionKey\"\n :class=\"[\n 'd-description',\n DESCRIPTION_SIZE_MODIFIERS[size],\n descriptionClass,\n ]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"dt-select-description\"\n >\n <!-- @slot Slot for description, defaults to description prop -->\n <slot name=\"description\">{{ description }}</slot>\n </div>\n <div\n :class=\"[\n 'd-select',\n SELECT_SIZE_MODIFIERS[size],\n selectClass,\n { 'd-select--disabled': disabled },\n ]\"\n data-qa=\"dt-select-wrapper\"\n >\n <select\n ref=\"selectElement\"\n :class=\"[\n 'd-select__input',\n SELECT_STATE_MODIFIERS[state],\n ]\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n data-qa=\"dt-select\"\n :disabled=\"disabled\"\n :value=\"modelValue\"\n v-on=\"selectListeners\"\n >\n <!-- @slot Slot for select menu options, defaults to options prop -->\n <slot>\n <option\n v-for=\"option in options\"\n :key=\"getOptionKey(option.value)\"\n :value=\"option.value\"\n :class=\"optionClass\"\n v-bind=\"optionChildProps\"\n >\n {{ option.label }}\n </option>\n </slot>\n </select>\n </div>\n </label>\n <dt-validation-messages\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n v-bind=\"messagesChildProps\"\n data-qa=\"dt-select-messages\"\n />\n </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport {\n LABEL_SIZE_MODIFIERS,\n DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n getUniqueString,\n getValidationState,\n hasSlotContent,\n removeClassStyleAttrs,\n addClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/*\n A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtSelectMenu',\n\n components: { DtValidationMessages },\n\n mixins: [MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n Label for the select\n /\n label: {\n type: String,\n default: '',\n },\n\n /\n Description for the select\n /\n description: {\n type: String,\n default: '',\n },\n\n /\n Select Menu Options, overridden by default slot. Each option has the following structure:\n * `{ value: number \|\| string (required), label: string (required) }`\n * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n * @param {number\|string} options[].value - Required - The option value\n * @param {string} options[].label - Required - The option Label\n /\n options: {\n type: Array,\n default: () => [],\n validator: options => optionsValidator(options),\n },\n\n /\n Controls the size of the select\n * @values xs, sm, md, lg, xl\n /\n size: {\n type: String,\n default: 'md',\n validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n },\n\n /\n Used to customize the label container\n /\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the description container\n /\n descriptionClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the select\n /\n selectClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize each option, should options be provided via prop\n /\n optionClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n A set of props that are passed into the label container\n /\n labelChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n A set of props that are passed into the description container\n /\n descriptionChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n A set of props that are passed into each option, should options be provided via prop\n /\n optionChildProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n Disabled state of the select\n * @values true, false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional class name for the root element.\n * Can accept all of: String, Object, and Array, i.e. has the\n * same api as Vue's built-in handling of the class attribute.\n /\n rootClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n The value of the select menu\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n },\n\n emits: [\n /\n Native input event\n \n @event input\n * @type {String \| Number}\n /\n 'input',\n\n /\n Event fired to sync the modelValue prop with the parent component\n \n @event input\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n /\n Native change event\n \n @event change\n * @type {String \| Number}\n /\n 'change',\n ],\n\n data () {\n return {\n LABEL_SIZE_MODIFIERS,\n DESCRIPTION_SIZE_MODIFIERS,\n SELECT_SIZE_MODIFIERS,\n SELECT_STATE_MODIFIERS,\n hasSlotContent,\n };\n },\n\n computed: {\n selectListeners () {\n return {\n /\n * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n * element which will result in the handler being called twice (once on the select element and once by the\n * emitted input event by the change listener).\n */\n input: () => {},\n change: event => this.emitValue(event.target.value, event),\n };\n },\n\n state () {\n return getValidationState(this.formattedMessages);\n },\n\n selectKey () {\n return getUniqueString();\n },\n\n descriptionKey () {\n return `select-${this.selectKey}-description`;\n },\n\n labelAriaDetails () {\n if (this.$slots.description \|\| this.description) {\n return this.descriptionKey;\n }\n\n return this.$attrs['aria-details'];\n },\n },\n\n mounted () {\n this.validateOptionsPresence();\n },\n\n beforeUpdate () {\n this.validateOptionsPresence();\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n emitValue (value, event) {\n this.$emit('update:modelValue', value, event);\n this.$emit('input', value, event);\n this.$emit('change', value, event);\n },\n\n getOptionKey (value) {\n return `select-${this.selectKey}-option-${value}`;\n },\n\n validateOptionsPresence () {\n if (this.options?.length < 1 && !this.$slots.default) {\n warn('Options are expected to be provided via prop or slot', this);\n }\n },\n },\n};\n</script>\n"],"mappings":"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"}