npm - @dialpad/dialtone-vue - Versions diffs - 3.210.0 → 3.211.0-next.1 - Mend

@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.1

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

Files changed (437) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 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.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,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,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,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,KAC5D,KAAK,kBAAoBA,EAAAA,8BAA8B,KAC3D,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"}

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

@@ -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 = {
@@ -65,14 +65,13 @@ const y = {
       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
@@ -100,23 +99,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 CHANGED Viewed

	@@ -1 +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;;;;"}
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 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 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.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;;;;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;;;;;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;;;;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,OAC5D,KAAK,oBAAoBA,EAA8B;AAAA,IAC3D;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;;;;"}

package/dist/lib/settings-menu-button/settings-menu-button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs","icon-position":"right",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{endIcon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
 //# sourceMappingURL=settings-menu-button.cjs.map

package/dist/lib/settings-menu-button/settings-menu-button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n <dt-button\n v-if=\"updateAvailable\"\n importance=\"outlined\"\n size=\"xs\"\n ~~icon-position=\"right\"\n~~ class=\"d-recipe-settings-menu-button-update\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <slot />\n <template #~~icon~~>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n <dt-button\n v-else\n importance=\"clear\"\n kind=\"inverted\"\n class=\"d-recipe-settings-menu-button\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <template #icon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n</template>\n\n<script>\n/\n TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n /\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeSettingsMenuButton',\n\n components: {\n DtButton,\n DtIconMoreVertical,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines whether the button should display the update state\n * default is false\n * @values true, false\n /\n updateAvailable: {\n type: Boolean,\n default: false,\n },\n\n /\n Aria label\n */\n ariaLabel: {\n type: String,\n required: true,\n },\n },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"~~yQAwCKA~~,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,~~uHArEUC~~,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,~~YAeYC~~,~~EAfZC~~,~~aAeY~~,~~OAbV~~,WAAW,WACX,KAAK,KACL,~~gBAAc,QACd,~~MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,~~eACT~~,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
1	+ {"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n <dt-button\n v-if=\"updateAvailable\"\n importance=\"outlined\"\n size=\"xs\"\n class=\"d-recipe-settings-menu-button-update\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <slot />\n <template #endIcon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n <dt-button\n v-else\n importance=\"clear\"\n kind=\"inverted\"\n class=\"d-recipe-settings-menu-button\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <template #icon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n</template>\n\n<script>\n/\n TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n /\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeSettingsMenuButton',\n\n components: {\n DtButton,\n DtIconMoreVertical,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines whether the button should display the update state\n * default is false\n * @values true, false\n /\n updateAvailable: {\n type: Boolean,\n default: false,\n },\n\n /\n Aria label\n */\n ariaLabel: {\n type: String,\n required: true,\n },\n },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"yQAuCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,uHApEUC,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,YAcYC,EAdZC,aAcY,OAZV,WAAW,WACX,KAAK,KACL,MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,kBACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}

package/dist/lib/settings-menu-button/settings-menu-button.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import p from "../button/button.js";
-import { DtIconMoreVertical as u } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as o, renderSlot as m, createVNode as c } from "vue";
-import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import u from "../button/button.js";
+import { DtIconMoreVertical as d } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as a, renderSlot as m, createVNode as c } from "vue";
+import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeSettingsMenuButton",
   components: {
-    DtButton: p,
-    DtIconMoreVertical: u
+    DtButton: u,
+    DtIconMoreVertical: d
   },
   inheritAttrs: !1,
   props: {
@@ -30,19 +30,18 @@ const _ = {
   }
 };
 function f(e, b, t, g, v, k) {
-  const a = r("dt-icon-more-vertical"), n = r("dt-button");
+  const o = r("dt-icon-more-vertical"), n = r("dt-button");
   return t.updateAvailable ? (i(), s(n, l({
     key: 0,
     importance: "outlined",
     size: "xs",
-    "icon-position": "right",
     class: "d-recipe-settings-menu-button-update",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    endIcon: a(() => [
+      c(o, { size: "300" })
     ]),
-    default: o(() => [
+    default: a(() => [
       m(e.$slots, "default")
     ]),
     _: 3
@@ -53,14 +52,14 @@ function f(e, b, t, g, v, k) {
     class: "d-recipe-settings-menu-button",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    icon: a(() => [
+      c(o, { size: "300" })
     ]),
     _: 1
   }, 16, ["aria-label"]));
 }
-const $ = /* @__PURE__ */ d(_, [["render", f]]);
+const h = /* @__PURE__ */ p(_, [["render", f]]);
 export {
-  $ as default
+  h as default
 };
 //# sourceMappingURL=settings-menu-button.js.map

package/dist/lib/settings-menu-button/settings-menu-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n <dt-button\n v-if=\"updateAvailable\"\n importance=\"outlined\"\n size=\"xs\"\n ~~icon-position=\"right\"\n~~ class=\"d-recipe-settings-menu-button-update\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <slot />\n <template #~~icon~~>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n <dt-button\n v-else\n importance=\"clear\"\n kind=\"inverted\"\n class=\"d-recipe-settings-menu-button\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <template #icon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n</template>\n\n<script>\n/\n TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n /\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeSettingsMenuButton',\n\n components: {\n DtButton,\n DtIconMoreVertical,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines whether the button should display the update state\n * default is false\n * @values true, false\n /\n updateAvailable: {\n type: Boolean,\n default: false,\n },\n\n /\n Aria label\n */\n ariaLabel: {\n type: String,\n required: true,\n },\n },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;~~AAwCA~~,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;~~SArEUC~~,EAAA,mBADRC,KAAAC,~~EAeYC~~,~~GAfZC~~,~~EAeY~~;AAAA;~~IAbV~~,YAAW;AAAA,IACX,MAAK;AAAA,IACL,~~iBAAc;AAAA,IACd,~~OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,~~QACT~~,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}
1	+ {"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n <dt-button\n v-if=\"updateAvailable\"\n importance=\"outlined\"\n size=\"xs\"\n class=\"d-recipe-settings-menu-button-update\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <slot />\n <template #endIcon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n <dt-button\n v-else\n importance=\"clear\"\n kind=\"inverted\"\n class=\"d-recipe-settings-menu-button\"\n :aria-label=\"ariaLabel\"\n v-bind=\"$attrs\"\n >\n <template #icon>\n <dt-icon-more-vertical\n size=\"300\"\n />\n </template>\n </dt-button>\n</template>\n\n<script>\n/\n TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n /\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeSettingsMenuButton',\n\n components: {\n DtButton,\n DtIconMoreVertical,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines whether the button should display the update state\n * default is false\n * @values true, false\n /\n updateAvailable: {\n type: Boolean,\n default: false,\n },\n\n /\n Aria label\n */\n ariaLabel: {\n type: String,\n required: true,\n },\n },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SApEUC,EAAA,mBADRC,KAAAC,EAcYC,GAdZC,EAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,WACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),r=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:d.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:r.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(i,_,t,b,a,l){const n=e.resolveComponent("dt-button"),o=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(n,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon",{size:a.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[o,l.tooltipConfig]])}const f=s._(u,[["render",c]]);exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),r=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:d.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},leadingClass:{type:[String,Array,Object],default:""},trailingClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:r.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(n,g,t,S,i,l){const a=e.resolveComponent("dt-button"),s=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(a,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,"leading-class":t.leadingClass,"trailing-class":t.trailingClass,loading:t.loading,size:t.size},e.createSlots({default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.startIcon?{name:"startIcon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"startIcon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"0"}:void 0,n.$slots.endIcon?{name:"endIcon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"endIcon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"1"}:void 0,n.$slots.icon&&!n.$slots.startIcon&&!n.$slots.endIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"2"}:void 0,n.$slots.leading?{name:"leading",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"leading")]),key:"3"}:void 0,n.$slots.trailing?{name:"trailing",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"trailing")]),key:"4"}:void 0]),1032,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","leading-class","trailing-class","loading","size"])),[[s,l.tooltipConfig]])}const f=o._(u,[["render",c]]);exports.default=f;
 //# sourceMappingURL=split-button-alpha.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /*\n Determines whether the button should have active styling\n /\n active: {\n type: Boolean,\n default: false,\n },\n\n /\n Descriptive label for the button\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n The position of the icon slot within the button.\n /\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /\n Used to customize the label container\n /\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Whether the button should display a loading animation or not.\n /\n loading: {\n type: Boolean,\n default: false,\n },\n\n /\n Text shown in tooltip when you hover the button\n /\n tooltipText: {\n type: String,\n default: '',\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n /\n importance: {\n type: String,\n default: 'primary',\n },\n\n /\n The color of the button.\n /\n kind: {\n type: String,\n default: 'default',\n },\n\n /\n The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":"~~2QA6BKA~~,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,EAEA,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WAE5B,EAEJ,~~4IA7IEC~~,EAAAA,~~YAsBYC~~,EAAA,~~CApBV~~,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,iEAAiDA,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,QAASA,EAAA,QACT,KAAMA,EAAA,~~OAEI~~,~~eACT~~,IAGE,~~CAHFC~~,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,~~wBAGjC~~,IAAuB,~~CAAvBC~~,aAAuBC,EAAA,OAAA,SAAA,~~oJApBTE~~,EAAA,aAAa"}
