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

package/dist/lib/selectmenu/selectmenuvalidators.cjs

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>typeof e.value==`string`||typeof e.value==`number`,t=e=>e.label?typeof e.label==`string`:!1,n=n=>n?n.every(n=>!(!e(n)||!t(n))):!0;exports.optionsValidator=n;
-//# sourceMappingURL=selectmenuvalidators.cjs.map

package/dist/lib/selectmenu/selectmenuvalidators.cjs.map

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

package/dist/lib/selectmenu/selectmenuvalidators.js

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

package/dist/lib/selectmenu/selectmenuvalidators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectmenuvalidators.js","names":[],"sources":["../../../components/SelectMenu/SelectMenuValidators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"mappings":";AAAA,IAAM,KAAsB,MACnB,OAAO,EAAO,SAAU,YAAY,OAAO,EAAO,SAAU,UAG/D,KAAsB,MACrB,EAAO,QAIL,OAAO,EAAO,SAAU,WAHtB,IAME,KAAmB,MACzB,IAIE,EAAQ,OAAM,MAKnB,EAJI,CAAC,EAAoB,EAAO,IAI5B,CAAC,EAAoB,EAAO,EAKhC,GAbO"}

package/dist/lib/skeleton/skeletonconstants.cjs

@@ -1,2 +0,0 @@
-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;
-//# sourceMappingURL=skeletonconstants.cjs.map

package/dist/lib/skeleton/skeletonconstants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonconstants.cjs","names":[],"sources":["../../../components/Skeleton/SkeletonConstants.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"}

package/dist/lib/skeleton/skeletonconstants.js

@@ -1,30 +0,0 @@
-//#region components/Skeleton/SkeletonConstants.js
-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
-};
-//#endregion
-export { i as SKELETON_HEADING_HEIGHTS, e as SKELETON_RIPPLE_DURATION, t as SKELETON_SHAPES, r as SKELETON_SHAPE_SIZES, n as SKELETON_TEXT_TYPES, a as default };
-
-//# sourceMappingURL=skeletonconstants.js.map

package/dist/lib/skeleton/skeletonconstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonconstants.js","names":[],"sources":["../../../components/Skeleton/SkeletonConstants.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"}

package/dist/lib/skeleton/skeletonlistitem.cjs

