@dialpad/dialtone-vue 2.183.1 → 2.184.0

package/dist/common/mixins/keyboard_list_navigation.cjs

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dom = require("./dom.cjs");
-const ERROR_INVALID_LIST_ELEMENT = "listElementKey is required or the referenced element doesn't exist. Received listElement: ";
-const KeyboardNavigation = ({
-  // Role of the list items in the component. This is used to identify the list items
-  // so you must update this if the role of your list items is anything other than 'option'
-  listItemRole = "option",
-  // Key of the data prop that will be added to the component.
-  indexKey = "highlightIndex",
-  idKey = "highlightId",
-  // Key of the method that references the list element.
-  listElementKey = "listRef",
-  // Optional, Key of the computed prop that references the currently active item element.
-  activeItemKey = "",
-  // Optional, name of the method that toggles the list visibility. Used for
-  // opening the list when up or down is pressed.
-  openMethod = null,
-  // Optional, method to call when the highlightIndex is changed.
-  afterHighlightMethod = null,
-  // Optional, method to call when the highlightIndex goes past the beginning of the list.
-  beginningOfListMethod = null,
-  // Optional, method to call when the highlightIndex goes past the end of the list.
-  endOfListMethod = null,
-  // Scroll the active element into view when highlighted by a keyboard event.
-  scrollToOnHighlight = true,
-  // Focus the active element on keyboard navigation.
-  focusOnKeyboardNavigation = false
-} = {}) => ({
-  mixins: [dom.default],
-  data() {
-    return {
-      [indexKey]: -1,
-      [idKey]: "",
-      scrollToOnHighlight,
-      focusOnKeyboardNavigation
-    };
-  },
-  provide() {
-    return {
-      highlightId: () => this[idKey]
-    };
-  },
-  methods: {
-    // Returns the list element
-    // this[listElement]() can return a Vue component, in which case we need to target
-    // the $el property, or it can simply be an html element.
-    _getListElement() {
-      var _a;
-      return ((_a = this[listElementKey]()) == null ? void 0 : _a.$el) || this[listElementKey]();
-    },
-    // Gets the length of all the items in the list, uses the listItemRole param to determine
-    // whether an element is a list item.
-    _itemsLength() {
-      const listItems = this._getListItemNodes();
-      if (listItems === null) {
-        return 0;
-      }
-      return listItems.length;
-    },
-    // Gets all the list item nodes within the list element
-    _getListItemNodes() {
-      const listElement = this._getListElement();
-      if (!listElement) {
-        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);
-        return null;
-      }
-      return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
-    },
-    onUpKey() {
-      if (openMethod) {
-        this[openMethod](true);
-      }
-      if (this[indexKey] > 0) {
-        this.setHighlightIndex(this[indexKey] - 1);
-      } else if (beginningOfListMethod) {
-        this[beginningOfListMethod]();
-      }
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onDownKey() {
-      if (openMethod) {
-        this[openMethod](true);
-      }
-      if (this[indexKey] < this._itemsLength() - 1) {
-        this.setHighlightIndex(this[indexKey] + 1);
-      } else if (endOfListMethod) {
-        this[endOfListMethod]();
-      }
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onHomeKey() {
-      this.jumpToBeginning();
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onEndKey() {
-      this.jumpToEnd();
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onNavigationKey(key) {
-      const listItems = this._getListItemNodes();
-      const matchingItems = listItems.filter((item) => {
-        const content = item.textContent.trim().toLowerCase();
-        return content.startsWith(key.toLowerCase());
-      });
-      if (matchingItems.length <= 0) {
-        return;
-      }
-      const highlightedMatchingItemIndex = matchingItems.findIndex((item) => {
-        return this[indexKey] === listItems.indexOf(item);
-      });
-      const nextHighlightedItemIndex = listItems.indexOf(
-        highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]
-      );
-      this.setHighlightIndex(nextHighlightedItemIndex);
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    isValidLetter(key) {
-      if (key.length > 1) {
-        return false;
-      }
-      return key >= "a" && key <= "z" || key >= "A" && key <= "Z";
-    },
-    jumpToBeginning() {
-      this.setHighlightIndex(0);
-    },
-    jumpToEnd() {
-      this.setHighlightIndex(this._itemsLength() - 1);
-    },
-    setHighlightIndex(num) {
-      this[indexKey] = num;
-      this[idKey] = this._getItemId(num);
-      if (this._itemsLength() && afterHighlightMethod) {
-        this[afterHighlightMethod](num);
-      }
-    },
-    setHighlightId(id) {
-      this[idKey] = id;
-      this[indexKey] = this._getItemIndex(id);
-      if (this._itemsLength() && afterHighlightMethod) {
-        this[afterHighlightMethod](this._getItemIndex(id));
-      }
-    },
-    _getItemIndex(id) {
-      const listElement = this._getListElement();
-      if (!listElement) {
-        return;
-      }
-      const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
-      return listItems.indexOf(listElement.querySelector(`#${id}`));
-    },
-    _getItemId(index) {
-      var _a;
-      const listElement = this._getListElement();
-      if (!listElement) {
-        return;
-      }
-      return (_a = listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`)[index]) == null ? void 0 : _a.id;
-    },
-    scrollActiveItemIntoViewIfNeeded() {
-      if (!this.scrollToOnHighlight) {
-        return;
-      }
-      const activeItemEl = this[activeItemKey];
-      if (activeItemEl) {
-        const listElement = this._getListElement();
-        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);
-      }
-    },
-    focusActiveItemIfNeeded() {
-      if (!this.focusOnKeyboardNavigation) {
-        return;
-      }
-      const activeItemEl = this[activeItemKey];
-      if (activeItemEl) {
-        activeItemEl.focus();
-      }
-    }
-  }
-});
-exports.default = KeyboardNavigation;
-//# sourceMappingURL=keyboard_list_navigation.cjs.map

package/dist/common/mixins/keyboard_list_navigation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard_list_navigation.cjs","sources":["../../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":["Dom"],"mappings":"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"}

package/dist/common/mixins/keyboard_list_navigation.js

@@ -1,187 +0,0 @@
-import Dom from "./dom.js";
-const ERROR_INVALID_LIST_ELEMENT = "listElementKey is required or the referenced element doesn't exist. Received listElement: ";
-const KeyboardNavigation = ({
-  // Role of the list items in the component. This is used to identify the list items
-  // so you must update this if the role of your list items is anything other than 'option'
-  listItemRole = "option",
-  // Key of the data prop that will be added to the component.
-  indexKey = "highlightIndex",
-  idKey = "highlightId",
-  // Key of the method that references the list element.
-  listElementKey = "listRef",
-  // Optional, Key of the computed prop that references the currently active item element.
-  activeItemKey = "",
-  // Optional, name of the method that toggles the list visibility. Used for
-  // opening the list when up or down is pressed.
-  openMethod = null,
-  // Optional, method to call when the highlightIndex is changed.
-  afterHighlightMethod = null,
-  // Optional, method to call when the highlightIndex goes past the beginning of the list.
-  beginningOfListMethod = null,
-  // Optional, method to call when the highlightIndex goes past the end of the list.
-  endOfListMethod = null,
-  // Scroll the active element into view when highlighted by a keyboard event.
-  scrollToOnHighlight = true,
-  // Focus the active element on keyboard navigation.
-  focusOnKeyboardNavigation = false
-} = {}) => ({
-  mixins: [Dom],
-  data() {
-    return {
-      [indexKey]: -1,
-      [idKey]: "",
-      scrollToOnHighlight,
-      focusOnKeyboardNavigation
-    };
-  },
-  provide() {
-    return {
-      highlightId: () => this[idKey]
-    };
-  },
-  methods: {
-    // Returns the list element
-    // this[listElement]() can return a Vue component, in which case we need to target
-    // the $el property, or it can simply be an html element.
-    _getListElement() {
-      var _a;
-      return ((_a = this[listElementKey]()) == null ? void 0 : _a.$el) || this[listElementKey]();
-    },
-    // Gets the length of all the items in the list, uses the listItemRole param to determine
-    // whether an element is a list item.
-    _itemsLength() {
-      const listItems = this._getListItemNodes();
-      if (listItems === null) {
-        return 0;
-      }
-      return listItems.length;
-    },
-    // Gets all the list item nodes within the list element
-    _getListItemNodes() {
-      const listElement = this._getListElement();
-      if (!listElement) {
-        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);
-        return null;
-      }
-      return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
-    },
-    onUpKey() {
-      if (openMethod) {
-        this[openMethod](true);
-      }
-      if (this[indexKey] > 0) {
-        this.setHighlightIndex(this[indexKey] - 1);
-      } else if (beginningOfListMethod) {
-        this[beginningOfListMethod]();
-      }
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onDownKey() {
-      if (openMethod) {
-        this[openMethod](true);
-      }
-      if (this[indexKey] < this._itemsLength() - 1) {
-        this.setHighlightIndex(this[indexKey] + 1);
-      } else if (endOfListMethod) {
-        this[endOfListMethod]();
-      }
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onHomeKey() {
-      this.jumpToBeginning();
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onEndKey() {
-      this.jumpToEnd();
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    onNavigationKey(key) {
-      const listItems = this._getListItemNodes();
-      const matchingItems = listItems.filter((item) => {
-        const content = item.textContent.trim().toLowerCase();
-        return content.startsWith(key.toLowerCase());
-      });
-      if (matchingItems.length <= 0) {
-        return;
-      }
-      const highlightedMatchingItemIndex = matchingItems.findIndex((item) => {
-        return this[indexKey] === listItems.indexOf(item);
-      });
-      const nextHighlightedItemIndex = listItems.indexOf(
-        highlightedMatchingItemIndex < matchingItems.length - 1 ? matchingItems[highlightedMatchingItemIndex + 1] : matchingItems[0]
-      );
-      this.setHighlightIndex(nextHighlightedItemIndex);
-      this.scrollActiveItemIntoViewIfNeeded();
-      this.focusActiveItemIfNeeded();
-    },
-    isValidLetter(key) {
-      if (key.length > 1) {
-        return false;
-      }
-      return key >= "a" && key <= "z" || key >= "A" && key <= "Z";
-    },
-    jumpToBeginning() {
-      this.setHighlightIndex(0);
-    },
-    jumpToEnd() {
-      this.setHighlightIndex(this._itemsLength() - 1);
-    },
-    setHighlightIndex(num) {
-      this[indexKey] = num;
-      this[idKey] = this._getItemId(num);
-      if (this._itemsLength() && afterHighlightMethod) {
-        this[afterHighlightMethod](num);
-      }
-    },
-    setHighlightId(id) {
-      this[idKey] = id;
-      this[indexKey] = this._getItemIndex(id);
-      if (this._itemsLength() && afterHighlightMethod) {
-        this[afterHighlightMethod](this._getItemIndex(id));
-      }
-    },
-    _getItemIndex(id) {
-      const listElement = this._getListElement();
-      if (!listElement) {
-        return;
-      }
-      const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
-      return listItems.indexOf(listElement.querySelector(`#${id}`));
-    },
-    _getItemId(index) {
-      var _a;
-      const listElement = this._getListElement();
-      if (!listElement) {
-        return;
-      }
-      return (_a = listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`)[index]) == null ? void 0 : _a.id;
-    },
-    scrollActiveItemIntoViewIfNeeded() {
-      if (!this.scrollToOnHighlight) {
-        return;
-      }
-      const activeItemEl = this[activeItemKey];
-      if (activeItemEl) {
-        const listElement = this._getListElement();
-        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);
-      }
-    },
-    focusActiveItemIfNeeded() {
-      if (!this.focusOnKeyboardNavigation) {
-        return;
-      }
-      const activeItemEl = this[activeItemKey];
-      if (activeItemEl) {
-        activeItemEl.focus();
-      }
-    }
-  }
-});
-export {
-  KeyboardNavigation as default
-};
-//# sourceMappingURL=keyboard_list_navigation.js.map

package/dist/common/mixins/keyboard_list_navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard_list_navigation.js","sources":["../../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["import Dom from './dom';\n\nconst ERROR_INVALID_LIST_ELEMENT = (\n  'listElementKey is required or the referenced ' +\n  'element doesn\\'t exist. Received listElement: '\n);\n\n/**\n * Usage: `mixins: [keyboardNavigationMixin(options)]`\n *\n * This mixin provides some common data and methods to navigate a list of items\n * (such as a dropdown or select menu) by keyboard.\n *\n * To be effective, you must bind the onUpKey and onDownKey events, usually to\n * the root element of the component.\n *\n * @param listItemRole\n * @param indexKey\n * @param idKey\n * @param listElementKey\n * @param activeItemKey\n * @param openMethod\n * @param afterHighlightMethod\n * @param beginningOfListMethod\n * @param endOfListMethod\n * @param scrollToOnHighlight\n * @param focusOnKeyboardNavigation\n * @displayName Keyboard Navigation Mixin\n */\nexport default ({\n  // Role of the list items in the component. This is used to identify the list items\n  // so you must update this if the role of your list items is anything other than 'option'\n  listItemRole = 'option',\n  // Key of the data prop that will be added to the component.\n  indexKey = 'highlightIndex',\n  idKey = 'highlightId',\n  // Key of the method that references the list element.\n  listElementKey = 'listRef',\n  // Optional, Key of the computed prop that references the currently active item element.\n  activeItemKey = '',\n  // Optional, name of the method that toggles the list visibility. Used for\n  // opening the list when up or down is pressed.\n  openMethod = null,\n  // Optional, method to call when the highlightIndex is changed.\n  afterHighlightMethod = null,\n  // Optional, method to call when the highlightIndex goes past the beginning of the list.\n  beginningOfListMethod = null,\n  // Optional, method to call when the highlightIndex goes past the end of the list.\n  endOfListMethod = null,\n  // Scroll the active element into view when highlighted by a keyboard event.\n  scrollToOnHighlight = true,\n  // Focus the active element on keyboard navigation.\n  focusOnKeyboardNavigation = false,\n} = {}) => ({\n  mixins: [Dom],\n\n  data () {\n    return {\n      [indexKey]: -1,\n      [idKey]: '',\n      scrollToOnHighlight,\n      focusOnKeyboardNavigation,\n    };\n  },\n\n  provide () {\n    return {\n      highlightId: () => this[idKey],\n    };\n  },\n\n  methods: {\n    // Returns the list element\n    // this[listElement]() can return a Vue component, in which case we need to target\n    // the $el property, or it can simply be an html element.\n    _getListElement () {\n      return this[listElementKey]()?.$el || this[listElementKey]();\n    },\n\n    // Gets the length of all the items in the list, uses the listItemRole param to determine\n    // whether an element is a list item.\n    _itemsLength () {\n      const listItems = this._getListItemNodes();\n\n      if (listItems === null) {\n        return 0;\n      }\n\n      return listItems.length;\n    },\n\n    // Gets all the list item nodes within the list element\n    _getListItemNodes () {\n      const listElement = this._getListElement();\n\n      if (!listElement) {\n        console.error(ERROR_INVALID_LIST_ELEMENT, listElement);\n        return null;\n      }\n\n      return Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n    },\n\n    onUpKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] > 0) {\n        this.setHighlightIndex(this[indexKey] - 1);\n      } else if (beginningOfListMethod) {\n        this[beginningOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onDownKey () {\n      if (openMethod) {\n        this[openMethod](true);\n      }\n      if (this[indexKey] < this._itemsLength() - 1) {\n        this.setHighlightIndex(this[indexKey] + 1);\n      } else if (endOfListMethod) {\n        this[endOfListMethod]();\n      }\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onHomeKey () {\n      this.jumpToBeginning();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onEndKey () {\n      this.jumpToEnd();\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    onNavigationKey (key) {\n      const listItems = this._getListItemNodes();\n\n      const matchingItems = listItems.filter(item => {\n        const content = item.textContent.trim().toLowerCase();\n        return content.startsWith(key.toLowerCase());\n      });\n\n      if (matchingItems.length <= 0) {\n        return;\n      }\n\n      const highlightedMatchingItemIndex = matchingItems.findIndex(item => {\n        return this[indexKey] === listItems.indexOf(item);\n      });\n\n      const nextHighlightedItemIndex = listItems.indexOf(\n        highlightedMatchingItemIndex < matchingItems.length - 1\n          ? matchingItems[highlightedMatchingItemIndex + 1]\n          : matchingItems[0],\n      );\n\n      this.setHighlightIndex(nextHighlightedItemIndex);\n      this.scrollActiveItemIntoViewIfNeeded();\n      this.focusActiveItemIfNeeded();\n    },\n\n    isValidLetter (key) {\n      if (key.length > 1) {\n        return false;\n      }\n\n      return (key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z');\n    },\n\n    jumpToBeginning () {\n      this.setHighlightIndex(0);\n    },\n\n    jumpToEnd () {\n      this.setHighlightIndex(this._itemsLength() - 1);\n    },\n\n    setHighlightIndex (num) {\n      this[indexKey] = num;\n      this[idKey] = this._getItemId(num);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](num);\n      }\n    },\n\n    setHighlightId (id) {\n      this[idKey] = id;\n      this[indexKey] = this._getItemIndex(id);\n\n      if (this._itemsLength() && afterHighlightMethod) {\n        this[afterHighlightMethod](this._getItemIndex(id));\n      }\n    },\n\n    _getItemIndex (id) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      const listItems = Array.from(listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`));\n      return listItems.indexOf(listElement.querySelector(`#${id}`));\n    },\n\n    _getItemId (index) {\n      const listElement = this._getListElement();\n      if (!listElement) {\n        return;\n      }\n\n      return listElement.querySelectorAll(`[role=\"${listItemRole}\"], #sr-only-close-button`)[index]?.id;\n    },\n\n    scrollActiveItemIntoViewIfNeeded () {\n      if (!this.scrollToOnHighlight) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        // When listElementKey is not passed,\n        // scrollElementIntoViewIfNeeded will default to the immediate wrapper of the item.\n        const listElement = this._getListElement();\n        this.scrollElementIntoViewIfNeeded(activeItemEl, null, null, listElement);\n      }\n    },\n\n    focusActiveItemIfNeeded () {\n      if (!this.focusOnKeyboardNavigation) {\n        return;\n      }\n      const activeItemEl = this[activeItemKey];\n      if (activeItemEl) {\n        activeItemEl.focus();\n      }\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/common/mixins/sr_only_close_button.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const SrOnlyCloseButtonMixin = {
-  props: {
-    /**
-     * If true, a hidden close button is included for screen readers
-     * @values true, false
-     */
-    visuallyHiddenClose: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Label for the visually hidden close button
-     * Required if visuallyHiddenClose is set to `true`
-     */
-    visuallyHiddenCloseLabel: {
-      type: String,
-      default: null
-    }
-  },
-  watch: {
-    $props: {
-      immediate: true,
-      deep: true,
-      handler() {
-        this.validateVisuallyHiddenCloseProps();
-      }
-    }
-  },
-  computed: {
-    showVisuallyHiddenClose() {
-      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
-    }
-  },
-  methods: {
-    validateVisuallyHiddenCloseProps() {
-      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
-        console.error(`If visuallyHiddenClose prop is true, the component includes
-           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
-      }
-    }
-  }
-};
-exports.default = SrOnlyCloseButtonMixin;
-//# sourceMappingURL=sr_only_close_button.cjs.map

package/dist/common/mixins/sr_only_close_button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr_only_close_button.cjs","sources":["../../../common/mixins/sr_only_close_button.js"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n  props: {\n    /**\n     * If true, a hidden close button is included for screen readers\n     * @values true, false\n     */\n    visuallyHiddenClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateVisuallyHiddenCloseProps();\n      },\n    },\n  },\n\n  computed: {\n    showVisuallyHiddenClose () {\n      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n    },\n  },\n\n  methods: {\n    validateVisuallyHiddenCloseProps () {\n      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n        console.error(`If visuallyHiddenClose prop is true, the component includes\n           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n      }\n    },\n  },\n};\n"],"names":[],"mappings":";;AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;;"}

package/dist/common/mixins/sr_only_close_button.js

@@ -1,46 +0,0 @@
-const SrOnlyCloseButtonMixin = {
-  props: {
-    /**
-     * If true, a hidden close button is included for screen readers
-     * @values true, false
-     */
-    visuallyHiddenClose: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Label for the visually hidden close button
-     * Required if visuallyHiddenClose is set to `true`
-     */
-    visuallyHiddenCloseLabel: {
-      type: String,
-      default: null
-    }
-  },
-  watch: {
-    $props: {
-      immediate: true,
-      deep: true,
-      handler() {
-        this.validateVisuallyHiddenCloseProps();
-      }
-    }
-  },
-  computed: {
-    showVisuallyHiddenClose() {
-      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
-    }
-  },
-  methods: {
-    validateVisuallyHiddenCloseProps() {
-      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
-        console.error(`If visuallyHiddenClose prop is true, the component includes
-           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
-      }
-    }
-  }
-};
-export {
-  SrOnlyCloseButtonMixin as default
-};
-//# sourceMappingURL=sr_only_close_button.js.map

package/dist/common/mixins/sr_only_close_button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr_only_close_button.js","sources":["../../../common/mixins/sr_only_close_button.js"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n  props: {\n    /**\n     * If true, a hidden close button is included for screen readers\n     * @values true, false\n     */\n    visuallyHiddenClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateVisuallyHiddenCloseProps();\n      },\n    },\n  },\n\n  computed: {\n    showVisuallyHiddenClose () {\n      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n    },\n  },\n\n  methods: {\n    validateVisuallyHiddenCloseProps () {\n      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n        console.error(`If visuallyHiddenClose prop is true, the component includes\n           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n      }\n    },\n  },\n};\n"],"names":[],"mappings":"AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;"}

package/dist/common/mixins.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const input = require("./mixins/input.cjs");
-const input_group = require("./mixins/input_group.cjs");
-const keyboard_list_navigation = require("./mixins/keyboard_list_navigation.cjs");
-exports.DtCheckableInputMixin = input.CheckableMixin;
-exports.DtGroupableInputMixin = input.GroupableMixin;
-exports.DtInputMixin = input.InputMixin;
-exports.DtInputGroupMixin = input_group.InputGroupMixin;
-exports.DtKeyboardListNavigationMixin = keyboard_list_navigation.default;
-//# sourceMappingURL=mixins.cjs.map

package/dist/common/mixins.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mixins.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/common/mixins.js

@@ -1,11 +0,0 @@
-import { CheckableMixin, GroupableMixin, InputMixin } from "./mixins/input.js";
-import { InputGroupMixin } from "./mixins/input_group.js";
-import { default as default2 } from "./mixins/keyboard_list_navigation.js";
-export {
-  CheckableMixin as DtCheckableInputMixin,
-  GroupableMixin as DtGroupableInputMixin,
-  InputGroupMixin as DtInputGroupMixin,
-  InputMixin as DtInputMixin,
-  default2 as DtKeyboardListNavigationMixin
-};
-//# sourceMappingURL=mixins.js.map

package/dist/common/mixins.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mixins.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/common/sr_only_close_button.vue.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue2 = require("@dialpad/dialtone-icons/vue2");
-const _pluginVue2_normalizer = require("../_virtual/_plugin-vue2_normalizer.cjs");
-const button = require("../components/button/button.vue.cjs");
-const _sfc_main = {
-  name: "SrOnlyCloseButton",
-  components: {
-    DtIconClose: vue2.DtIconClose,
-    DtButton: button.default
-  },
-  props: {
-    /**
-     * Label for the visually hidden close button
-     * Required if visuallyHiddenClose is set to `true`
-     */
-    visuallyHiddenCloseLabel: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["close"],
-  methods: {
-    close() {
-      this.$emit("close");
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
-    $event.preventDefault();
-    $event.stopPropagation();
-    return _vm.close.apply(null, arguments);
-  } } }, [_c("dt-icon-close")], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const SrOnlyCloseButton = __component__.exports;
-exports.default = SrOnlyCloseButton;
-//# sourceMappingURL=sr_only_close_button.vue.cjs.map

package/dist/common/sr_only_close_button.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr_only_close_button.vue.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["DtIconClose","DtButton"],"mappings":";;;;;AAiBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,aAAAA,KAAA;AAAA,IACA,UAAAC,OAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/common/sr_only_close_button.vue.js

@@ -1,46 +0,0 @@
-import { DtIconClose } from "@dialpad/dialtone-icons/vue2";
-import normalizeComponent from "../_virtual/_plugin-vue2_normalizer.js";
-import DtButton from "../components/button/button.vue.js";
-const _sfc_main = {
-  name: "SrOnlyCloseButton",
-  components: {
-    DtIconClose,
-    DtButton
-  },
-  props: {
-    /**
-     * Label for the visually hidden close button
-     * Required if visuallyHiddenClose is set to `true`
-     */
-    visuallyHiddenCloseLabel: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["close"],
-  methods: {
-    close() {
-      this.$emit("close");
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
-    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
-    $event.preventDefault();
-    $event.stopPropagation();
-    return _vm.close.apply(null, arguments);
-  } } }, [_c("dt-icon-close")], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const SrOnlyCloseButton = __component__.exports;
-export {
-  SrOnlyCloseButton as default
-};
-//# sourceMappingURL=sr_only_close_button.vue.js.map