1	+ {"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :leading-class=\"leadingClass\"\n :trailing-class=\"trailingClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template\n v-if=\"$slots.startIcon\"\n #startIcon\n >\n <slot\n name=\"startIcon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.endIcon\"\n #endIcon\n >\n <slot\n name=\"endIcon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n #icon\n >\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n <slot name=\"trailing\" />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /*\n Determines whether the button should have active styling\n /\n active: {\n type: Boolean,\n default: false,\n },\n\n /\n Descriptive label for the button\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n The position of the icon slot within the button.\n /\n iconPosition: {\n type: String,\n default: 'left',\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 leading container\n /\n leadingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the trailing container\n /\n trailingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Whether the button should display a loading animation or not.\n /\n loading: {\n type: Boolean,\n default: false,\n },\n\n /\n Text shown in tooltip when you hover the button\n /\n tooltipText: {\n type: String,\n default: '',\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n /\n importance: {\n type: String,\n default: 'primary',\n },\n\n /\n The color of the button.\n /\n kind: {\n type: String,\n default: 'default',\n },\n\n /\n The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":"2QAgEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,EAEA,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WAE5B,EAEJ,4IAhMEC,EAAAA,YAyDYC,EAAA,CAvDV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,iEAAiDA,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,gBAAeA,EAAA,aACf,iBAAgBA,EAAA,cAChB,QAASA,EAAA,QACT,KAAMA,EAAA,uCAyCP,IAAuB,CAAvBC,aAAuBC,EAAA,OAAA,SAAA,UAtCfA,EAAA,OAAO,gBACZ,yBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,YAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,UAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,MAAI,CAAKA,EAAA,OAAO,WAAS,CAAKA,EAAA,OAAO,cACjD,oBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAAuB,CAAvBD,aAAuBC,EAAA,OAAA,SAAA,oBAGjBA,EAAA,OAAO,eACZ,wBAED,IAAwB,CAAxBD,aAAwBC,EAAA,OAAA,UAAA,qMArDZE,EAAA,aAAa"}