@@ -1,2 +0,0 @@
-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(`./skeletonconstants.cjs`),n=require(`./skeletonshape.cjs`),r=require(`./skeletonparagraph.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;
-//# sourceMappingURL=skeletonlistitem.cjs.map

package/dist/lib/skeleton/skeletonlistitem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonlistitem.cjs","names":[],"sources":["../../../components/Skeleton/SkeletonListItem.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 './SkeletonConstants';\nimport DtSkeletonShape from './SkeletonShape.vue';\nimport DtSkeletonParagraph from './SkeletonParagraph.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":"mUAoCA,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"}

package/dist/lib/skeleton/skeletonlistitem.js

@@ -1,91 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { SKELETON_SHAPES as t } from "./skeletonconstants.js";
-import n from "./skeletonshape.js";
-import r from "./skeletonparagraph.js";
-import { createElementBlock as i, createElementVNode as a, createVNode as o, mergeProps as s, normalizeClass as c, openBlock as l, resolveComponent as u } from "vue";
-//#region components/Skeleton/SkeletonListItem.vue
-var d = {
-	compatConfig: { MODE: 3 },
-	name: "DtSkeletonListItem",
-	components: {
-		DtSkeletonShape: n,
-		DtSkeletonParagraph: r
-	},
-	props: {
-		shape: {
-			type: String,
-			default: "circle",
-			validator: (e) => Object.keys(t).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: ""
-		}
-	}
-}, f = { class: "d-skeleton-list-item__paragraph-container" };
-function p(e, t, n, r, d, p) {
-	let m = u("dt-skeleton-shape"), h = u("dt-skeleton-paragraph");
-	return l(), i("div", {
-		"data-qa": "skeleton-list-item",
-		class: c([
-			"d-skeleton-list-item",
-			{ "d-skeleton-list-item--single": n.paragraphs.rows === 1 },
-			n.contentClass
-		])
-	}, [o(m, {
-		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"
-	]), a("div", f, [o(h, s(n.paragraphs, {
-		"animation-duration": n.animationDuration,
-		animate: n.animate,
-		offset: n.offset
-	}), null, 16, [
-		"animation-duration",
-		"animate",
-		"offset"
-	])])], 2);
-}
-var m = /* @__PURE__ */ e(d, [["render", p]]);
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=skeletonlistitem.js.map

package/dist/lib/skeleton/skeletonlistitem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonlistitem.js","names":[],"sources":["../../../components/Skeleton/SkeletonListItem.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 './SkeletonConstants';\nimport DtSkeletonShape from './SkeletonShape.vue';\nimport DtSkeletonParagraph from './SkeletonParagraph.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"}

package/dist/lib/skeleton/skeletonparagraph.cjs

@@ -1,2 +0,0 @@
-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(`./skeletontext.cjs`);let n=require(`vue`);var r=e=>e!==``&&!Number.isNaN(Number(e)),i={compatConfig:{MODE:3},name:`DtSkeletonParagraph`,components:{DtSkeletonText:t.default},props:{rows:{type:[Number,String],default:3,validator:r},animate:{type:Boolean,default:!0},minWidth:{type:[Number,String],default:30,validator:r},maxWidth:{type:[Number,String],default:100,validator:r},width:{type:[String,Array],default:null},randomWidth:{type:Boolean,default:!1},offset:{type:Number,default:1},animationDuration:{type:Number,default:-1},contentClass:{type:String,default:``},rowClass:{type:String,default:``}},computed:{integerRows(){return Number(this.rows)}},methods:{randomWidthPercentage(){let e=Math.min(this.minWidth,this.maxWidth),t=Math.max(this.minWidth,this.maxWidth);return`${Math.round(Math.random()*(t-e))+e}%`},getSizeParagraphRow(e){let t=this.width,n=Array.isArray(t),r=t?.[e-1],i=e===this.rows;return this.randomWidth?this.randomWidthPercentage():t&&!n?t:t&&n&&r?r:i?`38%`:`100%`}}};function a(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-skeleton-text`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-skeleton-paragraph`,r.contentClass]),contentClass:``,"data-qa":`skeleton-paragraph`},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(o.integerRows,e=>((0,n.openBlock)(),(0,n.createBlock)(s,{key:e,"data-qa":`skeleton-paragraph-row`,"content-class":r.rowClass,animate:r.animate,offset:r.offset,"animation-duration":r.animationDuration,width:o.getSizeParagraphRow(e)},null,8,[`content-class`,`animate`,`offset`,`animation-duration`,`width`]))),128))],2)}var o=e.t(i,[[`render`,a]]);exports.default=o;
-//# sourceMappingURL=skeletonparagraph.cjs.map

package/dist/lib/skeleton/skeletonparagraph.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonparagraph.cjs","names":[],"sources":["../../../components/Skeleton/SkeletonParagraph.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-skeleton-paragraph',\n      contentClass,\n    ]\"\n    contentClass\n    data-qa=\"skeleton-paragraph\"\n  >\n    <dt-skeleton-text\n      v-for=\"row in integerRows\"\n      :key=\"row\"\n      data-qa=\"skeleton-paragraph-row\"\n      :content-class=\"rowClass\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :animation-duration=\"animationDuration\"\n      :width=\"getSizeParagraphRow(row)\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonText from './SkeletonText.vue';\n\nconst validator = number => number !== '' && !Number.isNaN(Number(number));\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonParagraph',\n  components: {\n    DtSkeletonText,\n  },\n\n  props: {\n    /**\n     * Quantity of rows to display\n     */\n    rows: {\n      type: [Number, String],\n      default: 3,\n      validator,\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     * Controls the min width of paragraphs\n     */\n    minWidth: {\n      type: [Number, String],\n      default: 30,\n      validator,\n    },\n\n    /**\n     * Controls the max width of paragraphs\n     */\n    maxWidth: {\n      type: [Number, String],\n      default: 100,\n      validator,\n    },\n\n    /**\n     * Controls the width of paragraphs\n     */\n    width: {\n      type: [String, Array],\n      default: null,\n    },\n\n    /**\n     * If true, row widths will be random\n     * @values true, false\n     */\n    randomWidth: {\n      type: Boolean,\n      default: false,\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     * 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the row.\n     */\n    rowClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  computed: {\n    integerRows () {\n      return Number(this.rows);\n    },\n  },\n\n  methods: {\n    randomWidthPercentage () {\n      const min = Math.min(this.minWidth, this.maxWidth);\n      const max = Math.max(this.minWidth, this.maxWidth);\n      return `${Math.round(Math.random() * (max - min)) + min}%`;\n    },\n\n    getSizeParagraphRow (row) {\n      const paragraphWidth = this.width;\n      const isArrayWidth = Array.isArray(paragraphWidth);\n      const currentWidth = paragraphWidth?.[row - 1];\n      const isLastRow = row === this.rows;\n\n      if (this.randomWidth) {\n        return this.randomWidthPercentage();\n      }\n\n      if (paragraphWidth && !isArrayWidth) {\n        return paragraphWidth;\n      }\n\n      if (paragraphWidth && isArrayWidth && currentWidth) {\n        return currentWidth;\n      }\n\n      return isLastRow ? '38%' : '100%';\n    },\n  },\n};\n</script>\n"],"mappings":"wPAyBA,IAAM,EAAY,GAAU,IAAW,IAAM,CAAC,OAAO,MAAM,OAAO,EAAO,CAAC,CACrE,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBACN,WAAY,CACV,eAAA,EAAA,QACD,CAED,MAAO,CAIL,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,EACT,YACD,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,GACT,YACD,CAKD,SAAU,CACR,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,YACD,CAKD,MAAO,CACL,KAAM,CAAC,OAAQ,MAAM,CACrB,QAAS,KACV,CAMD,YAAa,CACX,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,OACN,QAAS,GACV,CACF,CAED,SAAU,CACR,aAAe,CACb,OAAO,OAAO,KAAK,KAAK,EAE3B,CAED,QAAS,CACP,uBAAyB,CACvB,IAAM,EAAM,KAAK,IAAI,KAAK,SAAU,KAAK,SAAS,CAC5C,EAAM,KAAK,IAAI,KAAK,SAAU,KAAK,SAAS,CAClD,MAAO,GAAG,KAAK,MAAM,KAAK,QAAO,EAAK,EAAM,GAAI,CAAI,EAAI,IAG1D,oBAAqB,EAAK,CACxB,IAAM,EAAiB,KAAK,MACtB,EAAe,MAAM,QAAQ,EAAe,CAC5C,EAAe,IAAiB,EAAM,GACtC,EAAY,IAAQ,KAAK,KAc/B,OAZI,KAAK,YACA,KAAK,uBAAuB,CAGjC,GAAkB,CAAC,EACd,EAGL,GAAkB,GAAgB,EAC7B,EAGF,EAAY,MAAQ,QAE9B,CACF,2HA5IO,MAAA,CAjBH,OAAA,EAAA,EAAA,gBAAK,CAAA,uBAAwC,EAAA,aAAA,CAAA,CAI9C,aAAA,GACA,UAAQ,qEAWN,EAAA,SAAA,MAAA,EAAA,EAAA,YARc,EAAA,YAAP,wCAQP,EAAA,CAPC,IAAK,EACN,UAAQ,yBACP,gBAAe,EAAA,SACf,QAAS,EAAA,QACT,OAAQ,EAAA,OACR,qBAAoB,EAAA,kBACpB,MAAO,EAAA,oBAAoB,EAAG"}

package/dist/lib/skeleton/skeletonparagraph.js

@@ -1,94 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import t from "./skeletontext.js";
-import { Fragment as n, createBlock as r, createElementBlock as i, normalizeClass as a, openBlock as o, renderList as s, resolveComponent as c } from "vue";
-//#region components/Skeleton/SkeletonParagraph.vue
-var l = (e) => e !== "" && !Number.isNaN(Number(e)), u = {
-	compatConfig: { MODE: 3 },
-	name: "DtSkeletonParagraph",
-	components: { DtSkeletonText: t },
-	props: {
-		rows: {
-			type: [Number, String],
-			default: 3,
-			validator: l
-		},
-		animate: {
-			type: Boolean,
-			default: !0
-		},
-		minWidth: {
-			type: [Number, String],
-			default: 30,
-			validator: l
-		},
-		maxWidth: {
-			type: [Number, String],
-			default: 100,
-			validator: l
-		},
-		width: {
-			type: [String, Array],
-			default: null
-		},
-		randomWidth: {
-			type: Boolean,
-			default: !1
-		},
-		offset: {
-			type: Number,
-			default: 1
-		},
-		animationDuration: {
-			type: Number,
-			default: -1
-		},
-		contentClass: {
-			type: String,
-			default: ""
-		},
-		rowClass: {
-			type: String,
-			default: ""
-		}
-	},
-	computed: { integerRows() {
-		return Number(this.rows);
-	} },
-	methods: {
-		randomWidthPercentage() {
-			let e = Math.min(this.minWidth, this.maxWidth), t = Math.max(this.minWidth, this.maxWidth);
-			return `${Math.round(Math.random() * (t - e)) + e}%`;
-		},
-		getSizeParagraphRow(e) {
-			let t = this.width, n = Array.isArray(t), r = t?.[e - 1], i = e === this.rows;
-			return this.randomWidth ? this.randomWidthPercentage() : t && !n ? t : t && n && r ? r : i ? "38%" : "100%";
-		}
-	}
-};
-function d(e, t, l, u, d, f) {
-	let p = c("dt-skeleton-text");
-	return o(), i("div", {
-		class: a(["d-skeleton-paragraph", l.contentClass]),
-		contentClass: "",
-		"data-qa": "skeleton-paragraph"
-	}, [(o(!0), i(n, null, s(f.integerRows, (e) => (o(), r(p, {
-		key: e,
-		"data-qa": "skeleton-paragraph-row",
-		"content-class": l.rowClass,
-		animate: l.animate,
-		offset: l.offset,
-		"animation-duration": l.animationDuration,
-		width: f.getSizeParagraphRow(e)
-	}, null, 8, [
-		"content-class",
-		"animate",
-		"offset",
-		"animation-duration",
-		"width"
-	]))), 128))], 2);
-}
-var f = /* @__PURE__ */ e(u, [["render", d]]);
-//#endregion
-export { f as default };
-
-//# sourceMappingURL=skeletonparagraph.js.map

package/dist/lib/skeleton/skeletonparagraph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonparagraph.js","names":[],"sources":["../../../components/Skeleton/SkeletonParagraph.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-skeleton-paragraph',\n      contentClass,\n    ]\"\n    contentClass\n    data-qa=\"skeleton-paragraph\"\n  >\n    <dt-skeleton-text\n      v-for=\"row in integerRows\"\n      :key=\"row\"\n      data-qa=\"skeleton-paragraph-row\"\n      :content-class=\"rowClass\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :animation-duration=\"animationDuration\"\n      :width=\"getSizeParagraphRow(row)\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonText from './SkeletonText.vue';\n\nconst validator = number => number !== '' && !Number.isNaN(Number(number));\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonParagraph',\n  components: {\n    DtSkeletonText,\n  },\n\n  props: {\n    /**\n     * Quantity of rows to display\n     */\n    rows: {\n      type: [Number, String],\n      default: 3,\n      validator,\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     * Controls the min width of paragraphs\n     */\n    minWidth: {\n      type: [Number, String],\n      default: 30,\n      validator,\n    },\n\n    /**\n     * Controls the max width of paragraphs\n     */\n    maxWidth: {\n      type: [Number, String],\n      default: 100,\n      validator,\n    },\n\n    /**\n     * Controls the width of paragraphs\n     */\n    width: {\n      type: [String, Array],\n      default: null,\n    },\n\n    /**\n     * If true, row widths will be random\n     * @values true, false\n     */\n    randomWidth: {\n      type: Boolean,\n      default: false,\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     * 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the row.\n     */\n    rowClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  computed: {\n    integerRows () {\n      return Number(this.rows);\n    },\n  },\n\n  methods: {\n    randomWidthPercentage () {\n      const min = Math.min(this.minWidth, this.maxWidth);\n      const max = Math.max(this.minWidth, this.maxWidth);\n      return `${Math.round(Math.random() * (max - min)) + min}%`;\n    },\n\n    getSizeParagraphRow (row) {\n      const paragraphWidth = this.width;\n      const isArrayWidth = Array.isArray(paragraphWidth);\n      const currentWidth = paragraphWidth?.[row - 1];\n      const isLastRow = row === this.rows;\n\n      if (this.randomWidth) {\n        return this.randomWidthPercentage();\n      }\n\n      if (paragraphWidth && !isArrayWidth) {\n        return paragraphWidth;\n      }\n\n      if (paragraphWidth && isArrayWidth && currentWidth) {\n        return currentWidth;\n      }\n\n      return isLastRow ? '38%' : '100%';\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAyBA,IAAM,KAAY,MAAU,MAAW,MAAM,CAAC,OAAO,MAAM,OAAO,EAAO,CAAC,EACrE,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EACV,gBAAA,GACD;CAED,OAAO;EAIL,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT;GACD;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT;GACD;EAKD,UAAU;GACR,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT;GACD;EAKD,OAAO;GACL,MAAM,CAAC,QAAQ,MAAM;GACrB,SAAS;GACV;EAMD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU,EACR,cAAe;AACb,SAAO,OAAO,KAAK,KAAK;IAE3B;CAED,SAAS;EACP,wBAAyB;GACvB,IAAM,IAAM,KAAK,IAAI,KAAK,UAAU,KAAK,SAAS,EAC5C,IAAM,KAAK,IAAI,KAAK,UAAU,KAAK,SAAS;AAClD,UAAO,GAAG,KAAK,MAAM,KAAK,QAAO,IAAK,IAAM,GAAI,GAAI,EAAI;;EAG1D,oBAAqB,GAAK;GACxB,IAAM,IAAiB,KAAK,OACtB,IAAe,MAAM,QAAQ,EAAe,EAC5C,IAAe,IAAiB,IAAM,IACtC,IAAY,MAAQ,KAAK;AAc/B,UAZI,KAAK,cACA,KAAK,uBAAuB,GAGjC,KAAkB,CAAC,IACd,IAGL,KAAkB,KAAgB,IAC7B,IAGF,IAAY,QAAQ;;EAE9B;CACF;;;aA9JC,EAkBM,OAAA;EAjBH,OAAK,EAAA,CAAA,wBAAwC,EAAA,aAAA,CAAA;EAI9C,cAAA;EACA,WAAQ;aAER,EASE,GAAA,MAAA,EARc,EAAA,cAAP,YADT,EASE,GAAA;EAPC,KAAK;EACN,WAAQ;EACP,iBAAe,EAAA;EACf,SAAS,EAAA;EACT,QAAQ,EAAA;EACR,sBAAoB,EAAA;EACpB,OAAO,EAAA,oBAAoB,EAAG"}

package/dist/lib/skeleton/skeletonshape.cjs

@@ -1,2 +0,0 @@
-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(`./skeletonconstants.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;
-//# sourceMappingURL=skeletonshape.cjs.map

package/dist/lib/skeleton/skeletonshape.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonshape.cjs","names":[],"sources":["../../../components/Skeleton/SkeletonShape.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 './SkeletonConstants';\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":"2SAuBA,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"}

package/dist/lib/skeleton/skeletonshape.js

@@ -1,72 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { SKELETON_SHAPES as t, SKELETON_SHAPE_SIZES as n } from "./skeletonconstants.js";
-import r from "../../common/mixins/skeleton.js";
-import { createElementBlock as i, normalizeClass as a, normalizeStyle as o, openBlock as s } from "vue";
-//#region components/Skeleton/SkeletonShape.vue
-var c = {
-	compatConfig: { MODE: 3 },
-	name: "DtSkeletonShape",
-	mixins: [r],
-	props: {
-		shape: {
-			type: String,
-			default: "circle",
-			validator: (e) => Object.keys(t).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 };
-	},
-	computed: { shapeStyles() {
-		let e = n[String(this.size)] || this.size;
-		return {
-			...this.skeletonStyle,
-			"min-width": e,
-			"max-width": e,
-			"min-height": e,
-			"max-height": e
-		};
-	} }
-};
-function l(e, t, n, r, c, l) {
-	return s(), i("div", {
-		ref: "skeleton",
-		"data-qa": "skeleton-shape",
-		class: a([
-			"d-skeleton-placeholder",
-			c.SKELETON_SHAPES[n.shape],
-			{ "d-skeleton-placeholder--animate": n.animate },
-			n.contentClass
-		]),
-		style: o(l.shapeStyles)
-	}, null, 6);
-}
-var u = /* @__PURE__ */ e(c, [["render", l]]);
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=skeletonshape.js.map

package/dist/lib/skeleton/skeletonshape.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletonshape.js","names":[],"sources":["../../../components/Skeleton/SkeletonShape.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 './SkeletonConstants';\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"}

package/dist/lib/skeleton/skeletontext.cjs

@@ -1,2 +0,0 @@
-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(`./skeletonconstants.cjs`),n=require(`../../common/mixins/skeleton.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtSkeletonText`,mixins:[n.default],props:{type:{type:String,default:`body`,validator:e=>t.SKELETON_TEXT_TYPES.includes(e)},headingHeight:{type:String,default:`md`,validator:e=>Object.keys(t.SKELETON_HEADING_HEIGHTS).includes(e)},width:{type:String,default:`100%`},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!1},offset:{type:Number,default:1},contentClass:{type:String,default:``}},data(){return{SKELETON_HEADING_HEIGHTS:t.SKELETON_HEADING_HEIGHTS}}};function a(e,t,n,i,a,o){return n.type===`body`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:`skeleton`,"data-qa":`skeleton-text-body`,class:(0,r.normalizeClass)([`d-skeleton-text`,`d-skeleton-placeholder`,{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:(0,r.normalizeStyle)({width:n.width,...e.skeletonStyle})},null,6)):n.type===`heading`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:`skeleton`,"data-qa":`skeleton-text-heading`,class:(0,r.normalizeClass)([a.SKELETON_HEADING_HEIGHTS[n.headingHeight],`d-skeleton-text--heading`,`d-skeleton-placeholder`,{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:(0,r.normalizeStyle)({width:n.width,...e.skeletonStyle})},null,6)):(0,r.createCommentVNode)(``,!0)}var o=e.t(i,[[`render`,a]]);exports.default=o;
-//# sourceMappingURL=skeletontext.cjs.map

