@dialpad/dialtone-vue 3.218.2 → 3.218.4

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

@@ -1,66 +1,53 @@
-import p from "../button/button.js";
-import { DtIconMoreVertical as u } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as o, renderSlot as m, createVNode as c } from "vue";
-import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeSettingsMenuButton",
-  components: {
-    DtButton: p,
-    DtIconMoreVertical: u
-  },
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Determines whether the button should display the update state
-     * default is false
-     * @values true, false
-     */
-    updateAvailable: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Aria label
-     */
-    ariaLabel: {
-      type: String,
-      required: !0
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../button/button.js";
+import { createBlock as n, createVNode as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, withCtx as c } from "vue";
+import { DtIconMoreVertical as l } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/header/settings_menu_button/settings_menu_button.vue
+var u = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeSettingsMenuButton",
+	components: {
+		DtButton: t,
+		DtIconMoreVertical: l
+	},
+	inheritAttrs: !1,
+	props: {
+		updateAvailable: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {
+			type: String,
+			required: !0
+		}
+	}
 };
-function f(e, b, t, g, v, k) {
-  const a = r("dt-icon-more-vertical"), n = r("dt-button");
-  return t.updateAvailable ? (i(), s(n, l({
-    key: 0,
-    importance: "outlined",
-    size: "xs",
-    "icon-position": "right",
-    class: "d-recipe-settings-menu-button-update",
-    "aria-label": t.ariaLabel
-  }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
-    ]),
-    default: o(() => [
-      m(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["aria-label"])) : (i(), s(n, l({
-    key: 1,
-    importance: "clear",
-    kind: "inverted",
-    class: "d-recipe-settings-menu-button",
-    "aria-label": t.ariaLabel
-  }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
-    ]),
-    _: 1
-  }, 16, ["aria-label"]));
+function d(e, t, l, u, d, f) {
+	let p = s("dt-icon-more-vertical"), m = s("dt-button");
+	return l.updateAvailable ? (a(), n(m, i({
+		key: 0,
+		importance: "outlined",
+		size: "xs",
+		"icon-position": "right",
+		class: "d-recipe-settings-menu-button-update",
+		"aria-label": l.ariaLabel
+	}, e.$attrs), {
+		icon: c(() => [r(p, { size: "300" })]),
+		default: c(() => [o(e.$slots, "default")]),
+		_: 3
+	}, 16, ["aria-label"])) : (a(), n(m, i({
+		key: 1,
+		importance: "clear",
+		kind: "inverted",
+		class: "d-recipe-settings-menu-button",
+		"aria-label": l.ariaLabel
+	}, e.$attrs), {
+		icon: c(() => [r(p, { size: "300" })]),
+		_: 1
+	}, 16, ["aria-label"]));
 }
-const $ = /* @__PURE__ */ d(_, [["render", f]]);
-export {
-  $ as default
-};
-//# sourceMappingURL=settings-menu-button.js.map
+var f = /* @__PURE__ */ e(u, [["render", d]]);
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=settings-menu-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAwCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SArEUC,EAAA,mBADRC,KAAAC,EAeYC,GAfZC,EAeY;AAAA;IAbV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}
+{"version":3,"file":"settings-menu-button.js","names":[],"sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"mappings":";;;;;AAwCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA;EACD;CAED,cAAc;CAEd,OAAO;EAML,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,UAAU;GACX;EACF;CAEF;;;QArES,EAAA,mBAAA,GAAA,EADR,EAeY,GAfZ,EAeY;;EAbV,YAAW;EACX,MAAK;EACL,iBAAc;EACd,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAGH,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA;mBAHN,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;iCAOV,EAaY,GAbZ,EAaY;;EAXV,YAAW;EACX,MAAK;EACL,OAAM;EACL,cAAY,EAAA;IACL,EAAA,OAAM,EAAA;EAEH,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}

