@dialpad/dialtone 9.110.1 → 9.111.0

package/dist/vue2/lib/select-menu/select-menu-constants.js

@@ -0,0 +1,20 @@
+const s = {
+  xs: "d-select--xs",
+  sm: "d-select--sm",
+  md: "",
+  lg: "d-select--lg",
+  xl: "d-select--xl"
+}, e = {
+  error: "d-select__input--error",
+  warning: "d-select__input--warning",
+  success: "d-select__input--success"
+}, t = {
+  SELECT_SIZE_MODIFIERS: s,
+  SELECT_STATE_MODIFIERS: e
+};
+export {
+  s as SELECT_SIZE_MODIFIERS,
+  e as SELECT_STATE_MODIFIERS,
+  t as default
+};
+//# sourceMappingURL=select-menu-constants.js.map

package/dist/vue2/lib/select-menu/select-menu-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu-constants.js","sources":["../../../components/select_menu/select_menu_constants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n"],"names":["SELECT_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","select_menu_constants"],"mappings":"AAAY,MAACA,IAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAEeC,IAAA;AAAA,EACb,uBAAAF;AAAA,EACA,wBAAAC;AACF;"}

package/dist/vue2/lib/select-menu/select-menu-validators.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>!e.index||typeof e.index=="number",a=e=>e.value?typeof e.value=="string"||typeof e.value=="number":!1,l=e=>e.label?typeof e.label=="string":!1,n=e=>e?e.every(r=>!(!t(r)||!a(r)||!l(r))):!0;exports.optionsValidator=n;
+//# sourceMappingURL=select-menu-validators.cjs.map

package/dist/vue2/lib/select-menu/select-menu-validators.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu-validators.cjs","sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"names":["hasValidOptionIndex","option","hasValidOptionValue","hasValidOptionLabel","optionsValidator","options"],"mappings":"gFAAA,MAAMA,EAAsBC,GAAU,CAACA,EAAO,OAAS,OAAOA,EAAO,OAAU,SAEzEC,EAAsBD,GACrBA,EAAO,MAIL,OAAOA,EAAO,OAAU,UAAY,OAAOA,EAAO,OAAU,SAH1D,GAMLE,EAAsBF,GACrBA,EAAO,MAIL,OAAOA,EAAO,OAAU,SAHtB,GAMEG,EAAmBC,GACzBA,EAIEA,EAAQ,MAAMJ,GACf,GAACD,EAAoBC,CAAM,GAI3B,CAACC,EAAoBD,CAAM,GAI3B,CAACE,EAAoBF,CAAM,EAKhC,EAjBQ"}

package/dist/vue2/lib/select-menu/select-menu-validators.js

@@ -0,0 +1,5 @@
+const t = (e) => !e.index || typeof e.index == "number", a = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, l = (e) => e.label ? typeof e.label == "string" : !1, n = (e) => e ? e.every((r) => !(!t(r) || !a(r) || !l(r))) : !0;
+export {
+  n as optionsValidator
+};
+//# sourceMappingURL=select-menu-validators.js.map

package/dist/vue2/lib/select-menu/select-menu-validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu-validators.js","sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"names":["hasValidOptionIndex","option","hasValidOptionValue","hasValidOptionLabel","optionsValidator","options"],"mappings":"AAAA,MAAMA,IAAsB,CAAAC,MAAU,CAACA,EAAO,SAAS,OAAOA,EAAO,SAAU,UAEzEC,IAAsB,CAAAD,MACrBA,EAAO,QAIL,OAAOA,EAAO,SAAU,YAAY,OAAOA,EAAO,SAAU,WAH1D,IAMLE,IAAsB,CAAAF,MACrBA,EAAO,QAIL,OAAOA,EAAO,SAAU,WAHtB,IAMEG,IAAmB,CAAAC,MACzBA,IAIEA,EAAQ,MAAM,CAAAJ,MACf,GAACD,EAAoBC,CAAM,KAI3B,CAACC,EAAoBD,CAAM,KAI3B,CAACE,EAAoBF,CAAM,EAKhC,IAjBQ;"}

