@dialpad/dialtone-vue 3.146.0 → 3.147.0

package/dist/lib/keyboard-shortcut.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
 const lib_icon = require("./icon.cjs");
 require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-bvhFNOPu.js");
+require("../chunks/icon_constants-QYpmdE0R.js");
 require("@dialpad/dialtone-icons/icons.json");
 const SHORTCUTS_ICON_ALIASES = {
   "{win}": "layout-grid",
@@ -56,10 +56,7 @@ const _sfc_main = {
   },
   computed: {
     icons() {
-      return {
-        ...SHORTCUTS_ICON_ALIASES,
-        ...SHORTCUTS_ICON_SEPARATOR
-      };
+      return { ...SHORTCUTS_ICON_ALIASES, ...SHORTCUTS_ICON_SEPARATOR };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -85,27 +82,35 @@ const _hoisted_2 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = vue.resolveComponent("dt-icon");
   return vue.openBlock(), vue.createElementBlock("kbd", {
-    class: vue.normalizeClass(["d-keyboard-shortcut", {
-      "d-keyboard-shortcut--inverted": $props.inverted
-    }])
-  }, [$props.screenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($props.screenReaderText), 1)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.formattedShortcutSplit, (item, i) => {
-    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [$options.icons[item] ? (vue.openBlock(), vue.createBlock(_component_dt_icon, {
-      key: `${i}-${item}`,
-      name: $options.icons[item],
-      size: "100",
-      "aria-hidden": "true",
-      class: vue.normalizeClass(["d-keyboard-shortcut__icon", {
-        "d-keyboard-shortcut__icon--inverted": $props.inverted
-      }])
-    }, null, 8, ["name", "class"])) : (vue.openBlock(), vue.createElementBlock("span", {
-      key: `${i}-${item}`,
-      "aria-hidden": "true",
-      class: vue.normalizeClass(["d-keyboard-shortcut__item", {
-        "d-keyboard-shortcut__item--inverted": $props.inverted
-      }]),
-      innerHTML: item
-    }, null, 10, _hoisted_2))], 64);
-  }), 256))], 2);
+    class: vue.normalizeClass([
+      "d-keyboard-shortcut",
+      { "d-keyboard-shortcut--inverted": $props.inverted }
+    ])
+  }, [
+    $props.screenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($props.screenReaderText), 1)) : vue.createCommentVNode("", true),
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.formattedShortcutSplit, (item, i) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        $options.icons[item] ? (vue.openBlock(), vue.createBlock(_component_dt_icon, {
+          key: `${i}-${item}`,
+          name: $options.icons[item],
+          size: "100",
+          "aria-hidden": "true",
+          class: vue.normalizeClass([
+            "d-keyboard-shortcut__icon",
+            { "d-keyboard-shortcut__icon--inverted": $props.inverted }
+          ])
+        }, null, 8, ["name", "class"])) : (vue.openBlock(), vue.createElementBlock("span", {
+          key: `${i}-${item}`,
+          "aria-hidden": "true",
+          class: vue.normalizeClass([
+            "d-keyboard-shortcut__item",
+            { "d-keyboard-shortcut__item--inverted": $props.inverted }
+          ]),
+          innerHTML: item
+        }, null, 10, _hoisted_2))
+      ], 64);
+    }), 256))
+  ], 2);
 }
 const keyboard_shortcut = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtKeyboardShortcut = keyboard_shortcut;

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

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.cjs","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=\"d-keyboard-shortcut--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","Object","keys","_sfc_main","name","components","DtIcon","props","inverted","type","Boolean","default","shortcut","String","required","screenReaderText","data","separator","computed","icons","shortcutWithSeparator","replace","formattedShortcut","reduce","result","key","RegExp","formattedShortcutSplit","iconAliasString","join","regex","split","filter","class","_createElementBlock","_normalizeClass","$props","_hoisted_1","_toDisplayString","_openBlock","_Fragment","_renderList","$options","item","i","_createBlock","_component_dt_icon","size","innerHTML"],"mappings":";;;;;;;;AAAO,MAAMA,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AACX;AAEO,MAAMC,2BAA2B;AAAA,EACtC,UAAU;AACZ;AAEO,MAAMC,yBAAyBC,OAAOC,KAAKJ,sBAAsB;ACqCxE,MAAKK,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,IACVC,QAAAA,SAAAA;AAAAA,EACD;AAAA,EAEDC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDC,UAAU;AAAA,MACRH,MAAMI;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKDC,kBAAkB;AAAA,MAChBN,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDK,OAAQ;AACN,WAAO;AAAA,MACLlB;AAAAA,MACAmB,WAAW;AAAA;EAEd;AAAA,EAEDC,UAAU;AAAA,IACRC,QAAS;AACP,aAAO;AAAA,QAAE,GAAGrB;AAAAA,QAAwB,GAAGC;AAAAA;IACxC;AAAA,IAEDqB,wBAAyB;AACvB,aAAO,KAAKR,SAASS,QAAQ,KAAKJ,WAAW,QAAQ;AAAA,IACtD;AAAA,IAEDK,oBAAqB;AACnB,aAAOrB,OAAOC,KAAKJ,sBAAsB,EAAEyB,OAAO,CAACC,QAAQC,QAAQ;AACjE,eAAOD,OAAOH,QAAQ,IAAIK,OAAO,MAAMD,MAAM,KAAK,IAAI,GAAG3B,uBAAuB2B,GAAG,CAAC;AAAA,MACtF,GAAG,KAAKL,qBAAqB;AAAA,IAC9B;AAAA;AAAA,IAGDO,yBAA0B;AACxB,YAAMC,kBAAkB3B,OAAOC,KAAK,KAAKiB,KAAK,EAAEU,KAAK,GAAG;AAOxD,YAAMC,QAAQ,IAAIJ,OAAO,IAAIE,eAAe,KAAK,IAAI;AACrD,aAAO,KAAKN,kBAAkBS,MAAMD,KAAK,EAAEE,OAAOtB,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;;;EA9GMuB,OAAM;;;;;0BARVC,IAqCM,mBAAA,OAAA;AAAA,IApCHD,OAAKE,IAAAA,eAAA;uCAA0EC,OAAQ5B;AAAAA,IAAA,CAAA;MAMhF4B,OAAgBrB,qCADxBmB,IAAAA,mBAKO,QALPG,YAKOC,IAAA,gBADFF,OAAgBrB,gBAAA,GAAA,CAAA,wCAErBwB,IAAAA,UAAA,IAAA,GAAAL,IAAAA,mBAwBWM,IAAAA,UAvBW,MAAAC,IAAA,WAAAC,SAAAf,wBAAZ,CAAAgB,MAAMC,MAAC;wEAGPF,SAAAvB,MAAMwB,IAAI,sBADlBE,IAAAA,YAUEC,oBAAA;AAAA,MARCrB,KAAG,GAAKmB,CAAC,IAAID,IAAI;AAAA,MACjBvC,MAAMsC,SAAKvB,MAACwB,IAAI;AAAA,MACjBI,MAAK;AAAA,MACL,eAAY;AAAA,MACXd,OAAKE,IAAAA,eAAA;+CAA8FC,OAAQ5B;AAAAA,MAAA,CAAA;wDAK9G0B,IASE,mBAAA,QAAA;AAAA,MAPCT,KAAG,GAAKmB,CAAC,IAAID,IAAI;AAAA,MAClB,eAAY;AAAA,MACXV,OAAKE,IAAAA,eAAA;+CAA8FC,OAAQ5B;AAAAA,MAAA,CAAA;MAI5GwC,WAAQL;AAAAA;;;;;;;;"}
+{"version":3,"file":"keyboard-shortcut.cjs","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=\"d-keyboard-shortcut--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":["DtIcon","_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,QAAAA,SAAM;AAAA,EACP;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;;;;;0BARVC,IAqCM,mBAAA,OAAA;AAAA,IApCH,OAAKC,IAAAA,eAAA;AAAA;yCAA0E,OAAQ,SAAA;AAAA;;IAMhF,OAAgB,qCADxBD,IAKO,mBAAA,QALP,YAKOE,IAAAA,gBADF,OAAgB,gBAAA,GAAA,CAAA;KAErBC,IAAAA,UAAA,IAAA,GAAAH,IAAA,mBAwBWI,cAvBW,MAAAC,IAAA,WAAA,SAAA,wBAAZ,CAAA,MAAM,MAAC;;QAGP,SAAA,MAAM,IAAI,sBADlBC,IAUE,YAAA,oBAAA;AAAA,UARC,KAAG,GAAK,CAAC,IAAI,IAAI;AAAA,UACjB,MAAM,SAAK,MAAC,IAAI;AAAA,UACjB,MAAK;AAAA,UACL,eAAY;AAAA,UACX,OAAKL,IAAAA,eAAA;AAAA;qDAA8F,OAAQ,SAAA;AAAA;4DAK9GD,IASE,mBAAA,QAAA;AAAA,UAPC,KAAG,GAAK,CAAC,IAAI,IAAI;AAAA,UAClB,eAAY;AAAA,UACX,OAAKC,IAAAA,eAAA;AAAA;qDAA8F,OAAQ,SAAA;AAAA;UAI5G,WAAQ;AAAA;;;;;;;;;;"}

package/dist/lib/keyboard-shortcut.js

@@ -2,7 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisp
 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-gIQj4mf7.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
 const SHORTCUTS_ICON_ALIASES = {
   "{win}": "layout-grid",
@@ -54,10 +54,7 @@ const _sfc_main = {
   },
   computed: {
     icons() {
-      return {
-        ...SHORTCUTS_ICON_ALIASES,
-        ...SHORTCUTS_ICON_SEPARATOR
-      };
+      return { ...SHORTCUTS_ICON_ALIASES, ...SHORTCUTS_ICON_SEPARATOR };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -83,27 +80,35 @@ 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": $props.inverted
-    }])
-  }, [$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);
+    class: normalizeClass([
+      "d-keyboard-shortcut",
+      { "d-keyboard-shortcut--inverted": $props.inverted }
+    ])
+  }, [
+    $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 keyboard_shortcut = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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=\"d-keyboard-shortcut--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","Object","keys","_sfc_main","name","components","DtIcon","props","inverted","type","Boolean","default","shortcut","String","required","screenReaderText","data","separator","computed","icons","shortcutWithSeparator","replace","formattedShortcut","reduce","result","key","RegExp","formattedShortcutSplit","iconAliasString","join","regex","split","filter","class","_createElementBlock","_normalizeClass","$props","_hoisted_1","_toDisplayString","_openBlock","_Fragment","_renderList","$options","item","i","_createBlock","_component_dt_icon","size","innerHTML"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AACX;AAEO,MAAMC,2BAA2B;AAAA,EACtC,UAAU;AACZ;AAEO,MAAMC,yBAAyBC,OAAOC,KAAKJ,sBAAsB;ACqCxE,MAAKK,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,IACVC;AAAAA,EACD;AAAA,EAEDC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,UAAU;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDC,UAAU;AAAA,MACRH,MAAMI;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKDC,kBAAkB;AAAA,MAChBN,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDK,OAAQ;AACN,WAAO;AAAA,MACLlB;AAAAA,MACAmB,WAAW;AAAA;EAEd;AAAA,EAEDC,UAAU;AAAA,IACRC,QAAS;AACP,aAAO;AAAA,QAAE,GAAGrB;AAAAA,QAAwB,GAAGC;AAAAA;IACxC;AAAA,IAEDqB,wBAAyB;AACvB,aAAO,KAAKR,SAASS,QAAQ,KAAKJ,WAAW,QAAQ;AAAA,IACtD;AAAA,IAEDK,oBAAqB;AACnB,aAAOrB,OAAOC,KAAKJ,sBAAsB,EAAEyB,OAAO,CAACC,QAAQC,QAAQ;AACjE,eAAOD,OAAOH,QAAQ,IAAIK,OAAO,MAAMD,MAAM,KAAK,IAAI,GAAG3B,uBAAuB2B,GAAG,CAAC;AAAA,MACtF,GAAG,KAAKL,qBAAqB;AAAA,IAC9B;AAAA;AAAA,IAGDO,yBAA0B;AACxB,YAAMC,kBAAkB3B,OAAOC,KAAK,KAAKiB,KAAK,EAAEU,KAAK,GAAG;AAOxD,YAAMC,QAAQ,IAAIJ,OAAO,IAAIE,eAAe,KAAK,IAAI;AACrD,aAAO,KAAKN,kBAAkBS,MAAMD,KAAK,EAAEE,OAAOtB,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;;;EA9GMuB,OAAM;;;;;sBARVC,mBAqCM,OAAA;AAAA,IApCHD,OAAKE,eAAA;uCAA0EC,OAAQ5B;AAAAA,IAAA,CAAA;MAMhF4B,OAAgBrB,iCADxBmB,mBAKO,QALPG,YAKOC,gBADFF,OAAgBrB,gBAAA,GAAA,CAAA,oCAErBwB,UAAA,IAAA,GAAAL,mBAwBWM,UAvBW,MAAAC,WAAAC,SAAAf,wBAAZ,CAAAgB,MAAMC,MAAC;4DAGPF,SAAAvB,MAAMwB,IAAI,kBADlBE,YAUEC,oBAAA;AAAA,MARCrB,KAAG,GAAKmB,CAAC,IAAID,IAAI;AAAA,MACjBvC,MAAMsC,SAAKvB,MAACwB,IAAI;AAAA,MACjBI,MAAK;AAAA,MACL,eAAY;AAAA,MACXd,OAAKE,eAAA;+CAA8FC,OAAQ5B;AAAAA,MAAA,CAAA;oDAK9G0B,mBASE,QAAA;AAAA,MAPCT,KAAG,GAAKmB,CAAC,IAAID,IAAI;AAAA,MAClB,eAAY;AAAA,MACXV,OAAKE,eAAA;+CAA8FC,OAAQ5B;AAAAA,MAAA,CAAA;MAI5GwC,WAAQL;AAAAA;;;;"}
+{"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=\"d-keyboard-shortcut--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

@@ -67,12 +67,14 @@ 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]])]),
+  }, _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"]);
 }

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","name","inheritAttrs","props","show","type","Boolean","default","transition","String","appear","data","initialized","computed","isCSSEnabled","process","env","NODE_ENV","watch","newValue","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$attrs","css","$options","_withDirectives","_createElementVNode","$data","_renderSlot","$slots","key"],"mappings":";;;;AAsBA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,cAAc;AAAA;AAAA;AAAA;AAAA,EAKdC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,YAAY;AAAA,MACVH,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDG,QAAQ;AAAA,MACNL,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA;AAAA;AAAA;AAAA,EAKDI,OAAQ;AACN,WAAO;AAAA,MACLC,aAAa,CAAC,CAAC,KAAKR;AAAAA;EAEvB;AAAA,EAEDS,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAORC,eAAgB;AACd,aAAOC,QAAQC,IAAIC,aAAa;AAAA,IAClC;AAAA,EACD;AAAA;AAAA;AAAA;AAAA,EAKDC,OAAO;AAAA,IACLd,MAAM,SAAUe,UAAU;AACxB,UAAI,CAACA,YAAY,KAAKP;AAAa;AAEnC,WAAKA,cAAc;AAAA,IACrB;AAAA,EACF;AACF;;AAxFE,SAAAQ,cAAA,GAAAC,gBAaaC,IAAAA,YAbbC,IAAAA,WAaa;AAAA,IAZVtB,MAAMuB,OAAUhB;AAAAA,IAChBE,QAAQc,OAAMd;AAAAA,KACPe,KAAMC,QAAA;AAAA,IACbC,KAAKC,SAAYd;AAAAA,EAAA,CAAA,GAAA;AAAA,yBAElB,MAMM,CANNe,IAAAA,eAAAC,IAAAA,mBAMM,iDAJIL,KAAMC,MAAA,CAAA,GAAA,CAGFK,MAAWnB,cAAvBoB,IAAAA,WAA2BP,KAAAQ,QAAA,WAAA;AAAA,MAAAC,KAAA;AAAA,IAAA,CAAA,yDAJnBV,OAAIpB,IAAA,CAAA;;;;;;"}
+{"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

@@ -65,12 +65,14 @@ 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), [[vShow, $props.show]])]),
+  }, _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), [
+        [vShow, $props.show]
+      ])
+    ]),
     _: 3
   }, 16, ["name", "appear", "css"]);
 }

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","name","inheritAttrs","props","show","type","Boolean","default","transition","String","appear","data","initialized","computed","isCSSEnabled","process","env","NODE_ENV","watch","newValue","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$attrs","css","$options","_withDirectives","_createElementVNode","$data","_renderSlot","$slots","key"],"mappings":";;AAsBA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,cAAc;AAAA;AAAA;AAAA;AAAA,EAKdC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,YAAY;AAAA,MACVH,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDG,QAAQ;AAAA,MACNL,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA;AAAA;AAAA;AAAA,EAKDI,OAAQ;AACN,WAAO;AAAA,MACLC,aAAa,CAAC,CAAC,KAAKR;AAAAA;EAEvB;AAAA,EAEDS,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAORC,eAAgB;AACd,aAAOC,QAAQC,IAAIC,aAAa;AAAA,IAClC;AAAA,EACD;AAAA;AAAA;AAAA;AAAA,EAKDC,OAAO;AAAA,IACLd,MAAM,SAAUe,UAAU;AACxB,UAAI,CAACA,YAAY,KAAKP;AAAa;AAEnC,WAAKA,cAAc;AAAA,IACrB;AAAA,EACF;AACF;;AAxFE,SAAAQ,UAAA,GAAAC,YAaaC,YAbbC,WAaa;AAAA,IAZVtB,MAAMuB,OAAUhB;AAAAA,IAChBE,QAAQc,OAAMd;AAAAA,KACPe,KAAMC,QAAA;AAAA,IACbC,KAAKC,SAAYd;AAAAA,EAAA,CAAA,GAAA;AAAA,qBAElB,MAMM,CANNe,eAAAC,mBAMM,yCAJIL,KAAMC,MAAA,CAAA,GAAA,CAGFK,MAAWnB,cAAvBoB,WAA2BP,KAAAQ,QAAA,WAAA;AAAA,MAAAC,KAAA;AAAA,IAAA,CAAA,iDAJnBV,OAAIpB,IAAA,CAAA;;;;;"}
+{"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

@@ -34,7 +34,10 @@ const _sfc_main = {
   },
   methods: {
     getLinkClasses() {
-      return ["d-link", link_constants.getLinkKindModifier(this.kind, this.inverted)];
+      return [
+        "d-link",
+        link_constants.getLinkKindModifier(this.kind, this.inverted)
+      ];
     }
   }
 };
