@dialpad/dialtone-vue 3.120.0 → 3.120.2

package/dist/lib/keyboard-shortcut.js

@@ -1,22 +1,25 @@
-import { resolveComponent as h, openBlock as t, createElementBlock as n, normalizeClass as i, toDisplayString as _, createCommentVNode as p, Fragment as u, renderList as m, createBlock as S } from "vue";
-import { _ as y } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-import { DtIcon as f } from "./icon.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+import { DtIcon } from "./icon.js";
 import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-OpYAAKwF.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
-const a = {
+const SHORTCUTS_ICON_ALIASES = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
   "{arrow-up}": "arrow-up",
   "{arrow-down}": "arrow-down",
   "{cmd}": "command"
-}, k = {
+};
+const SHORTCUTS_ICON_SEPARATOR = {
   "{plus}": "plus"
-}, L = Object.keys(a), g = {
+};
+const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ICON_ALIASES);
+const _sfc_main = {
   name: "DtKeyboardShortcut",
   components: {
-    DtIcon: f
+    DtIcon
   },
   props: {
     /**
@@ -25,7 +28,7 @@ const a = {
      */
     inverted: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Include any of these tokens in your string to render the corresponding symbol:
@@ -33,7 +36,7 @@ const a = {
      */
     shortcut: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * Text entered here will be read by assistive technology. If null this component will be ignored by AT.
@@ -45,66 +48,73 @@ const a = {
   },
   data() {
     return {
-      SHORTCUTS_ICON_ALIASES: a,
+      SHORTCUTS_ICON_ALIASES,
       separator: /\+/gi
     };
   },
   computed: {
     icons() {
-      return { ...a, ...k };
+      return { ...SHORTCUTS_ICON_ALIASES, ...SHORTCUTS_ICON_SEPARATOR };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
     },
     formattedShortcut() {
-      return Object.keys(a).reduce((c, e) => c.replace(new RegExp("{" + e + "}", "gi"), a[e]), this.shortcutWithSeparator);
+      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {
+        return result.replace(new RegExp("{" + key + "}", "gi"), SHORTCUTS_ICON_ALIASES[key]);
+      }, this.shortcutWithSeparator);
     },
     // Splits any icon based aliases into their own array items.
     formattedShortcutSplit() {
-      const c = Object.keys(this.icons).join("|"), e = new RegExp(`(${c})`, "gi");
-      return this.formattedShortcut.split(e).filter(Boolean);
+      const iconAliasString = Object.keys(this.icons).join("|");
+      const regex = new RegExp(`(${iconAliasString})`, "gi");
+      return this.formattedShortcut.split(regex).filter(Boolean);
     }
   }
-}, b = {
+};
+const _hoisted_1 = {
   key: 0,
   class: "sr-only"
-}, w = ["innerHTML"];
-function T(c, e, r, R, x, s) {
-  const l = h("dt-icon");
-  return t(), n("kbd", {
-    class: i([
+};
+const _hoisted_2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon = resolveComponent("dt-icon");
+  return openBlock(), createElementBlock("kbd", {
+    class: normalizeClass([
       "d-keyboard-shortcut",
-      { "d-keyboard-shortcut--inverted": r.inverted }
+      { "d-keyboard-shortcut--inverted": $props.inverted }
     ])
   }, [
-    r.screenReaderText ? (t(), n("span", b, _(r.screenReaderText), 1)) : p("", !0),
-    (t(!0), n(u, null, m(s.formattedShortcutSplit, (o, d) => (t(), n(u, null, [
-      s.icons[o] ? (t(), S(l, {
-        key: `${d}-${o}`,
-        name: s.icons[o],
-        size: "100",
-        "aria-hidden": "true",
-        class: i([
-          "d-keyboard-shortcut__icon",
-          { "d-keyboard-shortcut__icon--inverted": r.inverted }
-        ])
-      }, null, 8, ["name", "class"])) : (t(), n("span", {
-        key: `${d}-${o}`,
-        "aria-hidden": "true",
-        class: i([
-          "d-keyboard-shortcut__item",
-          { "d-keyboard-shortcut__item--inverted": r.inverted }
-        ]),
-        innerHTML: o
-      }, null, 10, w))
-    ], 64))), 256))
+    $props.screenReaderText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($props.screenReaderText), 1)) : createCommentVNode("", true),
+    (openBlock(true), createElementBlock(Fragment, null, renderList($options.formattedShortcutSplit, (item, i) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        $options.icons[item] ? (openBlock(), createBlock(_component_dt_icon, {
+          key: `${i}-${item}`,
+          name: $options.icons[item],
+          size: "100",
+          "aria-hidden": "true",
+          class: normalizeClass([
+            "d-keyboard-shortcut__icon",
+            { "d-keyboard-shortcut__icon--inverted": $props.inverted }
+          ])
+        }, null, 8, ["name", "class"])) : (openBlock(), createElementBlock("span", {
+          key: `${i}-${item}`,
+          "aria-hidden": "true",
+          class: normalizeClass([
+            "d-keyboard-shortcut__item",
+            { "d-keyboard-shortcut__item--inverted": $props.inverted }
+          ]),
+          innerHTML: item
+        }, null, 10, _hoisted_2))
+      ], 64);
+    }), 256))
   ], 2);
 }
