@dialpad/dialtone-vue 3.176.2 → 3.177.0

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

@@ -0,0 +1,66 @@
+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, createVNode as c, renderSlot as m } 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
+    }
+  }
+};
+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"]));
+}
+const $ = /* @__PURE__ */ d(_, [["render", f]]);
+export {
+  $ as default
+};
+//# sourceMappingURL=settings-menu-button.js.map

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

@@ -0,0 +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>\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","_withCtx","_renderSlot"],"mappings":";;;;AAqCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAEH;;;SAlEUC,EAAe,mBADvBC,KAAAC,EAeYC,GAfZC,EAeY;AAAA,IAhBd,KAAA;AAAA,IAGI,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAYJ,EAAS;AAAA,KACdK,EAAM,MAAA,GAAA;AAAA,IAGH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;IAblB,SAAAC,EAUI,MAAQ;AAAA,MAARC,EAAQJ,EAAA,QAAA,SAAA;AAAA;IAVZ,GAAA;AAAA,6BAiBEJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA,IA9Bd,KAAA;AAAA,IAmBI,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAS;AAAA,KACdK,EAAM,MAAA,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;IA3BlB,GAAA;AAAA;;;"}

package/dist/lib/skeleton/index.cjs

@@ -0,0 +1,2 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/skeleton/index.js

@@ -0,0 +1,19 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +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

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

@@ -0,0 +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,EAEeC,EAAA,CACb,yBAAAL,EACA,gBAAAC,EACA,oBAAAC,EACA,yBAAAE,CACF"}

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

@@ -0,0 +1,29 @@
+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
+};
+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

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

@@ -0,0 +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,GAEeC,IAAA;AAAA,EACb;AAAA,EACA,iBAAAJ;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAE;AACF;"}

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

@@ -0,0 +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

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

@@ -0,0 +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,CAAG,EACzB,KAAM,qBAEN,WAAY,CACV,gBAAAC,EAAe,QACf,oBAAAC,EAAmB,OACpB,EAED,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAWC,GAAS,OAAO,KAAKC,EAAAA,eAAe,EAAE,SAASD,CAAK,CAChE,EAMD,UAAW,CACT,KAAM,OACN,QAAS,IACV,EAMD,WAAY,CACV,KAAM,OACN,QAAS,KAAO,CAAE,KAAM,EAAG,YAAa,EAAG,EAC5C,EAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,EACV,EAMD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAUD,OAAQ,CACN,KAAM,OACN,QAAS,CACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,EACV,CACF,CACH,EApGSE,EAAA,CAAA,MAAM,2CAA2C,6IAnBxDC,EA2BM,mBAAA,MAAA,CA1BJ,UAAQ,qBACP,MAHLC,EAAAA,eAAA,yBAG4F,+BAAAC,EAAA,WAAW,OAAI,GAAuBA,EAAY,iBAQ1IC,EAAAA,YAQEC,EAAA,CAPA,MAAM,8BACL,KAAMF,EAAS,UACf,MAAOA,EAAK,MACZ,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM,OACd,gBAAeA,EAAU,6FAE5BG,EAAA,mBAOM,MAPNN,EAOM,CANJI,EAAAA,YAKEG,EALFC,aACUL,EAAU,WAAA,CACjB,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM"}

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

@@ -0,0 +1,116 @@
+import { SKELETON_SHAPES as i } from "./skeleton-constants.js";
+import l 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);
+}
+const v = /* @__PURE__ */ u(_, [["render", k]]);
+export {
+  v as default
+};
+//# sourceMappingURL=skeleton-list-item.js.map

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

@@ -0,0 +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,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,qBAAAC;AAAA,EACD;AAAA,EAED,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,IAChE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG;AAAA,IAC5C;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH,GApGSE,IAAA,EAAA,OAAM,4CAA2C;;;cAnBxDC,EA2BM,OAAA;AAAA,IA1BJ,WAAQ;AAAA,IACP,OAHLC,EAAA;AAAA;;QAG4F,gCAAAC,EAAA,WAAW,SAAI;AAAA;MAAuBA,EAAY;AAAA;;IAQ1IC,EAQEC,GAAA;AAAA,MAPA,OAAM;AAAA,MACL,MAAMF,EAAS;AAAA,MACf,OAAOA,EAAK;AAAA,MACZ,sBAAoBA,EAAiB;AAAA,MACrC,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA,MACd,iBAAeA,EAAU;AAAA;IAE5BG,EAOM,OAPNN,GAOM;AAAA,MANJI,EAKEG,GALFC,EACUL,EAAU,YAAA;AAAA,QACjB,sBAAoBA,EAAiB;AAAA,QACrC,SAASA,EAAO;AAAA,QAChB,QAAQA,EAAM;AAAA;;;;;"}

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