package/dist/lib/skeleton/skeletontext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletontext.cjs","names":[],"sources":["../../../components/Skeleton/SkeletonText.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"type === 'body'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-body\"\n    :class=\"[\n      'd-skeleton-text',\n      'd-skeleton-placeholder',\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n  <div\n    v-else-if=\"type === 'heading'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-heading\"\n    :class=\"[\n      SKELETON_HEADING_HEIGHTS[headingHeight],\n      'd-skeleton-text--heading',\n      'd-skeleton-placeholder',\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n</template>\n\n<script>\nimport { SKELETON_HEADING_HEIGHTS, SKELETON_TEXT_TYPES } from './SkeletonConstants';\nimport SkeletonAnimation from '@/common/mixins/skeleton';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonText',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Skeleton type\n     * @values body, heading\n     */\n    type: {\n      type: String,\n      default: 'body',\n      validator: type => SKELETON_TEXT_TYPES.includes(type),\n    },\n\n    /**\n     * Heading height\n     * @values sm, md, lg\n     */\n    headingHeight: {\n      type: String,\n      default: 'md',\n      validator: headingHeight => Object.keys(SKELETON_HEADING_HEIGHTS).includes(headingHeight),\n    },\n\n    /**\n     * Width of the skeleton\n     */\n    width: {\n      type: String,\n      default: '100%',\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: false,\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,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_HEADING_HEIGHTS,\n    };\n  },\n};\n</script>\n"],"mappings":"2SA0CA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,iBAEN,OAAQ,CAAC,EAAA,QAAkB,CAE3B,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAW,GAAQ,EAAA,oBAAoB,SAAS,EAAK,CACtD,CAMD,cAAe,CACb,KAAM,OACN,QAAS,KACT,UAAW,GAAiB,OAAO,KAAK,EAAA,yBAAyB,CAAC,SAAS,EAAc,CAC1F,CAKD,MAAO,CACL,KAAM,OACN,QAAS,OACV,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,OACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,yBAAA,EAAA,yBACD,EAEJ,gCAvHS,EAAA,OAAI,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAeV,MAAA,OAdA,IAAI,WACJ,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,+EAAgH,EAAA,QAAA,CAAwB,EAAA,eAQ7I,OAAA,EAAA,EAAA,gBAAK,OAAU,EAAA,SAAgB,EAAA,0BAMrB,EAAA,OAAI,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAgBf,MAAA,OAfA,IAAI,WACJ,UAAQ,wBACP,OAAA,EAAA,EAAA,gBAAK,CAAU,EAAA,yBAAyB,EAAA,sGAAqI,EAAA,QAAA,CAAwB,EAAA,eASrM,OAAA,EAAA,EAAA,gBAAK,OAAU,EAAA,SAAgB,EAAA"}