package/dist/vue2/lib/select-menu/select-menu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),l=require("../../common/constants/index.cjs"),a=require("./select-menu-constants.cjs"),r=require("../../common/utils/index.cjs"),o=require("../../common/mixins/input.cjs"),d=require("./select-menu-validators.cjs"),c=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),u=require("../validation-messages/validation-messages.cjs"),_={name:"DtSelectMenu",components:{DtValidationMessages:u.default},mixins:[o.MessagesMixin],inheritAttrs:!1,props:{label:{type:String,default:""},description:{type:String,default:""},options:{type:Array,default:()=>[],validator:t=>d.optionsValidator(t)},value:{type:String,default:null},size:{type:String,default:"md",validator:t=>Object.keys(a.SELECT_SIZE_MODIFIERS).includes(t)},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},selectClass:{type:[String,Array,Object],default:""},optionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["input","change"],data(){return{LABEL_SIZE_MODIFIERS:l.LABEL_SIZE_MODIFIERS,DESCRIPTION_SIZE_MODIFIERS:l.DESCRIPTION_SIZE_MODIFIERS,SELECT_SIZE_MODIFIERS:a.SELECT_SIZE_MODIFIERS,SELECT_STATE_MODIFIERS:a.SELECT_STATE_MODIFIERS}},computed:{selectListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value,t)}},state(){return r.getValidationState(this.formattedMessages)},selectKey(){return r.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs["aria-details"]}},mounted(){this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()},methods:{emitValue(t,e){this.$emit("input",t,e),this.$emit("change",t,e)},getOptionKey(t){return`select-${this.selectKey}-option-${t}`},validateOptionsPresence(){var t;((t=this.options)==null?void 0:t.length)<1&&!this.$slots.default&&n.util.warn("Options are expected to be provided via prop or slot",this)}}};var p=function(){var e=this,s=e._self._c;return s("div",[s("label",[e.$slots.label||e.label?s("div",e._b({class:["d-label",e.LABEL_SIZE_MODIFIERS[e.size],e.labelClass],attrs:{"aria-details":e.labelAriaDetails,"data-qa":"dt-select-label"}},"div",e.labelChildProps,!1),[e._t("label",function(){return[e._v(e._s(e.label))]})],2):e._e(),e.$slots.description||e.description?s("div",e._b({class:["d-description",e.DESCRIPTION_SIZE_MODIFIERS[e.size],e.descriptionClass],attrs:{id:e.descriptionKey,"data-qa":"dt-select-description"}},"div",e.descriptionChildProps,!1),[e._t("description",function(){return[e._v(e._s(e.description))]})],2):e._e(),s("div",{class:["d-select",e.SELECT_SIZE_MODIFIERS[e.size],e.selectClass,{"d-select--disabled":e.disabled}],attrs:{"data-qa":"dt-select-wrapper"}},[s("select",e._g(e._b({ref:"selectElement",class:["d-select__input",e.SELECT_STATE_MODIFIERS[e.state]],attrs:{"data-qa":"dt-select",disabled:e.disabled},domProps:{value:e.value}},"select",e.$attrs,!1),e.selectListeners),[e._t("default",function(){return e._l(e.options,function(i){return s("option",e._b({key:e.getOptionKey(i.value),class:e.optionClass,domProps:{value:i.value}},"option",e.optionChildProps,!1),[e._v(" "+e._s(i.label)+" ")])})})],2)])]),s("dt-validation-messages",e._b({class:e.messagesClass,attrs:{"validation-messages":e.formattedMessages,"show-messages":e.showMessages,"data-qa":"dt-select-messages"}},"dt-validation-messages",e.messagesChildProps,!1))],1)},S=[],E=c.n(_,p,S);const I=E.exports;exports.default=I;
+//# sourceMappingURL=select-menu.cjs.map