@@ -44,7 +47,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass($options.getLinkClasses()),
     "data-qa": "dt-link",
     href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
-  }, [vue.renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+  }, [
+    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;

package/dist/lib/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"getLinkClasses()\"\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, getLinkKindModifier } 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, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.kind, this.inverted),\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","name","props","kind","type","String","default","validator","LINK_VARIANTS","includes","inverted","Boolean","data","LINK_KIND_MODIFIERS","methods","getLinkClasses","getLinkKindModifier","_createElementBlock","class","$options","href","_ctx","$attrs","_renderSlot","$slots"],"mappings":";;;;;AAoBA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,UAAWJ,MAAM;AACf,eAAOK,eAAa,cAACC,SAASN,IAAI;AAAA,MACpC;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODO,UAAU;AAAA,MACRN,MAAMO;AAAAA,MACNL,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDM,OAAQ;AACN,WAAO;AAAA,MACLC,qBAAAA,eAAAA;AAAAA;EAEH;AAAA,EAEDC,SAAS;AAAA,IACPC,iBAAkB;AAChB,aAAO,CACL,UACAC,mCAAoB,KAAKb,MAAM,KAAKO,QAAQ,CAAC;AAAA,IAEjD;AAAA,EACF;AACF;;;0BA5DEO,IAOI,mBAAA,KAAA;AAAA,IANDC,0BAAOC,SAAcJ,gBAAA;AAAA,IACtB,WAAQ;AAAA,IACPK,MAAgB,UAAAC,KAAAC,SAASD,KAAAC,OAAOF,OAAI;AAAA,MAGrCG,IAAAA,WAAQF,KAAAG,QAAA,SAAA,CAAA;;;;;;;"}
+{"version":3,"file":"link.cjs","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"getLinkClasses()\"\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, getLinkKindModifier } 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, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.kind, this.inverted),\n      ];\n    },\n  },\n};\n</script>\n"],"names":["LINK_VARIANTS","LINK_KIND_MODIFIERS","getLinkKindModifier","_createElementBlock","_renderSlot"],"mappings":";;;;;AAoBA,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;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,qBAAAC,eAAmB;AAAA;EAEtB;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB;AAChB,aAAO;AAAA,QACL;AAAA,QACAC,eAAAA,oBAAoB,KAAK,MAAM,KAAK,QAAQ;AAAA;IAE/C;AAAA,EACF;AACH;;;0BA5DEC,IAOI,mBAAA,KAAA;AAAA,IAND,0BAAO,SAAc,gBAAA;AAAA,IACtB,WAAQ;AAAA,IACP,MAAgB,UAAA,KAAA,SAAS,KAAA,OAAO,OAAI;AAAA;IAGrCC,eAAQ,KAAA,QAAA,SAAA;AAAA;;;;;;;"}