package/dist/lib/skeleton/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./skeleton.cjs"),E=require("./skeleton-list-item.cjs"),S=require("./skeleton-text.cjs"),l=require("./skeleton-shape.cjs"),_=require("./skeleton-paragraph.cjs"),e=require("./skeleton-constants.cjs");exports.DtSkeleton=t.default;exports.DtSkeletonListItem=E.default;exports.DtSkeletonText=S.default;exports.DtSkeletonShape=l.default;exports.DtSkeletonParagraph=_.default;exports.SKELETON_HEADING_HEIGHTS=e.SKELETON_HEADING_HEIGHTS;exports.SKELETON_RIPPLE_DURATION=e.SKELETON_RIPPLE_DURATION;exports.SKELETON_SHAPES=e.SKELETON_SHAPES;exports.SKELETON_SHAPE_SIZES=e.SKELETON_SHAPE_SIZES;exports.SKELETON_TEXT_TYPES=e.SKELETON_TEXT_TYPES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./skeleton-constants.cjs`),t=require(`./skeleton-shape.cjs`),n=require(`./skeleton-text.cjs`),r=require(`./skeleton-paragraph.cjs`),i=require(`./skeleton-list-item.cjs`),a=require(`./skeleton.cjs`);exports.DtSkeleton=a.default,exports.DtSkeletonListItem=i.default,exports.DtSkeletonParagraph=r.default,exports.DtSkeletonShape=t.default,exports.DtSkeletonText=n.default,exports.SKELETON_HEADING_HEIGHTS=e.SKELETON_HEADING_HEIGHTS,exports.SKELETON_RIPPLE_DURATION=e.SKELETON_RIPPLE_DURATION,exports.SKELETON_SHAPES=e.SKELETON_SHAPES,exports.SKELETON_SHAPE_SIZES=e.SKELETON_SHAPE_SIZES,exports.SKELETON_TEXT_TYPES=e.SKELETON_TEXT_TYPES;

package/dist/lib/skeleton/index.js