-const B = /* @__PURE__ */ y(g, [["render", T]]);
+const keyboard_shortcut = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  B as DtKeyboardShortcut,
-  L as SHORTCUTS_ALIASES_LIST,
-  a as SHORTCUTS_ICON_ALIASES,
-  k as SHORTCUTS_ICON_SEPARATOR
+  keyboard_shortcut as DtKeyboardShortcut,
+  SHORTCUTS_ALIASES_LIST,
+  SHORTCUTS_ICON_ALIASES,
+  SHORTCUTS_ICON_SEPARATOR
 };
 //# sourceMappingURL=keyboard-shortcut.js.map

package/dist/lib/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../components/keyboard_shortcut/keyboard_shortcut_constants.js","../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["export const SHORTCUTS_ICON_ALIASES = {\n  '{win}': 'layout-grid',\n  '{arrow-right}': 'arrow-right',\n  '{arrow-left}': 'arrow-left',\n  '{arrow-up}': 'arrow-up',\n  '{arrow-down}': 'arrow-down',\n  '{cmd}': 'command',\n};\n\nexport const SHORTCUTS_ICON_SEPARATOR = {\n  '{plus}': 'plus',\n};\n\nexport const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ICON_ALIASES);\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <kbd\n    :class=\"[\n      'd-keyboard-shortcut',\n      { 'd-keyboard-shortcut--inverted': inverted },\n    ]\"\n  >\n    <span\n      v-if=\"screenReaderText\"\n      class=\"sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n    <template\n      v-for=\"(item, i) in formattedShortcutSplit\"\n    >\n      <dt-icon\n        v-if=\"icons[item]\"\n        :key=\"`${i}-${item}`\"\n        :name=\"icons[item]\"\n        size=\"100\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__icon',\n          { 'd-keyboard-shortcut__icon--inverted': inverted },\n        ]\"\n      />\n      <span\n        v-else\n        :key=\"`${i}-${item}`\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__item',\n          { 'd-keyboard-shortcut__item--inverted': inverted },\n        ]\"\n        v-html=\"item\"\n      />\n    </template>\n  </kbd>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { SHORTCUTS_ICON_ALIASES, SHORTCUTS_ICON_SEPARATOR } from './keyboard_shortcut_constants';\n\n/**\n * This component displays a visual representation of a keyboard shortcut to the user.\n * @see https://dialtone.dialpad.com/components/keyboard_shortcut.html\n */\nexport default {\n  name: 'DtKeyboardShortcut',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * If true, applies inverted styles.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Include any of these tokens in your string to render the corresponding symbol:\n     * {cmd} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n     */\n    shortcut: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    screenReaderText: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      SHORTCUTS_ICON_ALIASES,\n      separator: /\\+/gi,\n    };\n  },\n\n  computed: {\n    icons () {\n      return { ...SHORTCUTS_ICON_ALIASES, ...SHORTCUTS_ICON_SEPARATOR };\n    },\n\n    shortcutWithSeparator () {\n      return this.shortcut.replace(this.separator, '{plus}');\n    },\n\n    formattedShortcut () {\n      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {\n        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ICON_ALIASES[key]);\n      }, this.shortcutWithSeparator);\n    },\n\n    // Splits any icon based aliases into their own array items.\n    formattedShortcutSplit () {\n      const iconAliasString = Object.keys(this.icons).join('|');\n\n      /*\n         The regexp splits a given string with icon alias and is filtered by empty strings after:\n         if {win} is our delimiter AKA shortcut icon alias\n         '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]\n      */\n      const regex = new RegExp(`(${iconAliasString})`, 'gi');\n      return this.formattedShortcut.split(regex).filter(Boolean);\n    },\n  },\n};\n</script>\n"],"names":["SHORTCUTS_ICON_ALIASES","SHORTCUTS_ICON_SEPARATOR","SHORTCUTS_ALIASES_LIST","_sfc_main","DtIcon","result","key","iconAliasString","regex","_createElementBlock","_normalizeClass","$props","_hoisted_1","_toDisplayString","_openBlock","_Fragment","_renderList","$options","item","i","_createBlock","_component_dt_icon"],"mappings":";;;;;;AAAY,MAACA,IAAyB;AAAA,EACpC,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AACX,GAEaC,IAA2B;AAAA,EACtC,UAAU;AACZ,GAEaC,IAAyB,OAAO,KAAKF,CAAsB,GCqCnEG,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,wBAAAJ;AAAA,MACA,WAAW;AAAA;EAEd;AAAA,EAED,UAAU;AAAA,IACR,QAAS;AACP,aAAO,EAAE,GAAGA,GAAwB,GAAGC;IACxC;AAAA,IAED,wBAAyB;AACvB,aAAO,KAAK,SAAS,QAAQ,KAAK,WAAW,QAAQ;AAAA,IACtD;AAAA,IAED,oBAAqB;AACnB,aAAO,OAAO,KAAKD,CAAsB,EAAE,OAAO,CAACK,GAAQC,MAClDD,EAAO,QAAQ,IAAI,OAAO,MAAMC,IAAM,KAAK,IAAI,GAAGN,EAAuBM,CAAG,CAAC,GACnF,KAAK,qBAAqB;AAAA,IAC9B;AAAA;AAAA,IAGD,yBAA0B;AACxB,YAAMC,IAAkB,OAAO,KAAK,KAAK,KAAK,EAAE,KAAK,GAAG,GAOlDC,IAAQ,IAAI,OAAO,IAAID,CAAe,KAAK,IAAI;AACrD,aAAO,KAAK,kBAAkB,MAAMC,CAAK,EAAE,OAAO,OAAO;AAAA,IAC1D;AAAA,EACF;AACH;;EA9GM,OAAM;;;;cARVC,EAqCM,OAAA;AAAA,IApCH,OAAKC,EAAA;AAAA;yCAA0EC,EAAQ,SAAA;AAAA;;IAMhFA,EAAgB,yBADxBF,EAKO,QALPG,GAKOC,EADFF,EAAgB,gBAAA,GAAA,CAAA;KAErBG,EAAA,EAAA,GAAAL,EAwBWM,GAvBW,MAAAC,EAAAC,EAAA,wBAAZ,CAAAC,GAAMC;MAGNF,EAAA,MAAMC,CAAI,UADlBE,EAUEC,GAAA;AAAA,QARC,KAAG,GAAKF,CAAC,IAAID,CAAI;AAAA,QACjB,MAAMD,EAAK,MAACC,CAAI;AAAA,QACjB,MAAK;AAAA,QACL,eAAY;AAAA,QACX,OAAKR,EAAA;AAAA;mDAA8FC,EAAQ,SAAA;AAAA;8CAK9GF,EASE,QAAA;AAAA,QAPC,KAAG,GAAKU,CAAC,IAAID,CAAI;AAAA,QAClB,eAAY;AAAA,QACX,OAAKR,EAAA;AAAA;mDAA8FC,EAAQ,SAAA;AAAA;QAI5G,WAAQO;AAAA;;;;;"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../components/keyboard_shortcut/keyboard_shortcut_constants.js","../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["export const SHORTCUTS_ICON_ALIASES = {\n  '{win}': 'layout-grid',\n  '{arrow-right}': 'arrow-right',\n  '{arrow-left}': 'arrow-left',\n  '{arrow-up}': 'arrow-up',\n  '{arrow-down}': 'arrow-down',\n  '{cmd}': 'command',\n};\n\nexport const SHORTCUTS_ICON_SEPARATOR = {\n  '{plus}': 'plus',\n};\n\nexport const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ICON_ALIASES);\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <kbd\n    :class=\"[\n      'd-keyboard-shortcut',\n      { 'd-keyboard-shortcut--inverted': inverted },\n    ]\"\n  >\n    <span\n      v-if=\"screenReaderText\"\n      class=\"sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n    <template\n      v-for=\"(item, i) in formattedShortcutSplit\"\n    >\n      <dt-icon\n        v-if=\"icons[item]\"\n        :key=\"`${i}-${item}`\"\n        :name=\"icons[item]\"\n        size=\"100\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__icon',\n          { 'd-keyboard-shortcut__icon--inverted': inverted },\n        ]\"\n      />\n      <span\n        v-else\n        :key=\"`${i}-${item}`\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__item',\n          { 'd-keyboard-shortcut__item--inverted': inverted },\n        ]\"\n        v-html=\"item\"\n      />\n    </template>\n  </kbd>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { SHORTCUTS_ICON_ALIASES, SHORTCUTS_ICON_SEPARATOR } from './keyboard_shortcut_constants';\n\n/**\n * This component displays a visual representation of a keyboard shortcut to the user.\n * @see https://dialtone.dialpad.com/components/keyboard_shortcut.html\n */\nexport default {\n  name: 'DtKeyboardShortcut',\n\n  components: {\n    DtIcon,\n  },\n\n  props: {\n    /**\n     * If true, applies inverted styles.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Include any of these tokens in your string to render the corresponding symbol:\n     * {cmd} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n     */\n    shortcut: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    screenReaderText: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      SHORTCUTS_ICON_ALIASES,\n      separator: /\\+/gi,\n    };\n  },\n\n  computed: {\n    icons () {\n      return { ...SHORTCUTS_ICON_ALIASES, ...SHORTCUTS_ICON_SEPARATOR };\n    },\n\n    shortcutWithSeparator () {\n      return this.shortcut.replace(this.separator, '{plus}');\n    },\n\n    formattedShortcut () {\n      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {\n        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ICON_ALIASES[key]);\n      }, this.shortcutWithSeparator);\n    },\n\n    // Splits any icon based aliases into their own array items.\n    formattedShortcutSplit () {\n      const iconAliasString = Object.keys(this.icons).join('|');\n\n      /*\n         The regexp splits a given string with icon alias and is filtered by empty strings after:\n         if {win} is our delimiter AKA shortcut icon alias\n         '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]\n      */\n      const regex = new RegExp(`(${iconAliasString})`, 'gi');\n      return this.formattedShortcut.split(regex).filter(Boolean);\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_toDisplayString","_openBlock","_Fragment","_renderList","_createBlock"],"mappings":";;;;;;AAAY,MAAC,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AACX;AAEY,MAAC,2BAA2B;AAAA,EACtC,UAAU;AACZ;AAEY,MAAC,yBAAyB,OAAO,KAAK,sBAAsB;ACqCxE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA,MACA,WAAW;AAAA;EAEd;AAAA,EAED,UAAU;AAAA,IACR,QAAS;AACP,aAAO,EAAE,GAAG,wBAAwB,GAAG;IACxC;AAAA,IAED,wBAAyB;AACvB,aAAO,KAAK,SAAS,QAAQ,KAAK,WAAW,QAAQ;AAAA,IACtD;AAAA,IAED,oBAAqB;AACnB,aAAO,OAAO,KAAK,sBAAsB,EAAE,OAAO,CAAC,QAAQ,QAAQ;AACjE,eAAO,OAAO,QAAQ,IAAI,OAAO,MAAM,MAAM,KAAK,IAAI,GAAG,uBAAuB,GAAG,CAAC;AAAA,SACnF,KAAK,qBAAqB;AAAA,IAC9B;AAAA;AAAA,IAGD,yBAA0B;AACxB,YAAM,kBAAkB,OAAO,KAAK,KAAK,KAAK,EAAE,KAAK,GAAG;AAOxD,YAAM,QAAQ,IAAI,OAAO,IAAI,eAAe,KAAK,IAAI;AACrD,aAAO,KAAK,kBAAkB,MAAM,KAAK,EAAE,OAAO,OAAO;AAAA,IAC1D;AAAA,EACF;AACH;;;EA9GM,OAAM;;;;;sBARVA,mBAqCM,OAAA;AAAA,IApCH,OAAKC,eAAA;AAAA;yCAA0E,OAAQ,SAAA;AAAA;;IAMhF,OAAgB,iCADxBD,mBAKO,QALP,YAKOE,gBADF,OAAgB,gBAAA,GAAA,CAAA;KAErBC,UAAA,IAAA,GAAAH,mBAwBWI,UAvBW,MAAAC,WAAA,SAAA,wBAAZ,CAAA,MAAM,MAAC;;QAGP,SAAA,MAAM,IAAI,kBADlBC,YAUE,oBAAA;AAAA,UARC,KAAG,GAAK,CAAC,IAAI,IAAI;AAAA,UACjB,MAAM,SAAK,MAAC,IAAI;AAAA,UACjB,MAAK;AAAA,UACL,eAAY;AAAA,UACX,OAAKL,eAAA;AAAA;qDAA8F,OAAQ,SAAA;AAAA;wDAK9GD,mBASE,QAAA;AAAA,UAPC,KAAG,GAAK,CAAC,IAAI,IAAI;AAAA,UAClB,eAAY;AAAA,UACX,OAAKC,eAAA;AAAA;qDAA8F,OAAQ,SAAA;AAAA;UAI5G,WAAQ;AAAA;;;;;;"}

