@dialpad/dialtone 9.65.1 → 9.66.0

package/dist/vue2/chunks/{tab-V4cb44Ry.js → tab-muPOS7JE.js}

@@ -153,38 +153,57 @@ const _sfc_main$1 = {
       });
     },
     onChange() {
-      this.$emit("change", { ...this.provideObj });
+      this.$emit("change", {
+        ...this.provideObj
+      });
     },
-    changeContentPanel({ selected, selectOverride }) {
+    changeContentPanel({
+      selected,
+      selectOverride
+    }) {
       this.provideObj.selected = selected;
       if (!selectOverride) {
         this.onChange();
       }
     },
     tabLeft() {
-      const { index, tabs } = this.getIndexAndTabs();
+      const {
+        index,
+        tabs
+      } = this.getIndexAndTabs();
       if (index === -1)
         return;
       const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;
       this.selectFocusOnTab(indexElement, tabs);
     },
     tabRight() {
-      const { index, tabs } = this.getIndexAndTabs();
+      const {
+        index,
+        tabs
+      } = this.getIndexAndTabs();
       if (index === -1)
         return;
       const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;
       this.selectFocusOnTab(indexElement, tabs);
     },
     selectFocusOnTab(index, tabs) {
-      const { context } = tabs[index];
+      const {
+        context
+      } = tabs[index];
       context.focus();
     },
     selectTab() {
-      const { tabs, index } = this.getIndexAndTabs();
+      const {
+        tabs,
+        index
+      } = this.getIndexAndTabs();
       this.selectTabByIndex(index, tabs);
     },
     selectTabByIndex(index, tabs) {
-      const { context, panelId } = tabs[index];
+      const {
+        context,
+        panelId
+      } = tabs[index];
       this.provideObj.selected = panelId;
       context.focus();
     },
@@ -211,55 +230,55 @@ const _sfc_main$1 = {
 };
 var _sfc_render$1 = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", { attrs: { "data-qa": "dt-tab-group" } }, [_c("div", _vm._b({ class: [
-    "d-tablist",
-    _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
-    {
+  return _c("div", {
+    attrs: {
+      "data-qa": "dt-tab-group"
+    }
+  }, [_c("div", _vm._b({
+    class: ["d-tablist", _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size], {
       [_vm.TAB_LIST_KIND_MODIFIERS.inverted]: _vm.inverted,
       [_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: _vm.borderless
+    }, _vm.tabListClass],
+    attrs: {
+      "role": "tablist",
+      "aria-label": _vm.label
     },
-    _vm.tabListClass
-  ], attrs: { "role": "tablist", "aria-label": _vm.label }, on: { "keyup": [function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"]))
-      return null;
-    if ("button" in $event && $event.button !== 0)
-      return null;
-    return _vm.tabLeft.apply(null, arguments);
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"]))
-      return null;
-    if ("button" in $event && $event.button !== 2)
-      return null;
-    return _vm.tabRight.apply(null, arguments);
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
-      return null;
-    return _vm.selectTab.apply(null, arguments);
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
-      return null;
-    return _vm.selectTab.apply(null, arguments);
-  }], "keydown": [function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "home", void 0, $event.key, void 0))
-      return null;
-    return _vm.onHomeButton.apply(null, arguments);
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "end", void 0, $event.key, void 0))
-      return null;
-    return _vm.onEndButton.apply(null, arguments);
-  }] } }, "div", _vm.tabListChildProps, false), [_vm._t("tabs")], 2), _vm._t("default")], 2);
+    on: {
+      "keyup": [function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"]))
+          return null;
+        if ("button" in $event && $event.button !== 0)
+          return null;
+        return _vm.tabLeft.apply(null, arguments);
+      }, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"]))
+          return null;
+        if ("button" in $event && $event.button !== 2)
+          return null;
+        return _vm.tabRight.apply(null, arguments);
+      }, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        return _vm.selectTab.apply(null, arguments);
+      }, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
+          return null;
+        return _vm.selectTab.apply(null, arguments);
+      }],
+      "keydown": [function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "home", void 0, $event.key, void 0))
+          return null;
+        return _vm.onHomeButton.apply(null, arguments);
+      }, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "end", void 0, $event.key, void 0))
+          return null;
+        return _vm.onEndButton.apply(null, arguments);
+      }]
+    }
+  }, "div", _vm.tabListChildProps, false), [_vm._t("tabs")], 2), _vm._t("default")], 2);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
 const DtTabGroup = __component__$1.exports;
 const _sfc_main = {
   name: "DtTab",
@@ -356,25 +375,24 @@ const _sfc_main = {
 };
 var _sfc_render = function render2() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-button", _vm._g(_vm._b({ class: [
-    "d-tab",
-    {
+  return _c("dt-button", _vm._g(_vm._b({
+    class: ["d-tab", {
       [_vm.TAB_IMPORTANCE_MODIFIERS.selected]: _vm.isSelected
-    },
-    _vm.tabClass
-  ], attrs: { "id": `dt-tab-${_vm.id}`, "role": "tab", "aria-selected": `${_vm.isSelected}`, "aria-controls": `dt-panel-${_vm.panelId}`, "aria-label": _vm.label, "data-qa": "dt-tab", "tabindex": _vm.isSelected ? "0" : "-1", "disabled": _vm.groupContext.disabled || _vm.disabled } }, "dt-button", _vm.$attrs, false), _vm.tabListeners), [_vm._t("default")], 2);
+    }, _vm.tabClass],
+    attrs: {
+      "id": `dt-tab-${_vm.id}`,
+      "role": "tab",
+      "aria-selected": `${_vm.isSelected}`,
+      "aria-controls": `dt-panel-${_vm.panelId}`,
+      "aria-label": _vm.label,
+      "data-qa": "dt-tab",
+      "tabindex": _vm.isSelected ? "0" : "-1",
+      "disabled": _vm.groupContext.disabled || _vm.disabled
+    }
+  }, "dt-button", _vm.$attrs, false), _vm.tabListeners), [_vm._t("default")], 2);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null,
-  null,
-  null
-);
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const DtTab = __component__.exports;
 export {
   DtTab,
@@ -384,4 +402,4 @@ export {
   TAB_LIST_KIND_MODIFIERS,
   TAB_LIST_SIZES
 };
-//# sourceMappingURL=tab-V4cb44Ry.js.map
+//# sourceMappingURL=tab-muPOS7JE.js.map

package/dist/vue2/chunks/{tab-FcsV5VmK.js.map → tab-muPOS7JE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-FcsV5VmK.js","sources":["../../components/tabs/tabs_constants.js","../../components/tabs/tab_group.vue","../../components/tabs/tab.vue"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n","<template>\n  <div\n    data-qa=\"dt-tab-group\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[size],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        tabListClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      @keyup.left=\"tabLeft\"\n      @keyup.right=\"tabRight\"\n      @keyup.enter=\"selectTab\"\n      @keyup.space=\"selectTab\"\n      @keydown.home=\"onHomeButton\"\n      @keydown.end=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      changeContentPanel: this.changeContentPanel,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values default, sm\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validate (size) {\n        return TAB_LIST_SIZES.includes(size);\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n      },\n\n      focusId: null,\n      tabs: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler () {\n        this.provideObj.selected = this.selected;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  beforeUpdate () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabs = this.getTabChildren();\n    },\n\n    setFocus (focusId) {\n      this.focusId = focusId;\n    },\n\n    getTabChildren () {\n      return Array.from(this.$el.querySelectorAll('.d-tab'))\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            id: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    changeContentPanel ({ selected, selectOverride }) {\n      this.provideObj.selected = selected;\n      if (!selectOverride) {\n        this.onChange();\n      }\n    },\n\n    tabLeft () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n      const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    tabRight () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n\n      const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    selectFocusOnTab (index, tabs) {\n      const { context } = tabs[index];\n      context.focus();\n    },\n\n    selectTab () {\n      const { tabs, index } = this.getIndexAndTabs();\n      this.selectTabByIndex(index, tabs);\n    },\n\n    selectTabByIndex (index, tabs) {\n      const { context, panelId } = tabs[index];\n      this.provideObj.selected = panelId;\n      context.focus();\n    },\n\n    getIndexAndTabs () {\n      const index = this.tabs.findIndex((context) =>\n        this.focusId ? context.id === `${this.focusId}` : context.isSelected);\n      return {\n        tabs: this.tabs,\n        index,\n      };\n    },\n\n    onHomeButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[0]?.context?.focus();\n    },\n\n    onEndButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[this.tabs.length - 1]?.context?.focus();\n    },\n  },\n};\n</script>\n","<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['changeContentPanel', 'groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    tabListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.selectPanel();\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n  },\n\n  mounted () {\n    this.setSelectedPanelByDefault();\n  },\n\n  methods: {\n    setSelectedPanelByDefault () {\n      if (this.selected) {\n        this.selectPanel(true);\n      }\n    },\n\n    selectPanel (selectOverride = false) {\n      this.changeContentPanel({\n        selected: this.panelId,\n        selectOverride,\n      });\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton"],"mappings":"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"}
+{"version":3,"file":"tab-muPOS7JE.js","sources":["../../components/tabs/tabs_constants.js","../../components/tabs/tab_group.vue","../../components/tabs/tab.vue"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n","<template>\n  <div\n    data-qa=\"dt-tab-group\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[size],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        tabListClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      @keyup.left=\"tabLeft\"\n      @keyup.right=\"tabRight\"\n      @keyup.enter=\"selectTab\"\n      @keyup.space=\"selectTab\"\n      @keydown.home=\"onHomeButton\"\n      @keydown.end=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      changeContentPanel: this.changeContentPanel,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values default, sm\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validate (size) {\n        return TAB_LIST_SIZES.includes(size);\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n      },\n\n      focusId: null,\n      tabs: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler () {\n        this.provideObj.selected = this.selected;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  beforeUpdate () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabs = this.getTabChildren();\n    },\n\n    setFocus (focusId) {\n      this.focusId = focusId;\n    },\n\n    getTabChildren () {\n      return Array.from(this.$el.querySelectorAll('.d-tab'))\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            id: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    changeContentPanel ({ selected, selectOverride }) {\n      this.provideObj.selected = selected;\n      if (!selectOverride) {\n        this.onChange();\n      }\n    },\n\n    tabLeft () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n      const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    tabRight () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n\n      const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    selectFocusOnTab (index, tabs) {\n      const { context } = tabs[index];\n      context.focus();\n    },\n\n    selectTab () {\n      const { tabs, index } = this.getIndexAndTabs();\n      this.selectTabByIndex(index, tabs);\n    },\n\n    selectTabByIndex (index, tabs) {\n      const { context, panelId } = tabs[index];\n      this.provideObj.selected = panelId;\n      context.focus();\n    },\n\n    getIndexAndTabs () {\n      const index = this.tabs.findIndex((context) =>\n        this.focusId ? context.id === `${this.focusId}` : context.isSelected);\n      return {\n        tabs: this.tabs,\n        index,\n      };\n    },\n\n    onHomeButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[0]?.context?.focus();\n    },\n\n    onEndButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[this.tabs.length - 1]?.context?.focus();\n    },\n  },\n};\n</script>\n","<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['changeContentPanel', 'groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    tabListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.selectPanel();\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n  },\n\n  mounted () {\n    this.setSelectedPanelByDefault();\n  },\n\n  methods: {\n    setSelectedPanelByDefault () {\n      if (this.selected) {\n        this.selectPanel(true);\n      }\n    },\n\n    selectPanel (selectOverride = false) {\n      this.changeContentPanel({\n        selected: this.panelId,\n        selectOverride,\n      });\n    },\n  },\n};\n</script>\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","sm","TAB_LIST_KIND_MODIFIERS","inverted","TAB_LIST_IMPORTANCE_MODIFIERS","borderless","TAB_IMPORTANCE_MODIFIERS","selected","_sfc_main","name","provide","groupContext","provideObj","changeContentPanel","setFocus","props","label","type","String","default","disabled","Boolean","size","validate","includes","tabListClass","Array","Object","tabListChildProps","emits","data","focusId","tabs","watch","immediate","handler","mounted","updateSelected","beforeUpdate","methods","getTabChildren","from","$el","querySelectorAll","map","el","context","panelId","getAttribute","replace","id","isSelected","onChange","$emit","selectOverride","tabLeft","index","getIndexAndTabs","indexElement","length","selectFocusOnTab","tabRight","focus","selectTab","selectTabByIndex","findIndex","onHomeButton","onEndButton","components","DtButton","inject","inheritAttrs","required","tabClass","computed","tabListeners","$listeners","click","event","selectPanel","setSelectedPanelByDefault"],"mappings":"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"}