package/dist/lib/skeleton/skeletontext.js

@@ -1,82 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { SKELETON_HEADING_HEIGHTS as t, SKELETON_TEXT_TYPES as n } from "./skeletonconstants.js";
-import r from "../../common/mixins/skeleton.js";
-import { createCommentVNode as i, createElementBlock as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
-//#region components/Skeleton/SkeletonText.vue
-var l = {
-	compatConfig: { MODE: 3 },
-	name: "DtSkeletonText",
-	mixins: [r],
-	props: {
-		type: {
-			type: String,
-			default: "body",
-			validator: (e) => n.includes(e)
-		},
-		headingHeight: {
-			type: String,
-			default: "md",
-			validator: (e) => Object.keys(t).includes(e)
-		},
-		width: {
-			type: String,
-			default: "100%"
-		},
-		animationDuration: {
-			type: Number,
-			default: -1
-		},
-		animate: {
-			type: Boolean,
-			default: !1
-		},
-		offset: {
-			type: Number,
-			default: 1
-		},
-		contentClass: {
-			type: String,
-			default: ""
-		}
-	},
-	data() {
-		return { SKELETON_HEADING_HEIGHTS: t };
-	}
-};
-function u(e, t, n, r, l, u) {
-	return n.type === "body" ? (c(), a("div", {
-		key: 0,
-		ref: "skeleton",
-		"data-qa": "skeleton-text-body",
-		class: o([
-			"d-skeleton-text",
-			"d-skeleton-placeholder",
-			{ "d-skeleton-placeholder--animate": n.animate },
-			n.contentClass
-		]),
-		style: s({
-			width: n.width,
-			...e.skeletonStyle
-		})
-	}, null, 6)) : n.type === "heading" ? (c(), a("div", {
-		key: 1,
-		ref: "skeleton",
-		"data-qa": "skeleton-text-heading",
-		class: o([
-			l.SKELETON_HEADING_HEIGHTS[n.headingHeight],
-			"d-skeleton-text--heading",
-			"d-skeleton-placeholder",
-			{ "d-skeleton-placeholder--animate": n.animate },
-			n.contentClass
-		]),
-		style: s({
-			width: n.width,
-			...e.skeletonStyle
-		})
-	}, null, 6)) : i("", !0);
-}
-var d = /* @__PURE__ */ e(l, [["render", u]]);
-//#endregion
-export { d as default };
-
-//# sourceMappingURL=skeletontext.js.map

package/dist/lib/skeleton/skeletontext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeletontext.js","names":[],"sources":["../../../components/Skeleton/SkeletonText.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"type === 'body'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-body\"\n    :class=\"[\n      'd-skeleton-text',\n      'd-skeleton-placeholder',\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n  <div\n    v-else-if=\"type === 'heading'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-heading\"\n    :class=\"[\n      SKELETON_HEADING_HEIGHTS[headingHeight],\n      'd-skeleton-text--heading',\n      'd-skeleton-placeholder',\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n</template>\n\n<script>\nimport { SKELETON_HEADING_HEIGHTS, SKELETON_TEXT_TYPES } from './SkeletonConstants';\nimport SkeletonAnimation from '@/common/mixins/skeleton';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonText',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Skeleton type\n     * @values body, heading\n     */\n    type: {\n      type: String,\n      default: 'body',\n      validator: type => SKELETON_TEXT_TYPES.includes(type),\n    },\n\n    /**\n     * Heading height\n     * @values sm, md, lg\n     */\n    headingHeight: {\n      type: String,\n      default: 'md',\n      validator: headingHeight => Object.keys(SKELETON_HEADING_HEIGHTS).includes(headingHeight),\n    },\n\n    /**\n     * Width of the skeleton\n     */\n    width: {\n      type: String,\n      default: '100%',\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: false,\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,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_HEADING_HEIGHTS,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;;AA0CA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,QAAQ,CAAC,EAAkB;CAE3B,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAW,MAAQ,EAAoB,SAAS,EAAK;GACtD;EAMD,eAAe;GACb,MAAM;GACN,SAAS;GACT,YAAW,MAAiB,OAAO,KAAK,EAAyB,CAAC,SAAS,EAAc;GAC1F;EAKD,OAAO;GACL,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;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,6BACD;;CAEJ;;QAvHS,EAAA,SAAI,UAAA,GAAA,EADZ,EAgBE,OAAA;;EAdA,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;;;wCAAgH,EAAA,SAAA;GAAwB,EAAA;;EAQ7I,OAAK,EAAA;UAAU,EAAA;MAAgB,EAAA;;gBAMrB,EAAA,SAAI,aAAA,GAAA,EADjB,EAiBE,OAAA;;EAfA,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;GAAU,EAAA,yBAAyB,EAAA;;;wCAAqI,EAAA,SAAA;GAAwB,EAAA;;EASrM,OAAK,EAAA;UAAU,EAAA;MAAgB,EAAA"}