package/dist/vue2/lib/select-menu/select-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu.cjs","sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div\n        v-if=\"$slots.label || label\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"[\n          'd-label',\n          LABEL_SIZE_MODIFIERS[size],\n          labelClass,\n        ]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </div>\n      <div\n        v-if=\"$slots.description || description\"\n        :id=\"descriptionKey\"\n        :class=\"[\n          'd-description',\n          DESCRIPTION_SIZE_MODIFIERS[size],\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          v-bind=\"$attrs\"\n          :value=\"value\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport {\n  LABEL_SIZE_MODIFIERS,\n  DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ index: number (optional), value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number} options[].index - Optional - The index of the option\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Sets the selected value of the select menu. If it does not match a value in the options array, then it will be\n     * 'unselected'.\n     */\n    value: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      LABEL_SIZE_MODIFIERS,\n      DESCRIPTION_SIZE_MODIFIERS,\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    selectListeners () {\n      return {\n        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the hander being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (value, event) {\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        Vue.util.warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","MessagesMixin","options","optionsValidator","s","SELECT_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","event","getValidationState","getUniqueString","value","_a","Vue"],"mappings":"6cAsGAA,EAAA,CACA,KAAA,eAEA,WAAA,CAAAC,qBAAAA,EAAAA,OAAA,EAEA,OAAA,CAAAC,EAAAA,aAAA,EAEA,aAAA,GAEA,MAAA,CAIA,MAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,EACA,EAUA,QAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,EACA,UAAAC,GAAAC,EAAA,iBAAAD,CAAA,CACA,EAMA,MAAA,CACA,KAAA,OACA,QAAA,IACA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,KACA,UAAAE,GAAA,OAAA,KAAAC,uBAAA,EAAA,SAAAD,CAAA,CACA,EAKA,WAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,iBAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,gBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAKA,sBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAKA,iBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EAEA,MAAA,CAOA,QAQA,QACA,EAEA,MAAA,CACA,MAAA,CACA,qBAAAE,EAAA,qBACA,2BAAAC,EAAA,2BACA,sBAAAF,EAAA,sBACA,uBAAAG,EAAA,sBACA,CACA,EAEA,SAAA,CACA,iBAAA,CACA,MAAA,CAKA,GAAA,KAAA,WAMA,MAAA,IAAA,CAAA,EACA,OAAAC,GAAA,KAAA,UAAAA,EAAA,OAAA,MAAAA,CAAA,CACA,CACA,EAEA,OAAA,CACA,OAAAC,EAAA,mBAAA,KAAA,iBAAA,CACA,EAEA,WAAA,CACA,OAAAC,EAAA,gBAAA,CACA,EAEA,gBAAA,CACA,MAAA,UAAA,KAAA,SAAA,cACA,EAEA,kBAAA,CACA,OAAA,KAAA,OAAA,aAAA,KAAA,YACA,KAAA,eAGA,KAAA,OAAA,cAAA,CACA,CACA,EAEA,SAAA,CACA,KAAA,wBAAA,CACA,EAEA,cAAA,CACA,KAAA,wBAAA,CACA,EAEA,QAAA,CACA,UAAAC,EAAAH,EAAA,CACA,KAAA,MAAA,QAAAG,EAAAH,CAAA,EACA,KAAA,MAAA,SAAAG,EAAAH,CAAA,CACA,EAEA,aAAAG,EAAA,CACA,MAAA,UAAA,KAAA,SAAA,WAAAA,CAAA,EACA,EAEA,yBAAA,SACAC,EAAA,KAAA,UAAA,YAAAA,EAAA,QAAA,GAAA,CAAA,KAAA,OAAA,SACAC,EAAA,KAAA,KAAA,uDAAA,IAAA,CAEA,CACA,CACA"}

package/dist/vue2/lib/select-menu/select-menu.js