package/dist/vue2/common/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  ERROR: 'error',\n  WARNING: 'warning',\n  SUCCESS: 'success',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  xs: '',\n  sm: '',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"names":[],"mappings":";;AAUY,MAAC,2BAA2B;AAAA,EACtC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX;AAGY,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,aAAa;AACf;AAGY,MAAC,6BAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGY,MAAC,uBAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,iBAAiB;AAAA,EAC5B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AACP;AAMY,MAAC,kCAAkC,yBAAyB;AAG5D,MAAC,iBAAiB;AAE9B,MAAe,QAAA;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  ERROR: 'error',\n  WARNING: 'warning',\n  SUCCESS: 'success',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  xs: '',\n  sm: '',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"names":["VALIDATION_MESSAGE_TYPES","ERROR","WARNING","SUCCESS","DESCRIPTION_SIZE_TYPES","LARGE","EXTRA_LARGE","DESCRIPTION_SIZE_MODIFIERS","xs","sm","md","lg","xl","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","esc","escape","tab","enter","space","spacebar","up","arrowup","left","arrowleft","right","arrowright","down","arrowdown","home","end","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX"],"mappings":";;AAUO,MAAMA,2BAA2B;AAAA,EACtCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,SAAS;AACX;AAGO,MAAMC,yBAAyB;AAAA,EACpCC,OAAO;AAAA,EACPC,aAAa;AACf;AAGO,MAAMC,6BAA6B;AAAA,EACxCC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAGO,MAAMC,uBAAuB;AAAA,EAClCL,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEO,MAAME,iBAAiB;AAAA,EAC5BC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,IAAI;AAAA,EACJC,SAAS;AAAA,EACTC,MAAM;AAAA,EACNC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,YAAY;AAAA,EACZC,MAAM;AAAA,EACNC,WAAW;AAAA,EACXC,MAAM;AAAA,EACNC,KAAK;AACP;AAMaC,MAAAA,kCAAkC/B,yBAAyBC;AAGjE,MAAM+B,iBAAiB;AAE9B,MAAe,QAAA;AAAA,EACbhC;AAAAA,EACAI;AAAAA,EACA2B;AAAAA,EACAC;AACF;;;;;;;;;"}