package/dist/lib/splitbutton/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./splitbuttonconstants.cjs`),t=require(`./splitbutton.cjs`);exports.DtSplitButton=t.default,exports.SPLIT_BUTTON_ICON_SIZES=e.SPLIT_BUTTON_ICON_SIZES;

package/dist/lib/splitbutton/index.js

@@ -1,3 +0,0 @@
-import { SPLIT_BUTTON_ICON_SIZES as e } from "./splitbuttonconstants.js";
-import t from "./splitbutton.js";
-export { t as DtSplitButton, e as SPLIT_BUTTON_ICON_SIZES };

package/dist/lib/splitbutton/splitbutton.cjs

@@ -1,2 +0,0 @@
-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/buttonconstants.cjs`),r=require(`../dropdown/dropdown.cjs`),i=require(`./splitbuttonstart.cjs`),a=require(`./splitbuttonend.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;
-//# sourceMappingURL=splitbutton.cjs.map

package/dist/lib/splitbutton/splitbutton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"splitbutton.cjs","names":[],"sources":["../../../components/SplitButton/SplitButton.vue"],"sourcesContent":["<template>\n  <span\n    data-qa=\"dt-split-button\"\n    :class=\"['d-split-btn', { 'd-split-btn--no-divider': !showDivider && importance === 'clear' }, $attrs.class]\"\n    :style=\"[$attrs.style, { width }]\"\n  >\n    <split-button-start\n      v-bind=\"startButtonProps\"\n      ref=\"startButton\"\n      @click=\"onStartClick\"\n    >\n      <!-- Dual-icon path: when startEndIcon is provided, use DtButton's startIcon/endIcon -->\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #startIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #endIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot End-positioned icon within the start button (enables dual icons on the start button) -->\n        <slot\n          name=\"startEndIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- Legacy single-icon path: uses DtButton's icon slot with iconPosition -->\n      <template\n        v-if=\"!$slots.startEndIcon\"\n        #icon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <template\n        v-if=\"$slots.leading\"\n        #leading\n      >\n        <!-- @slot Leading slot, forwarded to the alpha button's leading slot -->\n        <slot name=\"leading\" />\n      </template>\n      <template\n        v-if=\"$slots.trailing\"\n        #trailing\n      >\n        <!-- @slot Trailing slot, forwarded to the alpha button's trailing slot -->\n        <slot name=\"trailing\" />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-start>\n    <!-- @slot End (right) content slot, overrides end button styling and functionality completely -->\n    <template v-if=\"$slots.end\">\n      <slot name=\"end\" />\n    </template>\n    <!-- @slot @deprecated Use end -->\n    <template v-else-if=\"$slots.omega\">\n      <slot name=\"omega\" />\n    </template>\n    <template v-else>\n      <dt-dropdown\n        v-if=\"$slots.dropdownList\"\n        :placement=\"dropdownPlacement\"\n        @click=\"isDropdownOpen = true\"\n        @opened=\"open => isDropdownOpen = open\"\n      >\n        <template #anchor=\"attrs\">\n          <split-button-end\n            v-bind=\"{ ...attrs, ...endButtonProps }\"\n            :active=\"isDropdownOpen\"\n            @click=\"onEndClick\"\n          >\n            <template #icon=\"{ size: iconSize }\">\n              <!-- @slot End (right) button icon slot -->\n              <slot\n                v-if=\"$slots.endIcon\"\n                name=\"endIcon\"\n                :size=\"iconSize\"\n              />\n              <!-- @slot @deprecated Use endIcon -->\n              <slot\n                v-else\n                name=\"omegaIcon\"\n                :size=\"iconSize\"\n              />\n            </template>\n          </split-button-end>\n        </template>\n        <template #list=\"{ close }\">\n          <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n          <slot\n            name=\"dropdownList\"\n            :close=\"close\"\n          />\n        </template>\n      </dt-dropdown>\n\n      <split-button-end\n        v-else\n        v-bind=\"endButtonProps\"\n        @click=\"onEndClick\"\n      >\n        <template #icon=\"{ size: iconSize }\">\n          <!-- @slot End (right) button icon slot -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"omegaIcon\"\n            :size=\"iconSize\"\n          />\n        </template>\n      </split-button-end>\n    </template>\n  </span>\n</template>\n\n<script>\nimport {\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_SIZE_MODIFIERS,\n  ICON_POSITION_MODIFIERS,\n} from '@/components/Button';\nimport SplitButtonStart from './SplitButtonStart.vue';\nimport SplitButtonEnd from './SplitButtonEnd.vue';\nimport { DtDropdown } from '@/components/Dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSplitButton',\n\n  components: {\n    SplitButtonEnd,\n    DtDropdown,\n    SplitButtonStart,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the start button should have active styling\n     * @values true, false\n     */\n    startActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startActive\n     * @values true, false\n     */\n    alphaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the start button\n     */\n    startAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use startAriaLabel\n     */\n    alphaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The position of the icon slot within the start button.\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    startIconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * @deprecated Use startIconPosition\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    alphaIconPosition: {\n      type: String,\n      default: undefined,\n      validator: (position) => position === undefined || Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * Used to customize the start label container\n     */\n    startLabelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the start button leading container\n     */\n    startLeadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startLeadingClass\n     */\n    alphaLeadingClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Used to customize the start button trailing container\n     */\n    startTrailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startTrailingClass\n     */\n    alphaTrailingClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use startLabelClass\n     */\n    alphaLabelClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for start button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    startDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startDisabled\n     * @values true, false\n     */\n    alphaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the start button should display a loading animation or not.\n     * @values true, false\n     */\n    startLoading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startLoading\n     * @values true, false\n     */\n    alphaLoading: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the start button,\n     * required if no content is passed to default slot\n     */\n    startTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use startTooltipText\n     */\n    alphaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute for both buttons.\n     * Use startDisabled or endDisabled to disable buttons individually.\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    dropdownPlacement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * The color of the button.\n     * @values default, unstyled, muted, critical, positive\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether the end button should have active styling\n     * @values true, false\n     */\n    endActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endActive\n     * @values true, false\n     */\n    omegaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the end button\n     */\n    endAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use endAriaLabel\n     */\n    omegaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for end button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    endDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endDisabled\n     * @values true, false\n     */\n    omegaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover.\n     */\n    endId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endId\n     */\n    omegaId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the end button,\n     * required as it is an icon only button\n     */\n    endTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endTooltipText\n     */\n    omegaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the button.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Whether to show the vertical divider between the start and end buttons.\n     * Only applies when importance is \"clear\".\n     * @values true, false\n     */\n    showDivider: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Vue router `to` prop for the start button.\n     * When set, renders the start button as a `<router-link>`.\n     */\n    startTo: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`\n     * when navigating via `startTo`.\n     * @values true, false\n     */\n    startReplace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href for the start button.\n     * When set, renders the start button as an `<a>` element.\n     */\n    startHref: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the start button link.\n     * Only applies when `startHref` is set.\n     */\n    startTarget: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the start button link.\n     * Only applies when `startHref` is set.\n     */\n    startRel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Native start button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'start-clicked',\n\n    /**\n     * @deprecated Use start-clicked\n     */\n    'alpha-clicked',\n\n    /**\n     * Native end button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'end-clicked',\n\n    /**\n     * @deprecated Use end-clicked\n     */\n    'omega-clicked',\n  ],\n\n  data () {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n\n  computed: {\n    startButtonProps () {\n      return {\n        active: this.alphaActive ?? this.startActive,\n        ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,\n        assertiveOnFocus: this.assertiveOnFocus,\n        disabled: this.disabled || (this.alphaDisabled ?? this.startDisabled),\n        iconPosition: this.alphaIconPosition ?? this.startIconPosition,\n        labelClass: this.alphaLabelClass ?? this.startLabelClass,\n        leadingClass: this.alphaLeadingClass ?? this.startLeadingClass,\n        trailingClass: this.alphaTrailingClass ?? this.startTrailingClass,\n        loading: this.alphaLoading ?? this.startLoading,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.alphaTooltipText ?? this.startTooltipText,\n        to: this.startTo,\n        replace: this.startReplace,\n        href: this.startHref,\n        target: this.startTarget,\n        rel: this.startRel,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    endButtonProps () {\n      return {\n        id: this.omegaId ?? this.endId,\n        active: this.omegaActive ?? this.endActive,\n        ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,\n        disabled: this.disabled || (this.omegaDisabled ?? this.endDisabled),\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.omegaTooltipText ?? this.endTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n  },\n\n  created () {\n    this.validateProps();\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  methods: {\n    onStartClick () {\n      this.$emit('start-clicked');\n      this.$emit('alpha-clicked');\n    },\n\n    onEndClick () {\n      this.$emit('end-clicked');\n      this.$emit('omega-clicked');\n    },\n\n    validateProps () {\n      this.validateStartButtonProps();\n      this.validateEndButtonProps();\n      this.validateShowDivider();\n    },\n\n    validateStartButtonProps () {\n      if (hasSlotContent(this.$slots.default)) return;\n\n      if ((hasSlotContent(this.$slots.startIcon) || hasSlotContent(this.$slots.alphaIcon)) &&\n        !(this.alphaTooltipText ?? this.startTooltipText)) {\n        console.warn('start-tooltip-text prop must be set if start button has an icon only');\n      }\n    },\n\n    validateEndButtonProps () {\n      if (hasSlotContent(this.$slots.end) || hasSlotContent(this.$slots.omega)) return;\n\n      if (!(this.omegaTooltipText ?? this.endTooltipText)) {\n        console.warn('end-tooltip-text prop is required as it is an icon-only button');\n      }\n    },\n\n    validateShowDivider () {\n      if (!this.showDivider && this.importance !== 'clear') {\n        console.warn(\n          'show-divider prop set to false has no effect when importance is not \"clear\". ' +\n          'The divider is always shown for \"outlined\" and \"primary\" importances.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}