@dialpad/dialtone-vue 2.163.0 → 2.163.2

package/dist/components/skeleton/skeleton-paragraph.vue.js

@@ -1,142 +0,0 @@
-import DtSkeletonText from "./skeleton-text.vue.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const validator = (number) => number !== "" && !Number.isNaN(Number(number));
-const _sfc_main = {
-  name: "DtSkeletonParagraph",
-  components: {
-    DtSkeletonText
-  },
-  props: {
-    /**
-     * Quantity of rows to display
-     */
-    rows: {
-      type: [Number, String],
-      default: 3,
-      validator
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Controls the min width of paragraphs
-     */
-    minWidth: {
-      type: [Number, String],
-      default: 30,
-      validator
-    },
-    /**
-     * Controls the max width of paragraphs
-     */
-    maxWidth: {
-      type: [Number, String],
-      default: 100,
-      validator
-    },
-    /**
-     * 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: false
-    },
-    /**
-     * 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 min = Math.min(this.minWidth, this.maxWidth);
-      const max = Math.max(this.minWidth, this.maxWidth);
-      return `${Math.round(Math.random() * (max - min)) + min}%`;
-    },
-    getSizeParagraphRow(row) {
-      const paragraphWidth = this.width;
-      const isArrayWidth = Array.isArray(paragraphWidth);
-      const currentWidth = paragraphWidth == null ? void 0 : paragraphWidth[row - 1];
-      const isLastRow = row === this.rows;
-      if (this.randomWidth) {
-        return this.randomWidthPercentage();
-      }
-      if (paragraphWidth && !isArrayWidth) {
-        return paragraphWidth;
-      }
-      if (paragraphWidth && isArrayWidth && currentWidth) {
-        return currentWidth;
-      }
-      return isLastRow ? "38%" : "100%";
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { class: [
-    "d-skeleton-paragraph",
-    _vm.contentClass
-  ], attrs: { "contentClass": "", "data-qa": "skeleton-paragraph" } }, _vm._l(_vm.integerRows, function(row) {
-    return _c("dt-skeleton-text", { key: row, attrs: { "data-qa": "skeleton-paragraph-row", "content-class": _vm.rowClass, "animate": _vm.animate, "offset": _vm.offset, "animation-duration": _vm.animationDuration, "width": _vm.getSizeParagraphRow(row) } });
-  }), 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtSkeletonParagraph = __component__.exports;
-export {
-  DtSkeletonParagraph as default
-};
-//# sourceMappingURL=skeleton-paragraph.vue.js.map

package/dist/components/skeleton/skeleton-paragraph.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-paragraph.vue.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  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":[],"mappings":";;AAyBA,MAAA,YAAA,YAAA,WAAA,MAAA,CAAA,OAAA,MAAA,OAAA,MAAA,CAAA;AACA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,OAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,wBAAA;AACA,YAAA,MAAA,KAAA,IAAA,KAAA,UAAA,KAAA,QAAA;AACA,YAAA,MAAA,KAAA,IAAA,KAAA,UAAA,KAAA,QAAA;AACA,aAAA,GAAA,KAAA,MAAA,KAAA,OAAA,KAAA,MAAA,IAAA,IAAA,GAAA;AAAA,IACA;AAAA,IAEA,oBAAA,KAAA;AACA,YAAA,iBAAA,KAAA;AACA,YAAA,eAAA,MAAA,QAAA,cAAA;AACA,YAAA,eAAA,iDAAA,MAAA;AACA,YAAA,YAAA,QAAA,KAAA;AAEA,UAAA,KAAA,aAAA;AACA,eAAA,KAAA;MACA;AAEA,UAAA,kBAAA,CAAA,cAAA;AACA,eAAA;AAAA,MACA;AAEA,UAAA,kBAAA,gBAAA,cAAA;AACA,eAAA;AAAA,MACA;AAEA,aAAA,YAAA,QAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/skeleton/skeleton-shape.vue.cjs

@@ -1,101 +0,0 @@
-"use strict";
-const skeleton = require("../../common/mixins/skeleton.cjs");
-const skeleton_constants = require("./skeleton_constants.cjs");
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const _sfc_main = {
-  name: "DtSkeletonShape",
-  mixins: [skeleton],
-  props: {
-    /**
-     * Defines the shape of the skeleton, accepts circle or square.
-     * @values circle, square
-     */
-    shape: {
-      type: String,
-      default: "circle",
-      validator: (shape) => Object.keys(skeleton_constants.SKELETON_SHAPES).includes(shape)
-    },
-    /**
-     * 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: true
-    },
-    /**
-     * 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: skeleton_constants.SKELETON_SHAPES
-    };
-  },
-  computed: {
-    shapeStyles() {
-      const size = skeleton_constants.SKELETON_SHAPE_SIZES[this.size] || this.size;
-      return {
-        ...this.skeletonStyle,
-        "min-width": size,
-        "max-width": size,
-        "min-height": size,
-        "max-height": size
-      };
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { ref: "skeleton", class: [
-    "skeleton-placeholder",
-    _vm.SKELETON_SHAPES[_vm.shape],
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: _vm.shapeStyles, attrs: { "data-qa": "skeleton-shape" } });
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtSkeletonShape = __component__.exports;
-module.exports = DtSkeletonShape;
-//# sourceMappingURL=skeleton-shape.vue.cjs.map

package/dist/components/skeleton/skeleton-shape.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-shape.vue.cjs","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        '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  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":["SkeletonAnimation","SKELETON_SHAPES","SKELETON_SHAPE_SIZES"],"mappings":";;;;AAuBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAAA,QAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,WAAA,OAAA,KAAAC,mBAAAA,eAAA,EAAA,SAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,iBAAAA,mBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,YAAA,OAAAC,mBAAAA,qBAAA,KAAA,IAAA,KAAA,KAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,cAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/skeleton/skeleton-shape.vue.js

@@ -1,102 +0,0 @@
-import SkeletonAnimation from "../../common/mixins/skeleton.js";
-import { SKELETON_SHAPES, SKELETON_SHAPE_SIZES } from "./skeleton_constants.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtSkeletonShape",
-  mixins: [SkeletonAnimation],
-  props: {
-    /**
-     * Defines the shape of the skeleton, accepts circle or square.
-     * @values circle, square
-     */
-    shape: {
-      type: String,
-      default: "circle",
-      validator: (shape) => Object.keys(SKELETON_SHAPES).includes(shape)
-    },
-    /**
-     * 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: true
-    },
-    /**
-     * 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
-    };
-  },
-  computed: {
-    shapeStyles() {
-      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;
-      return {
-        ...this.skeletonStyle,
-        "min-width": size,
-        "max-width": size,
-        "min-height": size,
-        "max-height": size
-      };
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { ref: "skeleton", class: [
-    "skeleton-placeholder",
-    _vm.SKELETON_SHAPES[_vm.shape],
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: _vm.shapeStyles, attrs: { "data-qa": "skeleton-shape" } });
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtSkeletonShape = __component__.exports;
-export {
-  DtSkeletonShape as default
-};
-//# sourceMappingURL=skeleton-shape.vue.js.map

package/dist/components/skeleton/skeleton-shape.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-shape.vue.js","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        '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  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":[],"mappings":";;;AAuBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,iBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,WAAA,OAAA,KAAA,eAAA,EAAA,SAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,YAAA,OAAA,qBAAA,KAAA,IAAA,KAAA,KAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,cAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/skeleton/skeleton-text.vue.cjs

@@ -1,111 +0,0 @@
-"use strict";
-const skeleton_constants = require("./skeleton_constants.cjs");
-const skeleton = require("../../common/mixins/skeleton.cjs");
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const _sfc_main = {
-  name: "DtSkeletonText",
-  mixins: [skeleton],
-  props: {
-    /**
-     * Skeleton type
-     * @values body, heading
-     */
-    type: {
-      type: String,
-      default: "body",
-      validator: (type) => skeleton_constants.SKELETON_TEXT_TYPES.includes(type)
-    },
-    /**
-     * Heading height
-     * @values sm, md, lg
-     */
-    headingHeight: {
-      type: String,
-      default: "md",
-      validator: (headingHeight) => Object.keys(skeleton_constants.SKELETON_HEADING_HEIGHTS).includes(headingHeight)
-    },
-    /**
-     * Width of the skeleton
-     */
-    width: {
-      type: String,
-      default: "100%"
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SKELETON_HEADING_HEIGHTS: skeleton_constants.SKELETON_HEADING_HEIGHTS
-    };
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _vm.type === "body" ? _c("div", { ref: "skeleton", class: [
-    "d-skeleton-text",
-    "skeleton-placeholder",
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: {
-    width: _vm.width,
-    ..._vm.skeletonStyle
-  }, attrs: { "data-qa": "skeleton-text-body" } }) : _vm.type === "heading" ? _c("div", { ref: "skeleton", class: [
-    _vm.SKELETON_HEADING_HEIGHTS[_vm.headingHeight],
-    "d-skeleton-text--heading",
-    "skeleton-placeholder",
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: {
-    width: _vm.width,
-    ..._vm.skeletonStyle
-  }, attrs: { "data-qa": "skeleton-text-heading" } }) : _vm._e();
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtSkeletonText = __component__.exports;
-module.exports = DtSkeletonText;
-//# sourceMappingURL=skeleton-text.vue.cjs.map

package/dist/components/skeleton/skeleton-text.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-text.vue.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      'skeleton-placeholder',\n      {\n        '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      'skeleton-placeholder',\n      {\n        '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  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":["SkeletonAnimation","SKELETON_TEXT_TYPES","SKELETON_HEADING_HEIGHTS"],"mappings":";;;;AA0CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAAA,QAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,UAAAC,uCAAA,SAAA,IAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,mBAAA,OAAA,KAAAC,mBAAAA,wBAAA,EAAA,SAAA,aAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,0BAAAA,mBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/skeleton/skeleton-text.vue.js

@@ -1,112 +0,0 @@
-import { SKELETON_TEXT_TYPES, SKELETON_HEADING_HEIGHTS } from "./skeleton_constants.js";
-import SkeletonAnimation from "../../common/mixins/skeleton.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtSkeletonText",
-  mixins: [SkeletonAnimation],
-  props: {
-    /**
-     * Skeleton type
-     * @values body, heading
-     */
-    type: {
-      type: String,
-      default: "body",
-      validator: (type) => SKELETON_TEXT_TYPES.includes(type)
-    },
-    /**
-     * Heading height
-     * @values sm, md, lg
-     */
-    headingHeight: {
-      type: String,
-      default: "md",
-      validator: (headingHeight) => Object.keys(SKELETON_HEADING_HEIGHTS).includes(headingHeight)
-    },
-    /**
-     * Width of the skeleton
-     */
-    width: {
-      type: String,
-      default: "100%"
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SKELETON_HEADING_HEIGHTS
-    };
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _vm.type === "body" ? _c("div", { ref: "skeleton", class: [
-    "d-skeleton-text",
-    "skeleton-placeholder",
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: {
-    width: _vm.width,
-    ..._vm.skeletonStyle
-  }, attrs: { "data-qa": "skeleton-text-body" } }) : _vm.type === "heading" ? _c("div", { ref: "skeleton", class: [
-    _vm.SKELETON_HEADING_HEIGHTS[_vm.headingHeight],
-    "d-skeleton-text--heading",
-    "skeleton-placeholder",
-    {
-      "skeleton-placeholder--animate": _vm.animate
-    },
-    _vm.contentClass
-  ], style: {
-    width: _vm.width,
-    ..._vm.skeletonStyle
-  }, attrs: { "data-qa": "skeleton-text-heading" } }) : _vm._e();
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtSkeletonText = __component__.exports;
-export {
-  DtSkeletonText as default
-};
-//# sourceMappingURL=skeleton-text.vue.js.map

package/dist/components/skeleton/skeleton-text.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-text.vue.js","sources":["../../../components/skeleton/skeleton-text.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"type === 'body'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-body\"\n    :class=\"[\n      'd-skeleton-text',\n      'skeleton-placeholder',\n      {\n        '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      'skeleton-placeholder',\n      {\n        '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  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":[],"mappings":";;;AA0CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,iBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,UAAA,oBAAA,SAAA,IAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,mBAAA,OAAA,KAAA,wBAAA,EAAA,SAAA,aAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}