@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

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

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.cjs","names":[],"sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    kind=\"muted\"\n    importance=\"outlined\"\n    :size=\"100\"\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=\"muted\"\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/vue';\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"],"mappings":"mSAwCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BAEN,WAAY,CACV,SAAA,EAAA,QACA,mBAAA,EAAA,mBACD,CAED,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,SAAU,GACX,CACF,CAEF,4HArES,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAcI,GAAA,EAAA,EAAA,YAAA,OAbV,KAAK,QACL,WAAW,WACV,KAAM,IACP,MAAM,uCACL,aAAY,EAAA,WACL,EAAA,OAAM,CAAA,CAGH,SAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,2BAHN,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,+DAoBE,GAAA,EAAA,EAAA,YAAA,OAXV,WAAW,QACX,KAAK,QACL,MAAM,gCACL,aAAY,EAAA,WACL,EAAA,OAAM,CAAA,CAEH,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}
+{"version":3,"file":"settings-menu-button.cjs","names":[],"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"],"mappings":"oSAwCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BAEN,WAAY,CACV,SAAA,EAAA,QACA,mBAAA,EAAA,mBACD,CAED,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,SAAU,GACX,CACF,CAEF,4HArES,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAcI,GAAA,EAAA,EAAA,YAAA,OAbV,WAAW,WACX,KAAK,KACL,gBAAc,QACd,MAAM,uCACL,aAAY,EAAA,WACL,EAAA,OAAM,CAAA,CAGH,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,2BAHN,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,+DAoBE,GAAA,EAAA,EAAA,YAAA,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAY,EAAA,WACL,EAAA,OAAM,CAAA,CAEH,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import t from "../button/button.js";
 import { createBlock as n, createVNode as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, withCtx as c } from "vue";
