@dialpad/dialtone-vue 3.218.2 → 3.218.4

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

@@ -1,116 +1,82 @@
-import { SKELETON_HEADING_HEIGHTS as n, SKELETON_TEXT_TYPES as s } from "./skeleton-constants.js";
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { SKELETON_HEADING_HEIGHTS as t, SKELETON_TEXT_TYPES as n } from "./skeleton-constants.js";
 import r from "../../common/mixins/skeleton.js";
-import { openBlock as a, createElementBlock as l, normalizeStyle as o, normalizeClass as d, createCommentVNode as m } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const f = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeletonText",
-  mixins: [r],
-  props: {
-    /**
-     * Skeleton type
-     * @values body, heading
-     */
-    type: {
-      type: String,
-      default: "body",
-      validator: (t) => s.includes(t)
-    },
-    /**
-     * Heading height
-     * @values sm, md, lg
-     */
-    headingHeight: {
-      type: String,
-      default: "md",
-      validator: (t) => Object.keys(n).includes(t)
-    },
-    /**
-     * Width of the skeleton
-     */
-    width: {
-      type: String,
-      default: "100%"
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SKELETON_HEADING_HEIGHTS: n
-    };
-  }
+import { createCommentVNode as i, createElementBlock as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
+//#region components/skeleton/skeleton-text.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 y(t, k, e, u, i, h) {
-  return e.type === "body" ? (a(), l("div", {
-    key: 0,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-body",
-    class: d([
-      "d-skeleton-text",
-      "d-skeleton-placeholder",
-      {
-        "d-skeleton-placeholder--animate": e.animate
-      },
-      e.contentClass
-    ]),
-    style: o({
-      width: e.width,
-      ...t.skeletonStyle
-    })
-  }, null, 6)) : e.type === "heading" ? (a(), l("div", {
-    key: 1,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-heading",
-    class: d([
-      i.SKELETON_HEADING_HEIGHTS[e.headingHeight],
-      "d-skeleton-text--heading",
-      "d-skeleton-placeholder",
-      {
-        "d-skeleton-placeholder--animate": e.animate
-      },
-      e.contentClass
-    ]),
-    style: o({
-      width: e.width,
-      ...t.skeletonStyle
-    })
-  }, null, 6)) : m("", !0);
+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);
 }
