@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/common/mixins/keyboard-list-navigation.js

@@ -1,127 +1,88 @@
-import E from "./dom.js";
-import { returnFirstEl as N } from "../utils/index.js";
-const _ = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", x = ({
-  // 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: o = "option",
-  // Key of the data prop that will be added to the component.
-  indexKey: s = "highlightIndex",
-  idKey: n = "highlightId",
-  // Key of the method that references the list element.
-  listElementKey: I = "listRef",
-  // Optional, Key of the computed prop that references the currently active item element.
-  activeItemKey: c = "",
-  // Optional, name of the method that toggles the list visibility. Used for
-  // opening the list when up or down is pressed.
-  openMethod: l = null,
-  // Optional, method to call when the highlightIndex is changed.
-  afterHighlightMethod: r = null,
-  // Optional, method to call when the highlightIndex goes past the beginning of the list.
-  beginningOfListMethod: m = null,
-  // Optional, method to call when the highlightIndex goes past the end of the list.
-  endOfListMethod: u = null,
-  // Scroll the active element into view when highlighted by a keyboard event.
-  scrollToOnHighlight: g = !0,
-  // Focus the active element on keyboard navigation.
-  focusOnKeyboardNavigation: d = !1
-} = {}) => ({
-  mixins: [E],
-  data() {
-    return {
-      [s]: -1,
-      [n]: "",
-      scrollToOnHighlight: g,
-      focusOnKeyboardNavigation: d
-    };
-  },
-  provide() {
-    return {
-      highlightId: () => this[n]
-    };
-  },
-  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 t;
-      return N((t = this[I]()) == null ? void 0 : t.$el) || this[I]();
-    },
-    // 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 t = this._getListItemNodes();
-      return t === null ? 0 : t.length;
-    },
-    // Gets all the list item nodes within the list element
-    _getListItemNodes() {
-      const t = this._getListElement();
-      return t ? Array.from(t.querySelectorAll(`[role="${o}"], #sr-only-close-button`)) : (console.error(_, t), null);
-    },
-    onUpKey() {
-      l && this[l](!0), this[s] > 0 ? this.setHighlightIndex(this[s] - 1) : m && this[m](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
-    },
-    onDownKey() {
-      l && this[l](!0), this[s] < this._itemsLength() - 1 ? this.setHighlightIndex(this[s] + 1) : u && this[u](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
-    },
-    onHomeKey() {
-      this.jumpToBeginning(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
-    },
-    onEndKey() {
-      this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
-    },
-    onNavigationKey(t) {
-      const e = this._getListItemNodes(), i = e.filter((h) => h.textContent.trim().toLowerCase().startsWith(t.toLowerCase()));
-      if (i.length <= 0)
-        return;
-      const f = i.findIndex((h) => this[s] === e.indexOf(h)), a = e.indexOf(
-        f < i.length - 1 ? i[f + 1] : i[0]
-      );
-      this.setHighlightIndex(a), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
-    },
-    isValidLetter(t) {
-      return t.length > 1 ? !1 : t >= "a" && t <= "z" || t >= "A" && t <= "Z";
-    },
-    jumpToBeginning() {
-      this.setHighlightIndex(0);
-    },
-    jumpToEnd() {
-      this.setHighlightIndex(this._itemsLength() - 1);
-    },
-    setHighlightIndex(t) {
-      this[s] = t, this[n] = this._getItemId(t), this._itemsLength() && r && this[r](t);
-    },
-    setHighlightId(t) {
-      t && (this[n] = t, this[s] = this._getItemIndex(t), this._itemsLength() && r && this[r](this._getItemIndex(t)));
-    },
-    _getItemIndex(t) {
-      const e = this._getListElement();
-      return e ? Array.from(e.querySelectorAll(`[role="${o}"], #sr-only-close-button`)).indexOf(e.querySelector(`#${t}`)) : void 0;
-    },
-    _getItemId(t) {
-      var i;
-      const e = this._getListElement();
-      if (e)
-        return (i = e.querySelectorAll(`[role="${o}"], #sr-only-close-button`)[t]) == null ? void 0 : i.id;
-    },
-    scrollActiveItemIntoViewIfNeeded() {
-      if (!this.scrollToOnHighlight)
-        return;
-      const t = this[c];
-      if (t) {
-        const e = this._getListElement();
-        this.scrollElementIntoViewIfNeeded(t, null, null, e);
-      }
-    },
-    focusActiveItemIfNeeded() {
-      if (!this.focusOnKeyboardNavigation)
-        return;
-      const t = this[c];
-      t && t.focus();
-    }
-  }
+import e from "./dom.js";
+import { returnFirstEl as t } from "../utils/index.js";
+//#region common/mixins/keyboard_list_navigation.js
+var n = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", r = ({ listItemRole: r = "option", indexKey: i = "highlightIndex", idKey: a = "highlightId", listElementKey: o = "listRef", activeItemKey: s = "", openMethod: c = null, afterHighlightMethod: l = null, beginningOfListMethod: u = null, endOfListMethod: d = null, scrollToOnHighlight: f = !0, focusOnKeyboardNavigation: p = !1 } = {}) => ({
+	mixins: [e],
+	data() {
+		return {
+			[i]: -1,
+			[a]: "",
+			scrollToOnHighlight: f,
+			focusOnKeyboardNavigation: p
+		};
+	},
+	provide() {
+		return { highlightId: () => this[a] };
+	},
+	methods: {
+		_getListElement() {
+			return t(this[o]()?.$el) || this[o]();
+		},
+		_itemsLength() {
+			let e = this._getListItemNodes();
+			return e === null ? 0 : e.length;
+		},
+		_getListItemNodes() {
+			let e = this._getListElement();
+			return e ? Array.from(e.querySelectorAll(`[role="${r}"], #sr-only-close-button`)) : (console.error(n, e), null);
+		},
+		onUpKey() {
+			c && this[c](!0), this[i] > 0 ? this.setHighlightIndex(this[i] - 1) : u && this[u](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+		},
+		onDownKey() {
+			c && this[c](!0), this[i] < this._itemsLength() - 1 ? this.setHighlightIndex(this[i] + 1) : d && this[d](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+		},
+		onHomeKey() {
+			this.jumpToBeginning(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+		},
+		onEndKey() {
+			this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+		},
+		onNavigationKey(e) {
+			let t = this._getListItemNodes(), n = t.filter((t) => t.textContent.trim().toLowerCase().startsWith(e.toLowerCase()));
+			if (n.length <= 0) return;
+			let r = n.findIndex((e) => this[i] === t.indexOf(e)), a = t.indexOf(r < n.length - 1 ? n[r + 1] : n[0]);
+			this.setHighlightIndex(a), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+		},
+		isValidLetter(e) {
+			return e.length > 1 ? !1 : e >= "a" && e <= "z" || e >= "A" && e <= "Z";
+		},
+		jumpToBeginning() {
+			this.setHighlightIndex(0);
+		},
+		jumpToEnd() {
+			this.setHighlightIndex(this._itemsLength() - 1);
+		},
+		setHighlightIndex(e) {
+			this[i] = e, this[a] = this._getItemId(e), this._itemsLength() && l && this[l](e);
+		},
+		setHighlightId(e) {
+			e && (this[a] = e, this[i] = this._getItemIndex(e), this._itemsLength() && l && this[l](this._getItemIndex(e)));
+		},
+		_getItemIndex(e) {
+			let t = this._getListElement();
+			if (t) return Array.from(t.querySelectorAll(`[role="${r}"], #sr-only-close-button`)).indexOf(t.querySelector(`#${e}`));
+		},
+		_getItemId(e) {
+			let t = this._getListElement();
+			if (t) return t.querySelectorAll(`[role="${r}"], #sr-only-close-button`)[e]?.id;
+		},
+		scrollActiveItemIntoViewIfNeeded() {
+			if (!this.scrollToOnHighlight) return;
+			let e = this[s];
+			if (e) {
+				let t = this._getListElement();
+				this.scrollElementIntoViewIfNeeded(e, null, null, t);
+			}
+		},
+		focusActiveItemIfNeeded() {
+			if (!this.focusOnKeyboardNavigation) return;
+			let e = this[s];
+			e && e.focus();
+		}
+	}
 });
-export {
-  x as default
-};
-//# sourceMappingURL=keyboard-list-navigation.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=keyboard-list-navigation.js.map

package/dist/common/mixins/keyboard-list-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-list-navigation.js","sources":["../../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["import Dom from './dom';\nimport { returnFirstEl } from '@/common/utils';\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 returnFirstEl(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      if (!id) return;\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":["ERROR_INVALID_LIST_ELEMENT","KeyboardNavigation","listItemRole","indexKey","idKey","listElementKey","activeItemKey","openMethod","afterHighlightMethod","beginningOfListMethod","endOfListMethod","scrollToOnHighlight","focusOnKeyboardNavigation","Dom","returnFirstEl","_a","listItems","listElement","key","matchingItems","item","highlightedMatchingItemIndex","nextHighlightedItemIndex","num","id","index","activeItemEl"],"mappings":"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"}
+{"version":3,"file":"keyboard-list-navigation.js","names":["Dom"],"sources":["../../../common/mixins/keyboard_list_navigation.js"],"sourcesContent":["import Dom from './dom';\nimport { returnFirstEl } from '@/common/utils';\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 returnFirstEl(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      if (!id) return;\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"],"mappings":"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"}

package/dist/common/mixins/keyboard_list_navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_list_navigation.d.ts","sourceRoot":"","sources":["../../../common/mixins/keyboard_list_navigation.js"],"names":[],"mappings":"AA8Be;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwNb"}

package/dist/common/mixins/modal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/index.cjs"),o=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',a=`${o}:not([tabindex="-1"])`,u="button,[href],input,select,textarea,details,[tabindex]",c={methods:{async getFirstFocusableElement(e){await this.$nextTick();const t=this._getFocusableElements(e,!0);return this._getFirstFocusElement(t)},async focusFirstElement(e=this.$el){const t=await this.getFirstFocusableElement(r.returnFirstEl(e));t==null||t.focus({preventScroll:!0})},async focusElementById(e){var s;await this.$nextTick();const t=(s=r.returnFirstEl(this.$el))==null?void 0:s.querySelector(e);if(t){t.focus();return}console.warn('Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.'),await this.focusFirstElement()},_getFirstFocusElement(e){if(!e.length)return;let t=e[0];return t.matches('[type="radio"]:not(:checked)')&&(t=e.find(s=>s.checked&&s.name===t.name)||t),t},_getFocusableElements(e=this.$el,t=!1){return e=r.returnFirstEl(e),e?[...e.querySelectorAll(u)].filter(n=>{const i=window.getComputedStyle(n);return i.getPropertyValue("display")!=="none"&&i.getPropertyValue("visibility")!=="hidden"&&n.matches(t?o:a)}):[]},focusTrappedTabPress(e,t){if(!(e.key==="Tab"))return;const n=this._getFocusableElements(t);if(!n.length){e.preventDefault();return}const i=this._getFirstFocusElement(n),l=n[n.length-1];e.shiftKey?document.activeElement===i&&(l.focus(),e.preventDefault()):document.activeElement===l&&(i.focus(),e.preventDefault())}}};exports.default=c;
-//# sourceMappingURL=modal.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../utils/index.cjs`);var t=`:not(:disabled):not([aria-disabled="true"]):not([role="presentation"])`,n=`${t}:not([tabindex="-1"])`,r=`button,[href],input,select,textarea,details,[tabindex]`,i={methods:{async getFirstFocusableElement(e){await this.$nextTick();let t=this._getFocusableElements(e,!0);return this._getFirstFocusElement(t)},async focusFirstElement(t=this.$el){(await this.getFirstFocusableElement(e.returnFirstEl(t)))?.focus({preventScroll:!0})},async focusElementById(t){await this.$nextTick();let n=e.returnFirstEl(this.$el)?.querySelector(t);if(n){n.focus();return}console.warn(`Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.`),await this.focusFirstElement()},_getFirstFocusElement(e){if(!e.length)return;let t=e[0];return t.matches(`[type="radio"]:not(:checked)`)&&(t=e.find(e=>e.checked&&e.name===t.name)||t),t},_getFocusableElements(i=this.$el,a=!1){return i=e.returnFirstEl(i),i?[...i.querySelectorAll(r)].filter(e=>{let r=window.getComputedStyle(e);return r.getPropertyValue(`display`)!==`none`&&r.getPropertyValue(`visibility`)!==`hidden`&&e.matches(a?t:n)}):[]},focusTrappedTabPress(e,t){if(e.key!==`Tab`)return;let n=this._getFocusableElements(t);if(!n.length){e.preventDefault();return}let r=this._getFirstFocusElement(n),i=n[n.length-1];e.shiftKey?document.activeElement===r&&(i.focus(),e.preventDefault()):document.activeElement===i&&(r.focus(),e.preventDefault())}}};exports.default=i;
+//# sourceMappingURL=modal.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs","sources":["../../../common/mixins/modal.js"],"sourcesContent":["import { returnFirstEl } from '@/common/utils';\n\nconst focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(returnFirstEl(el));\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = returnFirstEl(this.$el)?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      el = returnFirstEl(el);\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":["focusableAttrs","tabbableAttrs","focusableElementsList","Modal","el","focusableElements","elToFocus","returnFirstEl","elementId","result","firstFocusEl","includeNegativeTabIndex","fc","style","firstFocusableElement","lastFocusableElement"],"mappings":"kJAEMA,EAAiB,yEACjBC,EAAgB,GAAGD,CAAc,wBACjCE,EAAwB,yDAiB9BC,EAAe,CACb,QAAS,CAMP,MAAM,yBAA0BC,EAAI,CAClC,MAAM,KAAK,UAAS,EACpB,MAAMC,EAAoB,KAAK,sBAAsBD,EAAI,EAAI,EAC7D,OAAO,KAAK,sBAAsBC,CAAiB,CACrD,EAOA,MAAM,kBAAmBD,EAAK,KAAK,IAAK,CACtC,MAAME,EAAY,MAAM,KAAK,yBAAyBC,EAAAA,cAAcH,CAAE,CAAC,EACvEE,GAAA,MAAAA,EAAW,MAAM,CAAE,cAAe,EAAI,EACxC,EAEA,MAAM,iBAAkBE,EAAW,OACjC,MAAM,KAAK,UAAS,EACpB,MAAMC,GAASF,EAAAA,EAAAA,cAAc,KAAK,GAAG,IAAtBA,YAAAA,EAAyB,cAAcC,GACtD,GAAIC,EAAQ,CACVA,EAAO,MAAK,EACZ,MACF,CAGA,QAAQ,KAAK,wHACgC,EAC7C,MAAM,KAAK,kBAAiB,CAC9B,EASA,sBAAuBJ,EAAmB,CACxC,GAAI,CAACA,EAAkB,OACrB,OAEF,IAAIK,EAAeL,EAAkB,CAAC,EAEtC,OAAIK,EAAa,QAAQ,8BAA8B,IACrDA,EAAeL,EAAkB,KAAKD,GAAMA,EAAG,SAAWA,EAAG,OAASM,EAAa,IAAI,GAAKA,GAEvFA,CACT,EAWA,sBAAuBN,EAAK,KAAK,IAAKO,EAA0B,GAAO,CAErE,OADAP,EAAKG,EAAAA,cAAcH,CAAE,EAChBA,EACoB,CAAC,GAAGA,EAAG,iBAAiBF,CAAqB,CAAC,EAC/C,OAAQU,GAAO,CACrC,MAAMC,EAAQ,OAAO,iBAAiBD,CAAE,EACxC,OAAOC,EAAM,iBAAiB,SAAS,IAAM,QAC3CA,EAAM,iBAAiB,YAAY,IAAM,UACzCD,EAAG,QAAQD,EAA0BX,EAAiBC,CAAa,CACvE,CAAC,EAPe,CAAA,CAQlB,EAQA,qBAAsB,EAAGG,EAAI,CAG3B,GAAI,EAFiB,EAAE,MAAQ,OAG7B,OAGF,MAAMC,EAAoB,KAAK,sBAAsBD,CAAE,EACvD,GAAI,CAACC,EAAkB,OAAQ,CAC7B,EAAE,eAAc,EAChB,MACF,CAEA,MAAMS,EAAwB,KAAK,sBAAsBT,CAAiB,EACpEU,EAAuBV,EAAkBA,EAAkB,OAAS,CAAC,EAEvE,EAAE,SACA,SAAS,gBAAkBS,IAC7BC,EAAqB,MAAK,EAC1B,EAAE,eAAc,GAGd,SAAS,gBAAkBA,IAC7BD,EAAsB,MAAK,EAC3B,EAAE,eAAc,EAGtB,CACJ,CACA"}
+{"version":3,"file":"modal.cjs","names":["returnFirstEl"],"sources":["../../../common/mixins/modal.js"],"sourcesContent":["import { returnFirstEl } from '@/common/utils';\n\nconst focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(returnFirstEl(el));\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = returnFirstEl(this.$el)?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      el = returnFirstEl(el);\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"mappings":"qIAEA,IAAM,EAAiB,yEACjB,EAAgB,GAAG,EAAe,uBAClC,EAAwB,yDAiB9B,EAAe,CACb,QAAS,CAMP,MAAM,yBAA0B,EAAI,CAClC,MAAM,KAAK,WAAW,CACtB,IAAM,EAAoB,KAAK,sBAAsB,EAAI,GAAK,CAC9D,OAAO,KAAK,sBAAsB,EAAkB,EAQtD,MAAM,kBAAmB,EAAK,KAAK,IAAK,EACpB,MAAM,KAAK,yBAAyBA,EAAAA,cAAc,EAAG,CAAC,GAC7D,MAAM,CAAE,cAAe,GAAM,CAAC,EAG3C,MAAM,iBAAkB,EAAW,CACjC,MAAM,KAAK,WAAW,CACtB,IAAM,EAASA,EAAAA,cAAc,KAAK,IAAI,EAAE,cAAc,EAAU,CAChE,GAAI,EAAQ,CACV,EAAO,OAAO,CACd,OAIF,QAAQ,KAAK,yHACiC,CAC9C,MAAM,KAAK,mBAAmB,EAUhC,sBAAuB,EAAmB,CACxC,GAAI,CAAC,EAAkB,OACrB,OAEF,IAAI,EAAe,EAAkB,GAKrC,OAHI,EAAa,QAAQ,+BAA+B,GACtD,EAAe,EAAkB,KAAK,GAAM,EAAG,SAAW,EAAG,OAAS,EAAa,KAAK,EAAI,GAEvF,GAYT,sBAAuB,EAAK,KAAK,IAAK,EAA0B,GAAO,CAIrE,MAHA,GAAKA,EAAAA,cAAc,EAAG,CACjB,EACoB,CAAC,GAAG,EAAG,iBAAiB,EAAsB,CAAC,CAChD,OAAQ,GAAO,CACrC,IAAM,EAAQ,OAAO,iBAAiB,EAAG,CACzC,OAAO,EAAM,iBAAiB,UAAU,GAAK,QAC3C,EAAM,iBAAiB,aAAa,GAAK,UACzC,EAAG,QAAQ,EAA0B,EAAiB,EAAc,EACtE,CAPc,EAAE,EAgBpB,qBAAsB,EAAG,EAAI,CAG3B,GAFqB,EAAE,MAAQ,MAG7B,OAGF,IAAM,EAAoB,KAAK,sBAAsB,EAAG,CACxD,GAAI,CAAC,EAAkB,OAAQ,CAC7B,EAAE,gBAAgB,CAClB,OAGF,IAAM,EAAwB,KAAK,sBAAsB,EAAkB,CACrE,EAAuB,EAAkB,EAAkB,OAAS,GAEtE,EAAE,SACA,SAAS,gBAAkB,IAC7B,EAAqB,OAAO,CAC5B,EAAE,gBAAgB,EAGhB,SAAS,gBAAkB,IAC7B,EAAsB,OAAO,CAC7B,EAAE,gBAAgB,GAIzB,CACF"}

package/dist/common/mixins/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../common/mixins/modal.js"],"names":[],"mappings":";;QA4BI,sCAHW,MAAM,gBAOhB;QAOD,gCAHW,MAAM,iBAMhB;QAED,yDAYC;QASD,wDAHa,GAAC,CAab;QAWD,oCAHW,MAAM,4BACN,IAAI,SAYd;QAQD,iCAJW,MAAM,MACN,MAAM,QA8BhB"}

package/dist/common/mixins/modal.js

@@ -1,83 +1,46 @@
-import { returnFirstEl as o } from "../utils/index.js";
-const r = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', a = `${r}:not([tabindex="-1"])`, c = "button,[href],input,select,textarea,details,[tabindex]", f = {
-  methods: {
-    /**
-     * get the first focusable element in your component, includes tabindex="-1".
-     * @param {object} el - optional - ref of dom element to trap focus on.
-     *  will default to the root node of the vue component
-     */
-    async getFirstFocusableElement(e) {
-      await this.$nextTick();
-      const t = this._getFocusableElements(e, !0);
-      return this._getFirstFocusElement(t);
-    },
-    /**
-     * set focus to the first focusable element in your component, includes tabindex="-1".
-     * @param {object} el - optional - ref of dom element to trap focus on.
-     *  will default to the root node of the vue component
-     */
-    async focusFirstElement(e = this.$el) {
-      const t = await this.getFirstFocusableElement(o(e));
-      t == null || t.focus({ preventScroll: !0 });
-    },
-    async focusElementById(e) {
-      var s;
-      await this.$nextTick();
-      const t = (s = o(this.$el)) == null ? void 0 : s.querySelector(e);
-      if (t) {
-        t.focus();
-        return;
-      }
-      console.warn('Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.'), await this.focusFirstElement();
-    },
-    /**
-     * internal use only.
-     *
-     * @param focusableElements - list of focusable elements
-     * @returns {*} - first DOM element that is focusable.
-     * @private
-     */
-    _getFirstFocusElement(e) {
-      if (!e.length)
-        return;
-      let t = e[0];
-      return t.matches('[type="radio"]:not(:checked)') && (t = e.find((s) => s.checked && s.name === t.name) || t), t;
-    },
-    /**
-     * internal use only.
-     *
-     * gets all the focusable elements within the component
-     * and sets the first and last of those elements.
-     *
-     * @param {object} el - the root dom element to find focusable elements in.
-     * @param {bool} includeNegativeTabIndex - will include tabindex="-1" in the list of focusable elements.
-     */
-    _getFocusableElements(e = this.$el, t = !1) {
-      return e = o(e), e ? [...e.querySelectorAll(c)].filter((n) => {
-        const i = window.getComputedStyle(n);
-        return i.getPropertyValue("display") !== "none" && i.getPropertyValue("visibility") !== "hidden" && n.matches(t ? r : a);
-      }) : [];
-    },
-    /**
-     * tabs to the next element contained within your component, does not include tabindex="-1".
-     * @param {object} e - keypress event
-     * @param {object} el - optional - ref of dom element to trap focus on.
-     *  will default to the root node of the vue component
-     */
-    focusTrappedTabPress(e, t) {
-      if (!(e.key === "Tab"))
-        return;
-      const n = this._getFocusableElements(t);
-      if (!n.length) {
-        e.preventDefault();
-        return;
-      }
-      const i = this._getFirstFocusElement(n), l = n[n.length - 1];
-      e.shiftKey ? document.activeElement === i && (l.focus(), e.preventDefault()) : document.activeElement === l && (i.focus(), e.preventDefault());
-    }
-  }
-};
-export {
-  f as default
-};
-//# sourceMappingURL=modal.js.map
+import { returnFirstEl as e } from "../utils/index.js";
+//#region common/mixins/modal.js
+var t = ":not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])", n = `${t}:not([tabindex="-1"])`, r = "button,[href],input,select,textarea,details,[tabindex]", i = { methods: {
+	async getFirstFocusableElement(e) {
+		await this.$nextTick();
+		let t = this._getFocusableElements(e, !0);
+		return this._getFirstFocusElement(t);
+	},
+	async focusFirstElement(t = this.$el) {
+		(await this.getFirstFocusableElement(e(t)))?.focus({ preventScroll: !0 });
+	},
+	async focusElementById(t) {
+		await this.$nextTick();
+		let n = e(this.$el)?.querySelector(t);
+		if (n) {
+			n.focus();
+			return;
+		}
+		console.warn("Could not find the element specified in dt-modal prop \"initialFocusElement\". Defaulting to focusing the first element."), await this.focusFirstElement();
+	},
+	_getFirstFocusElement(e) {
+		if (!e.length) return;
+		let t = e[0];
+		return t.matches("[type=\"radio\"]:not(:checked)") && (t = e.find((e) => e.checked && e.name === t.name) || t), t;
+	},
+	_getFocusableElements(i = this.$el, a = !1) {
+		return i = e(i), i ? [...i.querySelectorAll(r)].filter((e) => {
+			let r = window.getComputedStyle(e);
+			return r.getPropertyValue("display") !== "none" && r.getPropertyValue("visibility") !== "hidden" && e.matches(a ? t : n);
+		}) : [];
+	},
+	focusTrappedTabPress(e, t) {
+		if (e.key !== "Tab") return;
+		let n = this._getFocusableElements(t);
+		if (!n.length) {
+			e.preventDefault();
+			return;
+		}
+		let r = this._getFirstFocusElement(n), i = n[n.length - 1];
+		e.shiftKey ? document.activeElement === r && (i.focus(), e.preventDefault()) : document.activeElement === i && (r.focus(), e.preventDefault());
+	}
+} };
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../common/mixins/modal.js"],"sourcesContent":["import { returnFirstEl } from '@/common/utils';\n\nconst focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(returnFirstEl(el));\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = returnFirstEl(this.$el)?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      el = returnFirstEl(el);\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"names":["focusableAttrs","tabbableAttrs","focusableElementsList","Modal","el","focusableElements","elToFocus","returnFirstEl","elementId","result","_a","firstFocusEl","includeNegativeTabIndex","fc","style","firstFocusableElement","lastFocusableElement"],"mappings":";AAEA,MAAMA,IAAiB,0EACjBC,IAAgB,GAAGD,CAAc,yBACjCE,IAAwB,0DAiB9BC,IAAe;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,MAAM,yBAA0BC,GAAI;AAClC,YAAM,KAAK,UAAS;AACpB,YAAMC,IAAoB,KAAK,sBAAsBD,GAAI,EAAI;AAC7D,aAAO,KAAK,sBAAsBC,CAAiB;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAM,kBAAmBD,IAAK,KAAK,KAAK;AACtC,YAAME,IAAY,MAAM,KAAK,yBAAyBC,EAAcH,CAAE,CAAC;AACvE,MAAAE,KAAA,QAAAA,EAAW,MAAM,EAAE,eAAe,GAAI;AAAA,IACxC;AAAA,IAEA,MAAM,iBAAkBE,GAAW;;AACjC,YAAM,KAAK,UAAS;AACpB,YAAMC,KAASC,IAAAH,EAAc,KAAK,GAAG,MAAtB,gBAAAG,EAAyB,cAAcF;AACtD,UAAIC,GAAQ;AACV,QAAAA,EAAO,MAAK;AACZ;AAAA,MACF;AAGA,cAAQ,KAAK,wHACgC,GAC7C,MAAM,KAAK,kBAAiB;AAAA,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,sBAAuBJ,GAAmB;AACxC,UAAI,CAACA,EAAkB;AACrB;AAEF,UAAIM,IAAeN,EAAkB,CAAC;AAEtC,aAAIM,EAAa,QAAQ,8BAA8B,MACrDA,IAAeN,EAAkB,KAAK,CAAAD,MAAMA,EAAG,WAAWA,EAAG,SAASO,EAAa,IAAI,KAAKA,IAEvFA;AAAA,IACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWA,sBAAuBP,IAAK,KAAK,KAAKQ,IAA0B,IAAO;AAErE,aADAR,IAAKG,EAAcH,CAAE,GAChBA,IACoB,CAAC,GAAGA,EAAG,iBAAiBF,CAAqB,CAAC,EAC/C,OAAO,CAACW,MAAO;AACrC,cAAMC,IAAQ,OAAO,iBAAiBD,CAAE;AACxC,eAAOC,EAAM,iBAAiB,SAAS,MAAM,UAC3CA,EAAM,iBAAiB,YAAY,MAAM,YACzCD,EAAG,QAAQD,IAA0BZ,IAAiBC,CAAa;AAAA,MACvE,CAAC,IAPe,CAAA;AAAA,IAQlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,qBAAsB,GAAGG,GAAI;AAG3B,UAAI,EAFiB,EAAE,QAAQ;AAG7B;AAGF,YAAMC,IAAoB,KAAK,sBAAsBD,CAAE;AACvD,UAAI,CAACC,EAAkB,QAAQ;AAC7B,UAAE,eAAc;AAChB;AAAA,MACF;AAEA,YAAMU,IAAwB,KAAK,sBAAsBV,CAAiB,GACpEW,IAAuBX,EAAkBA,EAAkB,SAAS,CAAC;AAE3E,MAAI,EAAE,WACA,SAAS,kBAAkBU,MAC7BC,EAAqB,MAAK,GAC1B,EAAE,eAAc,KAGd,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAK,GAC3B,EAAE,eAAc;AAAA,IAGtB;AAAA,EACJ;AACA;"}
+{"version":3,"file":"modal.js","names":[],"sources":["../../../common/mixins/modal.js"],"sourcesContent":["import { returnFirstEl } from '@/common/utils';\n\nconst focusableAttrs = ':not(:disabled):not([aria-disabled=\"true\"]):not([role=\"presentation\"])';\nconst tabbableAttrs = `${focusableAttrs}:not([tabindex=\"-1\"])`;\nconst focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;\n\n/**\n * This mixin provides the methods to automatically trap tab focus within\n * the component this mixin is on, meaning it is not possible to tab out\n * of the component without dismissing it.\n *\n * Useful for accessibility reasons on things like important actionable alerts.\n *\n * Use focusFirstElement to focus on the first tabbable element within your component, and call\n * focusTrappedTabPress every time tab is pressed to trap tab within this\n * component.\n *\n * Note that focusFirstElement WILL focus elements with tabindex=\"-1\",\n * however focusTrappedTabPress will not.\n * @displayName Modal Mixin\n */\nexport default {\n  methods: {\n    /**\n     * get the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async getFirstFocusableElement (el) {\n      await this.$nextTick();\n      const focusableElements = this._getFocusableElements(el, true);\n      return this._getFirstFocusElement(focusableElements);\n    },\n\n    /**\n     * set focus to the first focusable element in your component, includes tabindex=\"-1\".\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    async focusFirstElement (el = this.$el) {\n      const elToFocus = await this.getFirstFocusableElement(returnFirstEl(el));\n      elToFocus?.focus({ preventScroll: true });\n    },\n\n    async focusElementById (elementId) {\n      await this.$nextTick();\n      const result = returnFirstEl(this.$el)?.querySelector(elementId);\n      if (result) {\n        result.focus();\n        return;\n      }\n\n      // eslint-disable-next-line no-console\n      console.warn('Could not find the element specified in dt-modal prop \"initialFocusElement\". ' +\n        'Defaulting to focusing the first element.');\n      await this.focusFirstElement();\n    },\n\n    /**\n     * internal use only.\n     *\n     * @param focusableElements - list of focusable elements\n     * @returns {*} - first DOM element that is focusable.\n     * @private\n     */\n    _getFirstFocusElement (focusableElements) {\n      if (!focusableElements.length) {\n        return;\n      }\n      let firstFocusEl = focusableElements[0];\n      // If first element is a checkbox, put focus on the selected checkbox or the first checkbox if none are selected.\n      if (firstFocusEl.matches('[type=\"radio\"]:not(:checked)')) {\n        firstFocusEl = focusableElements.find(el => el.checked && el.name === firstFocusEl.name) || firstFocusEl;\n      }\n      return firstFocusEl;\n    },\n\n    /**\n     * internal use only.\n     *\n     * gets all the focusable elements within the component\n     * and sets the first and last of those elements.\n     *\n     * @param {object} el - the root dom element to find focusable elements in.\n     * @param {bool} includeNegativeTabIndex - will include tabindex=\"-1\" in the list of focusable elements.\n     */\n    _getFocusableElements (el = this.$el, includeNegativeTabIndex = false) {\n      el = returnFirstEl(el);\n      if (!el) return [];\n      const focusableContent = [...el.querySelectorAll(focusableElementsList)];\n      return focusableContent.filter((fc) => {\n        const style = window.getComputedStyle(fc);\n        return style.getPropertyValue('display') !== 'none' &&\n          style.getPropertyValue('visibility') !== 'hidden' &&\n          fc.matches(includeNegativeTabIndex ? focusableAttrs : tabbableAttrs);\n      });\n    },\n\n    /**\n     * tabs to the next element contained within your component, does not include tabindex=\"-1\".\n     * @param {object} e - keypress event\n     * @param {object} el - optional - ref of dom element to trap focus on.\n     *  will default to the root node of the vue component\n     */\n    focusTrappedTabPress (e, el) {\n      const isTabPressed = e.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      const focusableElements = this._getFocusableElements(el);\n      if (!focusableElements.length) {\n        e.preventDefault();\n        return;\n      }\n\n      const firstFocusableElement = this._getFirstFocusElement(focusableElements);\n      const lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    },\n  },\n};\n"],"mappings":";;AAEA,IAAM,IAAiB,8EACjB,IAAgB,GAAG,EAAe,wBAClC,IAAwB,0DAiB9B,IAAe,EACb,SAAS;CAMP,MAAM,yBAA0B,GAAI;AAClC,QAAM,KAAK,WAAW;EACtB,IAAM,IAAoB,KAAK,sBAAsB,GAAI,GAAK;AAC9D,SAAO,KAAK,sBAAsB,EAAkB;;CAQtD,MAAM,kBAAmB,IAAK,KAAK,KAAK;AAEtC,GADkB,MAAM,KAAK,yBAAyB,EAAc,EAAG,CAAC,GAC7D,MAAM,EAAE,eAAe,IAAM,CAAC;;CAG3C,MAAM,iBAAkB,GAAW;AACjC,QAAM,KAAK,WAAW;EACtB,IAAM,IAAS,EAAc,KAAK,IAAI,EAAE,cAAc,EAAU;AAChE,MAAI,GAAQ;AACV,KAAO,OAAO;AACd;;AAMF,EAFA,QAAQ,KAAK,2HACiC,EAC9C,MAAM,KAAK,mBAAmB;;CAUhC,sBAAuB,GAAmB;AACxC,MAAI,CAAC,EAAkB,OACrB;EAEF,IAAI,IAAe,EAAkB;AAKrC,SAHI,EAAa,QAAQ,iCAA+B,KACtD,IAAe,EAAkB,MAAK,MAAM,EAAG,WAAW,EAAG,SAAS,EAAa,KAAK,IAAI,IAEvF;;CAYT,sBAAuB,IAAK,KAAK,KAAK,IAA0B,IAAO;AAIrE,SAHA,IAAK,EAAc,EAAG,EACjB,IACoB,CAAC,GAAG,EAAG,iBAAiB,EAAsB,CAAC,CAChD,QAAQ,MAAO;GACrC,IAAM,IAAQ,OAAO,iBAAiB,EAAG;AACzC,UAAO,EAAM,iBAAiB,UAAU,KAAK,UAC3C,EAAM,iBAAiB,aAAa,KAAK,YACzC,EAAG,QAAQ,IAA0B,IAAiB,EAAc;IACtE,GAPc,EAAE;;CAgBpB,qBAAsB,GAAG,GAAI;AAG3B,MAFqB,EAAE,QAAQ,MAG7B;EAGF,IAAM,IAAoB,KAAK,sBAAsB,EAAG;AACxD,MAAI,CAAC,EAAkB,QAAQ;AAC7B,KAAE,gBAAgB;AAClB;;EAGF,IAAM,IAAwB,KAAK,sBAAsB,EAAkB,EACrE,IAAuB,EAAkB,EAAkB,SAAS;AAE1E,EAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAqB,OAAO,EAC5B,EAAE,gBAAgB,IAGhB,SAAS,kBAAkB,MAC7B,EAAsB,OAAO,EAC7B,EAAE,gBAAgB;;CAIzB,EACF"}

package/dist/common/mixins/skeleton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../lib/skeleton/skeleton-constants.cjs"),o={computed:{skeletonOffset(){const t=this.$refs.skeleton;if(!t)return this.offset;const{top:e,height:n}=t.getBoundingClientRect();return e+n/2},skeletonStyle(){const t={};if(this.skeletonOffset===-1||!this.animate&&this.animationDuration===-1)return t;const e=this.skeletonOffset*i.SKELETON_RIPPLE_DURATION/1e3,n=this.animationDuration===-1?1e3:this.animationDuration;return t.animationDelay=`${e}ms`,t.animationDuration=`${n}ms`,t}}};exports.default=o;
-//# sourceMappingURL=skeleton.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../lib/skeleton/skeleton-constants.cjs`);var t={computed:{skeletonOffset(){let e=this.$refs.skeleton;if(!e)return this.offset;let{top:t,height:n}=e.getBoundingClientRect();return t+n/2},skeletonStyle(){let t={};if(this.skeletonOffset===-1||!this.animate&&this.animationDuration===-1)return t;let n=this.skeletonOffset*e.SKELETON_RIPPLE_DURATION/1e3,r=this.animationDuration===-1?1e3:this.animationDuration;return t.animationDelay=`${n}ms`,t.animationDuration=`${r}ms`,t}}};exports.default=t;
+//# sourceMappingURL=skeleton.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"names":["SkeletonAnimation","skeletonText","top","height","style","animationDelay","SKELETON_RIPPLE_DURATION","animationDuration"],"mappings":"yKAKAA,EAAe,CACb,SAAU,CACR,gBAAkB,CAChB,MAAMC,EAAe,KAAK,MAAM,SAChC,GAAI,CAACA,EAAgB,OAAO,KAAK,OACjC,KAAM,CAAE,IAAAC,EAAK,OAAAC,GAAWF,EAAa,sBAAqB,EAC1D,OAAOC,EAAOC,EAAS,CACzB,EAEA,eAAiB,CACf,MAAMC,EAAQ,CAAA,EAEd,GAAI,KAAK,iBAAmB,IAAO,CAAC,KAAK,SAAW,KAAK,oBAAsB,GAC7E,OAAOA,EAET,MAAMC,EAAiB,KAAK,eAAiBC,EAAAA,yBAA2B,IAClEC,EAAoB,KAAK,oBAAsB,GAAK,IAAO,KAAK,kBACtE,OAAAH,EAAM,eAAiB,GAAGC,CAAc,KACxCD,EAAM,kBAAoB,GAAGG,CAAiB,KACvCH,CACT,CACJ,CACA"}
+{"version":3,"file":"skeleton.cjs","names":["SKELETON_RIPPLE_DURATION"],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":"4JAKA,IAAA,EAAe,CACb,SAAU,CACR,gBAAkB,CAChB,IAAM,EAAe,KAAK,MAAM,SAChC,GAAI,CAAC,EAAgB,OAAO,KAAK,OACjC,GAAM,CAAE,MAAK,UAAW,EAAa,uBAAuB,CAC5D,OAAO,EAAO,EAAS,GAGzB,eAAiB,CACf,IAAM,EAAQ,EAAE,CAEhB,GAAI,KAAK,iBAAmB,IAAO,CAAC,KAAK,SAAW,KAAK,oBAAsB,GAC7E,OAAO,EAET,IAAM,EAAiB,KAAK,eAAiBA,EAAAA,yBAA2B,IAClE,EAAoB,KAAK,oBAAsB,GAAK,IAAO,KAAK,kBAGtE,MAFA,GAAM,eAAiB,GAAG,EAAe,IACzC,EAAM,kBAAoB,GAAG,EAAkB,IACxC,GAEV,CACF"}

package/dist/common/mixins/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../common/mixins/skeleton.js"],"names":[],"mappings":";;QAOI,+BAKC;QAED;;;UAWC"}

package/dist/common/mixins/skeleton.js

@@ -1,23 +1,20 @@
-import { SKELETON_RIPPLE_DURATION as i } from "../../lib/skeleton/skeleton-constants.js";
-const s = {
-  computed: {
-    skeletonOffset() {
-      const t = this.$refs.skeleton;
-      if (!t)
-        return this.offset;
-      const { top: n, height: e } = t.getBoundingClientRect();
-      return n + e / 2;
-    },
-    skeletonStyle() {
-      const t = {};
-      if (this.skeletonOffset === -1 || !this.animate && this.animationDuration === -1)
-        return t;
-      const n = this.skeletonOffset * i / 1e3, e = this.animationDuration === -1 ? 1e3 : this.animationDuration;
-      return t.animationDelay = `${n}ms`, t.animationDuration = `${e}ms`, t;
-    }
-  }
-};
-export {
-  s as default
-};
-//# sourceMappingURL=skeleton.js.map
+import { SKELETON_RIPPLE_DURATION as e } from "../../lib/skeleton/skeleton-constants.js";
+//#region common/mixins/skeleton.js
+var t = { computed: {
+	skeletonOffset() {
+		let e = this.$refs.skeleton;
+		if (!e) return this.offset;
+		let { top: t, height: n } = e.getBoundingClientRect();
+		return t + n / 2;
+	},
+	skeletonStyle() {
+		let t = {};
+		if (this.skeletonOffset === -1 || !this.animate && this.animationDuration === -1) return t;
+		let n = this.skeletonOffset * e / 1e3, r = this.animationDuration === -1 ? 1e3 : this.animationDuration;
+		return t.animationDelay = `${n}ms`, t.animationDuration = `${r}ms`, t;
+	}
+} };
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"names":["SkeletonAnimation","skeletonText","top","height","style","animationDelay","SKELETON_RIPPLE_DURATION","animationDuration"],"mappings":";AAKA,MAAAA,IAAe;AAAA,EACb,UAAU;AAAA,IACR,iBAAkB;AAChB,YAAMC,IAAe,KAAK,MAAM;AAChC,UAAI,CAACA;AAAgB,eAAO,KAAK;AACjC,YAAM,EAAE,KAAAC,GAAK,QAAAC,MAAWF,EAAa,sBAAqB;AAC1D,aAAOC,IAAOC,IAAS;AAAA,IACzB;AAAA,IAEA,gBAAiB;AACf,YAAMC,IAAQ,CAAA;AAEd,UAAI,KAAK,mBAAmB,MAAO,CAAC,KAAK,WAAW,KAAK,sBAAsB;AAC7E,eAAOA;AAET,YAAMC,IAAiB,KAAK,iBAAiBC,IAA2B,KAClEC,IAAoB,KAAK,sBAAsB,KAAK,MAAO,KAAK;AACtE,aAAAH,EAAM,iBAAiB,GAAGC,CAAc,MACxCD,EAAM,oBAAoB,GAAGG,CAAiB,MACvCH;AAAA,IACT;AAAA,EACJ;AACA;"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../common/mixins/skeleton.js"],"sourcesContent":["import { SKELETON_RIPPLE_DURATION } from '@/components/skeleton/skeleton_constants';\n\n/**\n * @displayName Skeleton Animation Mixin\n */\nexport default {\n  computed: {\n    skeletonOffset () {\n      const skeletonText = this.$refs.skeleton;\n      if (!skeletonText) { return this.offset; }\n      const { top, height } = skeletonText.getBoundingClientRect();\n      return top + (height / 2);\n    },\n\n    skeletonStyle () {\n      const style = {};\n\n      if (this.skeletonOffset === -1 || (!this.animate && this.animationDuration === -1)) {\n        return style;\n      }\n      const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;\n      const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;\n      style.animationDelay = `${animationDelay}ms`;\n      style.animationDuration = `${animationDuration}ms`;\n      return style;\n    },\n  },\n};\n"],"mappings":";;AAKA,IAAA,IAAe,EACb,UAAU;CACR,iBAAkB;EAChB,IAAM,IAAe,KAAK,MAAM;AAChC,MAAI,CAAC,EAAgB,QAAO,KAAK;EACjC,IAAM,EAAE,QAAK,cAAW,EAAa,uBAAuB;AAC5D,SAAO,IAAO,IAAS;;CAGzB,gBAAiB;EACf,IAAM,IAAQ,EAAE;AAEhB,MAAI,KAAK,mBAAmB,MAAO,CAAC,KAAK,WAAW,KAAK,sBAAsB,GAC7E,QAAO;EAET,IAAM,IAAiB,KAAK,iBAAiB,IAA2B,KAClE,IAAoB,KAAK,sBAAsB,KAAK,MAAO,KAAK;AAGtE,SAFA,EAAM,iBAAiB,GAAG,EAAe,KACzC,EAAM,oBAAoB,GAAG,EAAkB,KACxC;;CAEV,EACF"}

package/dist/common/sr_only_close_button.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DG,GAAG"}

package/dist/common/test-utils/node-traversal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e,t){t(e),e.content&&e.content.forEach(r=>a(r,t))}function i(e,t){e&&Array.isArray(e)&&e.forEach(r=>a(r,t))}function o(e,t){let r=null;return i(e,n=>{!r&&t(n)&&(r=n)}),r}function u(e,t){return o(e,r=>{var n;return r.type==="variable"&&((n=r.attrs)==null?void 0:n.id)===t})}function f(e,t){const r=[];return i(e,n=>{t(n)&&r.push(n)}),r}function s(e){return f(e,t=>t.type==="variable")}function l(e,t){let r=0;return i(e,n=>{t(n)&&r++}),r}function c(e){return l(e,t=>t.type==="variable")}function d(e,t){return u(e,t)!==null}exports.countNodes=l;exports.countVariables=c;exports.findAllNodes=f;exports.findAllVariables=s;exports.findNode=o;exports.findVariable=u;exports.traverseNode=a;exports.traverseNodes=i;exports.variableExists=d;
-//# sourceMappingURL=node-traversal.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(t,n){n(t),t.content&&t.content.forEach(t=>e(t,n))}function t(t,n){t&&Array.isArray(t)&&t.forEach(t=>e(t,n))}function n(e,n){let r=null;return t(e,e=>{!r&&n(e)&&(r=e)}),r}function r(e,t){return n(e,e=>e.type===`variable`&&e.attrs?.id===t)}function i(e,n){let r=[];return t(e,e=>{n(e)&&r.push(e)}),r}function a(e){return i(e,e=>e.type===`variable`)}function o(e,n){let r=0;return t(e,e=>{n(e)&&r++}),r}function s(e){return o(e,e=>e.type===`variable`)}function c(e,t){return r(e,t)!==null}exports.countNodes=o,exports.countVariables=s,exports.findAllNodes=i,exports.findAllVariables=a,exports.findNode=n,exports.findVariable=r,exports.traverseNode=e,exports.traverseNodes=t,exports.variableExists=c;
+//# sourceMappingURL=node-traversal.cjs.map