@@ -0,0 +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

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

@@ -0,0 +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","_openBlock","_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,CAAG,EACzB,KAAM,sBACN,WAAY,CACV,eAAAC,EAAc,OACf,EAED,MAAO,CAIL,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,EACT,UAAAH,CACD,EAMD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACT,UAAAA,CACD,EAKD,SAAU,CACR,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAAA,CACD,EAKD,MAAO,CACL,KAAM,CAAC,OAAQ,KAAK,EACpB,QAAS,IACV,EAMD,YAAa,CACX,KAAM,QACN,QAAS,EACV,EAUD,OAAQ,CACN,KAAM,OACN,QAAS,CACV,EAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,OACN,QAAS,EACV,CACF,EAED,SAAU,CACR,aAAe,CACb,OAAO,OAAO,KAAK,IAAI,CACxB,CACF,EAED,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,OAAM,GAAMA,EAAMD,EAAI,EAAIA,CAAG,GACxD,EAED,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,wBAGVC,GAAkB,CAACC,EACdD,EAGLA,GAAkBC,GAAgBC,EAC7BA,EAGFC,EAAY,MAAQ,MAC5B,CACF,CACH,8FA9JEC,EAkBM,mBAAA,MAAA,CAjBH,MAFLC,EAAAA,eAAA,wBAEkDC,EAAY,eAI1D,aAAA,GACA,UAAQ,wBAERC,YAAA,EAAA,EAAAH,EAAAA,mBASEI,EAlBN,SAAA,KAAAC,EAAAA,WAUoBC,EAAW,YAAlBX,kBADTY,EASE,YAAAC,EAAA,CAPC,IAAKb,EACN,UAAQ,yBACP,gBAAeO,EAAQ,SACvB,QAASA,EAAO,QAChB,OAAQA,EAAM,OACd,qBAAoBA,EAAiB,kBACrC,MAAOI,EAAmB,oBAACX,CAAG"}

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

@@ -0,0 +1,133 @@
+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%";
+    }
+  }
+};
+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);
+}
+const W = /* @__PURE__ */ y(w, [["render", _]]);
+export {
+  W as default
+};
+//# sourceMappingURL=skeleton-paragraph.js.map

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

@@ -0,0 +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","_openBlock","_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,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAH;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAA;AAAA,IACD;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAAA;AAAA,IACD;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,cAAe;AACb,aAAO,OAAO,KAAK,IAAI;AAAA,IACxB;AAAA,EACF;AAAA,EAED,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,OAAM,KAAMA,IAAMD,EAAI,IAAIA,CAAG;AAAA,IACxD;AAAA,IAED,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,0BAGVC,KAAkB,CAACC,IACdD,IAGLA,KAAkBC,KAAgBC,IAC7BA,IAGFC,IAAY,QAAQ;AAAA,IAC5B;AAAA,EACF;AACH;;;cA9JEC,EAkBM,OAAA;AAAA,IAjBH,OAFLC,EAAA;AAAA;MAEkDC,EAAY;AAAA;IAI1D,cAAA;AAAA,IACA,WAAQ;AAAA;KAERC,EAAA,EAAA,GAAAH,EASEI,GAlBN,MAAAC,EAUoBC,EAAW,aAV/B,CAUaX,YADTY,EASEC,GAAA;AAAA,MAPC,KAAKb;AAAA,MACN,WAAQ;AAAA,MACP,iBAAeO,EAAQ;AAAA,MACvB,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA,MACd,sBAAoBA,EAAiB;AAAA,MACrC,OAAOI,EAAmB,oBAACX,CAAG;AAAA;;;;"}

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