package/dist/lib/lazy-show.cjs

@@ -1,2 +1,83 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),o={name:"DtLazyShow",inheritAttrs:!1,props:{show:{type:Boolean,default:!1},transition:{type:String,default:null},appear:{type:Boolean,default:!1}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!=="test"}},watch:{show:function(t){!t||this.initialized||(this.initialized=!0)}}};function s(t,u,a,c,r,i){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:a.transition,appear:a.appear},t.$attrs,{css:i.isCSSEnabled}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(t.$attrs)),[r.initialized?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],16),[[e.vShow,a.show]])]),_:3},16,["name","appear","css"])}const l=n._(o,[["render",s]]);exports.DtLazyShow=l;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
+const _sfc_main = {
+  name: "DtLazyShow",
+  inheritAttrs: false,
+  /******************
+   *     PROPS      *
+   ******************/
+  props: {
+    /**
+     * Whether the child slot is shown.
+     * @values true, false
+     */
+    show: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * A valid Vue enter/leave CSS transition name.
+     */
+    transition: {
+      type: String,
+      default: null
+    },
+    /**
+     * Enable/Disable transition animation
+     * @values true, false
+     */
+    appear: {
+      type: Boolean,
+      default: false
+    }
+  },
+  /******************
+   *      DATA      *
+   ******************/
+  data() {
+    return {
+      initialized: !!this.show
+    };
+  },
+  computed: {
+    /**
+     * Set the css property to false when running tests only.
+     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about
+     * transition `css` property
+     * @returns {boolean}
+     */
+    isCSSEnabled() {
+      return process.env.NODE_ENV !== "test";
+    }
+  },
+  /******************
+   *      WATCH     *
+   ******************/
+  watch: {
+    show: function(newValue) {
+      if (!newValue || this.initialized)
+        return;
+      this.initialized = true;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
+    name: $props.transition,
+    appear: $props.appear
+  }, _ctx.$attrs, { css: $options.isCSSEnabled }), {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createElementVNode("div", vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), [
+        $data.initialized ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+      ], 16), [
+        [vue.vShow, $props.show]
+      ])
+    ]),
+    _: 3
+  }, 16, ["name", "appear", "css"]);
+}
+const DtLazyShow = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.DtLazyShow = DtLazyShow;
 //# sourceMappingURL=lazy-show.cjs.map