package/dist/lib/link.js

@@ -32,7 +32,10 @@ const _sfc_main = {
   },
   methods: {
     getLinkClasses() {
-      return ["d-link", getLinkKindModifier(this.kind, this.inverted)];
+      return [
+        "d-link",
+        getLinkKindModifier(this.kind, this.inverted)
+      ];
     }
   }
 };
@@ -42,7 +45,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass($options.getLinkClasses()),
     "data-qa": "dt-link",
     href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
-  }, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
 }
 const DtLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/lib/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"getLinkClasses()\"\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, getLinkKindModifier } 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, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.kind, this.inverted),\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","name","props","kind","type","String","default","validator","LINK_VARIANTS","includes","inverted","Boolean","data","LINK_KIND_MODIFIERS","methods","getLinkClasses","getLinkKindModifier","_createElementBlock","class","$options","href","_ctx","$attrs","_renderSlot","$slots"],"mappings":";;;AAoBA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,UAAWJ,MAAM;AACf,eAAOK,cAAcC,SAASN,IAAI;AAAA,MACpC;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODO,UAAU;AAAA,MACRN,MAAMO;AAAAA,MACNL,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDM,OAAQ;AACN,WAAO;AAAA,MACLC;AAAAA;EAEH;AAAA,EAEDC,SAAS;AAAA,IACPC,iBAAkB;AAChB,aAAO,CACL,UACAC,oBAAoB,KAAKb,MAAM,KAAKO,QAAQ,CAAC;AAAA,IAEjD;AAAA,EACF;AACF;;;sBA5DEO,mBAOI,KAAA;AAAA,IANDC,sBAAOC,SAAcJ,gBAAA;AAAA,IACtB,WAAQ;AAAA,IACPK,MAAgB,UAAAC,KAAAC,SAASD,KAAAC,OAAOF,OAAI;AAAA,MAGrCG,WAAQF,KAAAG,QAAA,SAAA,CAAA;;;"}