package/dist/lib/split-button/split-button-alpha.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { resolveComponent as d, resolveDirective as r, withDirectives as c, openBlock as f, createBlock as u, normalizeClass as p, withCtx as i, renderSlot as a } from "vue";
-import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import _ from "../button/button.js";
-import { BUTTON_ICON_SIZES as b } from "../button/button-constants.js";
-const g = {
+import { resolveComponent as d, resolveDirective as r, withDirectives as c, openBlock as f, createBlock as u, normalizeClass as g, createSlots as m, withCtx as i, renderSlot as n } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import p from "../button/button.js";
+import { BUTTON_ICON_SIZES as S } from "../button/button-constants.js";
+const b = {
   compatConfig: { MODE: 3 },
   name: "SplitButtonAlpha",
   components: {
-    DtButton: _
+    DtButton: p
   },
   props: {
     /**
@@ -37,6 +37,20 @@ const g = {
       type: [String, Array, Object],
       default: ""
     },
+    /**
+     * Used to customize the leading container
+     */
+    leadingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the trailing container
+     */
+    trailingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
     /**
      * Whether the button should display a loading animation or not.
      */
@@ -90,7 +104,7 @@ const g = {
   },
   data() {
     return {
-      BUTTON_ICON_SIZES: b
+      BUTTON_ICON_SIZES: S
     };
   },
   computed: {
@@ -102,37 +116,76 @@ const g = {
     }
   }
 };
-function v(e, S, t, y, l, o) {
-  const n = d("dt-button"), s = r("dt-tooltip");
-  return c((f(), u(n, {
+function C(t, I, e, v, a, l) {
+  const s = d("dt-button"), o = r("dt-tooltip");
+  return c((f(), u(s, {
     "data-qa": "dt-split-button-alpha",
-    active: t.active,
-    "aria-label": t.ariaLabel,
-    "assertive-on-focus": t.assertiveOnFocus,
-    class: p(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),
-    disabled: t.disabled,
-    "icon-position": t.iconPosition,
-    importance: t.importance,
-    kind: t.kind,
-    "label-class": t.labelClass,
-    loading: t.loading,
-    size: t.size
-  }, {
-    icon: i(() => [
-      a(e.$slots, "icon", {
-        size: l.BUTTON_ICON_SIZES[t.size]
-      })
-    ]),
+    active: e.active,
+    "aria-label": e.ariaLabel,
+    "assertive-on-focus": e.assertiveOnFocus,
+    class: g(`d-split-btn__alpha d-split-btn__alpha--${e.size}`),
+    disabled: e.disabled,
+    "icon-position": e.iconPosition,
+    importance: e.importance,
+    kind: e.kind,
+    "label-class": e.labelClass,
+    "leading-class": e.leadingClass,
+    "trailing-class": e.trailingClass,
+    loading: e.loading,
+    size: e.size
+  }, m({
     default: i(() => [
-      a(e.$slots, "default")
+      n(t.$slots, "default")
     ]),
-    _: 3
-  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
-    [s, o.tooltipConfig]
+    _: 2
+  }, [
+    t.$slots.startIcon ? {
+      name: "startIcon",
+      fn: i(() => [
+        n(t.$slots, "startIcon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "0"
+    } : void 0,
+    t.$slots.endIcon ? {
+      name: "endIcon",
+      fn: i(() => [
+        n(t.$slots, "endIcon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "1"
+    } : void 0,
+    t.$slots.icon && !t.$slots.startIcon && !t.$slots.endIcon ? {
+      name: "icon",
+      fn: i(() => [
+        n(t.$slots, "icon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "2"
+    } : void 0,
+    t.$slots.leading ? {
+      name: "leading",
+      fn: i(() => [
+        n(t.$slots, "leading")
+      ]),
+      key: "3"
+    } : void 0,
+    t.$slots.trailing ? {
+      name: "trailing",
+      fn: i(() => [
+        n(t.$slots, "trailing")
+      ]),
+      key: "4"
+    } : void 0
+  ]), 1032, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "leading-class", "trailing-class", "loading", "size"])), [
+    [o, l.tooltipConfig]
   ]);
 }
-const O = /* @__PURE__ */ m(g, [["render", v]]);
+const z = /* @__PURE__ */ y(b, [["render", C]]);
 export {
-  O as default
+  z as default
 };
 //# sourceMappingURL=split-button-alpha.js.map

package/dist/lib/split-button/split-button-alpha.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /*\n Determines whether the button should have active styling\n /\n active: {\n type: Boolean,\n default: false,\n },\n\n /\n Descriptive label for the button\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n The position of the icon slot within the button.\n /\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /\n Used to customize the label container\n /\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Whether the button should display a loading animation or not.\n /\n loading: {\n type: Boolean,\n default: false,\n },\n\n /\n Text shown in tooltip when you hover the button\n /\n tooltipText: {\n type: String,\n default: '',\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n /\n importance: {\n type: String,\n default: 'primary',\n },\n\n /\n The color of the button.\n /\n kind: {\n type: String,\n default: 'default',\n },\n\n /\n The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":";;;;~~AA6BA~~,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,gBAAiB;AACf,aAAO;AAAA,QACL,SAAS,KAAK;AAAA,QACd,UAAU,KAAK,SAAS;AAAA;IAE5B;AAAA;AAEJ;;;~~iBA7IEC~~,~~EAsBYC~~,GAAA;AAAA,~~IApBV~~,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,mDAAiDA,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,iBAAeA,EAAA;AAAA,IACf,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,eAAaA,EAAA;AAAA,IACb,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;~~IAEI~~,~~QACT~~,MAGE;AAAA,~~MAHFC~~,EAGEC,EAAA,QAAA,QAAA;AAAA,~~QADC~~,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA~~;;eAGjC~~,MAAuB;AAAA,~~MAAvBC~~,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;~~QApBTE~~,EAAA,aAAa;AAAA;;;"}
1	+ {"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n <dt-button\n v-dt-tooltip=\"tooltipConfig\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :leading-class=\"leadingClass\"\n :trailing-class=\"trailingClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template\n v-if=\"$slots.startIcon\"\n #startIcon\n >\n <slot\n name=\"startIcon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.endIcon\"\n #endIcon\n >\n <slot\n name=\"endIcon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n #icon\n >\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <template\n v-if=\"$slots.leading\"\n #leading\n >\n <slot name=\"leading\" />\n </template>\n <template\n v-if=\"$slots.trailing\"\n #trailing\n >\n <slot name=\"trailing\" />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /*\n Determines whether the button should have active styling\n /\n active: {\n type: Boolean,\n default: false,\n },\n\n /\n Descriptive label for the button\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n The position of the icon slot within the button.\n /\n iconPosition: {\n type: String,\n default: 'left',\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 leading container\n /\n leadingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Used to customize the trailing container\n /\n trailingClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Whether the button should display a loading animation or not.\n /\n loading: {\n type: Boolean,\n default: false,\n },\n\n /\n Text shown in tooltip when you hover the button\n /\n tooltipText: {\n type: String,\n default: '',\n },\n\n /\n Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n /\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /\n HTML button disabled attribute\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /\n The fill and outline of the button associated with its visual importance.\n /\n importance: {\n type: String,\n default: 'primary',\n },\n\n /\n The color of the button.\n /\n kind: {\n type: String,\n default: 'default',\n },\n\n /\n The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n\n computed: {\n tooltipConfig () {\n return {\n message: this.tooltipText,\n inverted: this.kind === 'inverted',\n };\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":";;;;AAgEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,gBAAiB;AACf,aAAO;AAAA,QACL,SAAS,KAAK;AAAA,QACd,UAAU,KAAK,SAAS;AAAA;IAE5B;AAAA;AAEJ;;;iBAhMEC,EAyDYC,GAAA;AAAA,IAvDV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,mDAAiDA,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,iBAAeA,EAAA;AAAA,IACf,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,eAAaA,EAAA;AAAA,IACb,iBAAeA,EAAA;AAAA,IACf,kBAAgBA,EAAA;AAAA,IAChB,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;eAyCP,MAAuB;AAAA,MAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;IAtCfA,EAAA,OAAO;YACZ;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,aAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO;YACZ;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,WAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO,QAAI,CAAKA,EAAA,OAAO,aAAS,CAAKA,EAAA,OAAO;YACjD;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,QAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO;YACZ;AAAA,YAED,MAAuB;AAAA,QAAvBD,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;IAGjBA,EAAA,OAAO;YACZ;AAAA,YAED,MAAwB;AAAA,QAAxBD,EAAwBC,EAAA,QAAA,UAAA;AAAA;;;;QArDZE,EAAA,aAAa;AAAA;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-alpha.cjs"),m=require("./split-button-omega.cjs"),l=require("../../common/utils/index.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),i=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const b={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonOmega:m.default,DtDropdown:g.default,SplitButtonAlpha:h.default},inheritAttrs:!1,props:{alphaActive:{type:Boolean,default:!1},alphaAriaLabel:{type:String,default:null},alphaIconPosition:{type:String,default:"left",validator:e=>Object.keys(i.ICON_POSITION_MODIFIERS).includes(e)},alphaLabelClass:{type:[String,Array,Object],default:""},alphaDisabled:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:!1},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(i.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(i.BUTTON_KIND_MODIFIERS).includes(e)},omegaActive:{type:Boolean,default:!1},omegaAriaLabel:{type:String,default:null},omegaDisabled:{type:Boolean,default:!1},omegaId:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(i.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""}},emits:["alpha-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{alphaButtonProps(){return{active:this.alphaActive,ariaLabel:this.alphaAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||this.alphaDisabled,iconPosition:this.alphaIconPosition,labelClass:this.alphaLabelClass,loading:this.alphaLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText,class:this.$attrs.class,style:this.$attrs.style}},omegaButtonProps(){return{id:this.omegaId,active:this.omegaActive,ariaLabel:this.omegaAriaLabel,disabled:this.disabled||this.omegaDisabled,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){l.warnIfUnmounted(l.returnFirstEl(this.$el),this.$options.name)},methods:{validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){l.hasSlotContent(this.$slots.default)||l.hasSlotContent(this.$slots.alphaIcon)&&!this.alphaTooltipText&&console.warn("alpha-tooltip-text prop must be set if alpha button has an icon only")},validateOmegaButtonProps(){l.hasSlotContent(this.$slots.omega)||this.omegaTooltipText||console.warn("omega-tooltip-text prop is required as it is an icon-only button")}}};function y(e,a,s,B,n,r){const u=t.resolveComponent("split-button-alpha"),p=t.resolveComponent("split-button-omega"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([s.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:s.width})},[t.createVNode(u,t.mergeProps(r.alphaButtonProps,{ref:"alphaButton",onClick:a[0]||(a[0]=o=>e.$emit("alpha-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"alphaIcon",{size:o})]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16),t.renderSlot(e.$slots,"omega",{},()=>[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:s.dropdownPlacement,onClick:a[2]||(a[2]=o=>n.isDropdownOpen=!0),onOpened:a[3]||(a[3]=o=>n.isDropdownOpen=o)},{anchor:t.withCtx(o=>[t.createVNode(p,t.mergeProps({...o,...r.omegaButtonProps},{active:n.isDropdownOpen,onClick:a[1]||(a[1]=d=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:d})=>[t.renderSlot(e.$slots,"omegaIcon",{size:d})]),_:3},16,["active"])]),list:t.withCtx(({close:o})=>[t.renderSlot(e.$slots,"dropdownList",{close:o})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(p,t.mergeProps({key:1},r.omegaButtonProps,{onClick:a[4]||(a[4]=o=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"omegaIcon",{size:o})]),_:3},16))])],6)}const S=f._(b,[["render",y]]);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-alpha.cjs"),f=require("./split-button-omega.cjs"),s=require("../../common/utils/index.cjs"),t=require("vue"),g=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../dropdown/dropdown.cjs"),l=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const y={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonOmega:f.default,DtDropdown:m.default,SplitButtonAlpha:h.default},inheritAttrs:!1,props:{startActive:{type:Boolean,default:!1},alphaActive:{type:Boolean,default:null},startAriaLabel:{type:String,default:null},alphaAriaLabel:{type:String,default:void 0},startIconPosition:{type:String,default:"left",validator:e=>Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},startLabelClass:{type:[String,Array,Object],default:""},startLeadingClass:{type:[String,Array,Object],default:""},alphaLeadingClass:{type:[String,Array,Object],default:void 0},startTrailingClass:{type:[String,Array,Object],default:""},alphaTrailingClass:{type:[String,Array,Object],default:void 0},alphaLabelClass:{type:[String,Array,Object],default:void 0},startDisabled:{type:Boolean,default:!1},alphaDisabled:{type:Boolean,default:null},startLoading:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:null},startTooltipText:{type:String,default:void 0},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(l.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(l.BUTTON_KIND_MODIFIERS).includes(e)},endActive:{type:Boolean,default:!1},omegaActive:{type:Boolean,default:null},endAriaLabel:{type:String,default:null},omegaAriaLabel:{type:String,default:void 0},endDisabled:{type:Boolean,default:!1},omegaDisabled:{type:Boolean,default:null},endId:{type:String,default:void 0},omegaId:{type:String,default:void 0},endTooltipText:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(l.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""}},emits:["start-clicked","alpha-clicked","end-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{alphaButtonProps(){return{active:this.alphaActive??this.startActive,ariaLabel:this.alphaAriaLabel??this.startAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||(this.alphaDisabled??this.startDisabled),iconPosition:this.alphaIconPosition??this.startIconPosition,labelClass:this.alphaLabelClass??this.startLabelClass,leadingClass:this.alphaLeadingClass??this.startLeadingClass,trailingClass:this.alphaTrailingClass??this.startTrailingClass,loading:this.alphaLoading??this.startLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText??this.startTooltipText,class:this.$attrs.class,style:this.$attrs.style}},omegaButtonProps(){return{id:this.omegaId??this.endId,active:this.omegaActive??this.endActive,ariaLabel:this.omegaAriaLabel??this.endAriaLabel,disabled:this.disabled||(this.omegaDisabled??this.endDisabled),importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText??this.endTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){s.warnIfUnmounted(s.returnFirstEl(this.$el),this.$options.name)},methods:{onStartClick(){this.$emit("start-clicked"),this.$emit("alpha-clicked")},onEndClick(){this.$emit("end-clicked"),this.$emit("omega-clicked")},validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){s.hasSlotContent(this.$slots.default)||(s.hasSlotContent(this.$slots.startIcon)||s.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn("start-tooltip-text prop must be set if start button has an icon only")},validateOmegaButtonProps(){s.hasSlotContent(this.$slots.end)||s.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn("end-tooltip-text prop is required as it is an icon-only button")}}};function b(e,o,i,k,r,n){const u=t.resolveComponent("split-button-alpha"),d=t.resolveComponent("split-button-omega"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([i.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:i.width})},[t.createVNode(u,t.mergeProps(n.alphaButtonProps,{ref:"alphaButton",onClick:n.onStartClick}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.startEndIcon?{name:"startIcon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"0"}:void 0,e.$slots.startEndIcon?{name:"endIcon",fn:t.withCtx(({size:a})=>[t.renderSlot(e.$slots,"startEndIcon",{size:a})]),key:"1"}:void 0,e.$slots.startEndIcon?void 0:{name:"icon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"2"},e.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"leading")]),key:"3"}:void 0,e.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"trailing")]),key:"4"}:void 0]),1040,["onClick"]),e.$slots.end?t.renderSlot(e.$slots,"end",{key:0}):e.$slots.omega?t.renderSlot(e.$slots,"omega",{key:1}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:i.dropdownPlacement,onClick:o[0]||(o[0]=a=>r.isDropdownOpen=!0),onOpened:o[1]||(o[1]=a=>r.isDropdownOpen=a)},{anchor:t.withCtx(a=>[t.createVNode(d,t.mergeProps({...a,...n.omegaButtonProps},{active:r.isDropdownOpen,onClick:n.onEndClick}),{icon:t.withCtx(({size:p})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:p}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:p})]),_:3},16,["active","onClick"])]),list:t.withCtx(({close:a})=>[t.renderSlot(e.$slots,"dropdownList",{close:a})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(d,t.mergeProps({key:1},n.omegaButtonProps,{onClick:n.onEndClick}),{icon:t.withCtx(({size:a})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:a}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:a})]),_:3},16,["onClick"]))],64))],6)}const S=g._(y,[["render",b]]);exports.default=S;
 //# sourceMappingURL=split-button.cjs.map