package/dist/lib/lazy-show.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-show.cjs","sources":["../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n  <Transition\n    :name=\"transition\"\n    :appear=\"appear\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n  >\n    <div\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot v-if=\"initialized\" />\n    </div>\n  </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n  name: 'DtLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A valid Vue enter/leave CSS transition name.\n     */\n    transition: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     * @values true, false\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_withDirectives","_createElementVNode","$data","_renderSlot"],"mappings":"oKAsBKA,EAAU,CACb,KAAM,aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,EACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,IACV,EAMD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,CACF,EAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KAEvB,EAED,SAAU,CAOR,cAAgB,CACd,OAAO,QAAQ,IAAI,WAAa,MACjC,CACF,EAKD,MAAO,CACL,KAAM,SAAUC,EAAU,CACpB,CAACA,GAAY,KAAK,cAEtB,KAAK,YAAc,GACpB,CACF,CACH,0BAxFE,OAAAC,YAAA,EAAAC,cAaaC,EAAAA,WAbbC,EAAAA,WAaa,CAZV,KAAMC,EAAU,WAChB,OAAQA,EAAM,QACPC,EAAM,OAAA,CACb,IAAKC,EAAY,YAAA,CAAA,EAAA,mBAElB,IAMM,CANNC,EAAA,eAAAC,EAAA,mBAMM,4CAJIH,EAAM,MAAA,CAAA,EAAA,CAGFI,EAAW,YAAvBC,EAA2B,WAAAL,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,6CAJnBD,EAAI,IAAA"}
+{"version":3,"file":"lazy-show.cjs","sources":["../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n  <Transition\n    :name=\"transition\"\n    :appear=\"appear\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n  >\n    <div\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot v-if=\"initialized\" />\n    </div>\n  </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n  name: 'DtLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A valid Vue enter/leave CSS transition name.\n     */\n    transition: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     * @values true, false\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createBlock","_Transition","_mergeProps","_withDirectives","_createElementVNode","_renderSlot"],"mappings":";;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA,EAED,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAU,UAAU;AACxB,UAAI,CAAC,YAAY,KAAK;AAAa;AAEnC,WAAK,cAAc;AAAA,IACpB;AAAA,EACF;AACH;;AAxFE,SAAAA,cAAA,GAAAC,gBAaaC,IAAAA,YAbbC,IAAAA,WAaa;AAAA,IAZV,MAAM,OAAU;AAAA,IAChB,QAAQ,OAAM;AAAA,KACP,KAAM,QAAA,EACb,KAAK,SAAY,aAAA,CAAA,GAAA;AAAA,yBAElB,MAMM;AAAA,MANNC,IAAA,eAAAC,IAAA,mBAMM,iDAJI,KAAM,MAAA,CAAA,GAAA;AAAA,QAGF,MAAW,cAAvBC,IAA2B,WAAA,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA;;oBAJnB,OAAI,IAAA;AAAA;;;;;;;"}