-import { DtIconMoreVertical as l } from "@dialpad/dialtone-icons/vue";
+import { DtIconMoreVertical as l } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/header/settings_menu_button/settings_menu_button.vue
 var u = {
 	compatConfig: { MODE: 3 },
@@ -26,19 +26,19 @@ function d(e, t, l, u, d, f) {
 	let p = s("dt-icon-more-vertical"), m = s("dt-button");
 	return l.updateAvailable ? (a(), n(m, i({
 		key: 0,
-		kind: "muted",
 		importance: "outlined",
-		size: 100,
+		size: "xs",
+		"icon-position": "right",
 		class: "d-recipe-settings-menu-button-update",
 		"aria-label": l.ariaLabel
 	}, e.$attrs), {
-		endIcon: c(() => [r(p, { size: "300" })]),
+		icon: c(() => [r(p, { size: "300" })]),
 		default: c(() => [o(e.$slots, "default")]),
 		_: 3
 	}, 16, ["aria-label"])) : (a(), n(m, i({
 		key: 1,
 		importance: "clear",
-		kind: "muted",
+		kind: "inverted",
 		class: "d-recipe-settings-menu-button",
 		"aria-label": l.ariaLabel
 	}, e.$attrs), {

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

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","names":[],"sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    kind=\"muted\"\n    importance=\"outlined\"\n    :size=\"100\"\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=\"muted\"\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/vue';\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"],"mappings":";;;;;AAwCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA;EACD;CAED,cAAc;CAEd,OAAO;EAML,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,UAAU;GACX;EACF;CAEF;;;QArES,EAAA,mBAAA,GAAA,EADR,EAeY,GAfZ,EAeY;;EAbV,MAAK;EACL,YAAW;EACV,MAAM;EACP,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAGH,SAAO,QAGd,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA;mBAHN,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;iCAOV,EAaY,GAbZ,EAaY;;EAXV,YAAW;EACX,MAAK;EACL,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAEH,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}
+{"version":3,"file":"settings-menu-button.js","names":[],"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"],"mappings":";;;;;AAwCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA;EACD;CAED,cAAc;CAEd,OAAO;EAML,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,UAAU;GACX;EACF;CAEF;;;QArES,EAAA,mBAAA,GAAA,EADR,EAeY,GAfZ,EAeY;;EAbV,YAAW;EACX,MAAK;EACL,iBAAc;EACd,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAGH,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA;mBAHN,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;iCAOV,EAaY,GAbZ,EAaY;;EAXV,YAAW;EACX,MAAK;EACL,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAEH,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}

package/dist/lib/skeleton/skeleton-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=3e6,t={circle:`d-bar-circle`,square:`d-bar-200`},n=[`body`,`heading`],r={100:`16px`,200:`24px`,300:`32px`,400:`48px`,500:`64px`,sm:`24px`,md:`32px`,lg:`48px`},i={200:`d-h-25`,300:`d-h-24px`,400:`d-h-50`,sm:`d-h-25`,md:`d-h-24px`,lg:`d-h-50`},a={SKELETON_RIPPLE_DURATION:e,SKELETON_SHAPES:t,SKELETON_TEXT_TYPES:n,SKELETON_HEADING_HEIGHTS:i};exports.SKELETON_HEADING_HEIGHTS=i,exports.SKELETON_RIPPLE_DURATION=e,exports.SKELETON_SHAPES=t,exports.SKELETON_SHAPE_SIZES=r,exports.SKELETON_TEXT_TYPES=n,exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=3e6,t={circle:`d-bar-circle`,square:`d-bar2`},n=[`body`,`heading`],r={sm:`24px`,md:`32px`,lg:`48px`},i={sm:`d-h16`,md:`d-h24`,lg:`d-h32`},a={SKELETON_RIPPLE_DURATION:e,SKELETON_SHAPES:t,SKELETON_TEXT_TYPES:n,SKELETON_HEADING_HEIGHTS:i};exports.SKELETON_HEADING_HEIGHTS=i,exports.SKELETON_RIPPLE_DURATION=e,exports.SKELETON_SHAPES=t,exports.SKELETON_SHAPE_SIZES=r,exports.SKELETON_TEXT_TYPES=n,exports.default=a;
 //# sourceMappingURL=skeleton-constants.cjs.map

package/dist/lib/skeleton/skeleton-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-constants.cjs","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar-200',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  // Numeric (preferred)\n  100: '16px',\n  200: '24px',\n  300: '32px',\n  400: '48px',\n  500: '64px',\n  // T-shirt aliases (deprecated)\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  // Numeric (preferred)\n  200: 'd-h-25',\n  300: 'd-h-24px',\n  400: 'd-h-50',\n  // T-shirt aliases (deprecated)\n  sm: 'd-h-25',\n  md: 'd-h-24px',\n  lg: 'd-h-50',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":"+FAMA,IAAa,EAA2B,IAE3B,EAAkB,CAC7B,OAAQ,eACR,OAAQ,YACT,CAEY,EAAsB,CACjC,OACA,UACD,CAEY,EAAuB,CAElC,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,OAEL,GAAI,OACJ,GAAI,OACJ,GAAI,OACL,CAEY,EAA2B,CAEtC,IAAK,SACL,IAAK,WACL,IAAK,SAEL,GAAI,SACJ,GAAI,WACJ,GAAI,SACL,CAED,EAAe,CACb,2BACA,kBACA,sBACA,2BACD"}
+{"version":3,"file":"skeleton-constants.cjs","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":"+FAMA,IAAa,EAA2B,IAE3B,EAAkB,CAC7B,OAAQ,eACR,OAAQ,SACT,CAEY,EAAsB,CACjC,OACA,UACD,CAEY,EAAuB,CAClC,GAAI,OACJ,GAAI,OACJ,GAAI,OACL,CAEY,EAA2B,CACtC,GAAI,QACJ,GAAI,QACJ,GAAI,QACL,CAED,EAAe,CACb,2BACA,kBACA,sBACA,2BACD"}

package/dist/lib/skeleton/skeleton-constants.js

@@ -1,23 +1,15 @@
 //#region components/skeleton/skeleton_constants.js
 var e = 3e6, t = {
 	circle: "d-bar-circle",
-	square: "d-bar-200"
+	square: "d-bar2"
 }, n = ["body", "heading"], r = {
-	100: "16px",
-	200: "24px",
-	300: "32px",
-	400: "48px",
-	500: "64px",
 	sm: "24px",
 	md: "32px",
 	lg: "48px"
 }, i = {
-	200: "d-h-25",
-	300: "d-h-24px",
-	400: "d-h-50",
-	sm: "d-h-25",
-	md: "d-h-24px",
-	lg: "d-h-50"
+	sm: "d-h16",
+	md: "d-h24",
+	lg: "d-h32"
 }, a = {
 	SKELETON_RIPPLE_DURATION: e,
 	SKELETON_SHAPES: t,

package/dist/lib/skeleton/skeleton-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-constants.js","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar-200',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  // Numeric (preferred)\n  100: '16px',\n  200: '24px',\n  300: '32px',\n  400: '48px',\n  500: '64px',\n  // T-shirt aliases (deprecated)\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  // Numeric (preferred)\n  200: 'd-h-25',\n  300: 'd-h-24px',\n  400: 'd-h-50',\n  // T-shirt aliases (deprecated)\n  sm: 'd-h-25',\n  md: 'd-h-24px',\n  lg: 'd-h-50',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":";AAMA,IAAa,IAA2B,KAE3B,IAAkB;CAC7B,QAAQ;CACR,QAAQ;CACT,EAEY,IAAsB,CACjC,QACA,UACD,EAEY,IAAuB;CAElC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAA2B;CAEtC,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"skeleton-constants.js","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":";AAMA,IAAa,IAA2B,KAE3B,IAAkB;CAC7B,QAAQ;CACR,QAAQ;CACT,EAEY,IAAsB,CACjC,QACA,UACD,EAEY,IAAuB;CAClC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/skeleton/skeleton-list-item.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./skeleton-constants.cjs`),n=require(`./skeleton-shape.cjs`),r=require(`./skeleton-paragraph.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtSkeletonListItem`,components:{DtSkeletonShape:n.default,DtSkeletonParagraph:r.default},props:{shape:{type:String,default:`circle`,validator:e=>Object.keys(t.SKELETON_SHAPES).includes(e)},shapeSize:{type:[String,Number],default:300},paragraphs:{type:Object,default:()=>({rows:3,randomWidth:!0})},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},shapeClass:{type:String,default:``},contentClass:{type:String,default:``}}},o={class:`d-skeleton-list-item__paragraph-container`};function s(e,t,n,r,a,s){let c=(0,i.resolveComponent)(`dt-skeleton-shape`),l=(0,i.resolveComponent)(`dt-skeleton-paragraph`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{"data-qa":`skeleton-list-item`,class:(0,i.normalizeClass)([`d-skeleton-list-item`,{"d-skeleton-list-item--single":n.paragraphs.rows===1},n.contentClass])},[(0,i.createVNode)(c,{class:`d-skeleton-list-item__shape`,size:n.shapeSize,shape:n.shape,"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset,"content-class":n.shapeClass},null,8,[`size`,`shape`,`animation-duration`,`animate`,`offset`,`content-class`]),(0,i.createElementVNode)(`div`,o,[(0,i.createVNode)(l,(0,i.mergeProps)(n.paragraphs,{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`])])],2)}var c=e.t(a,[[`render`,s]]);exports.default=c;
+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(`./skeleton-constants.cjs`),n=require(`./skeleton-shape.cjs`),r=require(`./skeleton-paragraph.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtSkeletonListItem`,components:{DtSkeletonShape:n.default,DtSkeletonParagraph:r.default},props:{shape:{type:String,default:`circle`,validator:e=>Object.keys(t.SKELETON_SHAPES).includes(e)},shapeSize:{type:String,default:`md`},paragraphs:{type:Object,default:()=>({rows:3,randomWidth:!0})},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},shapeClass:{type:String,default:``},contentClass:{type:String,default:``}}},o={class:`d-skeleton-list-item__paragraph-container`};function s(e,t,n,r,a,s){let c=(0,i.resolveComponent)(`dt-skeleton-shape`),l=(0,i.resolveComponent)(`dt-skeleton-paragraph`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{"data-qa":`skeleton-list-item`,class:(0,i.normalizeClass)([`d-skeleton-list-item`,{"d-skeleton-list-item--single":n.paragraphs.rows===1},n.contentClass])},[(0,i.createVNode)(c,{class:`d-skeleton-list-item__shape`,size:n.shapeSize,shape:n.shape,"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset,"content-class":n.shapeClass},null,8,[`size`,`shape`,`animation-duration`,`animate`,`offset`,`content-class`]),(0,i.createElementVNode)(`div`,o,[(0,i.createVNode)(l,(0,i.mergeProps)(n.paragraphs,{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`])])],2)}var c=e.t(a,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=skeleton-list-item.cjs.map

package/dist/lib/skeleton/skeleton-list-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list-item.cjs","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    shapeSize: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":"sUAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,gBAAA,EAAA,QACA,oBAAA,EAAA,QACD,CAED,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAW,GAAS,OAAO,KAAK,EAAA,gBAAgB,CAAC,SAAS,EAAM,CACjE,CAMD,UAAW,CACT,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACV,CAMD,WAAY,CACV,KAAM,OACN,aAAgB,CAAE,KAAM,EAAG,YAAa,GAAM,EAC/C,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CACF,CACF,IApGQ,MAAM,4CAA2C,8KAQlD,MAAA,CA1BJ,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,wDAAkF,EAAA,WAAW,OAAI,EAAA,CAAuB,EAAA,mCAgB5H,EAAA,CAPA,MAAM,8BACL,KAAM,EAAA,UACN,MAAO,EAAA,MACP,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,OACR,gBAAe,EAAA,sHASZ,MAPN,EAOM,EAAA,EAAA,EAAA,aADF,GAAA,EAAA,EAAA,YAAA,EAJQ,WAAU,CACjB,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA"}
+{"version":3,"file":"skeleton-list-item.cjs","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":"sUAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,gBAAA,EAAA,QACA,oBAAA,EAAA,QACD,CAED,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAW,GAAS,OAAO,KAAK,EAAA,gBAAgB,CAAC,SAAS,EAAM,CACjE,CAMD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,OACN,aAAgB,CAAE,KAAM,EAAG,YAAa,GAAM,EAC/C,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CACF,CACF,IApGQ,MAAM,4CAA2C,8KAQlD,MAAA,CA1BJ,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,wDAAkF,EAAA,WAAW,OAAI,EAAA,CAAuB,EAAA,mCAgB5H,EAAA,CAPA,MAAM,8BACL,KAAM,EAAA,UACN,MAAO,EAAA,MACP,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,OACR,gBAAe,EAAA,sHASZ,MAPN,EAOM,EAAA,EAAA,EAAA,aADF,GAAA,EAAA,EAAA,YAAA,EAJQ,WAAU,CACjB,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA"}

package/dist/lib/skeleton/skeleton-list-item.js

@@ -18,8 +18,8 @@ var d = {
 			validator: (e) => Object.keys(t).includes(e)
 		},
 		shapeSize: {
-			type: [String, Number],
-			default: 300
+			type: String,
+			default: "md"
 		},
 		paragraphs: {
 			type: Object,

package/dist/lib/skeleton/skeleton-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list-item.js","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    shapeSize: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,iBAAA;EACA,qBAAA;EACD;CAED,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,WAAW;GACT,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,gBAAgB;IAAE,MAAM;IAAG,aAAa;IAAM;GAC/C;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CACF,QApGQ,OAAM,6CAA2C;;;aAnBxD,EA2BM,OAAA;EA1BJ,WAAQ;EACP,OAAK,EAAA;;qCAAkF,EAAA,WAAW,SAAI,GAAA;GAAuB,EAAA;;KAQ9H,EAQE,GAAA;EAPA,OAAM;EACL,MAAM,EAAA;EACN,OAAO,EAAA;EACP,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;EACR,iBAAe,EAAA;;;;;;;;KAElB,EAOM,OAPN,GAOM,CANJ,EAKE,GALF,EAKE,EAJQ,YAAU;EACjB,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA"}
+{"version":3,"file":"skeleton-list-item.js","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,iBAAA;EACA,qBAAA;EACD;CAED,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,gBAAgB;IAAE,MAAM;IAAG,aAAa;IAAM;GAC/C;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CACF,QApGQ,OAAM,6CAA2C;;;aAnBxD,EA2BM,OAAA;EA1BJ,WAAQ;EACP,OAAK,EAAA;;qCAAkF,EAAA,WAAW,SAAI,GAAA;GAAuB,EAAA;;KAQ9H,EAQE,GAAA;EAPA,OAAM;EACL,MAAM,EAAA;EACN,OAAO,EAAA;EACP,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;EACR,iBAAe,EAAA;;;;;;;;KAElB,EAOM,OAPN,GAOM,CANJ,EAKE,GALF,EAKE,EAJQ,YAAU;EACjB,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA"}

package/dist/lib/skeleton/skeleton-shape.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./skeleton-constants.cjs`),n=require(`../../common/mixins/skeleton.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtSkeletonShape`,mixins:[n.default],props:{shape:{type:String,default:`circle`,validator:e=>Object.keys(t.SKELETON_SHAPES).includes(e)},size:{type:[String,Number],default:300},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:``}},data(){return{SKELETON_SHAPES:t.SKELETON_SHAPES}},computed:{shapeStyles(){let e=t.SKELETON_SHAPE_SIZES[String(this.size)]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};function a(e,t,n,i,a,o){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref:`skeleton`,"data-qa":`skeleton-shape`,class:(0,r.normalizeClass)([`d-skeleton-placeholder`,a.SKELETON_SHAPES[n.shape],{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:(0,r.normalizeStyle)(o.shapeStyles)},null,6)}var o=e.t(i,[[`render`,a]]);exports.default=o;
+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(`./skeleton-constants.cjs`),n=require(`../../common/mixins/skeleton.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtSkeletonShape`,mixins:[n.default],props:{shape:{type:String,default:`circle`,validator:e=>Object.keys(t.SKELETON_SHAPES).includes(e)},size:{type:String,default:`md`},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:``}},data(){return{SKELETON_SHAPES:t.SKELETON_SHAPES}},computed:{shapeStyles(){let e=t.SKELETON_SHAPE_SIZES[this.size]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};function a(e,t,n,i,a,o){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref:`skeleton`,"data-qa":`skeleton-shape`,class:(0,r.normalizeClass)([`d-skeleton-placeholder`,a.SKELETON_SHAPES[n.shape],{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:(0,r.normalizeStyle)(o.shapeStyles)},null,6)}var o=e.t(i,[[`render`,a]]);exports.default=o;
 //# sourceMappingURL=skeleton-shape.cjs.map

package/dist/lib/skeleton/skeleton-shape.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-shape.cjs","names":[],"sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[String(this.size)] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"4SAuBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,OAAQ,CAAC,EAAA,QAAkB,CAE3B,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAW,GAAS,OAAO,KAAK,EAAA,gBAAgB,CAAC,SAAS,EAAM,CACjE,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,gBAAA,EAAA,gBACD,EAGH,SAAU,CACR,aAAe,CACb,IAAM,EAAO,EAAA,qBAAqB,OAAO,KAAK,KAAK,GAAK,KAAK,KAC7D,MAAO,CACL,GAAG,KAAK,cACR,YAAa,EACb,YAAa,EACb,aAAc,EACd,aAAc,EACf,EAEJ,CACF,0EA7FG,MAAA,CAXA,IAAI,WACJ,UAAQ,iBACP,OAAA,EAAA,EAAA,gBAAK,0BAA0C,EAAA,gBAAgB,EAAA,0CAA2D,EAAA,QAAA,CAAwB,EAAA,eAQlJ,OAAA,EAAA,EAAA,gBAAO,EAAA,YAAW"}
+{"version":3,"file":"skeleton-shape.cjs","names":[],"sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"4SAuBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,OAAQ,CAAC,EAAA,QAAkB,CAE3B,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAW,GAAS,OAAO,KAAK,EAAA,gBAAgB,CAAC,SAAS,EAAM,CACjE,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,gBAAA,EAAA,gBACD,EAGH,SAAU,CACR,aAAe,CACb,IAAM,EAAO,EAAA,qBAAqB,KAAK,OAAS,KAAK,KACrD,MAAO,CACL,GAAG,KAAK,cACR,YAAa,EACb,YAAa,EACb,aAAc,EACd,aAAc,EACf,EAEJ,CACF,0EA7FG,MAAA,CAXA,IAAI,WACJ,UAAQ,iBACP,OAAA,EAAA,EAAA,gBAAK,0BAA0C,EAAA,gBAAgB,EAAA,0CAA2D,EAAA,QAAA,CAAwB,EAAA,eAQlJ,OAAA,EAAA,EAAA,gBAAO,EAAA,YAAW"}

package/dist/lib/skeleton/skeleton-shape.js

@@ -14,8 +14,8 @@ var c = {
 			validator: (e) => Object.keys(t).includes(e)
 		},
 		size: {
-			type: [String, Number],
-			default: 300
+			type: String,
+			default: "md"
 		},
 		animationDuration: {
 			type: Number,
@@ -42,7 +42,7 @@ var c = {
 		return { SKELETON_SHAPES: t };
 	},
 	computed: { shapeStyles() {
-		let e = n[String(this.size)] || this.size;
+		let e = n[this.size] || this.size;
 		return {
 			...this.skeletonStyle,
 			"min-width": e,

package/dist/lib/skeleton/skeleton-shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-shape.js","names":[],"sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[String(this.size)] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAuBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,QAAQ,CAAC,EAAkB;CAE3B,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,oBACD;;CAGH,UAAU,EACR,cAAe;EACb,IAAM,IAAO,EAAqB,OAAO,KAAK,KAAK,KAAK,KAAK;AAC7D,SAAO;GACL,GAAG,KAAK;GACR,aAAa;GACb,aAAa;GACb,cAAc;GACd,cAAc;GACf;IAEJ;CACF;;aAzGC,EAYE,OAAA;EAXA,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;;GAA0C,EAAA,gBAAgB,EAAA;wCAA2D,EAAA,SAAA;GAAwB,EAAA;;EAQlJ,OAAK,EAAE,EAAA,YAAW"}
+{"version":3,"file":"skeleton-shape.js","names":[],"sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAuBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,QAAQ,CAAC,EAAkB;CAE3B,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,oBACD;;CAGH,UAAU,EACR,cAAe;EACb,IAAM,IAAO,EAAqB,KAAK,SAAS,KAAK;AACrD,SAAO;GACL,GAAG,KAAK;GACR,aAAa;GACb,aAAa;GACb,cAAc;GACd,cAAc;GACf;IAEJ;CACF;;aAzGC,EAYE,OAAA;EAXA,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;;GAA0C,EAAA,gBAAgB,EAAA;wCAA2D,EAAA,SAAA;GAAwB,EAAA;;EAQlJ,OAAK,EAAE,EAAA,YAAW"}

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

@@ -0,0 +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(`../button/button-constants.cjs`),n=require(`../button/button.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`SplitButtonAlpha`,components:{DtButton:n.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:t.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind===`inverted`}}}};function a(e,t,n,i,a,o){let s=(0,r.resolveComponent)(`dt-button`),c=(0,r.resolveDirective)(`dt-tooltip`);return(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createBlock)(s,{"data-qa":`dt-split-button-alpha`,active:n.active,"aria-label":n.ariaLabel,"assertive-on-focus":n.assertiveOnFocus,class:(0,r.normalizeClass)(`d-split-btn__alpha d-split-btn__alpha--${n.size}`),disabled:n.disabled,"icon-position":n.iconPosition,importance:n.importance,kind:n.kind,"label-class":n.labelClass,loading:n.loading,size:n.size},{icon:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`icon`,{size:a.BUTTON_ICON_SIZES[n.size]})]),default:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`default`)]),_:3},8,[`active`,`aria-label`,`assertive-on-focus`,`class`,`disabled`,`icon-position`,`importance`,`kind`,`label-class`,`loading`,`size`])),[[c,o.tooltipConfig]])}var o=e.t(i,[[`render`,a]]);exports.default=o;
+//# sourceMappingURL=split-button-alpha.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-alpha.cjs","names":[],"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"],"mappings":"sSA6BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CACV,SAAA,EAAA,QACD,CAED,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,GACV,CAMD,iBAAkB,CAChB,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,kBAAA,EAAA,kBACD,EAGH,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WACzB,EAEJ,CACF,0KAvHa,EAAA,CApBV,UAAQ,wBACP,OAAQ,EAAA,OACR,aAAY,EAAA,UACZ,qBAAoB,EAAA,iBACpB,OAAA,EAAA,EAAA,gBAAK,0CAA4C,EAAA,OAAI,CACrD,SAAU,EAAA,SACV,gBAAe,EAAA,aACf,WAAY,EAAA,WACZ,KAAM,EAAA,KACN,cAAa,EAAA,WACb,QAAS,EAAA,QACT,KAAM,EAAA,OAEI,MAAA,EAAA,EAAA,aAIP,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CADC,KAAM,EAAA,kBAAkB,EAAA,MAAA,CAAA,CAAA,CAAA,2BAGN,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,iJApBT,EAAA,cAAa,CAAA,CAAA"}

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