@@ -0,0 +1,227 @@
+import l from "vue";
+import { LABEL_SIZE_MODIFIERS as r, DESCRIPTION_SIZE_MODIFIERS as o } from "../../common/constants/index.js";
+import { SELECT_SIZE_MODIFIERS as i, SELECT_STATE_MODIFIERS as n } from "./select-menu-constants.js";
+import { getValidationState as d, getUniqueString as p } from "../../common/utils/index.js";
+import { MessagesMixin as c } from "../../common/mixins/input.js";
+import { optionsValidator as u } from "./select-menu-validators.js";
+import { n as _ } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import f from "../validation-messages/validation-messages.js";
+const m = {
+  name: "DtSelectMenu",
+  components: { DtValidationMessages: f },
+  mixins: [c],
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Label for the select
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Description for the select
+     */
+    description: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Select Menu Options, overridden by default slot. Each option has the following structure:
+     * `{ index: number (optional), value: number || string (required), label: string (required) }`
+     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options
+     * @param {number} options[].index - Optional - The index of the option
+     * @param {number|string} options[].value - Required - The option value
+     * @param {string} options[].label - Required - The option Label
+     */
+    options: {
+      type: Array,
+      default: () => [],
+      validator: (t) => u(t)
+    },
+    /**
+     * Sets the selected value of the select menu. If it does not match a value in the options array, then it will be
+     * 'unselected'.
+     */
+    value: {
+      type: String,
+      default: null
+    },
+    /**
+     * Controls the size of the select
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+      type: String,
+      default: "md",
+      validator: (t) => Object.keys(i).includes(t)
+    },
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the description container
+     */
+    descriptionClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the select
+     */
+    selectClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize each option, should options be provided via prop
+     */
+    optionClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * A set of props that are passed into the label container
+     */
+    labelChildProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * A set of props that are passed into the description container
+     */
+    descriptionChildProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * A set of props that are passed into each option, should options be provided via prop
+     */
+    optionChildProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Disabled state of the select
+     * @values true, false
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * Native input event
+     *
+     * @event input
+     * @type {String | Number}
+     */
+    "input",
+    /**
+     * Native change event
+     *
+     * @event change
+     * @type {String | Number}
+     */
+    "change"
+  ],
+  data() {
+    return {
+      LABEL_SIZE_MODIFIERS: r,
+      DESCRIPTION_SIZE_MODIFIERS: o,
+      SELECT_SIZE_MODIFIERS: i,
+      SELECT_STATE_MODIFIERS: n
+    };
+  },
+  computed: {
+    selectListeners() {
+      return {
+        /* TODO
+            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
+            and migration prior to upgrading to Vue 3.x
+        */
+        ...this.$listeners,
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the hander being called twice (once on the select element and once by the
+         * emitted input event by the change listener).
+        */
+        input: () => {
+        },
+        change: (t) => this.emitValue(t.target.value, t)
+      };
+    },
+    state() {
+      return d(this.formattedMessages);
+    },
+    selectKey() {
+      return p();
+    },
+    descriptionKey() {
+      return `select-${this.selectKey}-description`;
+    },
+    labelAriaDetails() {
+      return this.$slots.description || this.description ? this.descriptionKey : this.$attrs["aria-details"];
+    }
+  },
+  mounted() {
+    this.validateOptionsPresence();
+  },
+  beforeUpdate() {
+    this.validateOptionsPresence();
+  },
+  methods: {
+    emitValue(t, e) {
+      this.$emit("input", t, e), this.$emit("change", t, e);
+    },
+    getOptionKey(t) {
+      return `select-${this.selectKey}-option-${t}`;
+    },
+    validateOptionsPresence() {
+      var t;
+      ((t = this.options) == null ? void 0 : t.length) < 1 && !this.$slots.default && l.util.warn("Options are expected to be provided via prop or slot", this);
+    }
+  }
+};
+var b = function() {
+  var e = this, s = e._self._c;
+  return s("div", [s("label", [e.$slots.label || e.label ? s("div", e._b({ class: [
+    "d-label",
+    e.LABEL_SIZE_MODIFIERS[e.size],
+    e.labelClass
+  ], attrs: { "aria-details": e.labelAriaDetails, "data-qa": "dt-select-label" } }, "div", e.labelChildProps, !1), [e._t("label", function() {
+    return [e._v(e._s(e.label))];
+  })], 2) : e._e(), e.$slots.description || e.description ? s("div", e._b({ class: [
+    "d-description",
+    e.DESCRIPTION_SIZE_MODIFIERS[e.size],
+    e.descriptionClass
+  ], attrs: { id: e.descriptionKey, "data-qa": "dt-select-description" } }, "div", e.descriptionChildProps, !1), [e._t("description", function() {
+    return [e._v(e._s(e.description))];
+  })], 2) : e._e(), s("div", { class: [
+    "d-select",
+    e.SELECT_SIZE_MODIFIERS[e.size],
+    e.selectClass,
+    { "d-select--disabled": e.disabled }
+  ], attrs: { "data-qa": "dt-select-wrapper" } }, [s("select", e._g(e._b({ ref: "selectElement", class: [
+    "d-select__input",
+    e.SELECT_STATE_MODIFIERS[e.state]
+  ], attrs: { "data-qa": "dt-select", disabled: e.disabled }, domProps: { value: e.value } }, "select", e.$attrs, !1), e.selectListeners), [e._t("default", function() {
+    return e._l(e.options, function(a) {
+      return s("option", e._b({ key: e.getOptionKey(a.value), class: e.optionClass, domProps: { value: a.value } }, "option", e.optionChildProps, !1), [e._v(" " + e._s(a.label) + " ")]);
+    });
+  })], 2)])]), s("dt-validation-messages", e._b({ class: e.messagesClass, attrs: { "validation-messages": e.formattedMessages, "show-messages": e.showMessages, "data-qa": "dt-select-messages" } }, "dt-validation-messages", e.messagesChildProps, !1))], 1);
+}, S = [], h = /* @__PURE__ */ _(
+  m,
+  b,
+  S
+);
+const D = h.exports;
+export {
+  D as default
+};
+//# sourceMappingURL=select-menu.js.map