package/dist/lib/lazy-show.js

@@ -1,8 +1,8 @@
-import { openBlock as i, createBlock as n, Transition as o, mergeProps as s, withCtx as l, withDirectives as d, createElementVNode as p, normalizeProps as c, guardReactiveProps as u, renderSlot as f, createCommentVNode as h, vShow as m } from "vue";
-import { _ as w } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-const S = {
+import { openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, normalizeProps, guardReactiveProps, renderSlot, createCommentVNode, vShow } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+const _sfc_main = {
   name: "DtLazyShow",
-  inheritAttrs: !1,
+  inheritAttrs: false,
   /******************
    *     PROPS      *
    ******************/
@@ -13,7 +13,7 @@ const S = {
      */
     show: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * A valid Vue enter/leave CSS transition name.
@@ -28,7 +28,7 @@ const S = {
      */
     appear: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   /******************
@@ -54,28 +54,30 @@ const S = {
    *      WATCH     *
    ******************/
   watch: {
-    show: function(e) {
-      !e || this.initialized || (this.initialized = !0);
+    show: function(newValue) {
+      if (!newValue || this.initialized)
+        return;
+      this.initialized = true;
     }
   }
 };
-function _(e, z, t, y, a, r) {
-  return i(), n(o, s({
-    name: t.transition,
-    appear: t.appear
-  }, e.$attrs, { css: r.isCSSEnabled }), {
-    default: l(() => [
-      d(p("div", c(u(e.$attrs)), [
-        a.initialized ? f(e.$slots, "default", { key: 0 }) : h("", !0)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, mergeProps({
+    name: $props.transition,
+    appear: $props.appear
+  }, _ctx.$attrs, { css: $options.isCSSEnabled }), {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("div", normalizeProps(guardReactiveProps(_ctx.$attrs)), [
+        $data.initialized ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
       ], 16), [
-        [m, t.show]
+        [vShow, $props.show]
       ])
     ]),
     _: 3
   }, 16, ["name", "appear", "css"]);
 }
-const B = /* @__PURE__ */ w(S, [["render", _]]);
+const DtLazyShow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  B as DtLazyShow
+  DtLazyShow
 };
 //# sourceMappingURL=lazy-show.js.map

package/dist/lib/lazy-show.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-show.js","sources":["../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n  <Transition\n    :name=\"transition\"\n    :appear=\"appear\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n  >\n    <div\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot v-if=\"initialized\" />\n    </div>\n  </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n  name: 'DtLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A valid Vue enter/leave CSS transition name.\n     */\n    transition: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     * @values true, false\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_withDirectives","_createElementVNode","$data","_renderSlot"],"mappings":";;AAsBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA,EAED,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAUC,GAAU;AACxB,MAAI,CAACA,KAAY,KAAK,gBAEtB,KAAK,cAAc;AAAA,IACpB;AAAA,EACF;AACH;;AAxFE,SAAAC,EAAA,GAAAC,EAaaC,GAbbC,EAaa;AAAA,IAZV,MAAMC,EAAU;AAAA,IAChB,QAAQA,EAAM;AAAA,KACPC,EAAM,QAAA,EACb,KAAKC,EAAY,aAAA,CAAA,GAAA;AAAA,eAElB,MAMM;AAAA,MANNC,EAAAC,EAMM,WAJIH,EAAM,MAAA,CAAA,GAAA;AAAA,QAGFI,EAAW,cAAvBC,EAA2BL,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA;;YAJnBD,EAAI,IAAA;AAAA;;;;;;"}
+{"version":3,"file":"lazy-show.js","sources":["../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n  <Transition\n    :name=\"transition\"\n    :appear=\"appear\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n  >\n    <div\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot v-if=\"initialized\" />\n    </div>\n  </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n  name: 'DtLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * A valid Vue enter/leave CSS transition name.\n     */\n    transition: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     * @values true, false\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createBlock","_Transition","_mergeProps","_withDirectives","_createElementVNode","_renderSlot"],"mappings":";;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,cAAc;AAAA;AAAA;AAAA;AAAA,EAKd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAQ;AACN,WAAO;AAAA,MACL,aAAa,CAAC,CAAC,KAAK;AAAA;EAEvB;AAAA,EAED,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,eAAgB;AACd,aAAO,QAAQ,IAAI,aAAa;AAAA,IACjC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO;AAAA,IACL,MAAM,SAAU,UAAU;AACxB,UAAI,CAAC,YAAY,KAAK;AAAa;AAEnC,WAAK,cAAc;AAAA,IACpB;AAAA,EACF;AACH;;AAxFE,SAAAA,UAAA,GAAAC,YAaaC,YAbbC,WAaa;AAAA,IAZV,MAAM,OAAU;AAAA,IAChB,QAAQ,OAAM;AAAA,KACP,KAAM,QAAA,EACb,KAAK,SAAY,aAAA,CAAA,GAAA;AAAA,qBAElB,MAMM;AAAA,MANNC,eAAAC,mBAMM,yCAJI,KAAM,MAAA,CAAA,GAAA;AAAA,QAGF,MAAW,cAAvBC,WAA2B,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA;;gBAJnB,OAAI,IAAA;AAAA;;;;;;"}

package/dist/lib/link.cjs

@@ -1,2 +1,44 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../chunks/link_constants-Kn6kP4i1.js"),t=require("vue"),i=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),s={name:"DtLink",props:{kind:{type:String,default:"",validator(e){return n.L.includes(e)}}},data(){return{LINK_KIND_MODIFIERS:n.a}}},o=["href"];function l(e,d,r,u,a,_){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["d-link",a.LINK_KIND_MODIFIERS[r.kind]]),"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"},[t.renderSlot(e.$slots,"default")],10,o)}const c=i._(s,[["render",l]]);exports.LINK_KIND_MODIFIERS=n.a;exports.LINK_VARIANTS=n.L;exports.DtLink=c;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const link_constants = require("../chunks/link_constants-Huj7D_hm.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
+const _sfc_main = {
+  name: "DtLink",
+  props: {
+    /**
+     * Applies the link variant styles
+     * @values null, danger, warning, success, muted, inverted, mention
+     */
+    kind: {
+      type: String,
+      default: "",
+      validator(kind) {
+        return link_constants.LINK_VARIANTS.includes(kind);
+      }
+    }
+  },
+  data() {
+    return {
+      LINK_KIND_MODIFIERS: link_constants.LINK_KIND_MODIFIERS
+    };
+  }
+};
+const _hoisted_1 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.normalizeClass([
+      "d-link",
+      $data.LINK_KIND_MODIFIERS[$props.kind]
+    ]),
+    "data-qa": "dt-link",
+    href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
+}
+const DtLink = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.LINK_KIND_MODIFIERS = link_constants.LINK_KIND_MODIFIERS;
+exports.LINK_VARIANTS = link_constants.LINK_VARIANTS;
+exports.DtLink = DtLink;
 //# sourceMappingURL=link.cjs.map

package/dist/lib/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'd-link',\n      LINK_KIND_MODIFIERS[kind],\n    ]\"\n    data-qa=\"dt-link\"\n    :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </a>\n</template>\n\n<script>\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS } from './link_constants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} href attribute\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, danger, warning, success, muted, inverted, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","LINK_VARIANTS","LINK_KIND_MODIFIERS","_createElementBlock","_normalizeClass","$data","$props","_ctx","_renderSlot"],"mappings":"sNAuBKA,EAAU,CACb,KAAM,SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,GACT,UAAWC,EAAM,CACf,OAAOC,EAAa,EAAC,SAASD,CAAI,CACnC,CACF,CACF,EAED,MAAQ,CACN,MAAO,CACL,oBAAAE,EAAmB,EAEtB,CACH,0DA5CEC,EAUI,mBAAA,IAAA,CATD,MAAKC,EAAAA,eAAA,UAA0BC,EAAA,oBAAoBC,EAAI,IAAA,IAIxD,UAAQ,UACP,KAAgB,SAAAC,EAAA,OAASA,EAAA,OAAO,KAAI,uBAGrCC,aAAQD,EAAA,OAAA,SAAA"}
+{"version":3,"file":"link.cjs","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'd-link',\n      LINK_KIND_MODIFIERS[kind],\n    ]\"\n    data-qa=\"dt-link\"\n    :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </a>\n</template>\n\n<script>\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS } from './link_constants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} href attribute\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, danger, warning, success, muted, inverted, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n};\n</script>\n"],"names":["LINK_VARIANTS","LINK_KIND_MODIFIERS","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AAuBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAW,MAAM;AACf,eAAOA,eAAa,cAAC,SAAS,IAAI;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,qBAAAC,eAAmB;AAAA;EAEtB;AACH;;;0BA5CEC,IAUI,mBAAA,KAAA;AAAA,IATD,OAAKC,IAAAA,eAAA;AAAA;MAA0B,MAAA,oBAAoB,OAAI,IAAA;AAAA;IAIxD,WAAQ;AAAA,IACP,MAAgB,UAAA,KAAA,SAAS,KAAA,OAAO,OAAI;AAAA;IAGrCC,eAAQ,KAAA,QAAA,SAAA;AAAA;;;;;;"}