@@ -0,0 +1,107 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { BUTTON_ICON_SIZES as t } from "../button/button-constants.js";
+import n from "../button/button.js";
+import { createBlock as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveComponent as s, resolveDirective as c, withCtx as l, withDirectives as u } from "vue";
+//#region components/split_button/split_button-alpha.vue
+var d = {
+	compatConfig: { MODE: 3 },
+	name: "SplitButtonAlpha",
+	components: { DtButton: n },
+	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: t };
+	},
+	computed: { tooltipConfig() {
+		return {
+			message: this.tooltipText,
+			inverted: this.kind === "inverted"
+		};
+	} }
+};
+function f(e, t, n, d, f, p) {
+	let m = s("dt-button"), h = c("dt-tooltip");
+	return u((a(), r(m, {
+		"data-qa": "dt-split-button-alpha",
+		active: n.active,
+		"aria-label": n.ariaLabel,
+		"assertive-on-focus": n.assertiveOnFocus,
+		class: i(`d-split-btn__alpha d-split-btn__alpha--${n.size}`),
+		disabled: n.disabled,
+		"icon-position": n.iconPosition,
+		importance: n.importance,
+		kind: n.kind,
+		"label-class": n.labelClass,
+		loading: n.loading,
+		size: n.size
+	}, {
+		icon: l(() => [o(e.$slots, "icon", { size: f.BUTTON_ICON_SIZES[n.size] })]),
+		default: l(() => [o(e.$slots, "default")]),
+		_: 3
+	}, 8, [
+		"active",
+		"aria-label",
+		"assertive-on-focus",
+		"class",
+		"disabled",
+		"icon-position",
+		"importance",
+		"kind",
+		"label-class",
+		"loading",
+		"size"
+	])), [[h, p.tooltipConfig]]);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=split-button-alpha.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-alpha.js","names":[],"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"],"mappings":";;;;;AA6BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,UAAA,GACD;CAED,OAAO;EAIL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,kBAAkB;GAChB,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,sBACD;;CAGH,UAAU,EACR,gBAAiB;AACf,SAAO;GACL,SAAS,KAAK;GACd,UAAU,KAAK,SAAS;GACzB;IAEJ;CACF;;;gBA7IC,EAsBY,GAAA;EApBV,WAAQ;EACP,QAAQ,EAAA;EACR,cAAY,EAAA;EACZ,sBAAoB,EAAA;EACpB,OAAK,EAAA,0CAA4C,EAAA,OAAI;EACrD,UAAU,EAAA;EACV,iBAAe,EAAA;EACf,YAAY,EAAA;EACZ,MAAM,EAAA;EACN,eAAa,EAAA;EACb,SAAS,EAAA;EACT,MAAM,EAAA;;EAEI,MAAI,QAIX,CAHF,EAGE,EAAA,QAAA,QAAA,EADC,MAAM,EAAA,kBAAkB,EAAA,OAAA,CAAA,CAAA,CAAA;mBAGN,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;WApBT,EAAA,cAAa,CAAA,CAAA"}

package/dist/lib/split-button/split-button-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`100`,200:`100`,300:`200`,400:`200`,500:`300`,xs:`100`,sm:`100`,md:`200`,lg:`200`,xl:`300`},t={SPLIT_BUTTON_ICON_SIZES:e};exports.SPLIT_BUTTON_ICON_SIZES=e,exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={xs:`100`,sm:`100`,md:`200`,lg:`200`,xl:`300`},t={SPLIT_BUTTON_ICON_SIZES:e};exports.SPLIT_BUTTON_ICON_SIZES=e,exports.default=t;
 //# sourceMappingURL=split-button-constants.cjs.map