@@ -1,19 +1,7 @@
-import { default as E } from "./skeleton.js";
-import { default as o } from "./skeleton-list-item.js";
-import { default as r } from "./skeleton-text.js";
-import { default as T } from "./skeleton-shape.js";
-import { default as _ } from "./skeleton-paragraph.js";
-import { SKELETON_HEADING_HEIGHTS as m, SKELETON_RIPPLE_DURATION as x, SKELETON_SHAPES as D, SKELETON_SHAPE_SIZES as L, SKELETON_TEXT_TYPES as N } from "./skeleton-constants.js";
-export {
-  E as DtSkeleton,
-  o as DtSkeletonListItem,
-  _ as DtSkeletonParagraph,
-  T as DtSkeletonShape,
-  r as DtSkeletonText,
-  m as SKELETON_HEADING_HEIGHTS,
-  x as SKELETON_RIPPLE_DURATION,
-  D as SKELETON_SHAPES,
-  L as SKELETON_SHAPE_SIZES,
-  N as SKELETON_TEXT_TYPES
-};
-//# sourceMappingURL=index.js.map
+import { SKELETON_HEADING_HEIGHTS as e, SKELETON_RIPPLE_DURATION as t, SKELETON_SHAPES as n, SKELETON_SHAPE_SIZES as r, SKELETON_TEXT_TYPES as i } from "./skeleton-constants.js";
+import a from "./skeleton-shape.js";
+import o from "./skeleton-text.js";
+import s from "./skeleton-paragraph.js";
+import c from "./skeleton-list-item.js";
+import l from "./skeleton.js";
+export { l as DtSkeleton, c as DtSkeletonListItem, s as DtSkeletonParagraph, a as DtSkeletonShape, o as DtSkeletonText, e as SKELETON_HEADING_HEIGHTS, t as SKELETON_RIPPLE_DURATION, n as SKELETON_SHAPES, r as SKELETON_SHAPE_SIZES, i as SKELETON_TEXT_TYPES };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=3e6,S={circle:"d-bar-circle",square:"d-bar2"},T=["body","heading"],e={sm:"24px",md:"32px",lg:"48px"},_={sm:"d-h16",md:"d-h24",lg:"d-h32"},t={SKELETON_RIPPLE_DURATION:E,SKELETON_SHAPES:S,SKELETON_TEXT_TYPES:T,SKELETON_HEADING_HEIGHTS:_};exports.SKELETON_HEADING_HEIGHTS=_;exports.SKELETON_RIPPLE_DURATION=E;exports.SKELETON_SHAPES=S;exports.SKELETON_SHAPE_SIZES=e;exports.SKELETON_TEXT_TYPES=T;exports.default=t;
-//# sourceMappingURL=skeleton-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=3e6,t={circle:`d-bar-circle`,square:`d-bar2`},n=[`body`,`heading`],r={sm:`24px`,md:`32px`,lg:`48px`},i={sm:`d-h16`,md:`d-h24`,lg:`d-h32`},a={SKELETON_RIPPLE_DURATION:e,SKELETON_SHAPES:t,SKELETON_TEXT_TYPES:n,SKELETON_HEADING_HEIGHTS:i};exports.SKELETON_HEADING_HEIGHTS=i,exports.SKELETON_RIPPLE_DURATION=e,exports.SKELETON_SHAPES=t,exports.SKELETON_SHAPE_SIZES=r,exports.SKELETON_TEXT_TYPES=n,exports.default=a;
+//# sourceMappingURL=skeleton-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-constants.cjs","sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"names":["SKELETON_RIPPLE_DURATION","SKELETON_SHAPES","SKELETON_TEXT_TYPES","SKELETON_SHAPE_SIZES","SKELETON_HEADING_HEIGHTS","skeleton_constants"],"mappings":"4GAMY,MAACA,EAA2B,IAE3BC,EAAkB,CAC7B,OAAQ,eACR,OAAQ,QACV,EAEaC,EAAsB,CACjC,OACA,SACF,EAEaC,EAAuB,CAClC,GAAI,OACJ,GAAI,OACJ,GAAI,MACN,EAEaC,EAA2B,CACtC,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEAC,EAAe,CACb,yBAAAL,EACA,gBAAAC,EACA,oBAAAC,EACA,yBAAAE,CACF"}
+{"version":3,"file":"skeleton-constants.cjs","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":"+FAMA,IAAa,EAA2B,IAE3B,EAAkB,CAC7B,OAAQ,eACR,OAAQ,SACT,CAEY,EAAsB,CACjC,OACA,UACD,CAEY,EAAuB,CAClC,GAAI,OACJ,GAAI,OACJ,GAAI,OACL,CAEY,EAA2B,CACtC,GAAI,QACJ,GAAI,QACJ,GAAI,QACL,CAED,EAAe,CACb,2BACA,kBACA,sBACA,2BACD"}

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