@@ -0,0 +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,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:a.SKELETON_SHAPES}},computed:{shapeStyles(){const e=a.SKELETON_SHAPE_SIZES[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

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

@@ -0,0 +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 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"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","_normalizeStyle","$options"],"mappings":"iRAuBKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,kBAEN,OAAQ,CAACC,EAAAA,OAAiB,EAE1B,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAWC,GAAS,OAAO,KAAKC,EAAAA,eAAe,EAAE,SAASD,CAAK,CAChE,EAMD,KAAM,CACJ,KAAM,OACN,QAAS,IACV,EAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,EACV,EAMD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAUD,OAAQ,CACN,KAAM,OACN,QAAS,CACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,EACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,gBAAAC,EAAe,gBAElB,EAED,SAAU,CACR,aAAe,CACb,MAAMC,EAAOC,EAAAA,qBAAqB,KAAK,IAAI,GAAK,KAAK,KACrD,MAAO,CACL,GAAG,KAAK,cACR,YAAaD,EACb,YAAaA,EACb,aAAcA,EACd,aAAcA,EAEjB,CACF,CACH,+CAzGEE,EAYE,mBAAA,MAAA,CAXA,IAAI,WACJ,UAAQ,iBACP,MAJLC,EAAAA,eAAA,0BAIoDC,EAAA,gBAAgBC,EAAK,KAAA,qCAAsDA,EAAO,SAAiBA,EAAY,eAQ9J,MAZLC,EAAAA,eAYYC,EAAW,WAAA"}

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

@@ -0,0 +1,99 @@
+import s from "../../common/mixins/skeleton.js";
+import { SKELETON_SHAPES as a, SKELETON_SHAPE_SIZES as i } from "./skeleton-constants.js";
+import { openBlock as l, createElementBlock as r, normalizeClass as m, normalizeStyle as c } from "vue";
+import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = {
+  compatConfig: { MODE: 3 },
+  name: "DtSkeletonShape",
+  mixins: [s],
+  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 xs, sm, md, lg, xl
+     */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /**
+     * 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 = i[this.size] || this.size;
+      return {
+        ...this.skeletonStyle,
+        "min-width": e,
+        "max-width": e,
+        "min-height": e,
+        "max-height": e
+      };
+    }
+  }
+};
+function S(e, f, t, h, n, o) {
+  return l(), r("div", {
+    ref: "skeleton",
+    "data-qa": "skeleton-shape",
+    class: m([
+      "d-skeleton-placeholder",
+      n.SKELETON_SHAPES[t.shape],
+      {
+        "d-skeleton-placeholder--animate": t.animate
+      },
+      t.contentClass
+    ]),
+    style: c(o.shapeStyles)
+  }, null, 6);
+}
+const k = /* @__PURE__ */ p(d, [["render", S]]);
+export {
+  k as default
+};
+//# sourceMappingURL=skeleton-shape.js.map

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

@@ -0,0 +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 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"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","_normalizeStyle","$options"],"mappings":";;;;AAuBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,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,IAChE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,iBAAAC;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,cAAe;AACb,YAAMC,IAAOC,EAAqB,KAAK,IAAI,KAAK,KAAK;AACrD,aAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,aAAaD;AAAA,QACb,aAAaA;AAAA,QACb,cAAcA;AAAA,QACd,cAAcA;AAAA;IAEjB;AAAA,EACF;AACH;;cAzGEE,EAYE,OAAA;AAAA,IAXA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAJLC,EAAA;AAAA;MAIoDC,EAAA,gBAAgBC,EAAK,KAAA;AAAA;2CAAsDA,EAAO;AAAA;MAAiBA,EAAY;AAAA;IAQ9J,OAZLC,EAYYC,EAAW,WAAA;AAAA;;;"}

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

@@ -0,0 +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

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

@@ -0,0 +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","_createCommentVNode"],"mappings":"iRA0CKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,iBAEN,OAAQ,CAACC,EAAAA,OAAiB,EAE1B,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAWC,GAAQC,sBAAoB,SAASD,CAAI,CACrD,EAMD,cAAe,CACb,KAAM,OACN,QAAS,KACT,UAAWE,GAAiB,OAAO,KAAKC,EAAAA,wBAAwB,EAAE,SAASD,CAAa,CACzF,EAKD,MAAO,CACL,KAAM,OACN,QAAS,MACV,EAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,EACV,EAMD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAUD,OAAQ,CACN,KAAM,OACN,QAAS,CACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,EACV,CACF,EAED,MAAQ,CACN,MAAO,0BACLC,EAAwB,yBAE3B,CACH,iCAvHUC,EAAI,OAAA,sBADZC,EAgBE,mBAAA,MAAA,CAjBJ,IAAA,EAGI,IAAI,WACJ,UAAQ,qBACP,MALLC,EAAAA,eAAA,+EAK0HF,EAAO,SAAiBA,EAAY,eAQzJ,MAbLG,EAAAA,eAAA,OAaoBH,EAAK,SAAWI,EAAa,0BAMlCJ,EAAI,OAAA,yBADjBC,EAiBE,mBAAA,MAAA,CAnCJ,IAAA,EAoBI,IAAI,WACJ,UAAQ,wBACP,MAtBLC,EAAAA,eAAA,CAsBoBG,EAAA,yBAAyBL,EAAa,aAAA,yFAAwHA,EAAO,SAAiBA,EAAY,eASjN,MA/BLG,EAAAA,eAAA,OA+BoBH,EAAK,SAAWI,EAAa,0BA/BjDE,EAAA,mBAAA,GAAA,EAAA"}