@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/{chunks/index-b_MgDylR.js → components/combobox/combobox.vue.js}

@@ -1,91 +1,10 @@
-import { KeyboardNavigation } from "./keyboard_list_navigation-ScXhrxya.js";
-import { getUniqueString, hasSlotContent } from "../common/utils.js";
-import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, withCtx, renderSlot, normalizeClass, createElementVNode, toDisplayString, withKeys, withModifiers, createBlock, normalizeProps, mergeProps, createCommentVNode } from "vue";
-import { _export_sfc } from "./_plugin-vue_export-helper-caHeSgYY.js";
-import { DtListItem } from "../lib/list-item.js";
-import { DtSkeleton } from "../lib/skeleton.js";
-const _sfc_main$2 = {
-  name: "ComboboxLoadingList",
-  components: { DtListItem, DtSkeleton }
-};
-const _hoisted_1$2 = {
-  class: "d-combobox__loading-list",
-  "aria-busy": "true"
-};
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton = resolveComponent("dt-skeleton");
-  const _component_dt_list_item = resolveComponent("dt-list-item");
-  return openBlock(), createElementBlock("ol", _hoisted_1$2, [
-    (openBlock(), createElementBlock(Fragment, null, renderList(7, (index) => {
-      return createVNode(_component_dt_list_item, {
-        key: index,
-        role: "option",
-        "navigation-type": "none"
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_dt_skeleton, {
-            "text-option": { type: "body" },
-            offset: 0
-          })
-        ]),
-        _: 2
-      }, 1024);
-    }), 64))
-  ]);
-}
-const ComboboxLoadingList = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const _sfc_main$1 = {
-  name: "ComboboxEmptyList",
-  components: { DtListItem },
-  props: {
-    /**
-     * Message to display when list is empty
-     */
-    message: {
-      type: String,
-      required: true
-    },
-    /**
-     * Additional class name for the empty list element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    itemClass: {
-      type: [String, Object, Array],
-      default: ""
-    }
-  }
-};
-const _hoisted_1$1 = {
-  class: "d-combobox__empty-list",
-  "data-qa": "dt-combobox-empty-list"
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_list_item = resolveComponent("dt-list-item");
-  return openBlock(), createElementBlock("ol", _hoisted_1$1, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createVNode(_component_dt_list_item, {
-        role: "option",
-        "navigation-type": "none",
-        type: "custom",
-        class: normalizeClass(["dt-empty-list-item", $props.itemClass])
-      }, {
-        default: withCtx(() => [
-          createElementVNode("span", null, toDisplayString($props.message), 1)
-        ]),
-        _: 1
-      }, 8, ["class"])
-    ])
-  ]);
-}
-const ComboboxEmptyList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-const LABEL_SIZES = {
-  EXTRA_SMALL: "xs",
-  SMALL: "sm",
-  DEFAULT: "md",
-  LARGE: "lg",
-  EXTRA_LARGE: "xl"
-};
+import KeyboardNavigation from "../../common/mixins/keyboard_list_navigation.js";
+import { getUniqueString, hasSlotContent } from "../../common/utils.js";
+import ComboboxLoadingList from "./combobox_loading-list.vue.js";
+import ComboboxEmptyList from "./combobox_empty-list.vue.js";
+import { LABEL_SIZES } from "./combobox_constants.js";
+import { resolveComponent, openBlock, createElementBlock, withKeys, withModifiers, createElementVNode, renderSlot, createBlock, normalizeProps, mergeProps, withCtx, createCommentVNode } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "DtCombobox",
   components: {
@@ -294,8 +213,7 @@ const _sfc_main = {
       return this.highlightId;
     },
     activeItemEl() {
-      if (!this.highlightId)
-        return "";
+      if (!this.highlightId) return "";
       return this.getListElement().querySelector("#" + this.highlightId);
     }
   },
@@ -328,8 +246,7 @@ const _sfc_main = {
   },
   methods: {
     onMouseHighlight(e) {
-      if (this.loading)
-        return;
+      if (this.loading) return;
       const liElement = e.target.closest("li");
       if (liElement && this.highlightId !== liElement.id) {
         this.setHighlightId(liElement.id);
@@ -345,14 +262,12 @@ const _sfc_main = {
       }
     },
     afterHighlight() {
-      if (this.loading)
-        return;
+      if (this.loading) return;
       this.$emit("highlight", this.highlightIndex);
     },
     onEnterKey() {
       var _a;
-      if (this.loading || this.emptyList)
-        return;
+      if (this.loading || this.emptyList) return;
       if (this.highlightIndex >= 0) {
         this.$emit("select", this.highlightIndex);
         if (this.clickOnSelect) {
@@ -373,13 +288,11 @@ const _sfc_main = {
       }
     },
     onKeyValidation(e, eventHandler) {
-      if (!this.showList || !this.getListElement())
-        return;
+      if (!this.showList || !this.getListElement()) return;
       this[eventHandler](e);
     },
     setInitialHighlightIndex() {
-      if (!this.showList)
-        return;
+      if (!this.showList) return;
       this.$nextTick(() => {
         this.setHighlightIndex(this.loading ? -1 : 0);
       });
@@ -439,9 +352,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const DtCombobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ComboboxEmptyList,
-  ComboboxLoadingList,
-  DtCombobox,
-  LABEL_SIZES
+  DtCombobox as default
 };
-//# sourceMappingURL=index-b_MgDylR.js.map
+//# sourceMappingURL=combobox.vue.js.map

package/dist/components/combobox/combobox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.vue.js","sources":["../../../components/combobox/combobox.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <div\n    @keydown.esc.stop=\"onKeyValidation($event, 'onEscapeKey')\"\n    @keydown.enter.exact=\"onKeyValidation($event, 'onEnterKey')\"\n    @keydown.up.stop.prevent=\"onKeyValidation($event, 'onUpKey')\"\n    @keydown.down.stop.prevent=\"onKeyValidation($event, 'onDownKey')\"\n    @keydown.home.stop.prevent=\"onKeyValidation($event, 'onHomeKey')\"\n    @keydown.end.stop.prevent=\"onKeyValidation($event, 'onEndKey')\"\n  >\n    <div data-qa=\"dt-combobox-input-wrapper\">\n      <!-- @slot Slot for the combobox input element -->\n      <slot\n        name=\"input\"\n        :input-props=\"inputProps\"\n      />\n    </div>\n\n    <div\n      v-if=\"showList\"\n      ref=\"listWrapper\"\n      data-qa=\"dt-combobox-list-wrapper\"\n      @mouseleave=\"clearHighlightIndex\"\n      @focusout=\"clearHighlightIndex\"\n      @mousemove.capture=\"onMouseHighlight\"\n    >\n      <combobox-loading-list\n        v-if=\"loading && !listRenderedOutside\"\n        v-bind=\"listProps\"\n      />\n      <combobox-empty-list\n        v-else-if=\"emptyList && (emptyStateMessage || hasSlotContent($slots.emptyListItem)) && !listRenderedOutside\"\n        v-bind=\"listProps\"\n        :message=\"emptyStateMessage\"\n        :item-class=\"emptyStateClass\"\n      >\n        <slot name=\"emptyListItem\" />\n      </combobox-empty-list>\n      <!-- @slot Slot for the combobox list element -->\n      <slot\n        v-else\n        name=\"list\"\n        :list-props=\"listProps\"\n        :opened=\"onOpen\"\n        :clear-highlight-index=\"clearHighlightIndex\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport KeyboardNavigation from '@/common/mixins/keyboard_list_navigation';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport ComboboxLoadingList from './combobox_loading-list.vue';\nimport ComboboxEmptyList from './combobox_empty-list.vue';\nimport { LABEL_SIZES } from '@/components/combobox/combobox_constants';\n\n/**\n * A combobox is a semantic component that displays an input element combined with a listbox,\n * which enables the user to select items from the list.\n * @see https://dialtone.dialpad.com/components/combobox.html\n */\nexport default {\n  name: 'DtCombobox',\n\n  components: {\n    ComboboxLoadingList,\n    ComboboxEmptyList,\n  },\n\n  mixins: [\n    KeyboardNavigation({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n    }),\n  ],\n\n  props: {\n    /**\n     * String to use for the input label.\n     */\n    label: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`\n     * @values null, xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: null,\n      validator: (t) => Object.values(LABEL_SIZES).includes(t),\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets an ID on the list element of the component. Used by several aria attributes\n     * as well as when deriving the IDs for each item.\n     */\n    listId: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * A method that will be called when the selection goes past the beginning of the list.\n     */\n    onBeginningOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * A method that will be called when the selection goes past the end of the list.\n     */\n    onEndOfList: {\n      type: Function,\n      default: null,\n    },\n\n    /**\n     * Determines when to show the list element and also controls the aria-expanded attribute.\n     * @values true, false\n     */\n    showList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If the list is rendered outside the component, like when using popover as the list wrapper.\n     * @values true, false\n     */\n    listRenderedOutside: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines when to show the skeletons and also controls aria-busy attribute.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.\n     * @values true, false\n     */\n    emptyList: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Message to show when the list is empty\n     */\n    emptyStateMessage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    emptyStateClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Programmatically click on the active list item element when a selection\n     * comes from keyboard navigation, i.e. pressing the \"Enter\" key.\n     * @values true, false\n     */\n    clickOnSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired when item selected\n     *\n     * @event select\n     * @type {Number}\n     */\n    'select',\n\n    /**\n     * Event fired when pressing escape\n     *\n     * @event escape\n     */\n    'escape',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired when list is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n  ],\n\n  data () {\n    return {\n      // If the list is rendered at the root, rather than as a child\n      // of this component, this is the ref to that dom element. Set\n      // by the onOpen method.\n      outsideRenderedListRef: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputProps () {\n      return {\n        label: this.label,\n        labelVisible: this.labelVisible,\n        size: this.size,\n        description: this.description,\n        role: 'combobox',\n        'aria-label': this.label,\n        'aria-expanded': this.showList.toString(),\n        'aria-owns': this.listId,\n        'aria-haspopup': 'listbox',\n        'aria-activedescendant': this.activeItemId,\n        'aria-controls': this.listId,\n      };\n    },\n\n    listProps () {\n      return {\n        role: 'listbox',\n        id: this.listId,\n        // The list has to be positioned relatively so that the auto-scroll can\n        // calculate the correct offset for the list items.\n        class: 'd-ps-relative',\n        'aria-label': this.label,\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemId () {\n      if (!this.showList || this.highlightIndex < 0 || this.loading) {\n        return;\n      }\n      return this.highlightId;\n    },\n\n    activeItemEl () {\n      if (!this.highlightId) return '';\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n  },\n\n  watch: {\n    showList (showList) {\n      // When the list's visibility changes reset the highlight index.\n\n      if (!this.listRenderedOutside) {\n        this.setInitialHighlightIndex();\n        this.$emit('opened', showList);\n      }\n\n      if (!showList && this.outsideRenderedListRef) {\n        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);\n        this.outsideRenderedListRef = null;\n      }\n    },\n\n    loading (loading) {\n      this.$nextTick(() => {\n        this.setInitialHighlightIndex();\n      });\n    },\n\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        this.validateEmptyListProps();\n      },\n    },\n  },\n\n  created () {\n    this.validateEmptyListProps();\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      if (this.loading) return;\n\n      const liElement = e.target.closest('li');\n\n      if (liElement && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n      }\n    },\n\n    getListElement () {\n      return this.outsideRenderedListRef ?? this.$refs.listWrapper?.querySelector(`#${this.listId}`);\n    },\n\n    clearHighlightIndex () {\n      if (this.showList) {\n        this.setHighlightIndex(-1);\n      }\n    },\n\n    afterHighlight () {\n      if (this.loading) return;\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    onEnterKey () {\n      if (this.loading || this.emptyList) return;\n\n      if (this.highlightIndex >= 0) {\n        this.$emit('select', this.highlightIndex);\n\n        if (this.clickOnSelect) {\n          this.activeItemEl?.click();\n        }\n      }\n    },\n\n    onEscapeKey () {\n      this.$emit('escape');\n    },\n\n    onOpen (open, contentRef) {\n      this.outsideRenderedListRef = contentRef;\n      this.outsideRenderedListRef?.addEventListener('mousemove', this.onMouseHighlight);\n      this.$emit('opened', open);\n\n      if (open) {\n        this.setInitialHighlightIndex();\n      }\n    },\n\n    onKeyValidation (e, eventHandler) {\n      if (!this.showList || !this.getListElement()) return;\n\n      this[eventHandler](e);\n    },\n\n    setInitialHighlightIndex () {\n      if (!this.showList) return;\n      this.$nextTick(() => {\n      // When the list's is shown, reset the highlight index.\n      // If the list is loading, set to -1\n        this.setHighlightIndex(this.loading ? -1 : 0);\n      });\n    },\n\n    validateEmptyListProps () {\n      if (this.$slots.emptyListItem) { return; }\n\n      if (this.emptyList && !this.emptyStateMessage) {\n        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n      empty message.`);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_withKeys","_withModifiers","_createElementVNode","_renderSlot","_openBlock","_createBlock","_mergeProps"],"mappings":"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"}

package/dist/components/combobox/combobox_constants.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const LABEL_SIZES = {
+  EXTRA_SMALL: "xs",
+  SMALL: "sm",
+  DEFAULT: "md",
+  LARGE: "lg",
+  EXTRA_LARGE: "xl"
+};
+exports.LABEL_SIZES = LABEL_SIZES;
+//# sourceMappingURL=combobox_constants.cjs.map

package/dist/components/combobox/combobox_constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_constants.cjs","sources":["../../../components/combobox/combobox_constants.js"],"sourcesContent":["export const LABEL_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport default {\n  LABEL_SIZES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;;"}

package/dist/components/combobox/combobox_constants.js

@@ -0,0 +1,11 @@
+const LABEL_SIZES = {
+  EXTRA_SMALL: "xs",
+  SMALL: "sm",
+  DEFAULT: "md",
+  LARGE: "lg",
+  EXTRA_LARGE: "xl"
+};
+export {
+  LABEL_SIZES
+};
+//# sourceMappingURL=combobox_constants.js.map

package/dist/components/combobox/combobox_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_constants.js","sources":["../../../components/combobox/combobox_constants.js"],"sourcesContent":["export const LABEL_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport default {\n  LABEL_SIZES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;"}

package/dist/components/combobox/combobox_empty-list.vue.cjs

@@ -0,0 +1,52 @@
+"use strict";
+const vue = require("vue");
+;/* empty css                           */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const list_item = require("../list_item/list_item.vue.cjs");
+const _sfc_main = {
+  name: "ComboboxEmptyList",
+  components: { DtListItem: list_item },
+  props: {
+    /**
+     * Message to display when list is empty
+     */
+    message: {
+      type: String,
+      required: true
+    },
+    /**
+     * Additional class name for the empty list element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    itemClass: {
+      type: [String, Object, Array],
+      default: ""
+    }
+  }
+};
+const _hoisted_1 = {
+  class: "d-combobox__empty-list",
+  "data-qa": "dt-combobox-empty-list"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_list_item = vue.resolveComponent("dt-list-item");
+  return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1, [
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      vue.createVNode(_component_dt_list_item, {
+        role: "option",
+        "navigation-type": "none",
+        type: "custom",
+        class: vue.normalizeClass(["dt-empty-list-item", $props.itemClass])
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", null, vue.toDisplayString($props.message), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ])
+  ]);
+}
+const ComboboxEmptyList = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = ComboboxEmptyList;
+//# sourceMappingURL=combobox_empty-list.vue.cjs.map

package/dist/components/combobox/combobox_empty-list.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_empty-list.vue.cjs","sources":["../../../components/combobox/combobox_empty-list.vue"],"sourcesContent":["<template>\n  <ol\n    class=\"d-combobox__empty-list\"\n    data-qa=\"dt-combobox-empty-list\"\n  >\n    <slot>\n      <dt-list-item\n        role=\"option\"\n        navigation-type=\"none\"\n        type=\"custom\"\n        :class=\"['dt-empty-list-item', itemClass]\"\n      >\n        <span>{{ message }}</span>\n      </dt-list-item>\n    </slot>\n  </ol>\n</template>\n\n<script>\nimport { DtListItem } from '../list_item';\n\nexport default {\n  name: 'ComboboxEmptyList',\n\n  components: { DtListItem },\n\n  props: {\n    /**\n     * Message to display when list is empty\n     */\n    message: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    itemClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-empty-list-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--dt-font-size-200);\n  line-height: var(--lh4);\n  padding: var(--dt-space-300) var(--dt-space-450);\n}\n</style>\n"],"names":["DtListItem","_openBlock","_createElementBlock","_renderSlot","_createVNode","_createElementVNode"],"mappings":";;;;;AAqBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY,EAAEA,YAAAA,UAAY;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,EACF;AACH;;EA3CI,OAAM;AAAA,EACN,WAAQ;;;;AAFV,SAAAC,cAAA,GAAAC,uBAcK,MAdL,YAcK;AAAA,IAVHC,IAAAA,WASO,4BATP,MASO;AAAA,MARLC,IAAAA,YAOe,yBAAA;AAAA,QANb,MAAK;AAAA,QACL,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,iDAA8B,OAAS,SAAA,CAAA;AAAA;6BAExC,MAA0B;AAAA,UAA1BC,IAAA,mBAA0B,kCAAjB,OAAO,OAAA,GAAA,CAAA;AAAA;;;;;;;;"}

package/dist/components/combobox/combobox_empty-list.vue.js

@@ -0,0 +1,53 @@
+import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, normalizeClass, withCtx, createElementVNode, toDisplayString } from "vue";
+/* empty css                         */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+import DtListItem from "../list_item/list_item.vue.js";
+const _sfc_main = {
+  name: "ComboboxEmptyList",
+  components: { DtListItem },
+  props: {
+    /**
+     * Message to display when list is empty
+     */
+    message: {
+      type: String,
+      required: true
+    },
+    /**
+     * Additional class name for the empty list element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    itemClass: {
+      type: [String, Object, Array],
+      default: ""
+    }
+  }
+};
+const _hoisted_1 = {
+  class: "d-combobox__empty-list",
+  "data-qa": "dt-combobox-empty-list"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_list_item = resolveComponent("dt-list-item");
+  return openBlock(), createElementBlock("ol", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createVNode(_component_dt_list_item, {
+        role: "option",
+        "navigation-type": "none",
+        type: "custom",
+        class: normalizeClass(["dt-empty-list-item", $props.itemClass])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", null, toDisplayString($props.message), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ])
+  ]);
+}
+const ComboboxEmptyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ComboboxEmptyList as default
+};
+//# sourceMappingURL=combobox_empty-list.vue.js.map

package/dist/components/combobox/combobox_empty-list.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_empty-list.vue.js","sources":["../../../components/combobox/combobox_empty-list.vue"],"sourcesContent":["<template>\n  <ol\n    class=\"d-combobox__empty-list\"\n    data-qa=\"dt-combobox-empty-list\"\n  >\n    <slot>\n      <dt-list-item\n        role=\"option\"\n        navigation-type=\"none\"\n        type=\"custom\"\n        :class=\"['dt-empty-list-item', itemClass]\"\n      >\n        <span>{{ message }}</span>\n      </dt-list-item>\n    </slot>\n  </ol>\n</template>\n\n<script>\nimport { DtListItem } from '../list_item';\n\nexport default {\n  name: 'ComboboxEmptyList',\n\n  components: { DtListItem },\n\n  props: {\n    /**\n     * Message to display when list is empty\n     */\n    message: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the empty list element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    itemClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-empty-list-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--dt-font-size-200);\n  line-height: var(--lh4);\n  padding: var(--dt-space-300) var(--dt-space-450);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createVNode","_createElementVNode"],"mappings":";;;;AAqBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY,EAAE,WAAY;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,EACF;AACH;;EA3CI,OAAM;AAAA,EACN,WAAQ;;;;AAFV,SAAAA,UAAA,GAAAC,mBAcK,MAdL,YAcK;AAAA,IAVHC,WASO,4BATP,MASO;AAAA,MARLC,YAOe,yBAAA;AAAA,QANb,MAAK;AAAA,QACL,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,6CAA8B,OAAS,SAAA,CAAA;AAAA;yBAExC,MAA0B;AAAA,UAA1BC,mBAA0B,8BAAjB,OAAO,OAAA,GAAA,CAAA;AAAA;;;;;;;"}

package/dist/components/combobox/combobox_loading-list.vue.cjs

@@ -0,0 +1,37 @@
+"use strict";
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const list_item = require("../list_item/list_item.vue.cjs");
+const skeleton = require("../skeleton/skeleton.vue.cjs");
+const _sfc_main = {
+  name: "ComboboxLoadingList",
+  components: { DtListItem: list_item, DtSkeleton: skeleton }
+};
+const _hoisted_1 = {
+  class: "d-combobox__loading-list",
+  "aria-busy": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_skeleton = vue.resolveComponent("dt-skeleton");
+  const _component_dt_list_item = vue.resolveComponent("dt-list-item");
+  return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1, [
+    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(7, (index) => {
+      return vue.createVNode(_component_dt_list_item, {
+        key: index,
+        role: "option",
+        "navigation-type": "none"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_dt_skeleton, {
+            "text-option": { type: "body" },
+            offset: 0
+          })
+        ]),
+        _: 2
+      }, 1024);
+    }), 64))
+  ]);
+}
+const ComboboxLoadingList = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = ComboboxLoadingList;
+//# sourceMappingURL=combobox_loading-list.vue.cjs.map

