@dialpad/dialtone 9.66.0 → 9.67.0

package/dist/vue3/chunks/{dropdown-6HXkh24e.js.map → dropdown-oA-_Gotg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-6HXkh24e.js","sources":["../../components/dropdown/dropdown.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n  <dt-popover\n    ref=\"popover\"\n    :content-width=\"contentWidth\"\n    :open=\"open\"\n    :placement=\"placement\"\n    :initial-focus-element=\"openedWithKeyboard ? 'first' : 'dialog'\"\n    :fallback-placements=\"fallbackPlacements\"\n    padding=\"none\"\n    role=\"menu\"\n    :append-to=\"appendTo\"\n    :modal=\"modal\"\n    :max-height=\"maxHeight\"\n    :max-width=\"maxWidth\"\n    :open-with-arrow-keys=\"shouldOpenWithArrowKeys\"\n    :open-on-context=\"openOnContext\"\n    v-bind=\"$attrs\"\n    :tether=\"tether\"\n    :transition=\"transition\"\n    v-on=\"dropdownListeners\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the dropdown -->\n      <slot\n        ref=\"anchor\"\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content=\"{ close }\">\n      <!-- eslint-disable-next-line max-len -->\n      <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events vuejs-accessibility/no-static-element-interactions -->\n      <ul\n        :id=\"listId\"\n        ref=\"listWrapper\"\n        :class=\"listClasses\"\n        data-qa=\"dt-dropdown-list-wrapper\"\n        @mouseleave=\"clearHighlightIndex\"\n        @mousemove.capture=\"onMouseHighlight\"\n      >\n        <!-- @slot Slot for the list component -->\n        <slot\n          name=\"list\"\n          :close=\"close\"\n        />\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          :tabindex=\"isArrowKeyNav ? -1 : 0\"\n          @close=\"close\"\n        />\n      </ul>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport KeyboardNavigation from '@/common/mixins/keyboard_list_navigation';\nimport { DtPopover, POPOVER_APPEND_TO_VALUES } from '@/components/popover';\nimport { LIST_ITEM_NAVIGATION_TYPES } from '@/components/list_item';\nimport { DROPDOWN_PADDING_CLASSES } from './dropdown_constants';\nimport { getUniqueString } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtDropdown',\n\n  components: {\n    DtPopover,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [\n    KeyboardNavigation({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      listItemRole: 'menuitem',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n      focusOnKeyboardNavigation: true,\n    }),\n    SrOnlyCloseButtonMixin,\n  ],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.\n     * Supports v-model\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the dropdown on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Vertical padding size around the list element.\n     * @values none, small, large\n     */\n    padding: {\n      type: String,\n      default: 'small',\n      validator: (padding) => {\n        return Object.keys(DROPDOWN_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Determines modal state, dropdown has a modal overlay preventing interaction with elements\n     * below it, but it is invisible.\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\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     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * If the dropdown does not fit in the direction described by \"placement\",\n     * it will attempt to change it's direction to the \"fallbackPlacements\".\n     *\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     */\n    placement: {\n      type: String,\n      default: 'bottom',\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     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n  },\n\n  emits: [\n    /**\n     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Event fired when dropdown is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      LIST_ITEM_NAVIGATION_TYPES,\n      DROPDOWN_PADDING_CLASSES,\n      EVENT_KEYNAMES,\n      openedWithKeyboard: false,\n      isOpen: null,\n    };\n  },\n\n  computed: {\n    dropdownListeners () {\n      return {\n        opened: isPopoverOpen => {\n          this.updateInitialHighlightIndex(isPopoverOpen);\n        },\n\n        keydown: event => {\n          const eventCode = event.code;\n\n          switch (eventCode) {\n            case EVENT_KEYNAMES.up:\n            case EVENT_KEYNAMES.arrowup:\n              this.onUpKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.down:\n            case EVENT_KEYNAMES.arrowdown:\n              this.onDownKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.space:\n            case EVENT_KEYNAMES.spacebar:\n              this.onSpaceKey();\n              break;\n            case EVENT_KEYNAMES.enter:\n              this.onEnterKey();\n              break;\n            case EVENT_KEYNAMES.home:\n              this.onHomeKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.end:\n              this.onEndKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            default:\n              this.onKeyPress(event);\n              break;\n          }\n\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemEl () {\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n\n    isArrowKeyNav () {\n      return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;\n    },\n\n    listClasses () {\n      return [\n        'd-dropdown-list',\n        DROPDOWN_PADDING_CLASSES[this.padding],\n        this.listClass,\n        { 'd-context-menu-list': this.openOnContext },\n      ];\n    },\n\n    shouldOpenWithArrowKeys () {\n      return !this.openOnContext;\n    },\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      const liElement = e.target.closest('li');\n\n      if (liElement && liElement.role && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n        liElement.focus();\n      }\n    },\n\n    getListElement () {\n      return this.$refs.listWrapper;\n    },\n\n    clearHighlightIndex () {\n      this.setHighlightIndex(-1);\n    },\n\n    afterHighlight () {\n      if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {\n        return;\n      }\n\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    updateInitialHighlightIndex (isPopoverOpen) {\n      this.isOpen = isPopoverOpen;\n\n      if (isPopoverOpen) {\n        if (this.openedWithKeyboard && this.isArrowKeyNav) {\n          this.setHighlightIndex(0);\n        }\n        this.$emit('opened', true);\n      } else {\n        this.clearHighlightIndex();\n        this.openedWithKeyboard = false;\n        this.$emit('opened', false);\n      }\n    },\n\n    onSpaceKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onEnterKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onUpKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onUpKey();\n      }\n    },\n\n    onDownKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onDownKey();\n      }\n    },\n\n    onHomeKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onHomeKey();\n    },\n\n    onEndKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onEndKey();\n    },\n\n    onKeyPress (e) {\n      if (!this.isOpen || !this.isArrowKeyNav || !this.isValidLetter(e.key)) {\n        return;\n      }\n\n      e.stopPropagation();\n      e.preventDefault();\n\n      return this.onNavigationKey(e.key);\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.d-context-menu-list {\n  width: var(--dt-size-850);\n}\n.d-dropdown-list {\n  position: relative;\n  margin: var(--dt-space-300);\n  padding-left: var(--dt-space-0);\n  padding-right: var(--dt-space-0);\n  >.dt-list-item {\n    margin-top: var(--dt-space-200);\n  }\n}\n</style>\n"],"names":["_sfc_main","name","components","DtPopover","SrOnlyCloseButton","mixins","KeyboardNavigation","indexKey","idKey","listElementKey","listItemRole","afterHighlightMethod","beginningOfListMethod","endOfListMethod","activeItemKey","focusOnKeyboardNavigation","SrOnlyCloseButtonMixin","inheritAttrs","props","open","type","Boolean","default","openOnContext","padding","String","validator","Object","keys","DROPDOWN_PADDING_CLASSES","some","item","modal","contentWidth","maxHeight","maxWidth","listId","getUniqueString","navigationType","LIST_ITEM_NAVIGATION_TYPES","ARROW_KEYS","t","values","includes","fallbackPlacements","Array","placement","onBeginningOfList","Function","onEndOfList","listClass","appendTo","HTMLElement","POPOVER_APPEND_TO_VALUES","tether","transition","emits","data","EVENT_KEYNAMES","openedWithKeyboard","isOpen","computed","dropdownListeners","opened","isPopoverOpen","updateInitialHighlightIndex","keydown","event","eventCode","code","up","arrowup","onUpKeyPress","stopPropagation","preventDefault","down","arrowdown","onDownKeyPress","space","spacebar","onSpaceKey","enter","onEnterKey","home","onHomeKeyPress","end","onEndKeyPress","onKeyPress","$emit","jumpToEnd","jumpToBeginning","activeItemEl","getListElement","querySelector","highlightId","isArrowKeyNav","listClasses","shouldOpenWithArrowKeys","methods","onMouseHighlight","e","liElement","target","closest","role","id","setHighlightId","focus","$refs","listWrapper","clearHighlightIndex","setHighlightIndex","afterHighlight","visuallyHiddenClose","highlightIndex","_itemsLength","onUpKey","onDownKey","onHomeKey","onEndKey","isValidLetter","key","onNavigationKey","_openBlock","_createBlock","_component_dt_popover","_mergeProps","ref","$props","$data","$options","_ctx","$attrs","_toHandlers","anchor","_withCtx","attrs","_renderSlot","content","close","_createElementVNode","class","onMouseleave","args","$slots","showVisuallyHiddenClose","_component_sr_only_close_button","visuallyHiddenCloseLabel","tabindex","onClose"],"mappings":"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"}
+{"version":3,"file":"dropdown-oA-_Gotg.js","sources":["../../components/dropdown/dropdown.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n  <dt-popover\n    ref=\"popover\"\n    :content-width=\"contentWidth\"\n    :open=\"open\"\n    :placement=\"placement\"\n    :initial-focus-element=\"openedWithKeyboard ? 'first' : 'dialog'\"\n    :fallback-placements=\"fallbackPlacements\"\n    padding=\"none\"\n    role=\"menu\"\n    :append-to=\"appendTo\"\n    :modal=\"modal\"\n    :max-height=\"maxHeight\"\n    :max-width=\"maxWidth\"\n    :open-with-arrow-keys=\"shouldOpenWithArrowKeys\"\n    :open-on-context=\"openOnContext\"\n    v-bind=\"$attrs\"\n    :tether=\"tether\"\n    :transition=\"transition\"\n    v-on=\"dropdownListeners\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the dropdown -->\n      <slot\n        ref=\"anchor\"\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content=\"{ close }\">\n      <!-- eslint-disable-next-line max-len -->\n      <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events vuejs-accessibility/no-static-element-interactions -->\n      <ul\n        :id=\"listId\"\n        ref=\"listWrapper\"\n        :class=\"listClasses\"\n        data-qa=\"dt-dropdown-list-wrapper\"\n        @mouseleave=\"clearHighlightIndex\"\n        @mousemove.capture=\"onMouseHighlight\"\n      >\n        <!-- @slot Slot for the list component -->\n        <slot\n          name=\"list\"\n          :close=\"close\"\n        />\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          :tabindex=\"isArrowKeyNav ? -1 : 0\"\n          @close=\"close\"\n        />\n      </ul>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport KeyboardNavigation from '@/common/mixins/keyboard_list_navigation';\nimport { DtPopover, POPOVER_APPEND_TO_VALUES } from '@/components/popover';\nimport { LIST_ITEM_NAVIGATION_TYPES } from '@/components/list_item';\nimport { DROPDOWN_PADDING_CLASSES } from './dropdown_constants';\nimport { getUniqueString } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtDropdown',\n\n  components: {\n    DtPopover,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [\n    KeyboardNavigation({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      listItemRole: 'menuitem',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n      focusOnKeyboardNavigation: true,\n    }),\n    SrOnlyCloseButtonMixin,\n  ],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.\n     * Supports v-model\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the dropdown on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Vertical padding size around the list element.\n     * @values none, small, large\n     */\n    padding: {\n      type: String,\n      default: 'small',\n      validator: (padding) => {\n        return Object.keys(DROPDOWN_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Determines modal state, dropdown has a modal overlay preventing interaction with elements\n     * below it, but it is invisible.\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\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     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * If the dropdown does not fit in the direction described by \"placement\",\n     * it will attempt to change it's direction to the \"fallbackPlacements\".\n     *\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     */\n    placement: {\n      type: String,\n      default: 'bottom',\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     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n  },\n\n  emits: [\n    /**\n     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Event fired when dropdown is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      LIST_ITEM_NAVIGATION_TYPES,\n      DROPDOWN_PADDING_CLASSES,\n      EVENT_KEYNAMES,\n      openedWithKeyboard: false,\n      isOpen: null,\n    };\n  },\n\n  computed: {\n    dropdownListeners () {\n      return {\n        opened: isPopoverOpen => {\n          this.updateInitialHighlightIndex(isPopoverOpen);\n        },\n\n        keydown: event => {\n          const eventCode = event.code;\n\n          switch (eventCode) {\n            case EVENT_KEYNAMES.up:\n            case EVENT_KEYNAMES.arrowup:\n              this.onUpKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.down:\n            case EVENT_KEYNAMES.arrowdown:\n              this.onDownKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.space:\n            case EVENT_KEYNAMES.spacebar:\n              this.onSpaceKey();\n              break;\n            case EVENT_KEYNAMES.enter:\n              this.onEnterKey();\n              break;\n            case EVENT_KEYNAMES.home:\n              this.onHomeKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.end:\n              this.onEndKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            default:\n              this.onKeyPress(event);\n              break;\n          }\n\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemEl () {\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n\n    isArrowKeyNav () {\n      return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;\n    },\n\n    listClasses () {\n      return [\n        'd-dropdown-list',\n        DROPDOWN_PADDING_CLASSES[this.padding],\n        this.listClass,\n        { 'd-context-menu-list': this.openOnContext },\n      ];\n    },\n\n    shouldOpenWithArrowKeys () {\n      return !this.openOnContext;\n    },\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      const liElement = e.target.closest('li');\n\n      if (liElement && liElement.role && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n        liElement.focus();\n      }\n    },\n\n    getListElement () {\n      return this.$refs.listWrapper;\n    },\n\n    clearHighlightIndex () {\n      this.setHighlightIndex(-1);\n    },\n\n    afterHighlight () {\n      if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {\n        return;\n      }\n\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    updateInitialHighlightIndex (isPopoverOpen) {\n      this.isOpen = isPopoverOpen;\n\n      if (isPopoverOpen) {\n        if (this.openedWithKeyboard && this.isArrowKeyNav) {\n          this.setHighlightIndex(0);\n        }\n        this.$emit('opened', true);\n      } else {\n        this.clearHighlightIndex();\n        this.openedWithKeyboard = false;\n        this.$emit('opened', false);\n      }\n    },\n\n    onSpaceKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onEnterKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onUpKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onUpKey();\n      }\n    },\n\n    onDownKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onDownKey();\n      }\n    },\n\n    onHomeKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onHomeKey();\n    },\n\n    onEndKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onEndKey();\n    },\n\n    onKeyPress (e) {\n      if (!this.isOpen || !this.isArrowKeyNav || !this.isValidLetter(e.key)) {\n        return;\n      }\n\n      e.stopPropagation();\n      e.preventDefault();\n\n      return this.onNavigationKey(e.key);\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.d-context-menu-list {\n  width: var(--dt-size-850);\n}\n.d-dropdown-list {\n  position: relative;\n  margin: var(--dt-space-300);\n  padding-left: var(--dt-space-0);\n  padding-right: var(--dt-space-0);\n  >.dt-list-item {\n    margin-top: var(--dt-space-200);\n  }\n}\n</style>\n"],"names":["_openBlock","_createBlock","_mergeProps","_toHandlers","_withCtx","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;AAmEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,QAAQ;AAAA,IACN,mBAAmB;AAAA,MACjB,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,sBAAsB;AAAA,MACtB,uBAAuB;AAAA,MACvB,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,2BAA2B;AAAA,IAC7B,CAAC;AAAA,IACD;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,YAAY;AACtB,eAAO,OAAO,KAAK,wBAAwB,EAAE,KAAK,CAAC,SAAS,SAAS,OAAO;AAAA,MAC7E;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAW;AAAE,eAAO,gBAAe;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,2BAA2B;AAAA,MACpC,WAAW,CAAC,MAAM,OAAO,OAAO,0BAA0B,EAAE,SAAS,CAAC;AAAA,IACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MAAM;AACb,eAAO,CAAC,MAAM;AAAA,MACf;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,UAAU;AAAA,MACR,MAAM,CAAC,aAAa,MAAM;AAAA,MAC1B,SAAS;AAAA,MACT,WAAW,cAAY;AACrB,eAAO,yBAAyB,SAAS,QAAQ,KAC5C,oBAAoB;AAAA,MAC1B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAoB;AAAA,MACpB,QAAQ;AAAA;EAEX;AAAA,EAED,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAO;AAAA,QACL,QAAQ,mBAAiB;AACvB,eAAK,4BAA4B,aAAa;AAAA,QAC/C;AAAA,QAED,SAAS,WAAS;AAChB,gBAAM,YAAY,MAAM;AAExB,kBAAQ,WAAS;AAAA,YACf,KAAK,eAAe;AAAA,YACpB,KAAK,eAAe;AAClB,mBAAK,aAAa,KAAK;AACvB,oBAAM,gBAAe;AACrB,oBAAM,eAAc;AACpB;AAAA,YACF,KAAK,eAAe;AAAA,YACpB,KAAK,eAAe;AAClB,mBAAK,eAAe,KAAK;AACzB,oBAAM,gBAAe;AACrB,oBAAM,eAAc;AACpB;AAAA,YACF,KAAK,eAAe;AAAA,YACpB,KAAK,eAAe;AAClB,mBAAK,WAAU;AACf;AAAA,YACF,KAAK,eAAe;AAClB,mBAAK,WAAU;AACf;AAAA,YACF,KAAK,eAAe;AAClB,mBAAK,eAAe,KAAK;AACzB,oBAAM,gBAAe;AACrB,oBAAM,eAAc;AACpB;AAAA,YACF,KAAK,eAAe;AAClB,mBAAK,cAAc,KAAK;AACxB,oBAAM,gBAAe;AACrB,oBAAM,eAAc;AACpB;AAAA,YACF;AACE,mBAAK,WAAW,KAAK;AACrB;AAAA,UACJ;AAEA,eAAK,MAAM,WAAW,KAAK;AAAA,QAC5B;AAAA;IAEJ;AAAA,IAED,wBAAyB;AACvB,aAAO,KAAK,qBAAqB,KAAK;AAAA,IACvC;AAAA,IAED,kBAAmB;AACjB,aAAO,KAAK,eAAe,KAAK;AAAA,IACjC;AAAA,IAED,eAAgB;AACd,aAAO,KAAK,iBAAiB,cAAc,MAAM,KAAK,WAAW;AAAA,IAClE;AAAA,IAED,gBAAiB;AACf,aAAO,KAAK,mBAAmB,KAAK,2BAA2B;AAAA,IAChE;AAAA,IAED,cAAe;AACb,aAAO;AAAA,QACL;AAAA,QACA,yBAAyB,KAAK,OAAO;AAAA,QACrC,KAAK;AAAA,QACL,EAAE,uBAAuB,KAAK,cAAe;AAAA;IAEhD;AAAA,IAED,0BAA2B;AACzB,aAAO,CAAC,KAAK;AAAA,IACd;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB,GAAG;AACnB,YAAM,YAAY,EAAE,OAAO,QAAQ,IAAI;AAEvC,UAAI,aAAa,UAAU,QAAQ,KAAK,gBAAgB,UAAU,IAAI;AACpE,aAAK,eAAe,UAAU,EAAE;AAChC,kBAAU,MAAK;AAAA,MACjB;AAAA,IACD;AAAA,IAED,iBAAkB;AAChB,aAAO,KAAK,MAAM;AAAA,IACnB;AAAA,IAED,sBAAuB;AACrB,WAAK,kBAAkB,EAAE;AAAA,IAC1B;AAAA,IAED,iBAAkB;AAChB,UAAI,KAAK,uBAAuB,KAAK,mBAAmB,KAAK,aAAe,IAAE,GAAG;AAC/E;AAAA,MACF;AAEA,WAAK,MAAM,aAAa,KAAK,cAAc;AAAA,IAC5C;AAAA,IAED,4BAA6B,eAAe;AAC1C,WAAK,SAAS;AAEd,UAAI,eAAe;AACjB,YAAI,KAAK,sBAAsB,KAAK,eAAe;AACjD,eAAK,kBAAkB,CAAC;AAAA,QAC1B;AACA,aAAK,MAAM,UAAU,IAAI;AAAA,aACpB;AACL,aAAK,oBAAmB;AACxB,aAAK,qBAAqB;AAC1B,aAAK,MAAM,UAAU,KAAK;AAAA,MAC5B;AAAA,IACD;AAAA,IAED,aAAc;AACZ,UAAI,CAAC,KAAK,MAAM;AACd,aAAK,qBAAqB;AAAA,MAC5B;AAAA,IACD;AAAA,IAED,aAAc;AACZ,UAAI,CAAC,KAAK,MAAM;AACd,aAAK,qBAAqB;AAAA,MAC5B;AAAA,IACD;AAAA,IAED,eAAgB;AACd,UAAI,CAAC,KAAK,QAAQ;AAChB,aAAK,qBAAqB;AAC1B;AAAA,MACF;AACA,UAAI,KAAK,eAAe;AACtB,eAAO,KAAK;MACd;AAAA,IACD;AAAA,IAED,iBAAkB;AAChB,UAAI,CAAC,KAAK,QAAQ;AAChB,aAAK,qBAAqB;AAC1B;AAAA,MACF;AACA,UAAI,KAAK,eAAe;AACtB,eAAO,KAAK;MACd;AAAA,IACD;AAAA,IAED,iBAAkB;AAChB,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,eAAe;AACvC;AAAA,MACF;AAEA,aAAO,KAAK;IACb;AAAA,IAED,gBAAiB;AACf,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,eAAe;AACvC;AAAA,MACF;AAEA,aAAO,KAAK;IACb;AAAA,IAED,WAAY,GAAG;AACb,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,iBAAiB,CAAC,KAAK,cAAc,EAAE,GAAG,GAAG;AACrE;AAAA,MACF;AAEA,QAAE,gBAAe;AACjB,QAAE,eAAc;AAEhB,aAAO,KAAK,gBAAgB,EAAE,GAAG;AAAA,IAClC;AAAA,EACF;AACH;;;;;AAnfE,SAAAA,UAAA,GAAAC,YAoDa,uBApDbC,WAoDa;AAAA,IAnDX,KAAI;AAAA,IACH,iBAAe,OAAY;AAAA,IAC3B,MAAM,OAAI;AAAA,IACV,WAAW,OAAS;AAAA,IACpB,yBAAuB,MAAkB,qBAAA,UAAA;AAAA,IACzC,uBAAqB,OAAkB;AAAA,IACxC,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAW,OAAQ;AAAA,IACnB,OAAO,OAAK;AAAA,IACZ,cAAY,OAAS;AAAA,IACrB,aAAW,OAAQ;AAAA,IACnB,wBAAsB,SAAuB;AAAA,IAC7C,mBAAiB,OAAa;AAAA,KACvB,KAAM,QAAA;AAAA,IACb,QAAQ,OAAM;AAAA,IACd,YAAY,OAAU;AAAA,EACvB,GAAAC,WAAM,SAAiB,iBAAA,CAAA,GAAA;AAAA,IAEZ,QAAMC,QAEf,CAIE,EANiB,YAAK;AAAA,MAExBC,WAIE,uBAJFH,WAIE,EAHA,KAAI,YAEI,KAAK,CAAA;AAAA;IAGN,SAAOE,QAGhB,CAmBK,EAtBe,YAAK;AAAA,MAGzBE,mBAmBK,MAAA;AAAA,QAlBF,IAAI,OAAM;AAAA,QACX,KAAI;AAAA,QACH,sBAAO,SAAW,WAAA;AAAA,QACnB,WAAQ;AAAA,QACP,qDAAY,SAAmB,uBAAA,SAAA,oBAAA,GAAA,IAAA;AAAA,mEACZ,SAAgB,oBAAA,SAAA,iBAAA,GAAA,IAAA;AAAA;QAGpCD,WAGE,KAAA,QAAA,QAAA,EADC,OAAY;AAAA,QAGP,KAAuB,wCAD/BJ,YAKE,iCAAA;AAAA;UAHC,+BAA6B,KAAwB;AAAA,UACrD,UAAU,SAAa,gBAAA,KAAA;AAAA,UACvB,SAAO;AAAA;;;;;;;"}

package/dist/vue3/chunks/{dropdown-QNvAb160.js → dropdown-p-Azgwov.js}

@@ -1,31 +1,34 @@
 "use strict";
-const keyboard_list_navigation = require("./keyboard_list_navigation-x3D6RcC7.js");
+const keyboard_list_navigation = require("./keyboard_list_navigation-fJnl_Iox.js");
 const dropdown_constants = require("./dropdown_constants-2pGCXy7m.js");
 const common_utils = require("../common/utils.cjs");
 const common_constants = require("../common/constants.cjs");
-const sr_only_close_button = require("./sr_only_close_button-gKr0Vlbz.js");
+const sr_only_close_button = require("./sr_only_close_button-xGrHFjwA.js");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-fhnQq0tA.js");
 const lib_popover = require("../lib/popover.cjs");
 const list_item_constants = require("./list_item_constants-EiqkqZvP.js");
-const popover_constants = require("./popover_constants-h9MD6WUt.js");
+const popover_constants = require("./popover_constants-XnGWXaxX.js");
 const _sfc_main = {
   name: "DtDropdown",
   components: {
     DtPopover: lib_popover.DtPopover,
     SrOnlyCloseButton: sr_only_close_button.SrOnlyCloseButton
   },
-  mixins: [keyboard_list_navigation.KeyboardNavigation({
-    indexKey: "highlightIndex",
-    idKey: "highlightId",
-    listElementKey: "getListElement",
-    listItemRole: "menuitem",
-    afterHighlightMethod: "afterHighlight",
-    beginningOfListMethod: "beginningOfListMethod",
-    endOfListMethod: "endOfListMethod",
-    activeItemKey: "activeItemEl",
-    focusOnKeyboardNavigation: true
-  }), sr_only_close_button.SrOnlyCloseButtonMixin],
+  mixins: [
+    keyboard_list_navigation.KeyboardNavigation({
+      indexKey: "highlightIndex",
+      idKey: "highlightId",
+      listElementKey: "getListElement",
+      listItemRole: "menuitem",
+      afterHighlightMethod: "afterHighlight",
+      beginningOfListMethod: "beginningOfListMethod",
+      endOfListMethod: "endOfListMethod",
+      activeItemKey: "activeItemEl",
+      focusOnKeyboardNavigation: true
+    }),
+    sr_only_close_button.SrOnlyCloseButtonMixin
+  ],
   inheritAttrs: false,
   props: {
     /**
@@ -293,9 +296,12 @@ const _sfc_main = {
       return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;
     },
     listClasses() {
-      return ["d-dropdown-list", dropdown_constants.DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
-        "d-context-menu-list": this.openOnContext
-      }];
+      return [
+        "d-dropdown-list",
+        dropdown_constants.DROPDOWN_PADDING_CLASSES[this.padding],
+        this.listClass,
+        { "d-context-menu-list": this.openOnContext }
+      ];
     },
     shouldOpenWithArrowKeys() {
       return !this.openOnContext;
@@ -407,31 +413,30 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     tether: $props.tether,
     transition: $props.transition
   }, vue.toHandlers($options.dropdownListeners)), {
-    anchor: vue.withCtx(({
-      attrs
-    }) => [vue.renderSlot(_ctx.$slots, "anchor", vue.mergeProps({
-      ref: "anchor"
-    }, attrs))]),
-    content: vue.withCtx(({
-      close
-    }) => [vue.createElementVNode("ul", {
-      id: $props.listId,
-      ref: "listWrapper",
-      class: vue.normalizeClass($options.listClasses),
-      "data-qa": "dt-dropdown-list-wrapper",
-      onMouseleave: _cache[0] || (_cache[0] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
-      onMousemoveCapture: _cache[1] || (_cache[1] = (...args) => $options.onMouseHighlight && $options.onMouseHighlight(...args))
-    }, [vue.renderSlot(_ctx.$slots, "list", {
-      close
-    }), _ctx.showVisuallyHiddenClose ? (vue.openBlock(), vue.createBlock(_component_sr_only_close_button, {
-      key: 0,
-      "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
-      tabindex: $options.isArrowKeyNav ? -1 : 0,
-      onClose: close
-    }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : vue.createCommentVNode("", true)], 42, _hoisted_1)]),
+    anchor: vue.withCtx(({ attrs }) => [
+      vue.renderSlot(_ctx.$slots, "anchor", vue.mergeProps({ ref: "anchor" }, attrs))
+    ]),
+    content: vue.withCtx(({ close }) => [
+      vue.createElementVNode("ul", {
+        id: $props.listId,
+        ref: "listWrapper",
+        class: vue.normalizeClass($options.listClasses),
+        "data-qa": "dt-dropdown-list-wrapper",
+        onMouseleave: _cache[0] || (_cache[0] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
+        onMousemoveCapture: _cache[1] || (_cache[1] = (...args) => $options.onMouseHighlight && $options.onMouseHighlight(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "list", { close }),
+        _ctx.showVisuallyHiddenClose ? (vue.openBlock(), vue.createBlock(_component_sr_only_close_button, {
+          key: 0,
+          "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+          tabindex: $options.isArrowKeyNav ? -1 : 0,
+          onClose: close
+        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : vue.createCommentVNode("", true)
+      ], 42, _hoisted_1)
+    ]),
     _: 3
   }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "append-to", "modal", "max-height", "max-width", "open-with-arrow-keys", "open-on-context", "tether", "transition"]);
 }
 const DtDropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtDropdown = DtDropdown;
-//# sourceMappingURL=dropdown-QNvAb160.js.map
+//# sourceMappingURL=dropdown-p-Azgwov.js.map

package/dist/vue3/chunks/{dropdown-QNvAb160.js.map → dropdown-p-Azgwov.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-QNvAb160.js","sources":["../../components/dropdown/dropdown.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n  <dt-popover\n    ref=\"popover\"\n    :content-width=\"contentWidth\"\n    :open=\"open\"\n    :placement=\"placement\"\n    :initial-focus-element=\"openedWithKeyboard ? 'first' : 'dialog'\"\n    :fallback-placements=\"fallbackPlacements\"\n    padding=\"none\"\n    role=\"menu\"\n    :append-to=\"appendTo\"\n    :modal=\"modal\"\n    :max-height=\"maxHeight\"\n    :max-width=\"maxWidth\"\n    :open-with-arrow-keys=\"shouldOpenWithArrowKeys\"\n    :open-on-context=\"openOnContext\"\n    v-bind=\"$attrs\"\n    :tether=\"tether\"\n    :transition=\"transition\"\n    v-on=\"dropdownListeners\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the dropdown -->\n      <slot\n        ref=\"anchor\"\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content=\"{ close }\">\n      <!-- eslint-disable-next-line max-len -->\n      <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events vuejs-accessibility/no-static-element-interactions -->\n      <ul\n        :id=\"listId\"\n        ref=\"listWrapper\"\n        :class=\"listClasses\"\n        data-qa=\"dt-dropdown-list-wrapper\"\n        @mouseleave=\"clearHighlightIndex\"\n        @mousemove.capture=\"onMouseHighlight\"\n      >\n        <!-- @slot Slot for the list component -->\n        <slot\n          name=\"list\"\n          :close=\"close\"\n        />\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          :tabindex=\"isArrowKeyNav ? -1 : 0\"\n          @close=\"close\"\n        />\n      </ul>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport KeyboardNavigation from '@/common/mixins/keyboard_list_navigation';\nimport { DtPopover, POPOVER_APPEND_TO_VALUES } from '@/components/popover';\nimport { LIST_ITEM_NAVIGATION_TYPES } from '@/components/list_item';\nimport { DROPDOWN_PADDING_CLASSES } from './dropdown_constants';\nimport { getUniqueString } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtDropdown',\n\n  components: {\n    DtPopover,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [\n    KeyboardNavigation({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      listItemRole: 'menuitem',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n      focusOnKeyboardNavigation: true,\n    }),\n    SrOnlyCloseButtonMixin,\n  ],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.\n     * Supports v-model\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the dropdown on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Vertical padding size around the list element.\n     * @values none, small, large\n     */\n    padding: {\n      type: String,\n      default: 'small',\n      validator: (padding) => {\n        return Object.keys(DROPDOWN_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Determines modal state, dropdown has a modal overlay preventing interaction with elements\n     * below it, but it is invisible.\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\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     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * If the dropdown does not fit in the direction described by \"placement\",\n     * it will attempt to change it's direction to the \"fallbackPlacements\".\n     *\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     */\n    placement: {\n      type: String,\n      default: 'bottom',\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     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n  },\n\n  emits: [\n    /**\n     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Event fired when dropdown is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      LIST_ITEM_NAVIGATION_TYPES,\n      DROPDOWN_PADDING_CLASSES,\n      EVENT_KEYNAMES,\n      openedWithKeyboard: false,\n      isOpen: null,\n    };\n  },\n\n  computed: {\n    dropdownListeners () {\n      return {\n        opened: isPopoverOpen => {\n          this.updateInitialHighlightIndex(isPopoverOpen);\n        },\n\n        keydown: event => {\n          const eventCode = event.code;\n\n          switch (eventCode) {\n            case EVENT_KEYNAMES.up:\n            case EVENT_KEYNAMES.arrowup:\n              this.onUpKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.down:\n            case EVENT_KEYNAMES.arrowdown:\n              this.onDownKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.space:\n            case EVENT_KEYNAMES.spacebar:\n              this.onSpaceKey();\n              break;\n            case EVENT_KEYNAMES.enter:\n              this.onEnterKey();\n              break;\n            case EVENT_KEYNAMES.home:\n              this.onHomeKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.end:\n              this.onEndKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            default:\n              this.onKeyPress(event);\n              break;\n          }\n\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemEl () {\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n\n    isArrowKeyNav () {\n      return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;\n    },\n\n    listClasses () {\n      return [\n        'd-dropdown-list',\n        DROPDOWN_PADDING_CLASSES[this.padding],\n        this.listClass,\n        { 'd-context-menu-list': this.openOnContext },\n      ];\n    },\n\n    shouldOpenWithArrowKeys () {\n      return !this.openOnContext;\n    },\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      const liElement = e.target.closest('li');\n\n      if (liElement && liElement.role && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n        liElement.focus();\n      }\n    },\n\n    getListElement () {\n      return this.$refs.listWrapper;\n    },\n\n    clearHighlightIndex () {\n      this.setHighlightIndex(-1);\n    },\n\n    afterHighlight () {\n      if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {\n        return;\n      }\n\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    updateInitialHighlightIndex (isPopoverOpen) {\n      this.isOpen = isPopoverOpen;\n\n      if (isPopoverOpen) {\n        if (this.openedWithKeyboard && this.isArrowKeyNav) {\n          this.setHighlightIndex(0);\n        }\n        this.$emit('opened', true);\n      } else {\n        this.clearHighlightIndex();\n        this.openedWithKeyboard = false;\n        this.$emit('opened', false);\n      }\n    },\n\n    onSpaceKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onEnterKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onUpKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onUpKey();\n      }\n    },\n\n    onDownKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onDownKey();\n      }\n    },\n\n    onHomeKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onHomeKey();\n    },\n\n    onEndKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onEndKey();\n    },\n\n    onKeyPress (e) {\n      if (!this.isOpen || !this.isArrowKeyNav || !this.isValidLetter(e.key)) {\n        return;\n      }\n\n      e.stopPropagation();\n      e.preventDefault();\n\n      return this.onNavigationKey(e.key);\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.d-context-menu-list {\n  width: var(--dt-size-850);\n}\n.d-dropdown-list {\n  position: relative;\n  margin: var(--dt-space-300);\n  padding-left: var(--dt-space-0);\n  padding-right: var(--dt-space-0);\n  >.dt-list-item {\n    margin-top: var(--dt-space-200);\n  }\n}\n</style>\n"],"names":["_sfc_main","name","components","DtPopover","SrOnlyCloseButton","mixins","KeyboardNavigation","indexKey","idKey","listElementKey","listItemRole","afterHighlightMethod","beginningOfListMethod","endOfListMethod","activeItemKey","focusOnKeyboardNavigation","SrOnlyCloseButtonMixin","inheritAttrs","props","open","type","Boolean","default","openOnContext","padding","String","validator","Object","keys","DROPDOWN_PADDING_CLASSES","some","item","modal","contentWidth","maxHeight","maxWidth","listId","getUniqueString","navigationType","LIST_ITEM_NAVIGATION_TYPES","ARROW_KEYS","t","values","includes","fallbackPlacements","Array","placement","onBeginningOfList","Function","onEndOfList","listClass","appendTo","HTMLElement","POPOVER_APPEND_TO_VALUES","tether","transition","emits","data","EVENT_KEYNAMES","openedWithKeyboard","isOpen","computed","dropdownListeners","opened","isPopoverOpen","updateInitialHighlightIndex","keydown","event","eventCode","code","up","arrowup","onUpKeyPress","stopPropagation","preventDefault","down","arrowdown","onDownKeyPress","space","spacebar","onSpaceKey","enter","onEnterKey","home","onHomeKeyPress","end","onEndKeyPress","onKeyPress","$emit","jumpToEnd","jumpToBeginning","activeItemEl","getListElement","querySelector","highlightId","isArrowKeyNav","listClasses","shouldOpenWithArrowKeys","methods","onMouseHighlight","e","liElement","target","closest","role","id","setHighlightId","focus","$refs","listWrapper","clearHighlightIndex","setHighlightIndex","afterHighlight","visuallyHiddenClose","highlightIndex","_itemsLength","onUpKey","onDownKey","onHomeKey","onEndKey","isValidLetter","key","onNavigationKey","_openBlock","_createBlock","_component_dt_popover","_mergeProps","ref","$props","$data","$options","_ctx","$attrs","_toHandlers","anchor","_withCtx","attrs","_renderSlot","content","close","_createElementVNode","class","onMouseleave","args","$slots","showVisuallyHiddenClose","_component_sr_only_close_button","visuallyHiddenCloseLabel","tabindex","onClose"],"mappings":"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"}
+{"version":3,"file":"dropdown-p-Azgwov.js","sources":["../../components/dropdown/dropdown.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n  <dt-popover\n    ref=\"popover\"\n    :content-width=\"contentWidth\"\n    :open=\"open\"\n    :placement=\"placement\"\n    :initial-focus-element=\"openedWithKeyboard ? 'first' : 'dialog'\"\n    :fallback-placements=\"fallbackPlacements\"\n    padding=\"none\"\n    role=\"menu\"\n    :append-to=\"appendTo\"\n    :modal=\"modal\"\n    :max-height=\"maxHeight\"\n    :max-width=\"maxWidth\"\n    :open-with-arrow-keys=\"shouldOpenWithArrowKeys\"\n    :open-on-context=\"openOnContext\"\n    v-bind=\"$attrs\"\n    :tether=\"tether\"\n    :transition=\"transition\"\n    v-on=\"dropdownListeners\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the dropdown -->\n      <slot\n        ref=\"anchor\"\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content=\"{ close }\">\n      <!-- eslint-disable-next-line max-len -->\n      <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events vuejs-accessibility/no-static-element-interactions -->\n      <ul\n        :id=\"listId\"\n        ref=\"listWrapper\"\n        :class=\"listClasses\"\n        data-qa=\"dt-dropdown-list-wrapper\"\n        @mouseleave=\"clearHighlightIndex\"\n        @mousemove.capture=\"onMouseHighlight\"\n      >\n        <!-- @slot Slot for the list component -->\n        <slot\n          name=\"list\"\n          :close=\"close\"\n        />\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          :tabindex=\"isArrowKeyNav ? -1 : 0\"\n          @close=\"close\"\n        />\n      </ul>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport KeyboardNavigation from '@/common/mixins/keyboard_list_navigation';\nimport { DtPopover, POPOVER_APPEND_TO_VALUES } from '@/components/popover';\nimport { LIST_ITEM_NAVIGATION_TYPES } from '@/components/list_item';\nimport { DROPDOWN_PADDING_CLASSES } from './dropdown_constants';\nimport { getUniqueString } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n  name: 'DtDropdown',\n\n  components: {\n    DtPopover,\n    SrOnlyCloseButton,\n  },\n\n  mixins: [\n    KeyboardNavigation({\n      indexKey: 'highlightIndex',\n      idKey: 'highlightId',\n      listElementKey: 'getListElement',\n      listItemRole: 'menuitem',\n      afterHighlightMethod: 'afterHighlight',\n      beginningOfListMethod: 'beginningOfListMethod',\n      endOfListMethod: 'endOfListMethod',\n      activeItemKey: 'activeItemEl',\n      focusOnKeyboardNavigation: true,\n    }),\n    SrOnlyCloseButtonMixin,\n  ],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.\n     * Supports v-model\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the dropdown on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Vertical padding size around the list element.\n     * @values none, small, large\n     */\n    padding: {\n      type: String,\n      default: 'small',\n      validator: (padding) => {\n        return Object.keys(DROPDOWN_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Determines modal state, dropdown has a modal overlay preventing interaction with elements\n     * below it, but it is invisible.\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\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     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * If the dropdown does not fit in the direction described by \"placement\",\n     * it will attempt to change it's direction to the \"fallbackPlacements\".\n     *\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     */\n    placement: {\n      type: String,\n      default: 'bottom',\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     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n  },\n\n  emits: [\n    /**\n     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Event fired when dropdown is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      LIST_ITEM_NAVIGATION_TYPES,\n      DROPDOWN_PADDING_CLASSES,\n      EVENT_KEYNAMES,\n      openedWithKeyboard: false,\n      isOpen: null,\n    };\n  },\n\n  computed: {\n    dropdownListeners () {\n      return {\n        opened: isPopoverOpen => {\n          this.updateInitialHighlightIndex(isPopoverOpen);\n        },\n\n        keydown: event => {\n          const eventCode = event.code;\n\n          switch (eventCode) {\n            case EVENT_KEYNAMES.up:\n            case EVENT_KEYNAMES.arrowup:\n              this.onUpKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.down:\n            case EVENT_KEYNAMES.arrowdown:\n              this.onDownKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.space:\n            case EVENT_KEYNAMES.spacebar:\n              this.onSpaceKey();\n              break;\n            case EVENT_KEYNAMES.enter:\n              this.onEnterKey();\n              break;\n            case EVENT_KEYNAMES.home:\n              this.onHomeKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            case EVENT_KEYNAMES.end:\n              this.onEndKeyPress(event);\n              event.stopPropagation();\n              event.preventDefault();\n              break;\n            default:\n              this.onKeyPress(event);\n              break;\n          }\n\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    beginningOfListMethod () {\n      return this.onBeginningOfList || this.jumpToEnd;\n    },\n\n    endOfListMethod () {\n      return this.onEndOfList || this.jumpToBeginning;\n    },\n\n    activeItemEl () {\n      return this.getListElement().querySelector('#' + this.highlightId);\n    },\n\n    isArrowKeyNav () {\n      return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;\n    },\n\n    listClasses () {\n      return [\n        'd-dropdown-list',\n        DROPDOWN_PADDING_CLASSES[this.padding],\n        this.listClass,\n        { 'd-context-menu-list': this.openOnContext },\n      ];\n    },\n\n    shouldOpenWithArrowKeys () {\n      return !this.openOnContext;\n    },\n  },\n\n  methods: {\n    onMouseHighlight (e) {\n      const liElement = e.target.closest('li');\n\n      if (liElement && liElement.role && this.highlightId !== liElement.id) {\n        this.setHighlightId(liElement.id);\n        liElement.focus();\n      }\n    },\n\n    getListElement () {\n      return this.$refs.listWrapper;\n    },\n\n    clearHighlightIndex () {\n      this.setHighlightIndex(-1);\n    },\n\n    afterHighlight () {\n      if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {\n        return;\n      }\n\n      this.$emit('highlight', this.highlightIndex);\n    },\n\n    updateInitialHighlightIndex (isPopoverOpen) {\n      this.isOpen = isPopoverOpen;\n\n      if (isPopoverOpen) {\n        if (this.openedWithKeyboard && this.isArrowKeyNav) {\n          this.setHighlightIndex(0);\n        }\n        this.$emit('opened', true);\n      } else {\n        this.clearHighlightIndex();\n        this.openedWithKeyboard = false;\n        this.$emit('opened', false);\n      }\n    },\n\n    onSpaceKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onEnterKey () {\n      if (!this.open) {\n        this.openedWithKeyboard = true;\n      }\n    },\n\n    onUpKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onUpKey();\n      }\n    },\n\n    onDownKeyPress () {\n      if (!this.isOpen) {\n        this.openedWithKeyboard = true;\n        return;\n      }\n      if (this.isArrowKeyNav) {\n        return this.onDownKey();\n      }\n    },\n\n    onHomeKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onHomeKey();\n    },\n\n    onEndKeyPress () {\n      if (!this.isOpen || !this.isArrowKeyNav) {\n        return;\n      }\n\n      return this.onEndKey();\n    },\n\n    onKeyPress (e) {\n      if (!this.isOpen || !this.isArrowKeyNav || !this.isValidLetter(e.key)) {\n        return;\n      }\n\n      e.stopPropagation();\n      e.preventDefault();\n\n      return this.onNavigationKey(e.key);\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.d-context-menu-list {\n  width: var(--dt-size-850);\n}\n.d-dropdown-list {\n  position: relative;\n  margin: var(--dt-space-300);\n  padding-left: var(--dt-space-0);\n  padding-right: var(--dt-space-0);\n  >.dt-list-item {\n    margin-top: var(--dt-space-200);\n  }\n}\n</style>\n"],"names":["DtPopover","SrOnlyCloseButton","KeyboardNavigation","SrOnlyCloseButtonMixin","DROPDOWN_PADDING_CLASSES","getUniqueString","LIST_ITEM_NAVIGATION_TYPES","POPOVER_APPEND_TO_VALUES","EVENT_KEYNAMES","_openBlock","_createBlock","_mergeProps","_toHandlers","_withCtx","_renderSlot","_createElementVNode"],"mappings":"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"}

package/dist/vue3/chunks/dropdown_constants-2pGCXy7m.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown_constants-2pGCXy7m.js","sources":["../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":["DROPDOWN_PADDING_CLASSES","none","undefined","small","large"],"mappings":";AAAO,MAAMA,2BAA2B;AAAA,EACtCC,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,OAAO;AACT;;"}
+{"version":3,"file":"dropdown_constants-2pGCXy7m.js","sources":["../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":[],"mappings":";AAAY,MAAC,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;;"}

package/dist/vue3/chunks/dropdown_constants-w1MXGC3Z.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown_constants-w1MXGC3Z.js","sources":["../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":["DROPDOWN_PADDING_CLASSES","none","undefined","small","large"],"mappings":"AAAO,MAAMA,2BAA2B;AAAA,EACtCC,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,OAAO;AACT;"}
+{"version":3,"file":"dropdown_constants-w1MXGC3Z.js","sources":["../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;"}

package/dist/vue3/chunks/{icon_constants-gIQj4mf7.js → icon_constants-Dy4MEUJL.js}

@@ -1,5 +1,4 @@
-import vitePluginRequire_1723767260654_98826691 from "@dialpad/dialtone-icons/icons.json";
-const iconNames = vitePluginRequire_1723767260654_98826691;
+import iconNames from "@dialpad/dialtone-icons/icons.json";
 const ICON_SIZE_MODIFIERS = {
   100: "d-icon--size-100",
   200: "d-icon--size-200",
@@ -15,4 +14,4 @@ export {
   ICON_NAMES,
   ICON_SIZE_MODIFIERS
 };
-//# sourceMappingURL=icon_constants-gIQj4mf7.js.map
+//# sourceMappingURL=icon_constants-Dy4MEUJL.js.map

package/dist/vue3/chunks/icon_constants-Dy4MEUJL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_constants-Dy4MEUJL.js","sources":["../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.json' with { type: 'json' };\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":[],"mappings":";AACY,MAAC,sBAAsB;AAAA,EACjC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEY,MAAC,aAAa;"}

package/dist/vue3/chunks/{icon_constants-bvhFNOPu.js → icon_constants-QYpmdE0R.js}

@@ -1,6 +1,5 @@
 "use strict";
-const vitePluginRequire_1723767260654_98826691 = require("@dialpad/dialtone-icons/icons.json");
-const iconNames = vitePluginRequire_1723767260654_98826691;
+const iconNames = require("@dialpad/dialtone-icons/icons.json");
 const ICON_SIZE_MODIFIERS = {
   100: "d-icon--size-100",
   200: "d-icon--size-200",
@@ -14,4 +13,4 @@ const ICON_SIZE_MODIFIERS = {
 const ICON_NAMES = iconNames;
 exports.ICON_NAMES = ICON_NAMES;
 exports.ICON_SIZE_MODIFIERS = ICON_SIZE_MODIFIERS;
-//# sourceMappingURL=icon_constants-bvhFNOPu.js.map
+//# sourceMappingURL=icon_constants-QYpmdE0R.js.map

package/dist/vue3/chunks/icon_constants-QYpmdE0R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_constants-QYpmdE0R.js","sources":["../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.json' with { type: 'json' };\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":[],"mappings":";;AACY,MAAC,sBAAsB;AAAA,EACjC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEY,MAAC,aAAa;;;"}

package/dist/vue3/chunks/{index-ouh7Bvm-.js → index-4qgKeErp.js}

@@ -1,5 +1,5 @@
 "use strict";
-const keyboard_list_navigation = require("./keyboard_list_navigation-x3D6RcC7.js");
+const keyboard_list_navigation = require("./keyboard_list_navigation-fJnl_Iox.js");
 const common_utils = require("../common/utils.cjs");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-fhnQq0tA.js");
@@ -7,10 +7,7 @@ const lib_listItem = require("../lib/list-item.cjs");
 const lib_skeleton = require("../lib/skeleton.cjs");
 const _sfc_main$2 = {
   name: "ComboboxLoadingList",
-  components: {
-    DtListItem: lib_listItem.DtListItem,
-    DtSkeleton: lib_skeleton.DtSkeleton
-  }
+  components: { DtListItem: lib_listItem.DtListItem, DtSkeleton: lib_skeleton.DtSkeleton }
 };
 const _hoisted_1$2 = {
   class: "d-combobox__loading-list",
@@ -19,28 +16,28 @@ const _hoisted_1$2 = {
 function _sfc_render$2(_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$2, [(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))]);
+  return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1$2, [
+    (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._export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const _sfc_main$1 = {
   name: "ComboboxEmptyList",
-  components: {
-    DtListItem: lib_listItem.DtListItem
-  },
+  components: { DtListItem: lib_listItem.DtListItem },
   props: {
     /**
      * Message to display when list is empty
@@ -66,15 +63,21 @@ const _hoisted_1$1 = {
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_list_item = vue.resolveComponent("dt-list-item");
-  return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1$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"])])]);
+  return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1$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._export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const LABEL_SIZES = {
@@ -90,15 +93,17 @@ const _sfc_main = {
     ComboboxLoadingList,
     ComboboxEmptyList
   },
-  mixins: [keyboard_list_navigation.KeyboardNavigation({
-    indexKey: "highlightIndex",
-    idKey: "highlightId",
-    listElementKey: "getListElement",
-    afterHighlightMethod: "afterHighlight",
-    beginningOfListMethod: "beginningOfListMethod",
-    endOfListMethod: "endOfListMethod",
-    activeItemKey: "activeItemEl"
-  })],
+  mixins: [
+    keyboard_list_navigation.KeyboardNavigation({
+      indexKey: "highlightIndex",
+      idKey: "highlightId",
+      listElementKey: "getListElement",
+      afterHighlightMethod: "afterHighlight",
+      beginningOfListMethod: "beginningOfListMethod",
+      endOfListMethod: "endOfListMethod",
+      activeItemKey: "activeItemEl"
+    })
+  ],
   props: {
     /**
      * String to use for the input label.
@@ -391,43 +396,51 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  "data-qa": "dt-combobox-input-wrapper"
-};
+const _hoisted_1 = { "data-qa": "dt-combobox-input-wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = vue.resolveComponent("combobox-loading-list");
   const _component_combobox_empty_list = vue.resolveComponent("combobox-empty-list");
   return vue.openBlock(), vue.createElementBlock("div", {
-    onKeydown: [_cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEscapeKey"), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEnterKey"), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onUpKey"), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onDownKey"), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onHomeKey"), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEndKey"), ["stop", "prevent"]), ["end"]))]
-  }, [vue.createElementVNode("div", _hoisted_1, [vue.renderSlot(_ctx.$slots, "input", {
-    inputProps: $options.inputProps
-  })]), $props.showList ? (vue.openBlock(), vue.createElementBlock("div", {
-    key: 0,
-    ref: "listWrapper",
-    "data-qa": "dt-combobox-list-wrapper",
-    onMouseleave: _cache[0] || (_cache[0] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
-    onFocusout: _cache[1] || (_cache[1] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
-    onMousemoveCapture: _cache[2] || (_cache[2] = (...args) => $options.onMouseHighlight && $options.onMouseHighlight(...args))
-  }, [$props.loading && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_loading_list, vue.normalizeProps(vue.mergeProps({
-    key: 0
-  }, $options.listProps)), null, 16)) : $props.emptyList && ($props.emptyStateMessage || $data.hasSlotContent(_ctx.$slots.emptyListItem)) && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_empty_list, vue.mergeProps({
-    key: 1
-  }, $options.listProps, {
-    message: $props.emptyStateMessage,
-    "item-class": $props.emptyStateClass
-  }), {
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "emptyListItem")]),
-    _: 3
-  }, 16, ["message", "item-class"])) : vue.renderSlot(_ctx.$slots, "list", {
-    key: 2,
-    listProps: $options.listProps,
-    opened: $options.onOpen,
-    clearHighlightIndex: $options.clearHighlightIndex
-  })], 544)) : vue.createCommentVNode("", true)], 32);
+    onKeydown: [
+      _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEscapeKey"), ["stop"]), ["esc"])),
+      _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEnterKey"), ["exact"]), ["enter"])),
+      _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onUpKey"), ["stop", "prevent"]), ["up"])),
+      _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onDownKey"), ["stop", "prevent"]), ["down"])),
+      _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onHomeKey"), ["stop", "prevent"]), ["home"])),
+      _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => $options.onKeyValidation($event, "onEndKey"), ["stop", "prevent"]), ["end"]))
+    ]
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "input", { inputProps: $options.inputProps })
+    ]),
+    $props.showList ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      ref: "listWrapper",
+      "data-qa": "dt-combobox-list-wrapper",
+      onMouseleave: _cache[0] || (_cache[0] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
+      onFocusout: _cache[1] || (_cache[1] = (...args) => $options.clearHighlightIndex && $options.clearHighlightIndex(...args)),
+      onMousemoveCapture: _cache[2] || (_cache[2] = (...args) => $options.onMouseHighlight && $options.onMouseHighlight(...args))
+    }, [
+      $props.loading && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_loading_list, vue.normalizeProps(vue.mergeProps({ key: 0 }, $options.listProps)), null, 16)) : $props.emptyList && ($props.emptyStateMessage || $data.hasSlotContent(_ctx.$slots.emptyListItem)) && !$props.listRenderedOutside ? (vue.openBlock(), vue.createBlock(_component_combobox_empty_list, vue.mergeProps({ key: 1 }, $options.listProps, {
+        message: $props.emptyStateMessage,
+        "item-class": $props.emptyStateClass
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "emptyListItem")
+        ]),
+        _: 3
+      }, 16, ["message", "item-class"])) : vue.renderSlot(_ctx.$slots, "list", {
+        key: 2,
+        listProps: $options.listProps,
+        opened: $options.onOpen,
+        clearHighlightIndex: $options.clearHighlightIndex
+      })
+    ], 544)) : vue.createCommentVNode("", true)
+  ], 32);
 }
 const DtCombobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.ComboboxEmptyList = ComboboxEmptyList;
 exports.ComboboxLoadingList = ComboboxLoadingList;
 exports.DtCombobox = DtCombobox;
 exports.LABEL_SIZES = LABEL_SIZES;
-//# sourceMappingURL=index-ouh7Bvm-.js.map
+//# sourceMappingURL=index-4qgKeErp.js.map