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

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-paragraph.cjs","sources":["../../../components/skeleton/skeleton-paragraph.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 './skeleton-text.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"],"names":["validator","number","_sfc_main","DtSkeletonText","min","max","row","paragraphWidth","isArrayWidth","currentWidth","isLastRow","_createElementBlock","_normalizeClass","$props","_Fragment","_renderList","$options","_createBlock","_component_dt_skeleton_text"],"mappings":"8NAyBMA,EAAYC,GAAUA,IAAW,IAAM,CAAC,OAAO,MAAM,OAAOA,CAAM,CAAC,EACpEC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,sBACN,WAAY,CACV,eAAAC,EAAAA,SAGF,MAAO,CAIL,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,EACT,UAAAH,GAOF,QAAS,CACP,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACT,UAAAA,GAMF,SAAU,CACR,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAAA,GAMF,MAAO,CACL,KAAM,CAAC,OAAQ,KAAK,EACpB,QAAS,MAOX,YAAa,CACX,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,GAMX,kBAAmB,CACjB,KAAM,OACN,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,KAIb,SAAU,CACR,aAAe,CACb,OAAO,OAAO,KAAK,IAAI,CACzB,GAGF,QAAS,CACP,uBAAyB,CACvB,MAAMI,EAAM,KAAK,IAAI,KAAK,SAAU,KAAK,QAAQ,EAC3CC,EAAM,KAAK,IAAI,KAAK,SAAU,KAAK,QAAQ,EACjD,MAAO,GAAG,KAAK,MAAM,KAAK,UAAYA,EAAMD,EAAI,EAAIA,CAAG,GACzD,EAEA,oBAAqBE,EAAK,CACxB,MAAMC,EAAiB,KAAK,MACtBC,EAAe,MAAM,QAAQD,CAAc,EAC3CE,EAAeF,GAAA,YAAAA,EAAiBD,EAAM,GACtCI,EAAYJ,IAAQ,KAAK,KAE/B,OAAI,KAAK,YACA,KAAK,sBAAqB,EAG/BC,GAAkB,CAACC,EACdD,EAGLA,GAAkBC,GAAgBC,EAC7BA,EAGFC,EAAY,MAAQ,MAC7B,EAEJ,8FA9JEC,EAAAA,mBAkBM,MAAA,CAjBH,MAAKC,EAAAA,eAAA,wBAAwCC,EAAA,eAI9C,aAAA,GACA,UAAQ,wCAERF,EAAAA,mBASEG,EAAAA,SAAA,KAAAC,EAAAA,WARcC,EAAA,YAAPV,kBADTW,EAAAA,YASEC,EAAA,CAPC,IAAKZ,EACN,UAAQ,yBACP,gBAAeO,EAAA,SACf,QAASA,EAAA,QACT,OAAQA,EAAA,OACR,qBAAoBA,EAAA,kBACpB,MAAOG,EAAA,oBAAoBV,CAAG"}
+{"version":3,"file":"skeleton-paragraph.cjs","names":[],"sources":["../../../components/skeleton/skeleton-paragraph.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 './skeleton-text.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":"yPAyBA,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/skeleton-paragraph.js

@@ -1,133 +1,94 @@
-import u from "./skeleton-text.js";
-import { resolveComponent as c, openBlock as r, createElementBlock as m, normalizeClass as h, Fragment as f, renderList as p, createBlock as g } from "vue";
-import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const o = (e) => e !== "" && !Number.isNaN(Number(e)), w = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeletonParagraph",
-  components: {
-    DtSkeletonText: u
-  },
-  props: {
-    /**
-     * Quantity of rows to display
-     */
-    rows: {
-      type: [Number, String],
-      default: 3,
-      validator: o
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Controls the min width of paragraphs
-     */
-    minWidth: {
-      type: [Number, String],
-      default: 30,
-      validator: o
-    },
-    /**
-     * Controls the max width of paragraphs
-     */
-    maxWidth: {
-      type: [Number, String],
-      default: 100,
-      validator: o
-    },
-    /**
-     * Controls the width of paragraphs
-     */
-    width: {
-      type: [String, Array],
-      default: null
-    },
-    /**
-     * If true, row widths will be random
-     * @values true, false
-     */
-    randomWidth: {
-      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
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class name for the row.
-     */
-    rowClass: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    integerRows() {
-      return Number(this.rows);
-    }
-  },
-  methods: {
-    randomWidthPercentage() {
-      const e = Math.min(this.minWidth, this.maxWidth), t = Math.max(this.minWidth, this.maxWidth);
-      return `${Math.round(Math.random() * (t - e)) + e}%`;
-    },
-    getSizeParagraphRow(e) {
-      const t = this.width, a = Array.isArray(t), n = t == null ? void 0 : t[e - 1], i = e === this.rows;
-      return this.randomWidth ? this.randomWidthPercentage() : t && !a ? t : t && a && n ? n : i ? "38%" : "100%";
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "./skeleton-text.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/skeleton-paragraph.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 _(e, t, a, n, i, s) {
-  const l = c("dt-skeleton-text");
-  return r(), m("div", {
-    class: h([
-      "d-skeleton-paragraph",
-      a.contentClass
-    ]),
-    contentClass: "",
-    "data-qa": "skeleton-paragraph"
-  }, [
-    (r(!0), m(f, null, p(s.integerRows, (d) => (r(), g(l, {
-      key: d,
-      "data-qa": "skeleton-paragraph-row",
-      "content-class": a.rowClass,
-      animate: a.animate,
-      offset: a.offset,
-      "animation-duration": a.animationDuration,
-      width: s.getSizeParagraphRow(d)
-    }, null, 8, ["content-class", "animate", "offset", "animation-duration", "width"]))), 128))
-  ], 2);
+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);
 }
-const W = /* @__PURE__ */ y(w, [["render", _]]);
-export {
-  W as default
-};
-//# sourceMappingURL=skeleton-paragraph.js.map
+var f = /* @__PURE__ */ e(u, [["render", d]]);
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=skeleton-paragraph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-paragraph.js","sources":["../../../components/skeleton/skeleton-paragraph.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 './skeleton-text.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"],"names":["validator","number","_sfc_main","DtSkeletonText","min","max","row","paragraphWidth","isArrayWidth","currentWidth","isLastRow","_createElementBlock","_normalizeClass","$props","_Fragment","_renderList","$options","_createBlock","_component_dt_skeleton_text"],"mappings":";;;AAyBA,MAAMA,IAAY,CAAAC,MAAUA,MAAW,MAAM,CAAC,OAAO,MAAM,OAAOA,CAAM,CAAC,GACpEC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAH;AAAA;;;;;IAOF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAA;AAAA;;;;IAMF,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAA;AAAA;;;;IAMF,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS;AAAA;;;;;IAOX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,UAAU;AAAA,IACR,cAAe;AACb,aAAO,OAAO,KAAK,IAAI;AAAA,IACzB;AAAA;EAGF,SAAS;AAAA,IACP,wBAAyB;AACvB,YAAMI,IAAM,KAAK,IAAI,KAAK,UAAU,KAAK,QAAQ,GAC3CC,IAAM,KAAK,IAAI,KAAK,UAAU,KAAK,QAAQ;AACjD,aAAO,GAAG,KAAK,MAAM,KAAK,YAAYA,IAAMD,EAAI,IAAIA,CAAG;AAAA,IACzD;AAAA,IAEA,oBAAqBE,GAAK;AACxB,YAAMC,IAAiB,KAAK,OACtBC,IAAe,MAAM,QAAQD,CAAc,GAC3CE,IAAeF,KAAA,gBAAAA,EAAiBD,IAAM,IACtCI,IAAYJ,MAAQ,KAAK;AAE/B,aAAI,KAAK,cACA,KAAK,sBAAqB,IAG/BC,KAAkB,CAACC,IACdD,IAGLA,KAAkBC,KAAgBC,IAC7BA,IAGFC,IAAY,QAAQ;AAAA,IAC7B;AAAA;AAEJ;;;cA9JEC,EAkBM,OAAA;AAAA,IAjBH,OAAKC,EAAA;AAAA;MAAwCC,EAAA;AAAA;IAI9C,cAAA;AAAA,IACA,WAAQ;AAAA;YAERF,EASEG,GAAA,MAAAC,EARcC,EAAA,aAAW,CAAlBV,YADTW,EASEC,GAAA;AAAA,MAPC,KAAKZ;AAAA,MACN,WAAQ;AAAA,MACP,iBAAeO,EAAA;AAAA,MACf,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,MACR,sBAAoBA,EAAA;AAAA,MACpB,OAAOG,EAAA,oBAAoBV,CAAG;AAAA;;;;"}
+{"version":3,"file":"skeleton-paragraph.js","names":[],"sources":["../../../components/skeleton/skeleton-paragraph.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 './skeleton-text.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/skeleton-shape.cjs

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

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

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

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

@@ -1,99 +1,72 @@
-import o from "../../common/mixins/skeleton.js";
-import { SKELETON_SHAPE_SIZES as s, SKELETON_SHAPES as a } from "./skeleton-constants.js";
-import { openBlock as l, createElementBlock as r, normalizeStyle as m, normalizeClass as c } from "vue";
-import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const S = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeletonShape",
-  mixins: [o],
-  props: {
-    /**
-     * Defines the shape of the skeleton, accepts circle or square.
-     * @values circle, square
-     */
-    shape: {
-      type: String,
-      default: "circle",
-      validator: (e) => Object.keys(a).includes(e)
-    },
-    /**
-     * Size of the shape
-     * @values 100, 200, 300, 400, 500
-     */
-    size: {
-      type: [String, Number],
-      default: 300
-    },
-    /**
-     * 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: !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
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: [String, Object, Array],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SKELETON_SHAPES: a
-    };
-  },
-  computed: {
-    shapeStyles() {
-      const e = s[String(this.size)] || this.size;
-      return {
-        ...this.skeletonStyle,
-        "min-width": e,
-        "max-width": e,
-        "min-height": e,
-        "max-height": e
-      };
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { SKELETON_SHAPES as t, SKELETON_SHAPE_SIZES as n } from "./skeleton-constants.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/skeleton-shape.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,
+			default: "md"
+		},
+		animationDuration: {
+			type: Number,
+			default: -1
+		},
+		animate: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Number,
+			default: 1
+		},
+		contentClass: {
+			type: [
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	data() {
+		return { SKELETON_SHAPES: t };
+	},
+	computed: { shapeStyles() {
+		let e = n[this.size] || this.size;
+		return {
+			...this.skeletonStyle,
+			"min-width": e,
+			"max-width": e,
+			"min-height": e,
+			"max-height": e
+		};
+	} }
 };
-function d(e, u, t, f, n, i) {
-  return l(), r("div", {
-    ref: "skeleton",
-    "data-qa": "skeleton-shape",
-    class: c([
-      "d-skeleton-placeholder",
-      n.SKELETON_SHAPES[t.shape],
-      {
-        "d-skeleton-placeholder--animate": t.animate
-      },
-      t.contentClass
-    ]),
-    style: m(i.shapeStyles)
-  }, null, 6);
+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);
 }
-const k = /* @__PURE__ */ p(S, [["render", d]]);
-export {
-  k as default
-};
-//# sourceMappingURL=skeleton-shape.js.map
+var u = /* @__PURE__ */ e(c, [["render", l]]);
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=skeleton-shape.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-shape.js","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[String(this.size)] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","$options"],"mappings":";;;;AAuBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAS,OAAO,KAAKC,CAAe,EAAE,SAASD,CAAK;AAAA;;;;;IAOjE,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,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,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,iBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,cAAe;AACb,YAAMC,IAAOC,EAAqB,OAAO,KAAK,IAAI,CAAC,KAAK,KAAK;AAC7D,aAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,aAAaD;AAAA,QACb,aAAaA;AAAA,QACb,cAAcA;AAAA,QACd,cAAcA;AAAA;IAElB;AAAA;AAEJ;;cAzGEE,EAYE,OAAA;AAAA,IAXA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;MAA0CC,EAAA,gBAAgBC,EAAA,KAAK;AAAA;2CAAsDA,EAAA;AAAA;MAAwBA,EAAA;AAAA;IAQlJ,SAAOC,EAAA,WAAW;AAAA;;;"}
+{"version":3,"file":"skeleton-shape.js","names":[],"sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAuBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,QAAQ,CAAC,EAAkB;CAE3B,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,oBACD;;CAGH,UAAU,EACR,cAAe;EACb,IAAM,IAAO,EAAqB,KAAK,SAAS,KAAK;AACrD,SAAO;GACL,GAAG,KAAK;GACR,aAAa;GACb,aAAa;GACb,cAAc;GACd,cAAc;GACf;IAEJ;CACF;;aAzGC,EAYE,OAAA;EAXA,KAAI;EACJ,WAAQ;EACP,OAAK,EAAA;;GAA0C,EAAA,gBAAgB,EAAA;wCAA2D,EAAA,SAAA;GAAwB,EAAA;;EAQlJ,OAAK,EAAE,EAAA,YAAW"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./skeleton-constants.cjs"),o=require("../../common/mixins/skeleton.cjs"),t=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d={compatConfig:{MODE:3},name:"DtSkeletonText",mixins:[o.default],props:{type:{type:String,default:"body",validator:n=>l.SKELETON_TEXT_TYPES.includes(n)},headingHeight:{type:String,default:"md",validator:n=>Object.keys(l.SKELETON_HEADING_HEIGHTS).includes(n)},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:l.SKELETON_HEADING_HEIGHTS}}};function s(n,u,e,c,a,m){return e.type==="body"?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"skeleton","data-qa":"skeleton-text-body",class:t.normalizeClass(["d-skeleton-text","d-skeleton-placeholder",{"d-skeleton-placeholder--animate":e.animate},e.contentClass]),style:t.normalizeStyle({width:e.width,...n.skeletonStyle})},null,6)):e.type==="heading"?(t.openBlock(),t.createElementBlock("div",{key:1,ref:"skeleton","data-qa":"skeleton-text-heading",class:t.normalizeClass([a.SKELETON_HEADING_HEIGHTS[e.headingHeight],"d-skeleton-text--heading","d-skeleton-placeholder",{"d-skeleton-placeholder--animate":e.animate},e.contentClass]),style:t.normalizeStyle({width:e.width,...n.skeletonStyle})},null,6)):t.createCommentVNode("",!0)}const r=i._(d,[["render",s]]);exports.default=r;
-//# sourceMappingURL=skeleton-text.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-constants.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=skeleton-text.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.cjs","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":"iRA0CKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,iBAEN,OAAQ,CAACC,EAAAA,OAAiB,EAE1B,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAWC,GAAQC,sBAAoB,SAASD,CAAI,GAOtD,cAAe,CACb,KAAM,OACN,QAAS,KACT,UAAWE,GAAiB,OAAO,KAAKC,EAAAA,wBAAwB,EAAE,SAASD,CAAa,GAM1F,MAAO,CACL,KAAM,OACN,QAAS,QAMX,kBAAmB,CACjB,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,GAMX,aAAc,CACZ,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,0BACLC,EAAAA,yBAEJ,CACF,iCAvHUC,EAAA,OAAI,sBADZC,EAAAA,mBAgBE,MAAA,OAdA,IAAI,WACJ,UAAQ,qBACP,MAAKC,EAAAA,eAAA,+EAAgHF,EAAA,SAAwBA,EAAA,eAQ7I,MAAKG,EAAAA,eAAA,OAAUH,EAAA,SAAgBI,EAAA,0BAMrBJ,EAAA,OAAI,yBADjBC,EAAAA,mBAiBE,MAAA,OAfA,IAAI,WACJ,UAAQ,wBACP,MAAKC,EAAAA,eAAA,CAAUG,EAAA,yBAAyBL,EAAA,aAAa,yFAAwHA,EAAA,SAAwBA,EAAA,eASrM,MAAKG,EAAAA,eAAA,OAAUH,EAAA,SAAgBI,EAAA"}
+{"version":3,"file":"skeleton-text.cjs","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":"4SA0CA,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"}