package/dist/components/combobox/combobox_loading-list.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_loading-list.vue.cjs","sources":["../../../components/combobox/combobox_loading-list.vue"],"sourcesContent":["<template>\n  <ol\n    class=\"d-combobox__loading-list\"\n    aria-busy=\"true\"\n  >\n    <dt-list-item\n      v-for=\"index in 7\"\n      :key=\"index\"\n      role=\"option\"\n      navigation-type=\"none\"\n    >\n      <dt-skeleton\n        :text-option=\"{ type: 'body' }\"\n        :offset=\"0\"\n      />\n    </dt-list-item>\n  </ol>\n</template>\n\n<script>\nimport { DtListItem } from '../list_item';\nimport { DtSkeleton } from '../skeleton';\n\nexport default {\n  name: 'ComboboxLoadingList',\n\n  components: { DtListItem, DtSkeleton },\n};\n</script>\n"],"names":["DtListItem","DtSkeleton","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode"],"mappings":";;;;;AAuBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY,EAAA,YAAEA,WAAU,YAAEC,SAAY;AACxC;;EAzBI,OAAM;AAAA,EACN,aAAU;;;;;AAFZ,SAAAC,cAAA,GAAAC,uBAeK,MAfL,YAeK;AAAA,sBAXHA,IAAAA,mBAUeC,IAAA,UAAA,MAAAC,eATG,GAAC,CAAV,UAAK;aADdC,IAAAA,YAUe,yBAAA;AAAA,QARZ,KAAK;AAAA,QACN,MAAK;AAAA,QACL,mBAAgB;AAAA;6BAEhB,MAGE;AAAA,UAHFA,IAAAA,YAGE,wBAAA;AAAA,YAFC,eAAa,EAAgB,MAAA,OAAA;AAAA,YAC7B,QAAQ;AAAA;;;;;;;;;"}