package/dist/lib/link.js

@@ -1,7 +1,7 @@
-import { L as n, a } from "../chunks/link_constants-vIUB92L4.js";
-import { openBlock as o, createElementBlock as s, normalizeClass as i, renderSlot as d } from "vue";
-import { _ as l } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-const c = {
+import { LINK_VARIANTS, LINK_KIND_MODIFIERS } from "../chunks/link_constants-nWVlXQBs.js";
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+const _sfc_main = {
   name: "DtLink",
   props: {
     /**
@@ -11,33 +11,34 @@ const c = {
     kind: {
       type: String,
       default: "",
-      validator(r) {
-        return n.includes(r);
+      validator(kind) {
+        return LINK_VARIANTS.includes(kind);
       }
     }
   },
   data() {
     return {
-      LINK_KIND_MODIFIERS: a
+      LINK_KIND_MODIFIERS
     };
   }
-}, f = ["href"];
-function _(r, p, t, m, e, I) {
-  return o(), s("a", {
-    class: i([
+};
+const _hoisted_1 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("a", {
+    class: normalizeClass([
       "d-link",
-      e.LINK_KIND_MODIFIERS[t.kind]
+      $data.LINK_KIND_MODIFIERS[$props.kind]
     ]),
     "data-qa": "dt-link",
-    href: "href" in r.$attrs ? r.$attrs.href : "javascript:void(0)"
+    href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
   }, [
-    d(r.$slots, "default")
-  ], 10, f);
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
 }
-const D = /* @__PURE__ */ l(c, [["render", _]]);
+const DtLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  D as DtLink,
-  a as LINK_KIND_MODIFIERS,
-  n as LINK_VARIANTS
+  DtLink,
+  LINK_KIND_MODIFIERS,
+  LINK_VARIANTS
 };
 //# sourceMappingURL=link.js.map

package/dist/lib/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'd-link',\n      LINK_KIND_MODIFIERS[kind],\n    ]\"\n    data-qa=\"dt-link\"\n    :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </a>\n</template>\n\n<script>\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS } from './link_constants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} href attribute\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, danger, warning, success, muted, inverted, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","LINK_VARIANTS","LINK_KIND_MODIFIERS","_createElementBlock","_normalizeClass","$data","$props","_ctx","_renderSlot"],"mappings":";;;AAuBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAWC,GAAM;AACf,eAAOC,EAAc,SAASD,CAAI;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,qBAAAE;AAAA;EAEH;AACH;;cA5CEC,EAUI,KAAA;AAAA,IATD,OAAKC,EAAA;AAAA;MAA0BC,EAAA,oBAAoBC,EAAI,IAAA;AAAA;IAIxD,WAAQ;AAAA,IACP,MAAgB,UAAAC,EAAA,SAASA,EAAA,OAAO,OAAI;AAAA;IAGrCC,EAAQD,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"link.js","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'd-link',\n      LINK_KIND_MODIFIERS[kind],\n    ]\"\n    data-qa=\"dt-link\"\n    :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </a>\n</template>\n\n<script>\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS } from './link_constants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} href attribute\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, danger, warning, success, muted, inverted, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;AAuBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAW,MAAM;AACf,eAAO,cAAc,SAAS,IAAI;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;;sBA5CEA,mBAUI,KAAA;AAAA,IATD,OAAKC,eAAA;AAAA;MAA0B,MAAA,oBAAoB,OAAI,IAAA;AAAA;IAIxD,WAAQ;AAAA,IACP,MAAgB,UAAA,KAAA,SAAS,KAAA,OAAO,OAAI;AAAA;IAGrCC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

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