+{"version":3,"file":"link.js","sources":["../../components/link/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"getLinkClasses()\"\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, getLinkKindModifier } 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, mention\n     */\n    kind: {\n      type: String,\n      default: '',\n      validator (kind) {\n        return LINK_VARIANTS.includes(kind);\n      },\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.kind, this.inverted),\n      ];\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;AAoBA,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;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB;AAChB,aAAO;AAAA,QACL;AAAA,QACA,oBAAoB,KAAK,MAAM,KAAK,QAAQ;AAAA;IAE/C;AAAA,EACF;AACH;;;sBA5DEA,mBAOI,KAAA;AAAA,IAND,sBAAO,SAAc,gBAAA;AAAA,IACtB,WAAQ;AAAA,IACP,MAAgB,UAAA,KAAA,SAAS,KAAA,OAAO,OAAI;AAAA;IAGrCC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

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

@@ -48,13 +48,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     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);
+  }, [
+    $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;

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","name","props","id","type","String","default","getUniqueString","heading","headingClass","Array","Object","listClass","_createElementBlock","$props","class","role","_renderSlot","_ctx","$slots"],"mappings":";;;;;;AA6BA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILC,IAAI;AAAA,MACFC,MAAMC;AAAAA,MACNC,UAAW;AAAE,eAAOC,aAAe,gBAAA;AAAA,MAAI;AAAA,IACxC;AAAA;AAAA;AAAA;AAAA,IAKDC,SAAS;AAAA,MACPJ,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDG,cAAc;AAAA,MACZL,MAAM,CAACC,QAAQK,OAAOC,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDM,WAAW;AAAA,MACTR,MAAM,CAACC,QAAQK,OAAOC,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;;0BAhEEO,IAqBK,mBAAA,MAAA;AAAA,IApBFV,IAAIW,OAAEX;AAAAA,IACNY,gDAA6BD,OAASF,SAAA,CAAA;AAAA,IACvCI,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoBF,OAAEX,EAAA;AAAA,MAGfW,OAAON,4BADfK,IAAAA,mBAWK,MAAA;AAAA;IATFV,OAAOW,OAAEX,EAAA;AAAA,IACVa,MAAK;AAAA,IACL,WAAQ;AAAA,IACPD,uDAAoCD,OAAYL,YAAA,CAAA;AAAA,MAGjDQ,IAAAA,WAEOC,gCAFP,MAEO,yCADFJ,OAAON,OAAA,GAAA,CAAA,CAAA,0DAIdS,IAAAA,WAAQC,KAAAC,QAAA,SAAA,CAAA;;;;"}
+{"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;;;;"}

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

@@ -46,13 +46,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     role: "group",
     "data-qa": "dt-dropdown-list-wrapper",
     "aria-labelledby": `${$props.id}-heading`
-  }, [$props.heading ? (openBlock(), createElementBlock("li", {
-    key: 0,
-    id: `${$props.id}-heading`,
-    role: "presentation",
-    "data-qa": "dt-dropdown-list-heading",
-    class: normalizeClass(["dt-dropdown-list--header", $props.headingClass])
-  }, [renderSlot(_ctx.$slots, "headingSlot", {}, () => [createTextVNode(toDisplayString($props.heading), 1)])], 10, _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+  }, [
+    $props.heading ? (openBlock(), createElementBlock("li", {
+      key: 0,
+      id: `${$props.id}-heading`,
+      role: "presentation",
+      "data-qa": "dt-dropdown-list-heading",
+      class: normalizeClass(["dt-dropdown-list--header", $props.headingClass])
+    }, [
+      renderSlot(_ctx.$slots, "headingSlot", {}, () => [
+        createTextVNode(toDisplayString($props.heading), 1)
+      ])
+    ], 10, _hoisted_2)) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
 }
 const list_item_group = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"list-item-group.js","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","name","props","id","type","String","default","getUniqueString","heading","headingClass","Array","Object","listClass","_createElementBlock","$props","class","role","_renderSlot","_ctx","$slots"],"mappings":";;;;AA6BA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILC,IAAI;AAAA,MACFC,MAAMC;AAAAA,MACNC,UAAW;AAAE,eAAOC,gBAAe;AAAA,MAAI;AAAA,IACxC;AAAA;AAAA;AAAA;AAAA,IAKDC,SAAS;AAAA,MACPJ,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDG,cAAc;AAAA,MACZL,MAAM,CAACC,QAAQK,OAAOC,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDM,WAAW;AAAA,MACTR,MAAM,CAACC,QAAQK,OAAOC,MAAM;AAAA,MAC5BL,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;;sBAhEEO,mBAqBK,MAAA;AAAA,IApBFV,IAAIW,OAAEX;AAAAA,IACNY,4CAA6BD,OAASF,SAAA,CAAA;AAAA,IACvCI,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoBF,OAAEX,EAAA;AAAA,MAGfW,OAAON,wBADfK,mBAWK,MAAA;AAAA;IATFV,OAAOW,OAAEX,EAAA;AAAA,IACVa,MAAK;AAAA,IACL,WAAQ;AAAA,IACPD,mDAAoCD,OAAYL,YAAA,CAAA;AAAA,MAGjDQ,WAEOC,gCAFP,MAEO,iCADFJ,OAAON,OAAA,GAAA,CAAA,CAAA,sDAIdS,WAAQC,KAAAC,QAAA,SAAA,CAAA;;;"}