package/dist/lib/split-button/split-button-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"split-button-constants.cjs","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":"+FAAA,IAAa,EAA0B,CAErC,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAED,EAAe,CACb,0BACD"}
+{"version":3,"file":"split-button-constants.cjs","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":"+FAAA,IAAa,EAA0B,CACrC,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAED,EAAe,CACb,0BACD"}

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

@@ -1,10 +1,5 @@
 //#region components/split_button/split_button_constants.js
 var e = {
-	100: "100",
-	200: "100",
-	300: "200",
-	400: "200",
-	500: "300",
 	xs: "100",
 	sm: "100",
 	md: "200",

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

@@ -1 +1 @@
-{"version":3,"file":"split-button-constants.js","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":";AAAA,IAAa,IAA0B;CAErC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe,EACb,4BACD"}
+{"version":3,"file":"split-button-constants.js","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":";AAAA,IAAa,IAA0B;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe,EACb,4BACD"}

package/dist/lib/split-button/split-button-omega.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button.cjs`),r=require(`./split-button-constants.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`SplitButtonOmega`,components:{DtButton:n.default,DtIconChevronDown:a.DtIconChevronDown},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},disabled:{type:Boolean,default:!1},id:{type:String,default:e.getUniqueString()},importance:{type:String,default:`primary`},kind:{type:String,default:`default`},size:{type:String,default:`md`},tooltipText:{type:String,default:``}},data(){return{SPLIT_BUTTON_ICON_SIZES:r.SPLIT_BUTTON_ICON_SIZES}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-chevron-down`),c=(0,i.resolveComponent)(`dt-button`),l=(0,i.resolveDirective)(`dt-tooltip`);return(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createBlock)(c,{id:n.id,"data-qa":`dt-split-button-omega`,active:n.active,"aria-label":n.ariaLabel,class:(0,i.normalizeClass)(`d-split-btn__omega d-split-btn__omega--${n.size}`),disabled:n.disabled,importance:n.importance,kind:n.kind,size:n.size},{icon:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`icon`,{size:a.SPLIT_BUTTON_ICON_SIZES[n.size]},()=>[(0,i.createVNode)(s,{size:a.SPLIT_BUTTON_ICON_SIZES[n.size]},null,8,[`size`])])]),_:3},8,[`id`,`active`,`aria-label`,`class`,`disabled`,`importance`,`kind`,`size`])),[[l,{message:n.tooltipText,inverted:n.kind===`inverted`}]])}var c=t.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=split-button-omega.cjs.map

package/dist/lib/split-button/split-button-omega.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-omega.cjs","names":[],"sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-omega\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonOmega',\n  components: {\n    DtButton,\n    DtIconChevronDown,\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     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\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     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"mappings":"wXA8BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBACN,WAAY,CACV,SAAA,EAAA,QACA,kBAAA,EAAA,kBACD,CAED,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,GAAI,CACF,KAAM,OACN,QAAS,EAAA,iBAAiB,CAC3B,CAKD,WAAY,CACV,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,wBAAA,EAAA,wBACD,EAEJ,2NAzFa,EAAA,CAnBT,GAAI,EAAA,GAEL,UAAQ,wBACP,OAAQ,EAAA,OACR,aAAY,EAAA,UACZ,OAAA,EAAA,EAAA,gBAAK,0CAA4C,EAAA,OAAI,CACrD,SAAU,EAAA,SACV,WAAY,EAAA,WACZ,KAAM,EAAA,KACN,KAAM,EAAA,OAEI,MAAA,EAAA,EAAA,aAMF,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAHJ,KAAM,EAAA,wBAAwB,EAAA,MAAA,KAG1B,EAAA,EAAA,EAAA,aADyD,EAAA,CAAvC,KAAM,EAAA,wBAAwB,EAAA,MAAA,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kGAfhC,EAAA,YAAW,SAAY,EAAA,OAAI,WAAA,CAAA,CAAA,CAAA"}

package/dist/lib/split-button/{split-button-end.js → split-button-omega.js}

@@ -3,11 +3,11 @@ import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import n from "../button/button.js";
 import { SPLIT_BUTTON_ICON_SIZES as r } from "./split-button-constants.js";
 import { createBlock as i, createVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveComponent as l, resolveDirective as u, withCtx as d, withDirectives as f } from "vue";
-import { DtIconChevronDown as p } from "@dialpad/dialtone-icons/vue";
-//#region components/split_button/split_button-end.vue
+import { DtIconChevronDown as p } from "@dialpad/dialtone-icons/vue3";
+//#region components/split_button/split_button-omega.vue
 var m = {
 	compatConfig: { MODE: 3 },
-	name: "SplitButtonEnd",
+	name: "SplitButtonOmega",
 	components: {
 		DtButton: n,
 		DtIconChevronDown: p
@@ -38,8 +38,8 @@ var m = {
 			default: "default"
 		},
 		size: {
-			type: [String, Number],
-			default: 300
+			type: String,
+			default: "md"
 		},
 		tooltipText: {
 			type: String,
@@ -54,16 +54,16 @@ function h(e, t, n, r, p, m) {
 	let h = l("dt-icon-chevron-down"), g = l("dt-button"), _ = u("dt-tooltip");
 	return f((s(), i(g, {
 		id: n.id,
-		"data-qa": "dt-split-button-end",
+		"data-qa": "dt-split-button-omega",
 		active: n.active,
 		"aria-label": n.ariaLabel,
-		class: o(`d-split-btn__end d-split-btn__end--${n.size}`),
+		class: o(`d-split-btn__omega d-split-btn__omega--${n.size}`),
 		disabled: n.disabled,
 		importance: n.importance,
 		kind: n.kind,
 		size: n.size
 	}, {
-		icon: d(() => [c(e.$slots, "icon", { size: p.SPLIT_BUTTON_ICON_SIZES[String(n.size)] }, () => [a(h, { size: p.SPLIT_BUTTON_ICON_SIZES[String(n.size)] }, null, 8, ["size"])])]),
+		icon: d(() => [c(e.$slots, "icon", { size: p.SPLIT_BUTTON_ICON_SIZES[n.size] }, () => [a(h, { size: p.SPLIT_BUTTON_ICON_SIZES[n.size] }, null, 8, ["size"])])]),
 		_: 3
 	}, 8, [
 		"id",
@@ -83,4 +83,4 @@ var g = /* @__PURE__ */ t(m, [["render", h]]);
 //#endregion
 export { g as default };
 
-//# sourceMappingURL=split-button-end.js.map
+//# sourceMappingURL=split-button-omega.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-omega.js","names":[],"sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-omega\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonOmega',\n  components: {\n    DtButton,\n    DtIconChevronDown,\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     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\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     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;;;;AA8BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA;EACD;CAED,OAAO;EAIL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,IAAI;GACF,MAAM;GACN,SAAS,GAAiB;GAC3B;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,4BACD;;CAEJ;;;gBA7GC,EAoBY,GAAA;EAnBT,IAAI,EAAA;EAEL,WAAQ;EACP,QAAQ,EAAA;EACR,cAAY,EAAA;EACZ,OAAK,EAAA,0CAA4C,EAAA,OAAI;EACrD,UAAU,EAAA;EACV,YAAY,EAAA;EACZ,MAAM,EAAA;EACN,MAAM,EAAA;;EAEI,MAAI,QAMN,CALP,EAKO,EAAA,QAAA,QAAA,EAHJ,MAAM,EAAA,wBAAwB,EAAA,OAAA,QAG1B,CADL,EAA8D,GAAA,EAAvC,MAAM,EAAA,wBAAwB,EAAA,OAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;WAfhC,EAAA;EAAW,UAAY,EAAA,SAAI;EAAA,CAAA,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button-constants.cjs`),r=require(`../dropdown/dropdown.cjs`),i=require(`./split-button-start.cjs`),a=require(`./split-button-end.cjs`);let o=require(`vue`);var s={compatConfig:{MODE:3},name:`DtSplitButton`,components:{SplitButtonEnd:a.default,DtDropdown:r.default,SplitButtonStart:i.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(n.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(n.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(n.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(n.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,Number],default:300,validator:e=>Object.keys(n.BUTTON_SIZE_MODIFIERS).includes(String(e))},width:{type:String,default:null},showDivider:{type:Boolean,default:!0},startTo:{type:[String,Object],default:null},startReplace:{type:Boolean,default:!1},startHref:{type:String,default:null},startTarget:{type:String,default:null},startRel:{type:String,default:null}},emits:[`start-clicked`,`alpha-clicked`,`end-clicked`,`omega-clicked`],data(){return{isDropdownOpen:!1}},computed:{startButtonProps(){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,to:this.startTo,replace:this.startReplace,href:this.startHref,target:this.startTarget,rel:this.startRel,class:this.$attrs.class,style:this.$attrs.style}},endButtonProps(){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(){e.warnIfUnmounted(e.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.validateStartButtonProps(),this.validateEndButtonProps(),this.validateShowDivider()},validateStartButtonProps(){e.hasSlotContent(this.$slots.default)||(e.hasSlotContent(this.$slots.startIcon)||e.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn(`start-tooltip-text prop must be set if start button has an icon only`)},validateEndButtonProps(){e.hasSlotContent(this.$slots.end)||e.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn(`end-tooltip-text prop is required as it is an icon-only button`)},validateShowDivider(){!this.showDivider&&this.importance!==`clear`&&console.warn(`show-divider prop set to false has no effect when importance is not "clear". The divider is always shown for "outlined" and "primary" importances.`)}}};function c(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`split-button-start`),c=(0,o.resolveComponent)(`split-button-end`),l=(0,o.resolveComponent)(`dt-dropdown`);return(0,o.openBlock)(),(0,o.createElementBlock)(`span`,{"data-qa":`dt-split-button`,class:(0,o.normalizeClass)([`d-split-btn`,{"d-split-btn--no-divider":!n.showDivider&&n.importance===`clear`},e.$attrs.class]),style:(0,o.normalizeStyle)([e.$attrs.style,{width:n.width}])},[(0,o.createVNode)(s,(0,o.mergeProps)(a.startButtonProps,{ref:`startButton`,onClick:a.onStartClick}),(0,o.createSlots)({default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`default`)]),_:2},[e.$slots.startEndIcon?{name:`startIcon`,fn:(0,o.withCtx)(({size:t})=>[e.$slots.startIcon?(0,o.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`0`}:void 0,e.$slots.startEndIcon?{name:`endIcon`,fn:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`startEndIcon`,{size:t})]),key:`1`}:void 0,e.$slots.startEndIcon?void 0:{name:`icon`,fn:(0,o.withCtx)(({size:t})=>[e.$slots.startIcon?(0,o.renderSlot)(e.$slots,`startIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`alphaIcon`,{key:1,size:t})]),key:`2`},e.$slots.leading?{name:`leading`,fn:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`leading`)]),key:`3`}:void 0,e.$slots.trailing?{name:`trailing`,fn:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`trailing`)]),key:`4`}:void 0]),1040,[`onClick`]),e.$slots.end?(0,o.renderSlot)(e.$slots,`end`,{key:0}):e.$slots.omega?(0,o.renderSlot)(e.$slots,`omega`,{key:1}):((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:2},[e.$slots.dropdownList?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,placement:n.dropdownPlacement,onClick:t[0]||(t[0]=e=>i.isDropdownOpen=!0),onOpened:t[1]||(t[1]=e=>i.isDropdownOpen=e)},{anchor:(0,o.withCtx)(t=>[(0,o.createVNode)(c,(0,o.mergeProps)({...t,...a.endButtonProps},{active:i.isDropdownOpen,onClick:a.onEndClick}),{icon:(0,o.withCtx)(({size:t})=>[e.$slots.endIcon?(0,o.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`active`,`onClick`])]),list:(0,o.withCtx)(({close:t})=>[(0,o.renderSlot)(e.$slots,`dropdownList`,{close:t})]),_:3},8,[`placement`])):((0,o.openBlock)(),(0,o.createBlock)(c,(0,o.mergeProps)({key:1},a.endButtonProps,{onClick:a.onEndClick}),{icon:(0,o.withCtx)(({size:t})=>[e.$slots.endIcon?(0,o.renderSlot)(e.$slots,`endIcon`,{key:0,size:t}):(0,o.renderSlot)(e.$slots,`omegaIcon`,{key:1,size:t})]),_:3},16,[`onClick`]))],64))],6)}var l=t.t(s,[[`render`,c]]);exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button-constants.cjs`),r=require(`../dropdown/dropdown.cjs`),i=require(`./split-button-alpha.cjs`),a=require(`./split-button-omega.cjs`);let o=require(`vue`);var s={compatConfig:{MODE:3},name:`DtSplitButton`,components:{SplitButtonOmega:a.default,DtDropdown:r.default,SplitButtonAlpha:i.default},inheritAttrs:!1,props:{alphaActive:{type:Boolean,default:!1},alphaAriaLabel:{type:String,default:null},alphaIconPosition:{type:String,default:`left`,validator:e=>Object.keys(n.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(n.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(n.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(n.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(){e.warnIfUnmounted(e.returnFirstEl(this.$el),this.$options.name)},methods:{validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){e.hasSlotContent(this.$slots.default)||e.hasSlotContent(this.$slots.alphaIcon)&&!this.alphaTooltipText&&console.warn(`alpha-tooltip-text prop must be set if alpha button has an icon only`)},validateOmegaButtonProps(){e.hasSlotContent(this.$slots.omega)||this.omegaTooltipText||console.warn(`omega-tooltip-text prop is required as it is an icon-only button`)}}};function c(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`split-button-alpha`),c=(0,o.resolveComponent)(`split-button-omega`),l=(0,o.resolveComponent)(`dt-dropdown`);return(0,o.openBlock)(),(0,o.createElementBlock)(`span`,{"data-qa":`dt-split-button`,class:(0,o.normalizeClass)([n.rootClass,`d-split-btn`]),style:(0,o.normalizeStyle)({width:n.width})},[(0,o.createVNode)(s,(0,o.mergeProps)(a.alphaButtonProps,{ref:`alphaButton`,onClick:t[0]||(t[0]=t=>e.$emit(`alpha-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`alphaIcon`,{size:t})]),default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`default`)]),_:3},16),(0,o.renderSlot)(e.$slots,`omega`,{},()=>[e.$slots.dropdownList?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,placement:n.dropdownPlacement,onClick:t[2]||(t[2]=e=>i.isDropdownOpen=!0),onOpened:t[3]||(t[3]=e=>i.isDropdownOpen=e)},{anchor:(0,o.withCtx)(n=>[(0,o.createVNode)(c,(0,o.mergeProps)({...n,...a.omegaButtonProps},{active:i.isDropdownOpen,onClick:t[1]||(t[1]=t=>e.$emit(`omega-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`omegaIcon`,{size:t})]),_:3},16,[`active`])]),list:(0,o.withCtx)(({close:t})=>[(0,o.renderSlot)(e.$slots,`dropdownList`,{close:t})]),_:3},8,[`placement`])):((0,o.openBlock)(),(0,o.createBlock)(c,(0,o.mergeProps)({key:1},a.omegaButtonProps,{onClick:t[4]||(t[4]=t=>e.$emit(`omega-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`omegaIcon`,{size:t})]),_:3},16))])],6)}var l=t.t(s,[[`render`,c]]);exports.default=l;
 //# sourceMappingURL=split-button.cjs.map