@@ -1,2 +1,68 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./utils.cjs"),e=require("vue"),a=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js");require("./constants.cjs");const l={name:"DtListItemGroup",props:{id:{type:String,default(){return r.getUniqueString()}},heading:{type:String,default:""},headingClass:{type:[String,Array,Object],default:""},listClass:{type:[String,Array,Object],default:""}}},n=["id","aria-labelledby"],d=["id"];function o(i,u,t,c,g,p){return e.openBlock(),e.createElementBlock("ul",{id:t.id,class:e.normalizeClass(["d-list-item-group",t.listClass]),role:"group","data-qa":"dt-dropdown-list-wrapper","aria-labelledby":`${t.id}-heading`},[t.heading?(e.openBlock(),e.createElementBlock("li",{key:0,id:`${t.id}-heading`,role:"presentation","data-qa":"dt-dropdown-list-heading",class:e.normalizeClass(["dt-dropdown-list--header",t.headingClass])},[e.renderSlot(i.$slots,"headingSlot",{},()=>[e.createTextVNode(e.toDisplayString(t.heading),1)])],10,d)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default")],10,n)}const s=a._(l,[["render",o]]);exports.DtListItemGroup=s;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const common_utils = require("../common/utils.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
+require("../common/constants.cjs");
+const _sfc_main = {
+  name: "DtListItemGroup",
+  props: {
+    /**
+     * Id of the List Item Group
+     */
+    id: {
+      type: String,
+      default() {
+        return common_utils.getUniqueString();
+      }
+    },
+    /**
+     * List's heading.
+     */
+    heading: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Additional class to style the heading
+     */
+    headingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+      type: [String, Array, Object],
+      default: ""
+    }
+  }
+};
+const _hoisted_1 = ["id", "aria-labelledby"];
+const _hoisted_2 = ["id"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("ul", {
+    id: $props.id,
+    class: vue.normalizeClass(["d-list-item-group", $props.listClass]),
+    role: "group",
+    "data-qa": "dt-dropdown-list-wrapper",
+    "aria-labelledby": `${$props.id}-heading`
+  }, [
+    $props.heading ? (vue.openBlock(), vue.createElementBlock("li", {
+      key: 0,
+      id: `${$props.id}-heading`,
+      role: "presentation",
+      "data-qa": "dt-dropdown-list-heading",
+      class: vue.normalizeClass(["dt-dropdown-list--header", $props.headingClass])
+    }, [
+      vue.renderSlot(_ctx.$slots, "headingSlot", {}, () => [
+        vue.createTextVNode(vue.toDisplayString($props.heading), 1)
+      ])
+    ], 10, _hoisted_2)) : vue.createCommentVNode("", true),
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
+}
+const list_item_group = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.DtListItemGroup = list_item_group;
 //# sourceMappingURL=list-item-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"list-item-group.cjs","sources":["../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","_createElementBlock","$props","_renderSlot","_ctx"],"mappings":"wNA6BA,MAAKA,EAAU,CACb,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAe,gBAAA,CAAK,CACzC,EAKD,QAAS,CACP,KAAM,OACN,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,CACF,CACH,mFAhEEC,EAqBK,mBAAA,KAAA,CApBF,GAAIC,EAAE,GACN,4CAA6BA,EAAS,SAAA,CAAA,EACvC,KAAK,QACL,UAAQ,2BACP,qBAAoBA,EAAE,EAAA,aAGfA,EAAO,uBADfD,EAWK,mBAAA,KAAA,OATF,MAAOC,EAAE,EAAA,WACV,KAAK,eACL,UAAQ,2BACP,mDAAoCA,EAAY,YAAA,CAAA,IAGjDC,EAAAA,WAEOC,0BAFP,IAEO,qCADFF,EAAO,OAAA,EAAA,CAAA,wCAIdC,aAAQC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"list-item-group.cjs","sources":["../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["getUniqueString","_createElementBlock","_renderSlot"],"mappings":";;;;;;AA6BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOA,aAAe,gBAAA;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,EACF;AACH;;;;0BAhEEC,IAqBK,mBAAA,MAAA;AAAA,IApBF,IAAI,OAAE;AAAA,IACN,gDAA6B,OAAS,SAAA,CAAA;AAAA,IACvC,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoB,OAAE,EAAA;AAAA;IAGf,OAAO,4BADfA,IAWK,mBAAA,MAAA;AAAA;MATF,OAAO,OAAE,EAAA;AAAA,MACV,MAAK;AAAA,MACL,WAAQ;AAAA,MACP,uDAAoC,OAAY,YAAA,CAAA;AAAA;MAGjDC,IAAAA,WAEO,gCAFP,MAEO;AAAA,gDADF,OAAO,OAAA,GAAA,CAAA;AAAA;;IAIdA,eAAQ,KAAA,QAAA,SAAA;AAAA;;;;"}