-const p = /* @__PURE__ */ c(f, [["render", y]]);
-export {
-  p as default
-};
-//# sourceMappingURL=skeleton-text.js.map
+var d = /* @__PURE__ */ e(l, [["render", u]]);
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=skeleton-text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","sources":["../../../components/skeleton/skeleton-text.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 './skeleton_constants';\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"],"names":["_sfc_main","SkeletonAnimation","type","SKELETON_TEXT_TYPES","headingHeight","SKELETON_HEADING_HEIGHTS","$props","_createElementBlock","_normalizeClass","_normalizeStyle","_ctx","$data"],"mappings":";;;;AA0CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAQC,EAAoB,SAASD,CAAI;AAAA;;;;;IAOtD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAE,MAAiB,OAAO,KAAKC,CAAwB,EAAE,SAASD,CAAa;AAAA;;;;IAM1F,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,0BAAAC;AAAA;EAEJ;AACF;;SAvHUC,EAAA,SAAI,eADZC,EAgBE,OAAA;AAAA;IAdA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;;;2CAAgHF,EAAA;AAAA;MAAwBA,EAAA;AAAA;IAQ7I,OAAKG,EAAA;AAAA,aAAUH,EAAA;AAAA,SAAgBI,EAAA;AAAA;iBAMrBJ,EAAA,SAAI,kBADjBC,EAiBE,OAAA;AAAA;IAfA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA,MAAUG,EAAA,yBAAyBL,EAAA,aAAa;AAAA;;;2CAAwHA,EAAA;AAAA;MAAwBA,EAAA;AAAA;IASrM,OAAKG,EAAA;AAAA,aAAUH,EAAA;AAAA,SAAgBI,EAAA;AAAA;;;;"}
+{"version":3,"file":"skeleton-text.js","names":[],"sources":["../../../components/skeleton/skeleton-text.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 './skeleton_constants';\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/skeleton/skeleton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./skeleton-shape.cjs"),u=require("./skeleton-list-item.cjs"),m=require("./skeleton-paragraph.cjs"),c=require("./skeleton-text.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs");require("./skeleton-constants.cjs");const p={compatConfig:{MODE:3},name:"DtSkeleton",components:{DtSkeletonText:c.default,DtSkeletonShape:s.default,DtSkeletonListItem:u.default,DtSkeletonParagraph:m.default},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:""},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:"validator"}},methods:{validator(){const a=Object.entries(this.validationOptions).filter(([,n])=>n);if(a.length>=2){const n=`Use only one of ${a.map(([e])=>e).join(" | ")} options at the same time`;console.error(n)}}}},d=["aria-label"];function _(a,n,e,h,O,g){const o=t.resolveComponent("dt-skeleton-list-item"),i=t.resolveComponent("dt-skeleton-shape"),l=t.resolveComponent("dt-skeleton-paragraph"),r=t.resolveComponent("dt-skeleton-text");return t.openBlock(),t.createElementBlock("div",{"aria-busy":"true",role:"status","aria-label":e.ariaLabel},[e.listItemOption?(t.openBlock(),t.createBlock(o,t.mergeProps({key:0},e.listItemOption===!0?{}:e.listItemOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.shapeOption?(t.openBlock(),t.createBlock(i,t.mergeProps({key:1},e.shapeOption===!0?{}:e.shapeOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.paragraphOption?(t.openBlock(),t.createBlock(l,t.mergeProps({key:2},e.paragraphOption===!0?{}:e.paragraphOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):(t.openBlock(),t.createBlock(r,t.mergeProps({key:3},e.textOption||{},{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"]))],8,d)}const k=f._(p,[["render",_]]);exports.default=k;
-//# sourceMappingURL=skeleton.cjs.map
+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-shape.cjs`),n=require(`./skeleton-text.cjs`),r=require(`./skeleton-paragraph.cjs`),i=require(`./skeleton-list-item.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtSkeleton`,components:{DtSkeletonText:n.default,DtSkeletonShape:t.default,DtSkeletonListItem:i.default,DtSkeletonParagraph:r.default},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:``},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:`validator`}},methods:{validator(){let e=Object.entries(this.validationOptions).filter(([,e])=>e);if(e.length>=2){let t=`Use only one of ${e.map(([e])=>e).join(` | `)} options at the same time`;console.error(t)}}}},s=[`aria-label`];function c(e,t,n,r,i,o){let c=(0,a.resolveComponent)(`dt-skeleton-list-item`),l=(0,a.resolveComponent)(`dt-skeleton-shape`),u=(0,a.resolveComponent)(`dt-skeleton-paragraph`),d=(0,a.resolveComponent)(`dt-skeleton-text`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,{"aria-busy":`true`,role:`status`,"aria-label":n.ariaLabel},[n.listItemOption?((0,a.openBlock)(),(0,a.createBlock)(c,(0,a.mergeProps)({key:0},n.listItemOption===!0?{}:n.listItemOption,{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`])):n.shapeOption?((0,a.openBlock)(),(0,a.createBlock)(l,(0,a.mergeProps)({key:1},n.shapeOption===!0?{}:n.shapeOption,{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`])):n.paragraphOption?((0,a.openBlock)(),(0,a.createBlock)(u,(0,a.mergeProps)({key:2},n.paragraphOption===!0?{}:n.paragraphOption,{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`])):((0,a.openBlock)(),(0,a.createBlock)(d,(0,a.mergeProps)({key:3},n.textOption||{},{"animation-duration":n.animationDuration,animate:n.animate,offset:n.offset}),null,16,[`animation-duration`,`animate`,`offset`]))],8,s)}var l=e.t(o,[[`render`,c]]);exports.default=l;
+//# sourceMappingURL=skeleton.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","sources":["../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\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     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\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  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonText","DtSkeletonShape","DtSkeletonListItem","DtSkeletonParagraph","filtered","option","errorMessage","key","_createElementBlock","$props","_openBlock","_createBlock","_component_dt_skeleton_list_item","_mergeProps","_component_dt_skeleton_shape","_component_dt_skeleton_paragraph","_component_dt_skeleton_text"],"mappings":"gXAiDA,MAAKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,aACN,WAAY,CACV,eAAAC,EAAAA,QACA,gBAAAC,EAAAA,QACA,mBAAAC,EAAAA,QACA,oBAAAC,EAAAA,SAGF,MAAO,CAKL,gBAAiB,CACf,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MAOX,eAAgB,CACd,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MAOX,WAAY,CACV,KAAM,OACN,QAAS,MAOX,YAAa,CACX,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MAMX,kBAAmB,CACjB,KAAM,OACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,IAIb,SAAU,CACR,mBAAqB,CACnB,MAAO,CACL,gBAAiB,KAAK,gBACtB,eAAgB,KAAK,eACrB,WAAY,KAAK,WACjB,YAAa,KAAK,YAEtB,GAGF,MAAO,CACL,OAAQ,CACN,UAAW,GACX,QAAS,cAIb,QAAS,CACP,WAAa,CACX,MAAMC,EAAW,OAAO,QAAQ,KAAK,iBAAiB,EACnD,OAAO,CAAC,CAAA,CAAGC,CAAM,IAAMA,CAAM,EAChC,GAAID,EAAS,QAAU,EAAG,CACxB,MAAME,EAAe,mBAAmBF,EAAS,IAAI,CAAC,CAACG,CAAG,IAAMA,CAAG,EAAE,KAAK,KAAK,CAAC,4BAChF,QAAQ,MAAMD,CAAY,CAC5B,CACF,EAEJ,qPAlKEE,EAAAA,mBAiCM,MAAA,CAhCJ,YAAU,OACV,KAAK,SACJ,aAAYC,EAAA,YAGLA,EAAA,gBADRC,EAAAA,UAAA,EAAAC,EAAAA,YAMEC,EANFC,EAAAA,WAME,CAAA,IAAA,GAJQJ,EAAA,uBAA+BA,EAAA,eAAc,CACpD,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA,6DAGEA,EAAA,aADbC,EAAAA,UAAA,EAAAC,EAAAA,YAMEG,EANFD,EAAAA,WAME,CAAA,IAAA,GAJQJ,EAAA,oBAA4BA,EAAA,YAAW,CAC9C,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA,6DAGEA,EAAA,iBADbC,EAAAA,UAAA,EAAAC,EAAAA,YAMEI,EANFF,EAAAA,WAME,CAAA,IAAA,GAJQJ,EAAA,wBAAgCA,EAAA,gBAAe,CACtD,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA,4EAEXE,EAAAA,YAMEK,EANFH,aAME,CAAA,IAAA,GAJQJ,EAAA,YAAU,GAAA,CACjB,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA"}
+{"version":3,"file":"skeleton.cjs","names":[],"sources":["../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\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     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\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  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"uWAiDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aACN,WAAY,CACV,eAAA,EAAA,QACA,gBAAA,EAAA,QACA,mBAAA,EAAA,QACA,oBAAA,EAAA,QACD,CAED,MAAO,CAKL,gBAAiB,CACf,KAAM,CAAC,OAAQ,QAAQ,CACvB,QAAS,KACV,CAMD,eAAgB,CACd,KAAM,CAAC,OAAQ,QAAQ,CACvB,QAAS,KACV,CAMD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAMD,YAAa,CACX,KAAM,CAAC,OAAQ,QAAQ,CACvB,QAAS,KACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CACF,CAED,SAAU,CACR,mBAAqB,CACnB,MAAO,CACL,gBAAiB,KAAK,gBACtB,eAAgB,KAAK,eACrB,WAAY,KAAK,WACjB,YAAa,KAAK,YACnB,EAEJ,CAED,MAAO,CACL,OAAQ,CACN,UAAW,GACX,QAAS,YACV,CACF,CAED,QAAS,CACP,WAAa,CACX,IAAM,EAAW,OAAO,QAAQ,KAAK,kBAAiB,CACnD,QAAQ,EAAG,KAAY,EAAO,CACjC,GAAI,EAAS,QAAU,EAAG,CACxB,IAAM,EAAe,mBAAmB,EAAS,KAAK,CAAC,KAAS,EAAI,CAAC,KAAK,MAAM,CAAA,2BAChF,QAAQ,MAAM,EAAa,GAGhC,CACF,8RAjIO,MAAA,CAhCJ,YAAU,OACV,KAAK,SACJ,aAAY,EAAA,YAGL,EAAA,iBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAKN,GAAA,EAAA,EAAA,YAAA,CAAA,IAAA,EAAA,CAJQ,EAAA,iBAAc,GAAA,EAAA,CAAiB,EAAA,eAAc,CACpD,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,6DAGE,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAKX,GAAA,EAAA,EAAA,YAAA,CAAA,IAAA,EAAA,CAJQ,EAAA,cAAW,GAAA,EAAA,CAAiB,EAAA,YAAW,CAC9C,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,6DAGE,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAKX,GAAA,EAAA,EAAA,YAAA,CAAA,IAAA,EAAA,CAJQ,EAAA,kBAAe,GAAA,EAAA,CAAiB,EAAA,gBAAe,CACtD,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,kGAQT,GAAA,EAAA,EAAA,YAAA,CAAA,IAAA,EAAA,CAJQ,EAAA,YAAU,EAAA,CAAA,CACjB,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA"}

package/dist/lib/skeleton/skeleton.js

@@ -1,141 +1,115 @@
-import u from "./skeleton-shape.js";
-import p from "./skeleton-list-item.js";
-import d from "./skeleton-paragraph.js";
-import c from "./skeleton-text.js";
-import { resolveComponent as n, openBlock as e, createElementBlock as h, createBlock as o, mergeProps as i } from "vue";
-import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import "./skeleton-constants.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeleton",
-  components: {
-    DtSkeletonText: c,
-    DtSkeletonShape: u,
-    DtSkeletonListItem: p,
-    DtSkeletonParagraph: d
-  },
-  props: {
-    /**
-     * Set this prop to have the skeleton render as multiple lines of text.
-     * Set only one option prop at a time.
-     */
-    paragraphOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.
-     * Set only one option prop at a time.
-     */
-    listItemOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a single line of text.
-     * Set only one option prop at a time.
-     */
-    textOption: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a specific shape.
-     * Set only one option prop at a time.
-     */
-    shapeOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * Descriptive label for the content.
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    }
-  },
-  computed: {
-    validationOptions() {
-      return {
-        paragraphOption: this.paragraphOption,
-        listItemOption: this.listItemOption,
-        textOption: this.textOption,
-        shapeOption: this.shapeOption
-      };
-    }
-  },
-  watch: {
-    $props: {
-      immediate: !0,
-      handler: "validator"
-    }
-  },
-  methods: {
-    validator() {
-      const l = Object.entries(this.validationOptions).filter(([, a]) => a);
-      if (l.length >= 2) {
-        const a = `Use only one of ${l.map(([t]) => t).join(" | ")} options at the same time`;
-        console.error(a);
-      }
-    }
-  }
-}, k = ["aria-label"];
-function g(l, a, t, y, b, D) {
-  const m = n("dt-skeleton-list-item"), r = n("dt-skeleton-shape"), s = n("dt-skeleton-paragraph"), f = n("dt-skeleton-text");
-  return e(), h("div", {
-    "aria-busy": "true",
-    role: "status",
-    "aria-label": t.ariaLabel
-  }, [
-    t.listItemOption ? (e(), o(m, i({ key: 0 }, t.listItemOption === !0 ? {} : t.listItemOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : t.shapeOption ? (e(), o(r, i({ key: 1 }, t.shapeOption === !0 ? {} : t.shapeOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : t.paragraphOption ? (e(), o(s, i({ key: 2 }, t.paragraphOption === !0 ? {} : t.paragraphOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : (e(), o(f, i({ key: 3 }, t.textOption || {}, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"]))
-  ], 8, k);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "./skeleton-shape.js";
+import n from "./skeleton-text.js";
+import r from "./skeleton-paragraph.js";
+import i from "./skeleton-list-item.js";
+import { createBlock as a, createElementBlock as o, mergeProps as s, openBlock as c, resolveComponent as l } from "vue";
+//#region components/skeleton/skeleton.vue
+var u = {
+	compatConfig: { MODE: 3 },
+	name: "DtSkeleton",
+	components: {
+		DtSkeletonText: n,
+		DtSkeletonShape: t,
+		DtSkeletonListItem: i,
+		DtSkeletonParagraph: r
+	},
+	props: {
+		paragraphOption: {
+			type: [Object, Boolean],
+			default: null
+		},
+		listItemOption: {
+			type: [Object, Boolean],
+			default: null
+		},
+		textOption: {
+			type: Object,
+			default: null
+		},
+		shapeOption: {
+			type: [Object, Boolean],
+			default: null
+		},
+		animationDuration: {
+			type: Number,
+			default: -1
+		},
+		ariaLabel: {
+			type: String,
+			default: ""
+		},
+		animate: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Number,
+			default: 1
+		}
+	},
+	computed: { validationOptions() {
+		return {
+			paragraphOption: this.paragraphOption,
+			listItemOption: this.listItemOption,
+			textOption: this.textOption,
+			shapeOption: this.shapeOption
+		};
+	} },
+	watch: { $props: {
+		immediate: !0,
+		handler: "validator"
+	} },
+	methods: { validator() {
+		let e = Object.entries(this.validationOptions).filter(([, e]) => e);
+		if (e.length >= 2) {
+			let t = `Use only one of ${e.map(([e]) => e).join(" | ")} options at the same time`;
+			console.error(t);
+		}
+	} }
+}, d = ["aria-label"];
+function f(e, t, n, r, i, u) {
+	let f = l("dt-skeleton-list-item"), p = l("dt-skeleton-shape"), m = l("dt-skeleton-paragraph"), h = l("dt-skeleton-text");
+	return c(), o("div", {
+		"aria-busy": "true",
+		role: "status",
+		"aria-label": n.ariaLabel
+	}, [n.listItemOption ? (c(), a(f, s({ key: 0 }, n.listItemOption === !0 ? {} : n.listItemOption, {
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset
+	}), null, 16, [
+		"animation-duration",
+		"animate",
+		"offset"
+	])) : n.shapeOption ? (c(), a(p, s({ key: 1 }, n.shapeOption === !0 ? {} : n.shapeOption, {
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset
+	}), null, 16, [
+		"animation-duration",
+		"animate",
+		"offset"
+	])) : n.paragraphOption ? (c(), a(m, s({ key: 2 }, n.paragraphOption === !0 ? {} : n.paragraphOption, {
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset
+	}), null, 16, [
+		"animation-duration",
+		"animate",
+		"offset"
+	])) : (c(), a(h, s({ key: 3 }, n.textOption || {}, {
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset
+	}), null, 16, [
+		"animation-duration",
+		"animate",
+		"offset"
+	]))], 8, d);
 }
-const C = /* @__PURE__ */ O(_, [["render", g]]);
-export {
-  C as default
-};
-//# sourceMappingURL=skeleton.js.map
+var p = /* @__PURE__ */ e(u, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\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     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\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  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonText","DtSkeletonShape","DtSkeletonListItem","DtSkeletonParagraph","filtered","option","errorMessage","key","_createElementBlock","$props","_openBlock","_createBlock","_component_dt_skeleton_list_item","_mergeProps","_component_dt_skeleton_shape","_component_dt_skeleton_paragraph","_component_dt_skeleton_text"],"mappings":";;;;;;;AAiDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,iBAAiB;AAAA,MACf,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA;;;;;IAOX,gBAAgB;AAAA,MACd,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAO;AAAA,QACL,iBAAiB,KAAK;AAAA,QACtB,gBAAgB,KAAK;AAAA,QACrB,YAAY,KAAK;AAAA,QACjB,aAAa,KAAK;AAAA;IAEtB;AAAA;EAGF,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA;;EAIb,SAAS;AAAA,IACP,YAAa;AACX,YAAMC,IAAW,OAAO,QAAQ,KAAK,iBAAiB,EACnD,OAAO,CAAC,CAAA,EAAGC,CAAM,MAAMA,CAAM;AAChC,UAAID,EAAS,UAAU,GAAG;AACxB,cAAME,IAAe,mBAAmBF,EAAS,IAAI,CAAC,CAACG,CAAG,MAAMA,CAAG,EAAE,KAAK,KAAK,CAAC;AAChF,gBAAQ,MAAMD,CAAY;AAAA,MAC5B;AAAA,IACF;AAAA;AAEJ;;;cAlKEE,EAiCM,OAAA;AAAA,IAhCJ,aAAU;AAAA,IACV,MAAK;AAAA,IACJ,cAAYC,EAAA;AAAA;IAGLA,EAAA,kBADRC,EAAA,GAAAC,EAMEC,GANFC,EAME,EAAA,KAAA,KAJQJ,EAAA,6BAA+BA,EAAA,gBAAc;AAAA,MACpD,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,kEAGEA,EAAA,eADbC,EAAA,GAAAC,EAMEG,GANFD,EAME,EAAA,KAAA,KAJQJ,EAAA,0BAA4BA,EAAA,aAAW;AAAA,MAC9C,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,kEAGEA,EAAA,mBADbC,EAAA,GAAAC,EAMEI,GANFF,EAME,EAAA,KAAA,KAJQJ,EAAA,8BAAgCA,EAAA,iBAAe;AAAA,MACtD,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,wEAEXE,EAMEK,GANFH,EAME,EAAA,KAAA,KAJQJ,EAAA,cAAU,IAAA;AAAA,MACjB,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA;;;;"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\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     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\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  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AAiDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,qBAAA;EACD;CAED,OAAO;EAKL,iBAAiB;GACf,MAAM,CAAC,QAAQ,QAAQ;GACvB,SAAS;GACV;EAMD,gBAAgB;GACd,MAAM,CAAC,QAAQ,QAAQ;GACvB,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAMD,aAAa;GACX,MAAM,CAAC,QAAQ,QAAQ;GACvB,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU,EACR,oBAAqB;AACnB,SAAO;GACL,iBAAiB,KAAK;GACtB,gBAAgB,KAAK;GACrB,YAAY,KAAK;GACjB,aAAa,KAAK;GACnB;IAEJ;CAED,OAAO,EACL,QAAQ;EACN,WAAW;EACX,SAAS;EACV,EACF;CAED,SAAS,EACP,YAAa;EACX,IAAM,IAAW,OAAO,QAAQ,KAAK,kBAAiB,CACnD,QAAQ,GAAG,OAAY,EAAO;AACjC,MAAI,EAAS,UAAU,GAAG;GACxB,IAAM,IAAe,mBAAmB,EAAS,KAAK,CAAC,OAAS,EAAI,CAAC,KAAK,MAAM,CAAA;AAChF,WAAQ,MAAM,EAAa;;IAGhC;CACF;;;aAlKC,EAiCM,OAAA;EAhCJ,aAAU;EACV,MAAK;EACJ,cAAY,EAAA;KAGL,EAAA,kBAAA,GAAA,EADR,EAME,GANF,EAME,EAAA,KAAA,GAAA,EAJQ,EAAA,mBAAc,KAAA,EAAA,GAAiB,EAAA,gBAAc;EACpD,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;;;;;OAGE,EAAA,eAAA,GAAA,EADb,EAME,GANF,EAME,EAAA,KAAA,GAAA,EAJQ,EAAA,gBAAW,KAAA,EAAA,GAAiB,EAAA,aAAW;EAC9C,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;;;;;OAGE,EAAA,mBAAA,GAAA,EADb,EAME,GANF,EAME,EAAA,KAAA,GAAA,EAJQ,EAAA,oBAAe,KAAA,EAAA,GAAiB,EAAA,iBAAe;EACtD,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;;;;;aAEX,EAME,GANF,EAME,EAAA,KAAA,GAAA,EAJQ,EAAA,cAAU,EAAA,EAAA;EACjB,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA"}

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

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./split-button.cjs"),e=require("./split-button-constants.cjs");exports.DtSplitButton=t.default;exports.SPLIT_BUTTON_ICON_SIZES=e.SPLIT_BUTTON_ICON_SIZES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./split-button-constants.cjs`),t=require(`./split-button.cjs`);exports.DtSplitButton=t.default,exports.SPLIT_BUTTON_ICON_SIZES=e.SPLIT_BUTTON_ICON_SIZES;

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

@@ -1,7 +1,3 @@
-import { default as r } from "./split-button.js";
 import { SPLIT_BUTTON_ICON_SIZES as e } from "./split-button-constants.js";
-export {
-  r as DtSplitButton,
-  e as SPLIT_BUTTON_ICON_SIZES
-};
-//# sourceMappingURL=index.js.map
+import t from "./split-button.js";
+export { t as DtSplitButton, e as SPLIT_BUTTON_ICON_SIZES };

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

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