@dialpad/dialtone-vue 2.153.0 → 2.154.0

package/dist/chunks/{dropdown-YdCyJ5Dq.js → dropdown-6UoczdUY.js}

@@ -1,29 +1,32 @@
-import { KeyboardNavigation } from "./keyboard_list_navigation-YIqTuw1W.js";
+import { KeyboardNavigation } from "./keyboard_list_navigation-ScXhrxya.js";
 import { DROPDOWN_PADDING_CLASSES } from "./dropdown_constants-w1MXGC3Z.js";
 import { getUniqueString } from "../common/utils.js";
 import { EVENT_KEYNAMES } from "../common/constants.js";
-import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-IjMVfBDE.js";
+import { SrOnlyCloseButton, SrOnlyCloseButtonMixin } from "./sr_only_close_button-81bHIpPu.js";
 import { normalizeComponent } from "./_plugin-vue2_normalizer-sOSkiPF3.js";
 import { DtPopover } from "../lib/popover.js";
 import { LIST_ITEM_NAVIGATION_TYPES } from "./list_item_constants-u1xcN9Dd.js";
-import { POPOVER_APPEND_TO_VALUES } from "./popover_constants-6YkPPbnk.js";
+import { POPOVER_APPEND_TO_VALUES } from "./popover_constants-WsOUIY-m.js";
 const _sfc_main = {
   name: "DtDropdown",
   components: {
     DtPopover,
     SrOnlyCloseButton
   },
-  mixins: [KeyboardNavigation({
-    indexKey: "highlightIndex",
-    idKey: "highlightId",
-    listElementKey: "getListElement",
-    listItemRole: "menuitem",
-    afterHighlightMethod: "afterHighlight",
-    beginningOfListMethod: "beginningOfListMethod",
-    endOfListMethod: "endOfListMethod",
-    activeItemKey: "activeItemEl",
-    focusOnKeyboardNavigation: true
-  }), SrOnlyCloseButtonMixin],
+  mixins: [
+    KeyboardNavigation({
+      indexKey: "highlightIndex",
+      idKey: "highlightId",
+      listElementKey: "getListElement",
+      listItemRole: "menuitem",
+      afterHighlightMethod: "afterHighlight",
+      beginningOfListMethod: "beginningOfListMethod",
+      endOfListMethod: "endOfListMethod",
+      activeItemKey: "activeItemEl",
+      focusOnKeyboardNavigation: true
+    }),
+    SrOnlyCloseButtonMixin
+  ],
   props: {
     /**
      * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
@@ -279,9 +282,12 @@ const _sfc_main = {
       return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;
     },
     listClasses() {
-      return ["d-dropdown-list", DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
-        "d-context-menu-list": this.openOnContext
-      }];
+      return [
+        "d-dropdown-list",
+        DROPDOWN_PADDING_CLASSES[this.padding],
+        this.listClass,
+        { "d-context-menu-list": this.openOnContext }
+      ];
     },
     shouldOpenWithArrowKeys() {
       return !this.openOnContext;
@@ -372,69 +378,27 @@ const _sfc_main = {
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-popover", _vm._g({
-    ref: "popover",
-    attrs: {
-      "content-width": _vm.contentWidth,
-      "open": _vm.open,
-      "placement": _vm.placement,
-      "initial-focus-element": _vm.openedWithKeyboard ? "first" : "dialog",
-      "fallback-placements": _vm.fallbackPlacements,
-      "padding": "none",
-      "role": "menu",
-      "append-to": _vm.appendTo,
-      "modal": _vm.modal,
-      "max-height": _vm.maxHeight,
-      "max-width": _vm.maxWidth,
-      "open-with-arrow-keys": _vm.shouldOpenWithArrowKeys,
-      "open-on-context": _vm.openOnContext,
-      "tether": _vm.tether,
-      "transition": _vm.transition
-    },
-    scopedSlots: _vm._u([{
-      key: "anchor",
-      fn: function({
-        attrs
-      }) {
-        return [_vm._t("anchor", null, null, attrs)];
-      }
-    }, {
-      key: "content",
-      fn: function({
-        close
-      }) {
-        return [_c("ul", {
-          ref: "listWrapper",
-          class: _vm.listClasses,
-          attrs: {
-            "id": _vm.listId,
-            "data-qa": "dt-dropdown-list-wrapper"
-          },
-          on: {
-            "mouseleave": _vm.clearHighlightIndex,
-            "!mousemove": function($event) {
-              return _vm.onMouseHighlight.apply(null, arguments);
-            }
-          }
-        }, [_vm._t("list", null, {
-          "close": close
-        }), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", {
-          attrs: {
-            "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel,
-            "tabindex": _vm.isArrowKeyNav ? -1 : 0
-          },
-          on: {
-            "close": close
-          }
-        }) : _vm._e()], 2)];
-      }
-    }], null, true)
-  }, _vm.dropdownListeners));
+  return _c("dt-popover", _vm._g({ ref: "popover", attrs: { "content-width": _vm.contentWidth, "open": _vm.open, "placement": _vm.placement, "initial-focus-element": _vm.openedWithKeyboard ? "first" : "dialog", "fallback-placements": _vm.fallbackPlacements, "padding": "none", "role": "menu", "append-to": _vm.appendTo, "modal": _vm.modal, "max-height": _vm.maxHeight, "max-width": _vm.maxWidth, "open-with-arrow-keys": _vm.shouldOpenWithArrowKeys, "open-on-context": _vm.openOnContext, "tether": _vm.tether, "transition": _vm.transition }, scopedSlots: _vm._u([{ key: "anchor", fn: function({ attrs }) {
+    return [_vm._t("anchor", null, null, attrs)];
+  } }, { key: "content", fn: function({ close }) {
+    return [_c("ul", { ref: "listWrapper", class: _vm.listClasses, attrs: { "id": _vm.listId, "data-qa": "dt-dropdown-list-wrapper" }, on: { "mouseleave": _vm.clearHighlightIndex, "!mousemove": function($event) {
+      return _vm.onMouseHighlight.apply(null, arguments);
+    } } }, [_vm._t("list", null, { "close": close }), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", { attrs: { "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel, "tabindex": _vm.isArrowKeyNav ? -1 : 0 }, on: { "close": close } }) : _vm._e()], 2)];
+  } }], null, true) }, _vm.dropdownListeners));
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const DtDropdown = __component__.exports;
 export {
   DtDropdown
 };
-//# sourceMappingURL=dropdown-YdCyJ5Dq.js.map
+//# sourceMappingURL=dropdown-6UoczdUY.js.map

package/dist/chunks/{dropdown-YdCyJ5Dq.js.map → dropdown-6UoczdUY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-YdCyJ5Dq.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    :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  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 .sync modifier\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     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\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        ...this.$listeners,\n\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","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","$listeners","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"],"mappings":"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"}
+{"version":3,"file":"dropdown-6UoczdUY.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    :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  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 .sync modifier\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     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\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        ...this.$listeners,\n\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":[],"mappings":";;;;;;;;;AAkEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AAAA,IACA,mBAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAA;AAAA,MACA,uBAAA;AAAA,MACA,iBAAA;AAAA,MACA,eAAA;AAAA,MACA,2BAAA;AAAA,IACA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,YAAA;AACA,eAAA,OAAA,KAAA,wBAAA,EAAA,KAAA,CAAA,SAAA,SAAA,OAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAA,gBAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,2BAAA;AAAA,MACA,WAAA,CAAA,MAAA,OAAA,OAAA,0BAAA,EAAA,SAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYA,oBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,UAAA;AAAA,MACA,MAAA,CAAA,aAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,cAAA;AACA,eAAA,yBAAA,SAAA,QAAA,KACA,oBAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAA;AAAA,MACA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,oBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QAEA,QAAA,mBAAA;AACA,eAAA,4BAAA,aAAA;AAAA,QACA;AAAA,QAEA,SAAA,WAAA;AACA,gBAAA,YAAA,MAAA;AAEA,kBAAA,WAAA;AAAA,YACA,KAAA,eAAA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,aAAA,KAAA;AACA,oBAAA,gBAAA;AACA,oBAAA,eAAA;AACA;AAAA,YACA,KAAA,eAAA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,eAAA,KAAA;AACA,oBAAA,gBAAA;AACA,oBAAA,eAAA;AACA;AAAA,YACA,KAAA,eAAA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,WAAA;AACA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,WAAA;AACA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,eAAA,KAAA;AACA,oBAAA,gBAAA;AACA,oBAAA,eAAA;AACA;AAAA,YACA,KAAA,eAAA;AACA,mBAAA,cAAA,KAAA;AACA,oBAAA,gBAAA;AACA,oBAAA,eAAA;AACA;AAAA,YACA;AACA,mBAAA,WAAA,KAAA;AACA;AAAA,UACA;AAEA,eAAA,MAAA,WAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,wBAAA;AACA,aAAA,KAAA,qBAAA,KAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,eAAA,KAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA,KAAA,iBAAA,cAAA,MAAA,KAAA,WAAA;AAAA,IACA;AAAA,IAEA,gBAAA;AACA,aAAA,KAAA,mBAAA,KAAA,2BAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,aAAA;AAAA,QACA;AAAA,QACA,yBAAA,KAAA,OAAA;AAAA,QACA,KAAA;AAAA,QACA,EAAA,uBAAA,KAAA,cAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,0BAAA;AACA,aAAA,CAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAA,GAAA;AACA,YAAA,YAAA,EAAA,OAAA,QAAA,IAAA;AAEA,UAAA,aAAA,UAAA,QAAA,KAAA,gBAAA,UAAA,IAAA;AACA,aAAA,eAAA,UAAA,EAAA;AACA,kBAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,aAAA,KAAA,MAAA;AAAA,IACA;AAAA,IAEA,sBAAA;AACA,WAAA,kBAAA,EAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,UAAA,KAAA,uBAAA,KAAA,mBAAA,KAAA,aAAA,IAAA,GAAA;AACA;AAAA,MACA;AAEA,WAAA,MAAA,aAAA,KAAA,cAAA;AAAA,IACA;AAAA,IAEA,4BAAA,eAAA;AACA,WAAA,SAAA;AAEA,UAAA,eAAA;AACA,YAAA,KAAA,sBAAA,KAAA,eAAA;AACA,eAAA,kBAAA,CAAA;AAAA,QACA;AACA,aAAA,MAAA,UAAA,IAAA;AAAA,MACA,OAAA;AACA,aAAA,oBAAA;AACA,aAAA,qBAAA;AACA,aAAA,MAAA,UAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,UAAA,CAAA,KAAA,MAAA;AACA,aAAA,qBAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,UAAA,CAAA,KAAA,MAAA;AACA,aAAA,qBAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,UAAA,CAAA,KAAA,QAAA;AACA,aAAA,qBAAA;AACA;AAAA,MACA;AACA,UAAA,KAAA,eAAA;AACA,eAAA,KAAA;MACA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,UAAA,CAAA,KAAA,QAAA;AACA,aAAA,qBAAA;AACA;AAAA,MACA;AACA,UAAA,KAAA,eAAA;AACA,eAAA,KAAA;MACA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,UAAA,CAAA,KAAA,UAAA,CAAA,KAAA,eAAA;AACA;AAAA,MACA;AAEA,aAAA,KAAA;IACA;AAAA,IAEA,gBAAA;AACA,UAAA,CAAA,KAAA,UAAA,CAAA,KAAA,eAAA;AACA;AAAA,MACA;AAEA,aAAA,KAAA;IACA;AAAA,IAEA,WAAA,GAAA;AACA,UAAA,CAAA,KAAA,UAAA,CAAA,KAAA,iBAAA,CAAA,KAAA,cAAA,EAAA,GAAA,GAAA;AACA;AAAA,MACA;AAEA,QAAA,gBAAA;AACA,QAAA,eAAA;AAEA,aAAA,KAAA,gBAAA,EAAA,GAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dropdown-mjrYu_mK.js → dropdown-pHxnQPzT.js}

@@ -1,30 +1,33 @@
 "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-2Q9Ny1Nc.js");
+const sr_only_close_button = require("./sr_only_close_button-ZaGdAHz7.js");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-1aBeR4AK.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
+  ],
   props: {
     /**
      * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
@@ -280,9 +283,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;
@@ -373,67 +379,25 @@ const _sfc_main = {
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-popover", _vm._g({
-    ref: "popover",
-    attrs: {
-      "content-width": _vm.contentWidth,
-      "open": _vm.open,
-      "placement": _vm.placement,
-      "initial-focus-element": _vm.openedWithKeyboard ? "first" : "dialog",
-      "fallback-placements": _vm.fallbackPlacements,
-      "padding": "none",
-      "role": "menu",
-      "append-to": _vm.appendTo,
-      "modal": _vm.modal,
-      "max-height": _vm.maxHeight,
-      "max-width": _vm.maxWidth,
-      "open-with-arrow-keys": _vm.shouldOpenWithArrowKeys,
-      "open-on-context": _vm.openOnContext,
-      "tether": _vm.tether,
-      "transition": _vm.transition
-    },
-    scopedSlots: _vm._u([{
-      key: "anchor",
-      fn: function({
-        attrs
-      }) {
-        return [_vm._t("anchor", null, null, attrs)];
-      }
-    }, {
-      key: "content",
-      fn: function({
-        close
-      }) {
-        return [_c("ul", {
-          ref: "listWrapper",
-          class: _vm.listClasses,
-          attrs: {
-            "id": _vm.listId,
-            "data-qa": "dt-dropdown-list-wrapper"
-          },
-          on: {
-            "mouseleave": _vm.clearHighlightIndex,
-            "!mousemove": function($event) {
-              return _vm.onMouseHighlight.apply(null, arguments);
-            }
-          }
-        }, [_vm._t("list", null, {
-          "close": close
-        }), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", {
-          attrs: {
-            "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel,
-            "tabindex": _vm.isArrowKeyNav ? -1 : 0
-          },
-          on: {
-            "close": close
-          }
-        }) : _vm._e()], 2)];
-      }
-    }], null, true)
-  }, _vm.dropdownListeners));
+  return _c("dt-popover", _vm._g({ ref: "popover", attrs: { "content-width": _vm.contentWidth, "open": _vm.open, "placement": _vm.placement, "initial-focus-element": _vm.openedWithKeyboard ? "first" : "dialog", "fallback-placements": _vm.fallbackPlacements, "padding": "none", "role": "menu", "append-to": _vm.appendTo, "modal": _vm.modal, "max-height": _vm.maxHeight, "max-width": _vm.maxWidth, "open-with-arrow-keys": _vm.shouldOpenWithArrowKeys, "open-on-context": _vm.openOnContext, "tether": _vm.tether, "transition": _vm.transition }, scopedSlots: _vm._u([{ key: "anchor", fn: function({ attrs }) {
+    return [_vm._t("anchor", null, null, attrs)];
+  } }, { key: "content", fn: function({ close }) {
+    return [_c("ul", { ref: "listWrapper", class: _vm.listClasses, attrs: { "id": _vm.listId, "data-qa": "dt-dropdown-list-wrapper" }, on: { "mouseleave": _vm.clearHighlightIndex, "!mousemove": function($event) {
+      return _vm.onMouseHighlight.apply(null, arguments);
+    } } }, [_vm._t("list", null, { "close": close }), _vm.showVisuallyHiddenClose ? _c("sr-only-close-button", { attrs: { "visually-hidden-close-label": _vm.visuallyHiddenCloseLabel, "tabindex": _vm.isArrowKeyNav ? -1 : 0 }, on: { "close": close } }) : _vm._e()], 2)];
+  } }], null, true) }, _vm.dropdownListeners));
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const DtDropdown = __component__.exports;
 exports.DtDropdown = DtDropdown;
-//# sourceMappingURL=dropdown-mjrYu_mK.js.map
+//# sourceMappingURL=dropdown-pHxnQPzT.js.map

package/dist/chunks/{dropdown-mjrYu_mK.js.map → dropdown-pHxnQPzT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-mjrYu_mK.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    :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  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 .sync modifier\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     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\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        ...this.$listeners,\n\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","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","$listeners","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"],"mappings":"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"}
+{"version":3,"file":"dropdown-pHxnQPzT.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    :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  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 .sync modifier\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     * Event fired when the highlight changes\n     *\n     * @event highlight\n     * @type {Number}\n     */\n    'highlight',\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        ...this.$listeners,\n\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"],"mappings":"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"}

package/dist/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/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/chunks/{icon_constants-TdxqLsS2.js → icon_constants-Dy4MEUJL.js}

@@ -1,5 +1,4 @@
-import vitePluginRequire_1723767260325_41435799 from "@dialpad/dialtone-icons/icons.json";
-const iconNames = vitePluginRequire_1723767260325_41435799;
+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-TdxqLsS2.js.map
+//# sourceMappingURL=icon_constants-Dy4MEUJL.js.map

package/dist/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/chunks/{icon_constants-VEA0wI5C.js → icon_constants-QYpmdE0R.js}

@@ -1,6 +1,5 @@
 "use strict";
-const vitePluginRequire_1723767260325_41435799 = require("@dialpad/dialtone-icons/icons.json");
-const iconNames = vitePluginRequire_1723767260325_41435799;
+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-VEA0wI5C.js.map
+//# sourceMappingURL=icon_constants-QYpmdE0R.js.map

package/dist/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;;;"}