@@ -1,29 +1,22 @@
-const T = 3e6, E = {
-  circle: "d-bar-circle",
-  square: "d-bar2"
-}, s = [
-  "body",
-  "heading"
-], _ = {
-  sm: "24px",
-  md: "32px",
-  lg: "48px"
-}, S = {
-  sm: "d-h16",
-  md: "d-h24",
-  lg: "d-h32"
-}, c = {
-  SKELETON_RIPPLE_DURATION: 3e6,
-  SKELETON_SHAPES: E,
-  SKELETON_TEXT_TYPES: s,
-  SKELETON_HEADING_HEIGHTS: S
+//#region components/skeleton/skeleton_constants.js
+var e = 3e6, t = {
+	circle: "d-bar-circle",
+	square: "d-bar2"
+}, n = ["body", "heading"], r = {
+	sm: "24px",
+	md: "32px",
+	lg: "48px"
+}, i = {
+	sm: "d-h16",
+	md: "d-h24",
+	lg: "d-h32"
+}, a = {
+	SKELETON_RIPPLE_DURATION: e,
+	SKELETON_SHAPES: t,
+	SKELETON_TEXT_TYPES: n,
+	SKELETON_HEADING_HEIGHTS: i
 };
-export {
-  S as SKELETON_HEADING_HEIGHTS,
-  T as SKELETON_RIPPLE_DURATION,
-  E as SKELETON_SHAPES,
-  _ as SKELETON_SHAPE_SIZES,
-  s as SKELETON_TEXT_TYPES,
-  c as default
-};
-//# sourceMappingURL=skeleton-constants.js.map
+//#endregion
+export { i as SKELETON_HEADING_HEIGHTS, e as SKELETON_RIPPLE_DURATION, t as SKELETON_SHAPES, r as SKELETON_SHAPE_SIZES, n as SKELETON_TEXT_TYPES, a as default };
+
+//# sourceMappingURL=skeleton-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-constants.js","sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"names":["SKELETON_RIPPLE_DURATION","SKELETON_SHAPES","SKELETON_TEXT_TYPES","SKELETON_SHAPE_SIZES","SKELETON_HEADING_HEIGHTS","skeleton_constants"],"mappings":"AAMY,MAACA,IAA2B,KAE3BC,IAAkB;AAAA,EAC7B,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAsB;AAAA,EACjC;AAAA,EACA;AACF,GAEaC,IAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA2B;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEAC,IAAe;AAAA,EACb;AAAA,EACA,iBAAAJ;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAE;AACF;"}
+{"version":3,"file":"skeleton-constants.js","names":[],"sources":["../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"mappings":";AAMA,IAAa,IAA2B,KAE3B,IAAkB;CAC7B,QAAQ;CACR,QAAQ;CACT,EAEY,IAAsB,CACjC,QACA,UACD,EAEY,IAAuB;CAClC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list-item.cjs","sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonShape","DtSkeletonParagraph","shape","SKELETON_SHAPES","_hoisted_1","_createElementBlock","_normalizeClass","$props","_createVNode","_component_dt_skeleton_shape","_createElementVNode","_component_dt_skeleton_paragraph","_mergeProps"],"mappings":"2SAoCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,CACV,gBAAAC,EAAAA,QACA,oBAAAC,EAAAA,SAGF,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAWC,GAAS,OAAO,KAAKC,EAAAA,eAAe,EAAE,SAASD,CAAK,GAOjE,UAAW,CACT,KAAM,OACN,QAAS,MAOX,WAAY,CACV,KAAM,OACN,QAAS,KAAO,CAAE,KAAM,EAAG,YAAa,EAAG,IAM7C,kBAAmB,CACjB,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,GAMX,WAAY,CACV,KAAM,OACN,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,IAGf,EApGSE,EAAA,CAAA,MAAM,2CAA2C,6IAnBxDC,EAAAA,mBA2BM,MAAA,CA1BJ,UAAQ,qBACP,MAAKC,EAAAA,eAAA,yBAAkF,+BAAAC,EAAA,WAAW,OAAI,GAAuBA,EAAA,iBAQ9HC,EAAAA,YAQEC,EAAA,CAPA,MAAM,8BACL,KAAMF,EAAA,UACN,MAAOA,EAAA,MACP,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA,OACR,gBAAeA,EAAA,6FAElBG,EAAAA,mBAOM,MAPNN,EAOM,CANJI,EAAAA,YAKEG,EALFC,aACUL,EAAA,WAAU,CACjB,qBAAoBA,EAAA,kBACpB,QAASA,EAAA,QACT,OAAQA,EAAA"}
+{"version":3,"file":"skeleton-list-item.cjs","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":"sUAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,gBAAA,EAAA,QACA,oBAAA,EAAA,QACD,CAED,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAW,GAAS,OAAO,KAAK,EAAA,gBAAgB,CAAC,SAAS,EAAM,CACjE,CAMD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,OACN,aAAgB,CAAE,KAAM,EAAG,YAAa,GAAM,EAC/C,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,GACV,CAMD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAUD,OAAQ,CACN,KAAM,OACN,QAAS,EACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CACF,CACF,IApGQ,MAAM,4CAA2C,8KAQlD,MAAA,CA1BJ,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,wDAAkF,EAAA,WAAW,OAAI,EAAA,CAAuB,EAAA,mCAgB5H,EAAA,CAPA,MAAM,8BACL,KAAM,EAAA,UACN,MAAO,EAAA,MACP,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA,OACR,gBAAe,EAAA,sHASZ,MAPN,EAOM,EAAA,EAAA,EAAA,aADF,GAAA,EAAA,EAAA,YAAA,EAJQ,WAAU,CACjB,qBAAoB,EAAA,kBACpB,QAAS,EAAA,QACT,OAAQ,EAAA"}

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

@@ -1,116 +1,91 @@
-import { SKELETON_SHAPES as i } from "./skeleton-constants.js";
-import l from "./skeleton-shape.js";
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { SKELETON_SHAPES as t } from "./skeleton-constants.js";
+import n from "./skeleton-shape.js";
 import r from "./skeleton-paragraph.js";
-import { resolveComponent as a, openBlock as m, createElementBlock as c, normalizeClass as d, createVNode as n, createElementVNode as f, mergeProps as p } from "vue";
-import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeletonListItem",
-  components: {
-    DtSkeletonShape: l,
-    DtSkeletonParagraph: r
-  },
-  props: {
-    /**
-     * Defines the shape of the skeleton, accepts circle or square.
-     * @values circle, square
-     */
-    shape: {
-      type: String,
-      default: "circle",
-      validator: (t) => Object.keys(i).includes(t)
-    },
-    /**
-     * Size of the shape
-     * @values xs, sm, md, lg, xl
-     */
-    shapeSize: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Object containing quantity of paragraphs to display
-     * and a randomWidth boolean.
-     */
-    paragraphs: {
-      type: Object,
-      default: () => ({ rows: 3, randomWidth: !0 })
-    },
-    /**
-     * 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 shape.
-     */
-    shapeClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  }
-}, h = { class: "d-skeleton-list-item__paragraph-container" };
-function k(t, g, e, S, y, D) {
-  const o = a("dt-skeleton-shape"), s = a("dt-skeleton-paragraph");
-  return m(), c("div", {
-    "data-qa": "skeleton-list-item",
-    class: d([
-      "d-skeleton-list-item",
-      {
-        "d-skeleton-list-item--single": e.paragraphs.rows === 1
-      },
-      e.contentClass
-    ])
-  }, [
-    n(o, {
-      class: "d-skeleton-list-item__shape",
-      size: e.shapeSize,
-      shape: e.shape,
-      "animation-duration": e.animationDuration,
-      animate: e.animate,
-      offset: e.offset,
-      "content-class": e.shapeClass
-    }, null, 8, ["size", "shape", "animation-duration", "animate", "offset", "content-class"]),
-    f("div", h, [
-      n(s, p(e.paragraphs, {
-        "animation-duration": e.animationDuration,
-        animate: e.animate,
-        offset: e.offset
-      }), null, 16, ["animation-duration", "animate", "offset"])
-    ])
-  ], 2);
+import { createElementBlock as i, createElementVNode as a, createVNode as o, mergeProps as s, normalizeClass as c, openBlock as l, resolveComponent as u } from "vue";
+//#region components/skeleton/skeleton-list-item.vue
+var d = {
+	compatConfig: { MODE: 3 },
+	name: "DtSkeletonListItem",
+	components: {
+		DtSkeletonShape: n,
+		DtSkeletonParagraph: r
+	},
+	props: {
+		shape: {
+			type: String,
+			default: "circle",
+			validator: (e) => Object.keys(t).includes(e)
+		},
+		shapeSize: {
+			type: String,
+			default: "md"
+		},
+		paragraphs: {
+			type: Object,
+			default: () => ({
+				rows: 3,
+				randomWidth: !0
+			})
+		},
+		animationDuration: {
+			type: Number,
+			default: -1
+		},
+		animate: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Number,
+			default: 1
+		},
+		shapeClass: {
+			type: String,
+			default: ""
+		},
+		contentClass: {
+			type: String,
+			default: ""
+		}
+	}
+}, f = { class: "d-skeleton-list-item__paragraph-container" };
+function p(e, t, n, r, d, p) {
+	let m = u("dt-skeleton-shape"), h = u("dt-skeleton-paragraph");
+	return l(), i("div", {
+		"data-qa": "skeleton-list-item",
+		class: c([
+			"d-skeleton-list-item",
+			{ "d-skeleton-list-item--single": n.paragraphs.rows === 1 },
+			n.contentClass
+		])
+	}, [o(m, {
+		class: "d-skeleton-list-item__shape",
+		size: n.shapeSize,
+		shape: n.shape,
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset,
+		"content-class": n.shapeClass
+	}, null, 8, [
+		"size",
+		"shape",
+		"animation-duration",
+		"animate",
+		"offset",
+		"content-class"
+	]), a("div", f, [o(h, s(n.paragraphs, {
+		"animation-duration": n.animationDuration,
+		animate: n.animate,
+		offset: n.offset
+	}), null, 16, [
+		"animation-duration",
+		"animate",
+		"offset"
+	])])], 2);
 }
-const v = /* @__PURE__ */ u(_, [["render", k]]);
-export {
-  v as default
-};
-//# sourceMappingURL=skeleton-list-item.js.map
+var m = /* @__PURE__ */ e(d, [["render", p]]);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=skeleton-list-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list-item.js","sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonShape","DtSkeletonParagraph","shape","SKELETON_SHAPES","_hoisted_1","_createElementBlock","_normalizeClass","$props","_createVNode","_component_dt_skeleton_shape","_createElementVNode","_component_dt_skeleton_paragraph","_mergeProps"],"mappings":";;;;;AAoCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,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,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG;AAAA;;;;IAM7C,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,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;AAGf,GApGSE,IAAA,EAAA,OAAM,4CAA2C;;;cAnBxDC,EA2BM,OAAA;AAAA,IA1BJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;;QAAkF,gCAAAC,EAAA,WAAW,SAAI;AAAA;MAAuBA,EAAA;AAAA;;IAQ9HC,EAQEC,GAAA;AAAA,MAPA,OAAM;AAAA,MACL,MAAMF,EAAA;AAAA,MACN,OAAOA,EAAA;AAAA,MACP,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,MACR,iBAAeA,EAAA;AAAA;IAElBG,EAOM,OAPNN,GAOM;AAAA,MANJI,EAKEG,GALFC,EACUL,EAAA,YAAU;AAAA,QACjB,sBAAoBA,EAAA;AAAA,QACpB,SAASA,EAAA;AAAA,QACT,QAAQA,EAAA;AAAA;;;;;"}
+{"version":3,"file":"skeleton-list-item.js","names":[],"sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,iBAAA;EACA,qBAAA;EACD;CAED,OAAO;EAKL,OAAO;GACL,MAAM;GACN,SAAS;GACT,YAAW,MAAS,OAAO,KAAK,EAAgB,CAAC,SAAS,EAAM;GACjE;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,gBAAgB;IAAE,MAAM;IAAG,aAAa;IAAM;GAC/C;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAUD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CACF,QApGQ,OAAM,6CAA2C;;;aAnBxD,EA2BM,OAAA;EA1BJ,WAAQ;EACP,OAAK,EAAA;;qCAAkF,EAAA,WAAW,SAAI,GAAA;GAAuB,EAAA;;KAQ9H,EAQE,GAAA;EAPA,OAAM;EACL,MAAM,EAAA;EACN,OAAO,EAAA;EACP,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA;EACR,iBAAe,EAAA;;;;;;;;KAElB,EAOM,OAPN,GAOM,CANJ,EAKE,GALF,EAKE,EAJQ,YAAU;EACjB,sBAAoB,EAAA;EACpB,SAAS,EAAA;EACT,QAAQ,EAAA"}

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

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

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"}