package/dist/components/combobox/combobox_loading-list.vue.js

@@ -0,0 +1,38 @@
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, withCtx } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+import DtListItem from "../list_item/list_item.vue.js";
+import DtSkeleton from "../skeleton/skeleton.vue.js";
+const _sfc_main = {
+  name: "ComboboxLoadingList",
+  components: { DtListItem, DtSkeleton }
+};
+const _hoisted_1 = {
+  class: "d-combobox__loading-list",
+  "aria-busy": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_skeleton = resolveComponent("dt-skeleton");
+  const _component_dt_list_item = resolveComponent("dt-list-item");
+  return openBlock(), createElementBlock("ol", _hoisted_1, [
+    (openBlock(), createElementBlock(Fragment, null, renderList(7, (index) => {
+      return createVNode(_component_dt_list_item, {
+        key: index,
+        role: "option",
+        "navigation-type": "none"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_dt_skeleton, {
+            "text-option": { type: "body" },
+            offset: 0
+          })
+        ]),
+        _: 2
+      }, 1024);
+    }), 64))
+  ]);
+}
+const ComboboxLoadingList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ComboboxLoadingList as default
+};
+//# sourceMappingURL=combobox_loading-list.vue.js.map

package/dist/components/combobox/combobox_loading-list.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_loading-list.vue.js","sources":["../../../components/combobox/combobox_loading-list.vue"],"sourcesContent":["<template>\n  <ol\n    class=\"d-combobox__loading-list\"\n    aria-busy=\"true\"\n  >\n    <dt-list-item\n      v-for=\"index in 7\"\n      :key=\"index\"\n      role=\"option\"\n      navigation-type=\"none\"\n    >\n      <dt-skeleton\n        :text-option=\"{ type: 'body' }\"\n        :offset=\"0\"\n      />\n    </dt-list-item>\n  </ol>\n</template>\n\n<script>\nimport { DtListItem } from '../list_item';\nimport { DtSkeleton } from '../skeleton';\n\nexport default {\n  name: 'ComboboxLoadingList',\n\n  components: { DtListItem, DtSkeleton },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode"],"mappings":";;;;AAuBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY,EAAE,YAAY,WAAY;AACxC;;EAzBI,OAAM;AAAA,EACN,aAAU;;;;;AAFZ,SAAAA,UAAA,GAAAC,mBAeK,MAfL,YAeK;AAAA,kBAXHA,mBAUeC,UAAA,MAAAC,WATG,GAAC,CAAV,UAAK;aADdC,YAUe,yBAAA;AAAA,QARZ,KAAK;AAAA,QACN,MAAK;AAAA,QACL,mBAAgB;AAAA;yBAEhB,MAGE;AAAA,UAHFA,YAGE,wBAAA;AAAA,YAFC,eAAa,EAAgB,MAAA,OAAA;AAAA,YAC7B,QAAQ;AAAA;;;;;;;;"}

