@dialpad/dialtone-vue 2.165.0 → 2.166.1

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

@@ -1,356 +0,0 @@
-import KeyboardNavigation from "../../common/mixins/keyboard_list_navigation.js";
-import { getUniqueString } 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 normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtCombobox",
-  components: {
-    ComboboxLoadingList,
-    ComboboxEmptyList
-  },
-  mixins: [
-    KeyboardNavigation({
-      indexKey: "highlightIndex",
-      idKey: "highlightId",
-      listElementKey: "getListElement",
-      afterHighlightMethod: "afterHighlight",
-      beginningOfListMethod: "beginningOfListMethod",
-      endOfListMethod: "endOfListMethod",
-      activeItemKey: "activeItemEl"
-    })
-  ],
-  props: {
-    /**
-     * String to use for the input label.
-     */
-    label: {
-      type: String,
-      required: true
-    },
-    /**
-     * Determines visibility of input label.
-     * @values true, false
-     */
-    labelVisible: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
-     * @values null, xs, sm, md, lg, xl
-     */
-    size: {
-      type: String,
-      default: null,
-      validator: (t) => Object.values(LABEL_SIZES).includes(t)
-    },
-    /**
-     * Description for the input
-     */
-    description: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Sets an ID on the list element of the component. Used by several aria attributes
-     * as well as when deriving the IDs for each item.
-     */
-    listId: {
-      type: String,
-      default() {
-        return getUniqueString();
-      }
-    },
-    /**
-     * A method that will be called when the selection goes past the beginning of the list.
-     */
-    onBeginningOfList: {
-      type: Function,
-      default: null
-    },
-    /**
-     * A method that will be called when the selection goes past the end of the list.
-     */
-    onEndOfList: {
-      type: Function,
-      default: null
-    },
-    /**
-     * Determines when to show the list element and also controls the aria-expanded attribute.
-     * @values true, false
-     */
-    showList: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * If the list is rendered outside the component, like when using popover as the list wrapper.
-     * @values true, false
-     */
-    listRenderedOutside: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines when to show the skeletons and also controls aria-busy attribute.
-     * @values true, false
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.
-     * @values true, false
-     */
-    emptyList: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Message to show when the list is empty
-     */
-    emptyStateMessage: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 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.
-     */
-    emptyStateClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    /**
-     * Programmatically click on the active list item element when a selection
-     * comes from keyboard navigation, i.e. pressing the "Enter" key.
-     * @values true, false
-     */
-    clickOnSelect: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    /**
-     * Event fired when item selected
-     *
-     * @event select
-     * @type {Number}
-     */
-    "select",
-    /**
-     * Event fired when pressing escape
-     *
-     * @event escape
-     */
-    "escape",
-    /**
-     * Event fired when the highlight changes
-     *
-     * @event highlight
-     * @type {Number}
-     */
-    "highlight",
-    /**
-     * Event fired when list is shown or hidden
-     *
-     * @event opened
-     * @type {Boolean}
-     */
-    "opened"
-  ],
-  data() {
-    return {
-      // If the list is rendered at the root, rather than as a child
-      // of this component, this is the ref to that dom element. Set
-      // by the onOpen method.
-      outsideRenderedListRef: null
-    };
-  },
-  computed: {
-    inputProps() {
-      return {
-        label: this.label,
-        labelVisible: this.labelVisible,
-        size: this.size,
-        description: this.description,
-        role: "combobox",
-        "aria-label": this.label,
-        "aria-expanded": this.showList.toString(),
-        "aria-owns": this.listId,
-        "aria-haspopup": "listbox",
-        "aria-activedescendant": this.activeItemId,
-        "aria-controls": this.listId
-      };
-    },
-    listProps() {
-      return {
-        role: "listbox",
-        id: this.listId,
-        // The list has to be positioned relatively so that the auto-scroll can
-        // calculate the correct offset for the list items.
-        class: "d-ps-relative",
-        "aria-label": this.label
-      };
-    },
-    beginningOfListMethod() {
-      return this.onBeginningOfList || this.jumpToEnd;
-    },
-    endOfListMethod() {
-      return this.onEndOfList || this.jumpToBeginning;
-    },
-    activeItemId() {
-      if (!this.showList || this.highlightIndex < 0 || this.loading) {
-        return;
-      }
-      return this.highlightId;
-    },
-    activeItemEl() {
-      if (!this.highlightId) return "";
-      return this.getListElement().querySelector("#" + this.highlightId);
-    }
-  },
-  watch: {
-    showList(showList) {
-      if (!this.listRenderedOutside) {
-        this.setInitialHighlightIndex();
-        this.$emit("opened", showList);
-      }
-      if (!showList && this.outsideRenderedListRef) {
-        this.outsideRenderedListRef.removeEventListener("mousemove", this.onMouseHighlight);
-        this.outsideRenderedListRef = null;
-      }
-    },
-    loading(loading) {
-      this.$nextTick(() => {
-        this.setInitialHighlightIndex();
-      });
-    },
-    $props: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.validateEmptyListProps();
-      }
-    }
-  },
-  created() {
-    this.validateEmptyListProps();
-  },
-  methods: {
-    onMouseHighlight(e) {
-      if (this.loading) return;
-      const liElement = e.target.closest("li");
-      if (liElement && this.highlightId !== liElement.id) {
-        this.setHighlightId(liElement.id);
-      }
-    },
-    getListElement() {
-      var _a;
-      return this.outsideRenderedListRef ?? ((_a = this.$refs.listWrapper) == null ? void 0 : _a.querySelector(`#${this.listId}`));
-    },
-    clearHighlightIndex() {
-      if (this.showList) {
-        this.setHighlightIndex(-1);
-      }
-    },
-    afterHighlight() {
-      if (this.loading) return;
-      this.$emit("highlight", this.highlightIndex);
-    },
-    onEnterKey() {
-      var _a;
-      if (this.loading || this.emptyList) return;
-      if (this.highlightIndex >= 0) {
-        this.$emit("select", this.highlightIndex);
-        if (this.clickOnSelect) {
-          (_a = this.activeItemEl) == null ? void 0 : _a.click();
-        }
-      }
-    },
-    onEscapeKey() {
-      this.$emit("escape");
-    },
-    onOpen(open, contentRef) {
-      var _a;
-      this.outsideRenderedListRef = contentRef;
-      (_a = this.outsideRenderedListRef) == null ? void 0 : _a.addEventListener("mousemove", this.onMouseHighlight);
-      this.$emit("opened", open);
-      if (open) {
-        this.setInitialHighlightIndex();
-      }
-    },
-    onKeyValidation(e, eventHandler) {
-      if (!this.showList || !this.getListElement()) return;
-      this[eventHandler](e);
-    },
-    setInitialHighlightIndex() {
-      if (!this.showList) return;
-      this.$nextTick(() => {
-        this.setHighlightIndex(this.loading ? -1 : 0);
-      });
-    },
-    validateEmptyListProps() {
-      if (this.$slots.emptyListItem) {
-        return;
-      }
-      if (this.emptyList && !this.emptyStateMessage) {
-        console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
-      empty message.`);
-      }
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { on: { "keydown": [function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
-    $event.stopPropagation();
-    return _vm.onKeyValidation($event, "onEscapeKey");
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
-    if ($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey) return null;
-    return _vm.onKeyValidation($event, "onEnterKey");
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
-    $event.stopPropagation();
-    $event.preventDefault();
-    return _vm.onKeyValidation($event, "onUpKey");
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
-    $event.stopPropagation();
-    $event.preventDefault();
-    return _vm.onKeyValidation($event, "onDownKey");
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "home", void 0, $event.key, void 0)) return null;
-    $event.stopPropagation();
-    $event.preventDefault();
-    return _vm.onKeyValidation($event, "onHomeKey");
-  }, function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "end", void 0, $event.key, void 0)) return null;
-    $event.stopPropagation();
-    $event.preventDefault();
-    return _vm.onKeyValidation($event, "onEndKey");
-  }] } }, [_c("div", { attrs: { "data-qa": "dt-combobox-input-wrapper" } }, [_vm._t("input", null, { "inputProps": _vm.inputProps })], 2), _vm.showList ? _c("div", { ref: "listWrapper", attrs: { "data-qa": "dt-combobox-list-wrapper" }, on: { "mouseleave": _vm.clearHighlightIndex, "focusout": _vm.clearHighlightIndex, "!mousemove": function($event) {
-    return _vm.onMouseHighlight.apply(null, arguments);
-  } } }, [_vm.loading && !_vm.listRenderedOutside ? _c("combobox-loading-list", _vm._b({}, "combobox-loading-list", _vm.listProps, false)) : _vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside ? _c("combobox-empty-list", _vm._b({ attrs: { "message": _vm.emptyStateMessage, "item-class": _vm.emptyStateClass } }, "combobox-empty-list", _vm.listProps, false), [_vm._t("emptyListItem")], 2) : _vm._t("list", null, { "listProps": _vm.listProps, "opened": _vm.onOpen, "clearHighlightIndex": _vm.clearHighlightIndex })], 2) : _vm._e()]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtCombobox = __component__.exports;
-export {
-  DtCombobox as default
-};
-//# sourceMappingURL=combobox.vue.js.map

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

@@ -1 +0,0 @@
-{"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 || $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 } 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    };\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":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                           */
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const list_item = require("../list_item/list_item.vue.cjs");
-const _sfc_main = {
-  name: "ComboboxEmptyList",
-  components: { DtListItem: list_item.default },
-  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: ""
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("ol", { staticClass: "d-combobox__empty-list", attrs: { "data-qa": "dt-combobox-empty-list" } }, [_vm._t("default", function() {
-    return [_c("dt-list-item", { class: ["dt-empty-list-item", _vm.itemClass], attrs: { "role": "option", "navigation-type": "none", "type": "custom" } }, [_c("span", [_vm._v(_vm._s(_vm.message))])])];
-  })], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ComboboxEmptyList = __component__.exports;
-exports.default = ComboboxEmptyList;
-//# sourceMappingURL=combobox_empty-list.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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"],"mappings":";;;;;AAqBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAAA,YAAAA,UAAAA,QAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

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

@@ -1,45 +0,0 @@
-/* empty css                         */
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.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: ""
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("ol", { staticClass: "d-combobox__empty-list", attrs: { "data-qa": "dt-combobox-empty-list" } }, [_vm._t("default", function() {
-    return [_c("dt-list-item", { class: ["dt-empty-list-item", _vm.itemClass], attrs: { "role": "option", "navigation-type": "none", "type": "custom" } }, [_c("span", [_vm._v(_vm._s(_vm.message))])])];
-  })], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ComboboxEmptyList = __component__.exports;
-export {
-  ComboboxEmptyList as default
-};
-//# sourceMappingURL=combobox_empty-list.vue.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;;AAqBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,WAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.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.default, DtSkeleton: skeleton.default }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("ol", { staticClass: "d-combobox__loading-list", attrs: { "aria-busy": "true" } }, _vm._l(7, function(index) {
-    return _c("dt-list-item", { key: index, attrs: { "role": "option", "navigation-type": "none" } }, [_c("dt-skeleton", { attrs: { "text-option": { type: "body" }, "offset": 0 } })], 1);
-  }), 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ComboboxLoadingList = __component__.exports;
-exports.default = ComboboxLoadingList;
-//# sourceMappingURL=combobox_loading-list.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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"],"mappings":";;;;;AAuBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,YAAAA,UAAA,SAAA,YAAAC,iBAAA;AACA;;;;;;;;;;;;;;;;;;"}

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

@@ -1,27 +0,0 @@
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.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 }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("ol", { staticClass: "d-combobox__loading-list", attrs: { "aria-busy": "true" } }, _vm._l(7, function(index) {
-    return _c("dt-list-item", { key: index, attrs: { "role": "option", "navigation-type": "none" } }, [_c("dt-skeleton", { attrs: { "text-option": { type: "body" }, "offset": 0 } })], 1);
-  }), 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ComboboxLoadingList = __component__.exports;
-export {
-  ComboboxLoadingList as default
-};
-//# sourceMappingURL=combobox_loading-list.vue.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;;AAuBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,YAAA,WAAA;AACA;;;;;;;;;;;;;;;;;"}