package/dist/vue2/lib/select-menu/select-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu.js","sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div\n        v-if=\"$slots.label || label\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"[\n          'd-label',\n          LABEL_SIZE_MODIFIERS[size],\n          labelClass,\n        ]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </div>\n      <div\n        v-if=\"$slots.description || description\"\n        :id=\"descriptionKey\"\n        :class=\"[\n          'd-description',\n          DESCRIPTION_SIZE_MODIFIERS[size],\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          v-bind=\"$attrs\"\n          :value=\"value\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport {\n  LABEL_SIZE_MODIFIERS,\n  DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ index: number (optional), value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number} options[].index - Optional - The index of the option\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Sets the selected value of the select menu. If it does not match a value in the options array, then it will be\n     * 'unselected'.\n     */\n    value: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      LABEL_SIZE_MODIFIERS,\n      DESCRIPTION_SIZE_MODIFIERS,\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    selectListeners () {\n      return {\n        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the hander being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (value, event) {\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        Vue.util.warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","MessagesMixin","options","optionsValidator","s","SELECT_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","event","getValidationState","getUniqueString","value","_a","Vue"],"mappings":"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"}

package/dist/vue2/lib/settings-menu-button/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./settings-menu-button.cjs");exports.DtRecipeSettingsMenuButton=t.default;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/settings-menu-button/index.cjs.map

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

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

@@ -0,0 +1,5 @@
+import { default as n } from "./settings-menu-button.js";
+export {
+  n as DtRecipeSettingsMenuButton
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/vue2/lib/settings-menu-button/settings-menu-button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../button/button.cjs"),r=require("@dialpad/dialtone-icons/vue2"),i=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a={name:"DtRecipeSettingsMenuButton",components:{DtButton:n.default,DtIconMoreVertical:r.DtIconMoreVertical},props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}},emits:["click"]};var o=function(){var e=this,t=e._self._c;return e.updateAvailable?t("dt-button",e._g({staticClass:"d-recipe-settings-menu-button-update",attrs:{importance:"outlined",size:"xs","icon-position":"right","aria-label":e.ariaLabel},scopedSlots:e._u([{key:"icon",fn:function(){return[t("dt-icon-more-vertical",{attrs:{size:"300"}})]},proxy:!0}],null,!1,3727801736)},e.$listeners),[e._t("default")],2):t("dt-button",e._g({staticClass:"d-recipe-settings-menu-button",attrs:{importance:"clear",kind:"inverted","aria-label":e.ariaLabel},scopedSlots:e._u([{key:"icon",fn:function(){return[t("dt-icon-more-vertical",{attrs:{size:"300"}})]},proxy:!0}])},e.$listeners))},s=[],u=i.n(a,o,s);const l=u.exports;exports.default=l;
+//# sourceMappingURL=settings-menu-button.cjs.map

package/dist/vue2/lib/settings-menu-button/settings-menu-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-menu-button.cjs","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-on=\"$listeners\"\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-on=\"$listeners\"\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/vue2';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\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  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical"],"mappings":"sPAqCAA,EAAA,CACA,KAAA,6BAEA,WAAA,CACA,SAAAC,EAAA,QACA,mBAAAC,EAAA,kBACA,EAEA,MAAA,CAMA,gBAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,OACA,SAAA,EACA,CACA,EAEA,MAAA,CAOA,OACA,CAEA"}

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

@@ -0,0 +1,54 @@
+import n from "../button/button.js";
+import { DtIconMoreVertical as r } from "@dialpad/dialtone-icons/vue2";
+import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+const i = {
+  name: "DtRecipeSettingsMenuButton",
+  components: {
+    DtButton: n,
+    DtIconMoreVertical: r
+  },
+  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
+    }
+  },
+  emits: [
+    /**
+     * Native click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ]
+};
+var o = function() {
+  var t = this, e = t._self._c;
+  return t.updateAvailable ? e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button-update", attrs: { importance: "outlined", size: "xs", "icon-position": "right", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
+  }, proxy: !0 }], null, !1, 3727801736) }, t.$listeners), [t._t("default")], 2) : e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button", attrs: { importance: "clear", kind: "inverted", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
+  }, proxy: !0 }]) }, t.$listeners));
+}, s = [], c = /* @__PURE__ */ a(
+  i,
+  o,
+  s
+);
+const m = c.exports;
+export {
+  m as default
+};
+//# sourceMappingURL=settings-menu-button.js.map

package/dist/vue2/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-on=\"$listeners\"\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-on=\"$listeners\"\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/vue2';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\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  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical"],"mappings":";;;AAqCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAEA;;;;;;;;;;;;;;"}