package/dist/components/datepicker/composables/useCalendar.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("../utils.cjs");
+const datepicker_constants = require("../datepicker_constants.cjs");
+const dateFns = require("date-fns");
+function useCalendar(props, emits) {
+  const selectedDay = vue.ref(null);
+  const focusDay = vue.ref(0);
+  const daysRef = vue.ref([]);
+  const weekDays = vue.computed(() => {
+    return utils.getWeekDayNames(props.locale, datepicker_constants.WEEK_START);
+  });
+  vue.watch(() => props.calendarDays, () => {
+    focusDay.value = 0;
+    daysRef.value = [];
+    selectedDay.value = null;
+  });
+  function dayAriaLabel(day) {
+    return `${props.selectDayLabel} ${day.text} ${dateFns.format(day.value, datepicker_constants.MONTH_FORMAT)} ${dateFns.getYear(day.value)}`;
+  }
+  function setDayRef(el, day) {
+    if (!daysRef.value.some((day2) => day2.el === el) && day.currentMonth) {
+      daysRef.value.push({ el, day });
+    }
+  }
+  function handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        focusDay.value -= 7;
+        try {
+          daysRef.value[focusDay.value].el.$el.focus();
+        } catch (error) {
+          const prevFocusDate = utils.calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);
+          emits("go-to-prev-month");
+          vue.nextTick(() => {
+            daysRef.value[prevFocusDate - 1].el.$el.focus();
+            focusDay.value += prevFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        focusDay.value += 7;
+        try {
+          daysRef.value[focusDay.value].el.$el.focus();
+        } catch (error) {
+          const nextFocusDate = utils.calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);
+          emits("go-to-next-month");
+          vue.nextTick(() => {
+            daysRef.value[nextFocusDate - 1].el.$el.focus();
+            focusDay.value += nextFocusDate - 1;
+          });
+        }
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        if (focusDay.value > 0) {
+          focusDay.value -= 1;
+          daysRef.value[focusDay.value].el.$el.focus();
+        } else {
+          emits("go-to-prev-month");
+          focusLastDay();
+        }
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (focusDay.value < daysRef.value.length - 1) {
+          focusDay.value += 1;
+          daysRef.value[focusDay.value].el.$el.focus();
+        } else {
+          emits("go-to-next-month");
+          focusFirstDay();
+        }
+        break;
+      case "Tab":
+        event.preventDefault();
+        emits("focus-month-year-picker");
+        break;
+      case "Escape":
+        emits("close-datepicker");
+        break;
+    }
+  }
+  function focusFirstDay() {
+    focusDay.value = 0;
+    vue.nextTick(() => {
+      daysRef.value[focusDay.value].el.$el.focus();
+    });
+  }
+  function focusLastDay() {
+    vue.nextTick(() => {
+      focusDay.value = daysRef.value.length - 1;
+      daysRef.value[focusDay.value].el.$el.focus();
+    });
+  }
+  function selectDay(day) {
+    if (!day.currentMonth) {
+      return;
+    }
+    selectedDay.value = day.text;
+    emits("select-date", day.value);
+  }
+  return {
+    selectedDay,
+    weekDays,
+    dayAriaLabel,
+    setDayRef,
+    handleKeyDown,
+    focusFirstDay,
+    selectDay
+  };
+}
+exports.useCalendar = useCalendar;
+//# sourceMappingURL=useCalendar.cjs.map

package/dist/components/datepicker/composables/useCalendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.cjs","sources":["../../../../components/datepicker/composables/useCalendar.js"],"sourcesContent":["import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from '@/components/datepicker/utils.js';\nimport { MONTH_FORMAT, WEEK_START } from '@/components/datepicker/datepicker_constants.js';\nimport { format, getYear } from 'date-fns';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(props.locale, WEEK_START);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return `${props.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && day.currentMonth) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          daysRef.value[focusDay.value].el.$el.focus();\n        } catch (error) {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            daysRef.value[prevFocusDate - 1].el.$el.focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          daysRef.value[focusDay.value].el.$el.focus();\n        } catch (error) {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            daysRef.value[nextFocusDate - 1].el.$el.focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          daysRef.value[focusDay.value].el.$el.focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          daysRef.value[focusDay.value].el.$el.focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      daysRef.value[focusDay.value].el.$el.focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      daysRef.value[focusDay.value].el.$el.focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (!day.currentMonth) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n"],"names":["ref","computed","getWeekDayNames","WEEK_START","watch","format","MONTH_FORMAT","getYear","day","calculatePrevFocusDate","nextTick","calculateNextFocusDate"],"mappings":"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"}