package/dist/vue2/common/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  ERROR: 'error',\n  WARNING: 'warning',\n  SUCCESS: 'success',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  xs: '',\n  sm: '',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"names":[],"mappings":"AAUY,MAAC,2BAA2B;AAAA,EACtC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX;AAGY,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,aAAa;AACf;AAGY,MAAC,6BAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGY,MAAC,uBAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,iBAAiB;AAAA,EAC5B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AACP;AAMY,MAAC,kCAAkC,yBAAyB;AAG5D,MAAC,iBAAiB;AAE9B,MAAe,QAAA;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"constants.js","sources":["../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  ERROR: 'error',\n  WARNING: 'warning',\n  SUCCESS: 'success',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  xs: '',\n  sm: '',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"names":["VALIDATION_MESSAGE_TYPES","ERROR","WARNING","SUCCESS","DESCRIPTION_SIZE_TYPES","LARGE","EXTRA_LARGE","DESCRIPTION_SIZE_MODIFIERS","xs","sm","md","lg","xl","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","esc","escape","tab","enter","space","spacebar","up","arrowup","left","arrowleft","right","arrowright","down","arrowdown","home","end","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX"],"mappings":"AAUO,MAAMA,2BAA2B;AAAA,EACtCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,SAAS;AACX;AAGO,MAAMC,yBAAyB;AAAA,EACpCC,OAAO;AAAA,EACPC,aAAa;AACf;AAGO,MAAMC,6BAA6B;AAAA,EACxCC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAGO,MAAMC,uBAAuB;AAAA,EAClCL,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEO,MAAME,iBAAiB;AAAA,EAC5BC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,IAAI;AAAA,EACJC,SAAS;AAAA,EACTC,MAAM;AAAA,EACNC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,YAAY;AAAA,EACZC,MAAM;AAAA,EACNC,WAAW;AAAA,EACXC,MAAM;AAAA,EACNC,KAAK;AACP;AAMaC,MAAAA,kCAAkC/B,yBAAyBC;AAGjE,MAAM+B,iBAAiB;AAE9B,MAAe,QAAA;AAAA,EACbhC;AAAAA,EACAI;AAAAA,EACA2B;AAAAA,EACAC;AACF;"}

package/dist/vue2/common/dates.cjs

@@ -49,7 +49,9 @@ function durationInHHMM(durationInSeconds) {
   return _baseFormatDuration(duration, ["hours", "minutes"]);
 }
 function _getRelativeDaysText(days) {
-  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: "auto" });
+  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, {
+    numeric: "auto"
+  });
   return common_utils.capitalizeFirstLetter(rtl.formatToParts(days, "day")[0].value, dialtoneLocale.code);
 }
 function relativeDate(date) {

package/dist/vue2/common/dates.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dates.cjs","sources":["../../common/dates/index.js"],"sourcesContent":["import {\n  format,\n  formatDuration,\n  intervalToDuration,\n  formatDistance,\n  isToday,\n  isYesterday,\n  isThisWeek,\n  isThisYear,\n} from 'date-fns';\nimport { capitalizeFirstLetter } from '../utils';\n\nlet dialtoneLocale;\n\n// Base functions just wrap core date-fns functions, but this allows us to do checks and set default options.\n\nfunction _baseFormat (date, formatString) {\n  _checkLocaleSet();\n  return format(date, formatString, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _baseFormatDuration (duration, formatString) {\n  _checkLocaleSet();\n  return formatDuration(duration, {\n    locale: dialtoneLocale,\n    format: formatString,\n  });\n}\n\nfunction _baseFormatDistance (date, baseDate) {\n  _checkLocaleSet();\n  return formatDistance(date, baseDate, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _isLocaleSet () {\n  return dialtoneLocale !== undefined;\n}\n\nfunction _checkLocaleSet () {\n  if (!_isLocaleSet()) {\n    throw new Error('Locale not set, please call setDateLocale(locale) and pass ' +\n    'in a datefns locale object as the locale param before calling this function');\n  }\n}\n\n/**\n * Sets the locale for date-fns. This should be called before any date-fns functions are called.\n * @param {Locale} locale A date-fns locale object\n */\nexport function setDateLocale (locale) {\n  dialtoneLocale = locale;\n}\n\n/**\n * This formats a date to the Dialtone standard medium date format as shown here:\n * https://dialtone.dialpad.com/guides/writing-guidelines/#formats-by-length\n * @param {Date} date A javascript date object\n * @returns {string} A string in the format of 'September 2, 2022'\n */\nexport function getDateMedium (date) {\n  return _baseFormat(date, 'MMMM d, y');\n}\n\n/**\n * Converts a call duration in total number of seconds to a human readable string\n * such as 'less than a minute' or '4 hours 34 minutes'.\n * @param {number} durationInSeconds The duration of the call in seconds\n * @returns {string} A human readable string representing the duration of the call\n */\nexport function durationInHHMM (durationInSeconds) {\n  if (durationInSeconds < 60) {\n    // returns 'less than a minute', we're doing it like this instead of returning a string\n    // so datefns handles i18n.\n    return _baseFormatDistance(0, 29 * 1000);\n  }\n  const duration = intervalToDuration({\n    start: 0,\n    end: durationInSeconds * 1000,\n  });\n  return _baseFormatDuration(duration, ['hours', 'minutes']);\n}\n\n/**\n * gets the human readable name of the day relative to the current time. For example, if you pass in -1 it will\n * say \"Yesterday\" if you pass in 0 it will say \"Today\", if you pass in 1 it will say \"Tomorrow\".\n * @param {number} days The number of days relative to the current time\n * @returns {string} A human readable string representing the distance between the date and now\n */\nfunction _getRelativeDaysText (days) {\n  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: 'auto' });\n  return capitalizeFirstLetter(rtl.formatToParts(days, 'day')[0].value, dialtoneLocale.code);\n}\n\n/**\n * Returns the distance between the passed in date and now in a human readable format, typically used\n * when showing a history of items in a log such as a feed list.\n *\n * datefns does not support 'today' and 'yesterday' without showing time so we use Intl for these cases.\n *\n * examples below to explain\n * the different potential formats:\n *\n * If current day:\n * Today\n *\n * If previous day:\n * Yesterday\n *\n * Older than yesterday, but in the same calendar week:\n * Monday\n *\n * Older than the most recent calendar week, but in the same year:\n * Monday, October 14\n *\n * older than a calendar year:\n * October 14, 2022\n *\n *\n * @param {Date} date The timestamp of the item's date\n * @returns {string} A human readable string representing the distance between the date and now\n */\nexport function relativeDate (date) {\n  if (isToday(date)) {\n    return _getRelativeDaysText(0);\n  } else if (isYesterday(date)) {\n    return _getRelativeDaysText(-1);\n  } else if (isThisWeek(date)) {\n    return _baseFormat(date, 'EEEE');\n  } else if (isThisYear(date)) {\n    return _baseFormat(date, 'EEEE, MMMM d');\n  } else {\n    return _baseFormat(date, 'MMMM d, y');\n  }\n}\n"],"names":["format","formatDuration","formatDistance","intervalToDuration","capitalizeFirstLetter","isToday","isYesterday","isThisWeek","isThisYear"],"mappings":";;;;;;AAYA,IAAI;AAIJ,SAAS,YAAa,MAAM,cAAc;AACxC;AACA,SAAOA,QAAM,OAAC,MAAM,cAAc;AAAA,IAChC,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,oBAAqB,UAAU,cAAc;AACpD;AACA,SAAOC,QAAAA,eAAe,UAAU;AAAA,IAC9B,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,oBAAqB,MAAM,UAAU;AAC5C;AACA,SAAOC,QAAc,eAAC,MAAM,UAAU;AAAA,IACpC,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,eAAgB;AACvB,SAAO,mBAAmB;AAC5B;AAEA,SAAS,kBAAmB;AAC1B,MAAI,CAAC,aAAY,GAAI;AACnB,UAAM,IAAI,MAAM,wIAC6D;AAAA,EAC9E;AACH;AAMO,SAAS,cAAe,QAAQ;AACrC,mBAAiB;AACnB;AAQO,SAAS,cAAe,MAAM;AACnC,SAAO,YAAY,MAAM,WAAW;AACtC;AAQO,SAAS,eAAgB,mBAAmB;AACjD,MAAI,oBAAoB,IAAI;AAG1B,WAAO,oBAAoB,GAAG,KAAK,GAAI;AAAA,EACxC;AACD,QAAM,WAAWC,QAAAA,mBAAmB;AAAA,IAClC,OAAO;AAAA,IACP,KAAK,oBAAoB;AAAA,EAC7B,CAAG;AACD,SAAO,oBAAoB,UAAU,CAAC,SAAS,SAAS,CAAC;AAC3D;AAQA,SAAS,qBAAsB,MAAM;AACnC,QAAM,MAAM,IAAI,KAAK,mBAAmB,eAAe,MAAM,EAAE,SAAS,OAAM,CAAE;AAChF,SAAOC,mCAAsB,IAAI,cAAc,MAAM,KAAK,EAAE,CAAC,EAAE,OAAO,eAAe,IAAI;AAC3F;AA8BO,SAAS,aAAc,MAAM;AAClC,MAAIC,QAAAA,QAAQ,IAAI,GAAG;AACjB,WAAO,qBAAqB,CAAC;AAAA,EACjC,WAAaC,QAAAA,YAAY,IAAI,GAAG;AAC5B,WAAO,qBAAqB,EAAE;AAAA,EAClC,WAAaC,QAAAA,WAAW,IAAI,GAAG;AAC3B,WAAO,YAAY,MAAM,MAAM;AAAA,EACnC,WAAaC,QAAAA,WAAW,IAAI,GAAG;AAC3B,WAAO,YAAY,MAAM,cAAc;AAAA,EAC3C,OAAS;AACL,WAAO,YAAY,MAAM,WAAW;AAAA,EACrC;AACH;;;;;"}
+{"version":3,"file":"dates.cjs","sources":["../../common/dates/index.js"],"sourcesContent":["import {\n  format,\n  formatDuration,\n  intervalToDuration,\n  formatDistance,\n  isToday,\n  isYesterday,\n  isThisWeek,\n  isThisYear,\n} from 'date-fns';\nimport { capitalizeFirstLetter } from '../utils';\n\nlet dialtoneLocale;\n\n// Base functions just wrap core date-fns functions, but this allows us to do checks and set default options.\n\nfunction _baseFormat (date, formatString) {\n  _checkLocaleSet();\n  return format(date, formatString, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _baseFormatDuration (duration, formatString) {\n  _checkLocaleSet();\n  return formatDuration(duration, {\n    locale: dialtoneLocale,\n    format: formatString,\n  });\n}\n\nfunction _baseFormatDistance (date, baseDate) {\n  _checkLocaleSet();\n  return formatDistance(date, baseDate, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _isLocaleSet () {\n  return dialtoneLocale !== undefined;\n}\n\nfunction _checkLocaleSet () {\n  if (!_isLocaleSet()) {\n    throw new Error('Locale not set, please call setDateLocale(locale) and pass ' +\n    'in a datefns locale object as the locale param before calling this function');\n  }\n}\n\n/**\n * Sets the locale for date-fns. This should be called before any date-fns functions are called.\n * @param {Locale} locale A date-fns locale object\n */\nexport function setDateLocale (locale) {\n  dialtoneLocale = locale;\n}\n\n/**\n * This formats a date to the Dialtone standard medium date format as shown here:\n * https://dialtone.dialpad.com/guides/writing-guidelines/#formats-by-length\n * @param {Date} date A javascript date object\n * @returns {string} A string in the format of 'September 2, 2022'\n */\nexport function getDateMedium (date) {\n  return _baseFormat(date, 'MMMM d, y');\n}\n\n/**\n * Converts a call duration in total number of seconds to a human readable string\n * such as 'less than a minute' or '4 hours 34 minutes'.\n * @param {number} durationInSeconds The duration of the call in seconds\n * @returns {string} A human readable string representing the duration of the call\n */\nexport function durationInHHMM (durationInSeconds) {\n  if (durationInSeconds < 60) {\n    // returns 'less than a minute', we're doing it like this instead of returning a string\n    // so datefns handles i18n.\n    return _baseFormatDistance(0, 29 * 1000);\n  }\n  const duration = intervalToDuration({\n    start: 0,\n    end: durationInSeconds * 1000,\n  });\n  return _baseFormatDuration(duration, ['hours', 'minutes']);\n}\n\n/**\n * gets the human readable name of the day relative to the current time. For example, if you pass in -1 it will\n * say \"Yesterday\" if you pass in 0 it will say \"Today\", if you pass in 1 it will say \"Tomorrow\".\n * @param {number} days The number of days relative to the current time\n * @returns {string} A human readable string representing the distance between the date and now\n */\nfunction _getRelativeDaysText (days) {\n  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: 'auto' });\n  return capitalizeFirstLetter(rtl.formatToParts(days, 'day')[0].value, dialtoneLocale.code);\n}\n\n/**\n * Returns the distance between the passed in date and now in a human readable format, typically used\n * when showing a history of items in a log such as a feed list.\n *\n * datefns does not support 'today' and 'yesterday' without showing time so we use Intl for these cases.\n *\n * examples below to explain\n * the different potential formats:\n *\n * If current day:\n * Today\n *\n * If previous day:\n * Yesterday\n *\n * Older than yesterday, but in the same calendar week:\n * Monday\n *\n * Older than the most recent calendar week, but in the same year:\n * Monday, October 14\n *\n * older than a calendar year:\n * October 14, 2022\n *\n *\n * @param {Date} date The timestamp of the item's date\n * @returns {string} A human readable string representing the distance between the date and now\n */\nexport function relativeDate (date) {\n  if (isToday(date)) {\n    return _getRelativeDaysText(0);\n  } else if (isYesterday(date)) {\n    return _getRelativeDaysText(-1);\n  } else if (isThisWeek(date)) {\n    return _baseFormat(date, 'EEEE');\n  } else if (isThisYear(date)) {\n    return _baseFormat(date, 'EEEE, MMMM d');\n  } else {\n    return _baseFormat(date, 'MMMM d, y');\n  }\n}\n"],"names":["dialtoneLocale","_baseFormat","date","formatString","_checkLocaleSet","format","locale","_baseFormatDuration","duration","formatDuration","_baseFormatDistance","baseDate","formatDistance","_isLocaleSet","undefined","Error","setDateLocale","getDateMedium","durationInHHMM","durationInSeconds","intervalToDuration","start","end","_getRelativeDaysText","days","rtl","Intl","RelativeTimeFormat","code","numeric","capitalizeFirstLetter","formatToParts","value","relativeDate","isToday","isYesterday","isThisWeek","isThisYear"],"mappings":";;;;;;AAYA,IAAIA;AAIJ,SAASC,YAAaC,MAAMC,cAAc;AACxCC;AACA,SAAOC,QAAM,OAACH,MAAMC,cAAc;AAAA,IAChCG,QAAQN;AAAAA,EACV,CAAC;AACH;AAEA,SAASO,oBAAqBC,UAAUL,cAAc;AACpDC;AACA,SAAOK,QAAAA,eAAeD,UAAU;AAAA,IAC9BF,QAAQN;AAAAA,IACRK,QAAQF;AAAAA,EACV,CAAC;AACH;AAEA,SAASO,oBAAqBR,MAAMS,UAAU;AAC5CP;AACA,SAAOQ,QAAc,eAACV,MAAMS,UAAU;AAAA,IACpCL,QAAQN;AAAAA,EACV,CAAC;AACH;AAEA,SAASa,eAAgB;AACvB,SAAOb,mBAAmBc;AAC5B;AAEA,SAASV,kBAAmB;AAC1B,MAAI,CAACS,aAAY,GAAI;AACnB,UAAM,IAAIE,MAAM,wIAC6D;AAAA,EAC/E;AACF;AAMO,SAASC,cAAeV,QAAQ;AACrCN,mBAAiBM;AACnB;AAQO,SAASW,cAAef,MAAM;AACnC,SAAOD,YAAYC,MAAM,WAAW;AACtC;AAQO,SAASgB,eAAgBC,mBAAmB;AACjD,MAAIA,oBAAoB,IAAI;AAG1B,WAAOT,oBAAoB,GAAG,KAAK,GAAI;AAAA,EACzC;AACA,QAAMF,WAAWY,QAAAA,mBAAmB;AAAA,IAClCC,OAAO;AAAA,IACPC,KAAKH,oBAAoB;AAAA,EAC3B,CAAC;AACD,SAAOZ,oBAAoBC,UAAU,CAAC,SAAS,SAAS,CAAC;AAC3D;AAQA,SAASe,qBAAsBC,MAAM;AACnC,QAAMC,MAAM,IAAIC,KAAKC,mBAAmB3B,eAAe4B,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO,CAAC;AAChF,SAAOC,mCAAsBL,IAAIM,cAAcP,MAAM,KAAK,EAAE,CAAC,EAAEQ,OAAOhC,eAAe4B,IAAI;AAC3F;AA8BO,SAASK,aAAc/B,MAAM;AAClC,MAAIgC,QAAAA,QAAQhC,IAAI,GAAG;AACjB,WAAOqB,qBAAqB,CAAC;AAAA,EAC/B,WAAWY,QAAAA,YAAYjC,IAAI,GAAG;AAC5B,WAAOqB,qBAAqB,EAAE;AAAA,EAChC,WAAWa,QAAAA,WAAWlC,IAAI,GAAG;AAC3B,WAAOD,YAAYC,MAAM,MAAM;AAAA,EACjC,WAAWmC,QAAAA,WAAWnC,IAAI,GAAG;AAC3B,WAAOD,YAAYC,MAAM,cAAc;AAAA,EACzC,OAAO;AACL,WAAOD,YAAYC,MAAM,WAAW;AAAA,EACtC;AACF;;;;;"}

package/dist/vue2/common/dates.js

@@ -47,7 +47,9 @@ function durationInHHMM(durationInSeconds) {
   return _baseFormatDuration(duration, ["hours", "minutes"]);
 }
 function _getRelativeDaysText(days) {
-  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: "auto" });
+  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, {
+    numeric: "auto"
+  });
   return capitalizeFirstLetter(rtl.formatToParts(days, "day")[0].value, dialtoneLocale.code);
 }
 function relativeDate(date) {

package/dist/vue2/common/dates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dates.js","sources":["../../common/dates/index.js"],"sourcesContent":["import {\n  format,\n  formatDuration,\n  intervalToDuration,\n  formatDistance,\n  isToday,\n  isYesterday,\n  isThisWeek,\n  isThisYear,\n} from 'date-fns';\nimport { capitalizeFirstLetter } from '../utils';\n\nlet dialtoneLocale;\n\n// Base functions just wrap core date-fns functions, but this allows us to do checks and set default options.\n\nfunction _baseFormat (date, formatString) {\n  _checkLocaleSet();\n  return format(date, formatString, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _baseFormatDuration (duration, formatString) {\n  _checkLocaleSet();\n  return formatDuration(duration, {\n    locale: dialtoneLocale,\n    format: formatString,\n  });\n}\n\nfunction _baseFormatDistance (date, baseDate) {\n  _checkLocaleSet();\n  return formatDistance(date, baseDate, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _isLocaleSet () {\n  return dialtoneLocale !== undefined;\n}\n\nfunction _checkLocaleSet () {\n  if (!_isLocaleSet()) {\n    throw new Error('Locale not set, please call setDateLocale(locale) and pass ' +\n    'in a datefns locale object as the locale param before calling this function');\n  }\n}\n\n/**\n * Sets the locale for date-fns. This should be called before any date-fns functions are called.\n * @param {Locale} locale A date-fns locale object\n */\nexport function setDateLocale (locale) {\n  dialtoneLocale = locale;\n}\n\n/**\n * This formats a date to the Dialtone standard medium date format as shown here:\n * https://dialtone.dialpad.com/guides/writing-guidelines/#formats-by-length\n * @param {Date} date A javascript date object\n * @returns {string} A string in the format of 'September 2, 2022'\n */\nexport function getDateMedium (date) {\n  return _baseFormat(date, 'MMMM d, y');\n}\n\n/**\n * Converts a call duration in total number of seconds to a human readable string\n * such as 'less than a minute' or '4 hours 34 minutes'.\n * @param {number} durationInSeconds The duration of the call in seconds\n * @returns {string} A human readable string representing the duration of the call\n */\nexport function durationInHHMM (durationInSeconds) {\n  if (durationInSeconds < 60) {\n    // returns 'less than a minute', we're doing it like this instead of returning a string\n    // so datefns handles i18n.\n    return _baseFormatDistance(0, 29 * 1000);\n  }\n  const duration = intervalToDuration({\n    start: 0,\n    end: durationInSeconds * 1000,\n  });\n  return _baseFormatDuration(duration, ['hours', 'minutes']);\n}\n\n/**\n * gets the human readable name of the day relative to the current time. For example, if you pass in -1 it will\n * say \"Yesterday\" if you pass in 0 it will say \"Today\", if you pass in 1 it will say \"Tomorrow\".\n * @param {number} days The number of days relative to the current time\n * @returns {string} A human readable string representing the distance between the date and now\n */\nfunction _getRelativeDaysText (days) {\n  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: 'auto' });\n  return capitalizeFirstLetter(rtl.formatToParts(days, 'day')[0].value, dialtoneLocale.code);\n}\n\n/**\n * Returns the distance between the passed in date and now in a human readable format, typically used\n * when showing a history of items in a log such as a feed list.\n *\n * datefns does not support 'today' and 'yesterday' without showing time so we use Intl for these cases.\n *\n * examples below to explain\n * the different potential formats:\n *\n * If current day:\n * Today\n *\n * If previous day:\n * Yesterday\n *\n * Older than yesterday, but in the same calendar week:\n * Monday\n *\n * Older than the most recent calendar week, but in the same year:\n * Monday, October 14\n *\n * older than a calendar year:\n * October 14, 2022\n *\n *\n * @param {Date} date The timestamp of the item's date\n * @returns {string} A human readable string representing the distance between the date and now\n */\nexport function relativeDate (date) {\n  if (isToday(date)) {\n    return _getRelativeDaysText(0);\n  } else if (isYesterday(date)) {\n    return _getRelativeDaysText(-1);\n  } else if (isThisWeek(date)) {\n    return _baseFormat(date, 'EEEE');\n  } else if (isThisYear(date)) {\n    return _baseFormat(date, 'EEEE, MMMM d');\n  } else {\n    return _baseFormat(date, 'MMMM d, y');\n  }\n}\n"],"names":[],"mappings":";;;;AAYA,IAAI;AAIJ,SAAS,YAAa,MAAM,cAAc;AACxC;AACA,SAAO,OAAO,MAAM,cAAc;AAAA,IAChC,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,oBAAqB,UAAU,cAAc;AACpD;AACA,SAAO,eAAe,UAAU;AAAA,IAC9B,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,oBAAqB,MAAM,UAAU;AAC5C;AACA,SAAO,eAAe,MAAM,UAAU;AAAA,IACpC,QAAQ;AAAA,EACZ,CAAG;AACH;AAEA,SAAS,eAAgB;AACvB,SAAO,mBAAmB;AAC5B;AAEA,SAAS,kBAAmB;AAC1B,MAAI,CAAC,aAAY,GAAI;AACnB,UAAM,IAAI,MAAM,wIAC6D;AAAA,EAC9E;AACH;AAMO,SAAS,cAAe,QAAQ;AACrC,mBAAiB;AACnB;AAQO,SAAS,cAAe,MAAM;AACnC,SAAO,YAAY,MAAM,WAAW;AACtC;AAQO,SAAS,eAAgB,mBAAmB;AACjD,MAAI,oBAAoB,IAAI;AAG1B,WAAO,oBAAoB,GAAG,KAAK,GAAI;AAAA,EACxC;AACD,QAAM,WAAW,mBAAmB;AAAA,IAClC,OAAO;AAAA,IACP,KAAK,oBAAoB;AAAA,EAC7B,CAAG;AACD,SAAO,oBAAoB,UAAU,CAAC,SAAS,SAAS,CAAC;AAC3D;AAQA,SAAS,qBAAsB,MAAM;AACnC,QAAM,MAAM,IAAI,KAAK,mBAAmB,eAAe,MAAM,EAAE,SAAS,OAAM,CAAE;AAChF,SAAO,sBAAsB,IAAI,cAAc,MAAM,KAAK,EAAE,CAAC,EAAE,OAAO,eAAe,IAAI;AAC3F;AA8BO,SAAS,aAAc,MAAM;AAClC,MAAI,QAAQ,IAAI,GAAG;AACjB,WAAO,qBAAqB,CAAC;AAAA,EACjC,WAAa,YAAY,IAAI,GAAG;AAC5B,WAAO,qBAAqB,EAAE;AAAA,EAClC,WAAa,WAAW,IAAI,GAAG;AAC3B,WAAO,YAAY,MAAM,MAAM;AAAA,EACnC,WAAa,WAAW,IAAI,GAAG;AAC3B,WAAO,YAAY,MAAM,cAAc;AAAA,EAC3C,OAAS;AACL,WAAO,YAAY,MAAM,WAAW;AAAA,EACrC;AACH;"}
+{"version":3,"file":"dates.js","sources":["../../common/dates/index.js"],"sourcesContent":["import {\n  format,\n  formatDuration,\n  intervalToDuration,\n  formatDistance,\n  isToday,\n  isYesterday,\n  isThisWeek,\n  isThisYear,\n} from 'date-fns';\nimport { capitalizeFirstLetter } from '../utils';\n\nlet dialtoneLocale;\n\n// Base functions just wrap core date-fns functions, but this allows us to do checks and set default options.\n\nfunction _baseFormat (date, formatString) {\n  _checkLocaleSet();\n  return format(date, formatString, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _baseFormatDuration (duration, formatString) {\n  _checkLocaleSet();\n  return formatDuration(duration, {\n    locale: dialtoneLocale,\n    format: formatString,\n  });\n}\n\nfunction _baseFormatDistance (date, baseDate) {\n  _checkLocaleSet();\n  return formatDistance(date, baseDate, {\n    locale: dialtoneLocale,\n  });\n}\n\nfunction _isLocaleSet () {\n  return dialtoneLocale !== undefined;\n}\n\nfunction _checkLocaleSet () {\n  if (!_isLocaleSet()) {\n    throw new Error('Locale not set, please call setDateLocale(locale) and pass ' +\n    'in a datefns locale object as the locale param before calling this function');\n  }\n}\n\n/**\n * Sets the locale for date-fns. This should be called before any date-fns functions are called.\n * @param {Locale} locale A date-fns locale object\n */\nexport function setDateLocale (locale) {\n  dialtoneLocale = locale;\n}\n\n/**\n * This formats a date to the Dialtone standard medium date format as shown here:\n * https://dialtone.dialpad.com/guides/writing-guidelines/#formats-by-length\n * @param {Date} date A javascript date object\n * @returns {string} A string in the format of 'September 2, 2022'\n */\nexport function getDateMedium (date) {\n  return _baseFormat(date, 'MMMM d, y');\n}\n\n/**\n * Converts a call duration in total number of seconds to a human readable string\n * such as 'less than a minute' or '4 hours 34 minutes'.\n * @param {number} durationInSeconds The duration of the call in seconds\n * @returns {string} A human readable string representing the duration of the call\n */\nexport function durationInHHMM (durationInSeconds) {\n  if (durationInSeconds < 60) {\n    // returns 'less than a minute', we're doing it like this instead of returning a string\n    // so datefns handles i18n.\n    return _baseFormatDistance(0, 29 * 1000);\n  }\n  const duration = intervalToDuration({\n    start: 0,\n    end: durationInSeconds * 1000,\n  });\n  return _baseFormatDuration(duration, ['hours', 'minutes']);\n}\n\n/**\n * gets the human readable name of the day relative to the current time. For example, if you pass in -1 it will\n * say \"Yesterday\" if you pass in 0 it will say \"Today\", if you pass in 1 it will say \"Tomorrow\".\n * @param {number} days The number of days relative to the current time\n * @returns {string} A human readable string representing the distance between the date and now\n */\nfunction _getRelativeDaysText (days) {\n  const rtl = new Intl.RelativeTimeFormat(dialtoneLocale.code, { numeric: 'auto' });\n  return capitalizeFirstLetter(rtl.formatToParts(days, 'day')[0].value, dialtoneLocale.code);\n}\n\n/**\n * Returns the distance between the passed in date and now in a human readable format, typically used\n * when showing a history of items in a log such as a feed list.\n *\n * datefns does not support 'today' and 'yesterday' without showing time so we use Intl for these cases.\n *\n * examples below to explain\n * the different potential formats:\n *\n * If current day:\n * Today\n *\n * If previous day:\n * Yesterday\n *\n * Older than yesterday, but in the same calendar week:\n * Monday\n *\n * Older than the most recent calendar week, but in the same year:\n * Monday, October 14\n *\n * older than a calendar year:\n * October 14, 2022\n *\n *\n * @param {Date} date The timestamp of the item's date\n * @returns {string} A human readable string representing the distance between the date and now\n */\nexport function relativeDate (date) {\n  if (isToday(date)) {\n    return _getRelativeDaysText(0);\n  } else if (isYesterday(date)) {\n    return _getRelativeDaysText(-1);\n  } else if (isThisWeek(date)) {\n    return _baseFormat(date, 'EEEE');\n  } else if (isThisYear(date)) {\n    return _baseFormat(date, 'EEEE, MMMM d');\n  } else {\n    return _baseFormat(date, 'MMMM d, y');\n  }\n}\n"],"names":["dialtoneLocale","_baseFormat","date","formatString","_checkLocaleSet","format","locale","_baseFormatDuration","duration","formatDuration","_baseFormatDistance","baseDate","formatDistance","_isLocaleSet","undefined","Error","setDateLocale","getDateMedium","durationInHHMM","durationInSeconds","intervalToDuration","start","end","_getRelativeDaysText","days","rtl","Intl","RelativeTimeFormat","code","numeric","capitalizeFirstLetter","formatToParts","value","relativeDate","isToday","isYesterday","isThisWeek","isThisYear"],"mappings":";;;;AAYA,IAAIA;AAIJ,SAASC,YAAaC,MAAMC,cAAc;AACxCC;AACA,SAAOC,OAAOH,MAAMC,cAAc;AAAA,IAChCG,QAAQN;AAAAA,EACV,CAAC;AACH;AAEA,SAASO,oBAAqBC,UAAUL,cAAc;AACpDC;AACA,SAAOK,eAAeD,UAAU;AAAA,IAC9BF,QAAQN;AAAAA,IACRK,QAAQF;AAAAA,EACV,CAAC;AACH;AAEA,SAASO,oBAAqBR,MAAMS,UAAU;AAC5CP;AACA,SAAOQ,eAAeV,MAAMS,UAAU;AAAA,IACpCL,QAAQN;AAAAA,EACV,CAAC;AACH;AAEA,SAASa,eAAgB;AACvB,SAAOb,mBAAmBc;AAC5B;AAEA,SAASV,kBAAmB;AAC1B,MAAI,CAACS,aAAY,GAAI;AACnB,UAAM,IAAIE,MAAM,wIAC6D;AAAA,EAC/E;AACF;AAMO,SAASC,cAAeV,QAAQ;AACrCN,mBAAiBM;AACnB;AAQO,SAASW,cAAef,MAAM;AACnC,SAAOD,YAAYC,MAAM,WAAW;AACtC;AAQO,SAASgB,eAAgBC,mBAAmB;AACjD,MAAIA,oBAAoB,IAAI;AAG1B,WAAOT,oBAAoB,GAAG,KAAK,GAAI;AAAA,EACzC;AACA,QAAMF,WAAWY,mBAAmB;AAAA,IAClCC,OAAO;AAAA,IACPC,KAAKH,oBAAoB;AAAA,EAC3B,CAAC;AACD,SAAOZ,oBAAoBC,UAAU,CAAC,SAAS,SAAS,CAAC;AAC3D;AAQA,SAASe,qBAAsBC,MAAM;AACnC,QAAMC,MAAM,IAAIC,KAAKC,mBAAmB3B,eAAe4B,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO,CAAC;AAChF,SAAOC,sBAAsBL,IAAIM,cAAcP,MAAM,KAAK,EAAE,CAAC,EAAEQ,OAAOhC,eAAe4B,IAAI;AAC3F;AA8BO,SAASK,aAAc/B,MAAM;AAClC,MAAIgC,QAAQhC,IAAI,GAAG;AACjB,WAAOqB,qBAAqB,CAAC;AAAA,EAC/B,WAAWY,YAAYjC,IAAI,GAAG;AAC5B,WAAOqB,qBAAqB,EAAE;AAAA,EAChC,WAAWa,WAAWlC,IAAI,GAAG;AAC3B,WAAOD,YAAYC,MAAM,MAAM;AAAA,EACjC,WAAWmC,WAAWnC,IAAI,GAAG;AAC3B,WAAOD,YAAYC,MAAM,cAAc;AAAA,EACzC,OAAO;AACL,WAAOD,YAAYC,MAAM,WAAW;AAAA,EACtC;AACF;"}

package/dist/vue2/common/emoji.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_emoji = require("../chunks/index-anN_sx1F.js");
 require("emoji-toolkit/emoji_strategy.json");
+const common_emoji = require("../chunks/index-NYFNZeHH.js");
 exports.codeToEmojiData = common_emoji.codeToEmojiData;
 Object.defineProperty(exports, "customEmojiAssetUrl", {
   enumerable: true,

package/dist/vue2/common/emoji.js

@@ -1,5 +1,5 @@
-import { codeToEmojiData, customEmojiAssetUrl, defaultEmojiAssetUrl, emojiFileExtensionLarge, emojiFileExtensionSmall, emojiImageUrlLarge, emojiImageUrlSmall, emojiJson, emojiRegex, emojiShortCodeRegex, emojiVersion, filterValidShortCodes, findEmojis, findShortCodes, getEmojiData, setCustomEmojiJson, setCustomEmojiUrl, setEmojiAssetUrlLarge, setEmojiAssetUrlSmall, shortcodeToEmojiData, stringToUnicode, unicodeToString, validateCustomEmojiJson } from "../chunks/index-ODod4Oj_.js";
 import "emoji-toolkit/emoji_strategy.json";
+import { codeToEmojiData, customEmojiAssetUrl, defaultEmojiAssetUrl, emojiFileExtensionLarge, emojiFileExtensionSmall, emojiImageUrlLarge, emojiImageUrlSmall, emojiJson, emojiRegex, emojiShortCodeRegex, emojiVersion, filterValidShortCodes, findEmojis, findShortCodes, getEmojiData, setCustomEmojiJson, setCustomEmojiUrl, setEmojiAssetUrlLarge, setEmojiAssetUrlSmall, shortcodeToEmojiData, stringToUnicode, unicodeToString, validateCustomEmojiJson } from "../chunks/index-i65YVk-U.js";
 export {
   codeToEmojiData,
   customEmojiAssetUrl,

package/dist/vue2/common/mixins.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const input = require("../chunks/input-Axw-wFj2.js");
-const input_group = require("../chunks/input_group-m3cWYUfI.js");
-const keyboard_list_navigation = require("../chunks/keyboard_list_navigation-fJnl_Iox.js");
+const input = require("../chunks/input-Hqw33WBe.js");
+const input_group = require("../chunks/input_group-pE6ec9R3.js");
+const keyboard_list_navigation = require("../chunks/keyboard_list_navigation-x3D6RcC7.js");
 require("vue");
 require("./constants.cjs");
 require("./validators.cjs");

package/dist/vue2/common/mixins.js

@@ -1,6 +1,6 @@
-import { CheckableMixin, GroupableMixin, InputMixin } from "../chunks/input-6kbd8Pju.js";
-import { InputGroupMixin } from "../chunks/input_group-qVZaS5Bb.js";
-import { KeyboardNavigation } from "../chunks/keyboard_list_navigation-ScXhrxya.js";
+import { CheckableMixin, GroupableMixin, InputMixin } from "../chunks/input-PhJeBN6r.js";
+import { InputGroupMixin } from "../chunks/input_group-ZI7aVGEp.js";
+import { KeyboardNavigation } from "../chunks/keyboard_list_navigation-YIqTuw1W.js";
 import "vue";
 import "./constants.js";
 import "./validators.js";

package/dist/vue2/common/utils.cjs

@@ -118,60 +118,24 @@ function isOutOfViewPort(element) {
   return isOut;
 }
 const domainNameRegex = /(?:(?:[^\s!@#$%^&*()_=+[\]{}\\|;:'",.<>/?]+)\.)/;
-const tldRegerx = new RegExp(
-  "(?:com|ru|org|net|de|jp|uk|br|it|pl|fr|in|au|ir|info|nl|cn|es|cz|kr|ca|eu|ua|co|gr|za|ro|biz|ch|se|tw|mx|vn|hu|be|tr|at|dk|tv|me|ar|sk|no|us|fi|id|cl|xyz|io|pt|by|il|ie|nz|kz|hk|lt|cc|my|sg|club|bg|edu|рф|pk|su|top|th|hr|rs|pe|pro|si|az|lv|pw|ae|ph|online|ng|ee|ws|ve|cat)"
-);
-const ipv4Regex = new RegExp(
-  "(?:(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])\\.){3}(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])"
-);
-const hostnameOrIpRegex = new RegExp(
-  "(?:" + [
-    [
-      domainNameRegex.source,
-      tldRegerx.source
-    ].join("+"),
-    ipv4Regex.source
-  ].join("|") + ")"
-);
+const tldRegerx = new RegExp("(?:com|ru|org|net|de|jp|uk|br|it|pl|fr|in|au|ir|info|nl|cn|es|cz|kr|ca|eu|ua|co|gr|za|ro|biz|ch|se|tw|mx|vn|hu|be|tr|at|dk|tv|me|ar|sk|no|us|fi|id|cl|xyz|io|pt|by|il|ie|nz|kz|hk|lt|cc|my|sg|club|bg|edu|рф|pk|su|top|th|hr|rs|pe|pro|si|az|lv|pw|ae|ph|online|ng|ee|ws|ve|cat)");
+const ipv4Regex = new RegExp("(?:(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])\\.){3}(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])");
+const hostnameOrIpRegex = new RegExp("(?:" + [[domainNameRegex.source, tldRegerx.source].join("+"), ipv4Regex.source].join("|") + ")");
 const urlPathRegex = /(?:(?:[;/][^#?<>\s]*)?)/;
 const urlQueryOrFragmentRegex = /(?:(?:\?[^#<>\s]+)?(?:#[^<>\s]+)?)/;
-const urlWithoutProtocolRegex = new RegExp(
-  "\\b" + [
-    hostnameOrIpRegex.source,
-    urlPathRegex.source,
-    urlQueryOrFragmentRegex.source,
-    "(?!\\w)"
-  ].join("+")
-);
+const urlWithoutProtocolRegex = new RegExp("\\b" + [hostnameOrIpRegex.source, urlPathRegex.source, urlQueryOrFragmentRegex.source, "(?!\\w)"].join("+"));
 const urlWithProtocolRegex = /\b[a-z\d.-]+:\/\/[^<>\s]+/;
-const emailAddressRegex = new RegExp(
-  "(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [
-    hostnameOrIpRegex.source,
-    urlQueryOrFragmentRegex.source
-  ].join("+") + "(?!\\w)"
-);
+const emailAddressRegex = new RegExp("(?:mailto:)?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + [hostnameOrIpRegex.source, urlQueryOrFragmentRegex.source].join("+") + "(?!\\w)");
 function getPhoneNumberRegex(minLength = 7, maxLength = 15) {
   try {
-    return new RegExp(
-      `(?:^|(?<=\\W))(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${minLength},${maxLength}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-    );
+    return new RegExp(`(?:^|(?<=\\W))(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${minLength},${maxLength}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`);
   } catch (e) {
     console.warn("This browser doesn't support regex lookahead/lookbehind");
   }
-  return new RegExp(
-    `(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${minLength},${maxLength}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`
-  );
+  return new RegExp(`(?![\\s\\-])\\+?(?:[0-9()\\- \\t]{${minLength},${maxLength}})(?=\\b)(?=\\W(?=\\W|$)|\\s|$)`);
 }
 const phoneNumberRegex = getPhoneNumberRegex();
-const linkRegex = new RegExp(
-  [
-    urlWithoutProtocolRegex.source,
-    urlWithProtocolRegex.source,
-    emailAddressRegex.source,
-    phoneNumberRegex.source
-  ].join("|"),
-  "gi"
-);
+const linkRegex = new RegExp([urlWithoutProtocolRegex.source, urlWithProtocolRegex.source, emailAddressRegex.source, phoneNumberRegex.source].join("|"), "gi");
 function isPhoneNumber(input) {
   var _a;
   if (!input || !["string", "number"].includes(typeof input))