package/dist/vue2/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/vue2/lib/skeleton/index.cjs.map

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

package/dist/vue2/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/vue2/lib/skeleton/index.js.map

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

package/dist/vue2/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/vue2/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/vue2/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/vue2/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/vue2/lib/skeleton/skeleton-list-item.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./skeleton-constants.cjs"),n=require("./skeleton-shape.cjs"),i=require("./skeleton-paragraph.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),o={name:"DtSkeletonListItem",components:{DtSkeletonShape:n.default,DtSkeletonParagraph:i.default},props:{shape:{type:String,default:"circle",validator:a=>Object.keys(s.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:""}}};var l=function(){var e=this,t=e._self._c;return t("div",{class:["d-skeleton-list-item",{"d-skeleton-list-item--single":e.paragraphs.rows===1},e.contentClass],attrs:{"data-qa":"skeleton-list-item"}},[t("dt-skeleton-shape",{staticClass:"d-skeleton-list-item__shape",attrs:{size:e.shapeSize,shape:e.shape,"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset,"content-class":e.shapeClass}}),t("div",{staticClass:"d-skeleton-list-item__paragraph-container"},[t("dt-skeleton-paragraph",e._b({attrs:{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}},"dt-skeleton-paragraph",e.paragraphs,!1))],1)],1)},p=[],u=r.n(o,l,p);const d=u.exports;exports.default=d;
+//# sourceMappingURL=skeleton-list-item.cjs.map

package/dist/vue2/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  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"],"mappings":"wRAoCAA,EAAA,CACA,KAAA,qBAEA,WAAA,CACA,gBAAAC,EAAA,QACA,oBAAAC,EAAA,OACA,EAEA,MAAA,CAKA,MAAA,CACA,KAAA,OACA,QAAA,SACA,UAAAC,GAAA,OAAA,KAAAC,EAAAA,eAAA,EAAA,SAAAD,CAAA,CACA,EAMA,UAAA,CACA,KAAA,OACA,QAAA,IACA,EAMA,WAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,KAAA,EAAA,YAAA,EAAA,EACA,EAKA,kBAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,QAAA,CACA,KAAA,QACA,QAAA,EACA,EAUA,OAAA,CACA,KAAA,OACA,QAAA,CACA,EAKA,WAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,aAAA,CACA,KAAA,OACA,QAAA,EACA,CACA,CACA"}

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

@@ -0,0 +1,98 @@
+import { SKELETON_SHAPES as s } from "./skeleton-constants.js";
+import n from "./skeleton-shape.js";
+import r from "./skeleton-paragraph.js";
+import { n as i } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+const o = {
+  name: "DtSkeletonListItem",
+  components: {
+    DtSkeletonShape: n,
+    DtSkeletonParagraph: r
+  },
+  props: {
+    /**
+     * Defines the shape of the skeleton, accepts circle or square.
+     * @values circle, square
+     */
+    shape: {
+      type: String,
+      default: "circle",
+      validator: (a) => Object.keys(s).includes(a)
+    },
+    /**
+     * 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: ""
+    }
+  }
+};
+var l = function() {
+  var t = this, e = t._self._c;
+  return e("div", { class: [
+    "d-skeleton-list-item",
+    {
+      "d-skeleton-list-item--single": t.paragraphs.rows === 1
+    },
+    t.contentClass
+  ], attrs: { "data-qa": "skeleton-list-item" } }, [e("dt-skeleton-shape", { staticClass: "d-skeleton-list-item__shape", attrs: { size: t.shapeSize, shape: t.shape, "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset, "content-class": t.shapeClass } }), e("div", { staticClass: "d-skeleton-list-item__paragraph-container" }, [e("dt-skeleton-paragraph", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-paragraph", t.paragraphs, !1))], 1)], 1);
+}, p = [], m = /* @__PURE__ */ i(
+  o,
+  l,
+  p
+);
+const _ = m.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=skeleton-list-item.js.map