+{"version":3,"file":"list-item-group.js","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":["_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,eAAO,gBAAe;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;;;;sBAhEEA,mBAqBK,MAAA;AAAA,IApBF,IAAI,OAAE;AAAA,IACN,4CAA6B,OAAS,SAAA,CAAA;AAAA,IACvC,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoB,OAAE,EAAA;AAAA;IAGf,OAAO,wBADfA,mBAWK,MAAA;AAAA;MATF,OAAO,OAAE,EAAA;AAAA,MACV,MAAK;AAAA,MACL,WAAQ;AAAA,MACP,mDAAoC,OAAY,YAAA,CAAA;AAAA;MAGjDC,WAEO,gCAFP,MAEO;AAAA,wCADF,OAAO,OAAA,GAAA,CAAA;AAAA;;IAIdA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

package/dist/lib/list-item.cjs

@@ -8,7 +8,7 @@ const lib_itemLayout = require("./item-layout.cjs");
 const lib_icon = require("./icon.cjs");
 require("../common/constants.cjs");
 require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-bvhFNOPu.js");
+require("../chunks/icon_constants-QYpmdE0R.js");
 require("@dialpad/dialtone-icons/icons.json");
 const ROLES = ["listitem", "menuitem", "option"];
 const _sfc_main = {
@@ -21,9 +21,7 @@ const _sfc_main = {
    * Value provided from keyboard_list_navigation.js using id prop.
    */
   inject: {
-    highlightId: {
-      default: null
-    }
+    highlightId: { default: null }
   },
   props: {
     /**
@@ -186,26 +184,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     role: $props.role,
     "aria-selected": $props.role === "listitem" ? void 0 : $options.isHighlighted
   }, vue.toHandlers($options.listItemListeners)), {
-    default: vue.withCtx(() => [$options.listItemType ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.listItemType), {
-      key: 0
-    }, vue.createSlots({
-      _: 2
-    }, [vue.renderList(_ctx.$slots, (_, slotName) => {
-      return {
-        name: slotName,
-        fn: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, slotName)])
-      };
-    }), $props.selected ? {
-      name: "selected",
-      fn: vue.withCtx(() => [vue.createVNode(_component_dt_icon, {
-        name: "check",
-        size: "400",
-        class: "dt-list-item--selected-icon"
-      })]),
-      key: "0"
-    } : void 0]), 1024)) : vue.renderSlot(_ctx.$slots, "default", {
-      key: 1
-    })]),
+    default: vue.withCtx(() => [
+      $options.listItemType ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.listItemType), { key: 0 }, vue.createSlots({ _: 2 }, [
+        vue.renderList(_ctx.$slots, (_, slotName) => {
+          return {
+            name: slotName,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, slotName)
+            ])
+          };
+        }),
+        $props.selected ? {
+          name: "selected",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_dt_icon, {
+              name: "check",
+              size: "400",
+              class: "dt-list-item--selected-icon"
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+    ]),
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }