q2-tecton-elements 1.52.2 → 1.54.0

package/dist/q2-tecton-elements/q2-option-list.entry.js

@@ -1,585 +0,0 @@
-import { r as t, c as e, h as s, H as i, g as n } from "./index-7a5365e2.js";
-
-import { n as o, l as h, o as a, i as c, w as r, x as l } from "./index-d18e2a20.js";
-
-function sanitizeRegexString(t) {
-  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-
-const d = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";
-
-const f = d;
-
-const p = class {
-  constructor(s) {
-    t(this, s);
-    this.change = e(this, "change", 7);
-    this.popoverState = e(this, "popoverState", 7);
-    this.ready = e(this, "ready", 3);
-    this.keyStore = {
-      queue: [],
-      lastPressedAt: new Date
-    };
-    this.scheduledAfterRender = [];
-    this.clickHandler = t => {
-      const e = t.target;
-      const s = e.closest("q2-option");
-      this.selectOption(s);
-      if (this.multiple) return;
-      this.popoverState.emit({
-        open: false,
-        action: "select"
-      });
-    };
-    /* tslint:disable:cyclomatic-complexity */    this.externalKeydownHandler = t => {
-      t.stopPropagation();
-      const {activeIndex: e, customSearch: s, allOptions: i} = this;
-      const {key: n} = t;
-      let h;
-      switch (n) {
-       case " ":
-        if (this.searchString) {
-          if (s) break;
-          this.searchOptions(n, true);
-          break;
-        } else if (this.type === "menu") {
-          this.activeIndex = 0;
-          this.openDropdownWithActiveElement(0);
-        } else {
-          this.setDefaultActiveElement();
-          o((() => this.popoverState.emit({
-            open: true,
-            action: "open"
-          })));
-        }
-        break;
-
-       case "Enter":
-        if (this.type === "menu") {
-          this.activeIndex = 0;
-          this.openDropdownWithActiveElement(0);
-        } else {
-          this.setDefaultActiveElement();
-          o((() => this.popoverState.emit({
-            open: true,
-            action: "open"
-          })));
-        }
-        break;
-
-       case "ArrowUp":
-        t.preventDefault();
-        h = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(-1);
-        if (h === -1) break;
-        this.openDropdownWithActiveElement(h);
-        break;
-
-       case "ArrowDown":
-        t.preventDefault();
-        h = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(1);
-        if (h === -1) break;
-        this.openDropdownWithActiveElement(h);
-        break;
-
-       case "Home":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(0);
-        break;
-
-       case "End":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(i.length - 1);
-        break;
-
-       case "PageUp":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(Math.max((e || 0) - 10, 0));
-        break;
-
-       case "PageDown":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(Math.min((e || 0) + 10, i.length - 1));
-        break;
-
-       case "Tab":
-        this.popoverState.emit({
-          open: false,
-          action: "close"
-        });
-        break;
-
-       case "Esc":
-       case "Escape":
-        if (this.noSelect) this.setActiveElement(null);
-        this.popoverState.emit({
-          open: false,
-          action: "close"
-        });
-        break;
-
-       default:
-        if (s) break;
-        if (!n.match(/^[\w]$/)) break;
-        this.searchOptions(n, true);
-        break;
-      }
-    };
-    /* tslint:enable:cyclomatic-complexity */    this.focusoutHandler = t => {
-      const {relatedTarget: e} = t;
-      const s = this.allOptions.includes(e);
-      const i = !s && this.hostElement.contains(e);
-      if (s || i) {
-        t.stopPropagation();
-      }
-    };
-    this.internalKeydownHandler = t => {
-      t.stopPropagation();
-      const {activeIndex: e, customSearch: s, allOptions: i, allVisibleOptions: n, multiple: o} = this;
-      const {key: h, shiftKey: a} = t;
-      let c;
-      switch (h) {
-       case " ":
-        if (this.searchString && !this.multiple) {
-          if (s) break;
-          this.searchOptions(h, false);
-          break;
-        }
-        t.preventDefault();
-        c = i.find((t => t.active));
-        if (!c || c.disabled) break;
-        this.selectOption(c);
-        if (o) break;
-        this.popoverState.emit({
-          open: false,
-          action: "select"
-        });
-        break;
-
-       case "Enter":
-        t.preventDefault();
-        c = i.find((t => t.active));
-        if (!c || c.disabled) break;
-        this.selectOption(c);
-        if (o) break;
-        this.popoverState.emit({
-          open: false,
-          action: "select"
-        });
-        break;
-
-       case "ArrowUp":
-        t.preventDefault();
-        const r = n[0].active;
-        if (r) break;
-        if (e === undefined) {
-          this.setDefaultActiveElement();
-          break;
-        } else {
-          const t = this.getNextVisibleIndex(-1);
-          if (t === -1) break;
-          this.adjustActiveOptionAndScroll(t - e);
-          break;
-        }
-
-       case "ArrowDown":
-        t.preventDefault();
-        const l = n[n.length - 1].active;
-        if (l) break;
-        if (e === undefined) {
-          this.setDefaultActiveElement();
-          break;
-        } else {
-          const t = this.getNextVisibleIndex(1);
-          if (t === -1) break;
-          this.adjustActiveOptionAndScroll(t - e);
-          break;
-        }
-
-       case "Home":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(0);
-        break;
-
-       case "End":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(i.length - 1);
-        break;
-
-       case "PageUp":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(Math.max(e - 10, 0));
-        break;
-
-       case "PageDown":
-        t.preventDefault();
-        this.openDropdownWithActiveElement(Math.min(e + 10, i.length - 1));
-        break;
-
-       case "Tab":
-        if (a) break;
-        if (this.multiple && this.type === "listbox") break;
-        if (this.type === "menu") {
-          this.popoverState.emit({
-            open: false,
-            action: "close"
-          });
-          break;
-        }
-        c = i.find((t => t.active));
-        if (!c || c.disabled) return;
-        this.selectOption(c);
-        break;
-
-       case "Esc":
-       case "Escape":
-        if (this.noSelect) this.setActiveElement(null);
-        this.popoverState.emit({
-          open: false,
-          action: "close"
-        });
-        break;
-
-       default:
-        if (s) break;
-        if (!h.match(/^[\w]$/)) break;
-        this.searchOptions(h, false);
-        break;
-      }
-    };
-    this.searchAndFocus = (t, e) => {
-      // pseudo search in non-searchable select
-      const reorder = () => {
-        this.pivotIndex = this.pivotIndex === undefined ? 0 : (this.activeIndex || 0) + 1;
-        const t = this.allOptions.map(((t, e) => ({
-          element: t,
-          index: e
-        })));
-        return [ ...t.slice(this.pivotIndex), ...t.slice(0, this.pivotIndex) ];
-      };
-      const buildQueue = () => {
-        const e = new Date;
-        if (e.getTime() - this.keyStore.lastPressedAt.getTime() > 1e3) {
-          // empty stored keys if delay > 1s
-          this.keyStore.queue.length = 0;
-        }
-        if (this.keyStore.queue.length !== 1 || this.keyStore.queue[0] !== t) {
-          this.keyStore.queue.push(t);
-        }
-        this.keyStore.lastPressedAt = e;
-      };
-      const searchIndex = t => {
-        const e = this.keyStore.queue.join("");
-        const s = sanitizeRegexString(e);
-        return t.find((t => !t.element.disabled && t.element.display && (t.element.display.match(new RegExp(`^${s}`, "i")) || t.element.display.replace(/\s/g, "").match(new RegExp(`^${s}`, "i")))));
-      };
-      const setFocus = ({index: t}) => {
-        if (this.multiple) {
-          // multiple: should open to make sure that which options are selected
-          this.openDropdownWithActiveElement(t);
-        } else {
-          this.activeIndex = t;
-          if (e) {
-            this.selectOption(this.allOptions[t]);
-            this.popoverState.emit({
-              open: false,
-              action: "select"
-            });
-          } else this.setActiveElement(t);
-        }
-      };
-      buildQueue();
-      const s = searchIndex(reorder());
-      if (s) {
-        setFocus(s);
-      }
-    };
-    this.hasOptions = undefined;
-    this.align = undefined;
-    this.customSearch = undefined;
-    this.disabled = undefined;
-    this.label = h("tecton.element.optionList.label");
-    this.multiple = undefined;
-    this.noSelect = undefined;
-    this.selectedOptions = [];
-    this.showSelected = undefined;
-    this.type = "listbox";
-  }
-  // #endregion
-  // #region Component Lifecycle Events
-  componentWillLoad() {
-    this.hasOptions = !!this.hostElement.querySelectorAll("q2-option").length;
-  }
-  componentDidLoad() {
-    a(this.hostElement);
-    this.checkOptions();
-    this.selectedOptionsUpdated();
-    this.ready.emit();
-  }
-  componentDidRender() {
-    this.scheduledAfterRender.forEach((t => t()));
-    this.scheduledAfterRender = [];
-  }
-  // #endregion
-  // #region Listeners
-  handleClick(t) {
-    t.stopPropagation();
-  }
-  delegateFocus(t) {
-    if (!c(t, this.hostElement)) return;
-    this.popoverState.emit({
-      open: true,
-      action: "open"
-    });
-    const {activeIndex: e} = this;
-    if (typeof e === "number" && e > -1) {
-      this.setActiveOption();
-      this.setFocusedOption();
-    } else {
-      this.setDefaultActiveElement();
-    }
-  }
-  // #endregion
-  // #region Public Methods API
-  async getContents() {
-    return this.allContents;
-  }
-  async getOptions() {
-    return this.allOptions;
-  }
-  async handleExternalKeydown(t) {
-    this.externalKeydownHandler(t);
-  }
-  async setActiveElement(t) {
-    this.activeIndex = t;
-    this.setActiveOption();
-    this.setFocusedOption();
-  }
-  async setDefaultActiveElement() {
-    this.activeIndex = this.getDefaultActiveIndex();
-    this.setActiveOption();
-    this.setFocusedOption();
-  }
-  // #endregion
-  // #region Watchers
-  selectedOptionsUpdated() {
-    if (this.multiple) {
-      this.updateMultipleOptionAttrs();
-    } else {
-      this.updateSingleOptionAttrs();
-    }
-  }
-  showSelectedUpdated(t) {
-    if (t && this.selectedOptions.length === 0) {
-      this.showSelected = false;
-      return;
-    }
-    this.allOptions.forEach((e => e._multiSelectHidden = t ? !e.selected : false));
-  }
-  // #endregion
-  // #region Local Methods
-  get allContents() {
-    const t = this.getRootSlot(this.hostElement);
-    const e = [ "Q2-OPTGROUP", "Q2-OPTION" ];
-    return t.filter((t => e.includes(t.tagName)));
-  }
-  get allOptions() {
-    const t = this.allContents;
-    const extractOptions = t => t.reduce(((t, e) => {
-      if (e.tagName === "Q2-OPTGROUP") {
-        return [ ...t, ...extractOptions(Array.from(e.children)) ];
-      } else if (e.tagName === "Q2-OPTION") {
-        return [ ...t, e ];
-      } else {
-        return t;
-      }
-    }), []);
-    return extractOptions(t);
-  }
-  get allVisibleOptions() {
-    return this.allOptions.filter((t => !t.hidden && !t._multiSelectHidden && !t.disabled && !t.disabledGroup));
-  }
-  adjustActiveOptionAndScroll(t) {
-    this.activeIndex += t;
-    this.setActiveOption();
-    this.setFocusedOption();
-    this.scrollToActiveOption();
-  }
-  async checkOptions() {
-    const {type: t} = this;
-    const e = await this.getOptions();
-    if (!t) return;
-    const s = t === "menu" ? "menuitem" : "option";
-    e.forEach((t => {
-      t.role = s;
-    }));
-  }
-  focusSelectedSibling(t) {
-    const {allVisibleOptions: e, allOptions: s} = this;
-    const i = e.length < 2;
-    if (i) {
-      this.showSelected = false;
-      return;
-    }
-    const n = e.indexOf(t);
-    const o = n ? n - 1 : n + 1;
-    const h = e[o];
-    const a = s.indexOf(h);
-    this.activeIndex = a;
-    this.setFocusedOption();
-    this.scheduledAfterRender.push((() => {
-      t._multiSelectHidden = !t.selected;
-    }));
-  }
-  getDefaultActiveIndex() {
-    const {allOptions: t} = this;
-    const e = t.findIndex((t => t.selected));
-    if (e > -1) return e;
-    const s = t.findIndex((t => !t.hidden));
-    if (s > -1) return s;
-    return 0;
-  }
-  getNextVisibleIndex(t) {
-    const {allVisibleOptions: e, allOptions: s, activeIndex: i} = this;
-    const n = s[i];
-    const o = e.indexOf(n);
-    let h = o + t;
-    if (h < 0) {
-      h = e.length - 1;
-    } else if (h > e.length - 1) {
-      h = 0;
-    }
-    const a = e[h];
-    return s.indexOf(a);
-  }
-  getRootSlot(t) {
-    var e;
-    const s = t.querySelector("slot");
-    const i = (e = s === null || s === void 0 ? void 0 : s.assignedElements()) !== null && e !== void 0 ? e : Array.from(t.children);
-    const n = !!i.length && i[0].tagName === "SLOT";
-    if (n) {
-      return this.getRootSlot(i[0]);
-    } else {
-      return i;
-    }
-  }
-  async openDropdownWithActiveElement(t) {
-    if (this.disabled) return;
-    this.popoverState.emit({
-      open: true,
-      action: "open"
-    });
-    await r();
-    this.activeIndex = t;
-    this.setActiveOption();
-    this.setFocusedOption();
-    this.scrollToActiveOption();
-  }
-  resetTimer() {
-    if (this.searchStringTimer) {
-      clearTimeout(this.searchStringTimer);
-    }
-    this.searchStringTimer = window.setTimeout((() => {
-      this.searchString = null;
-    }), 2e3);
-  }
-  scrollToActiveOption() {
-    const t = this.allOptions[this.activeIndex];
-    t === null || t === void 0 ? void 0 : t.scrollIntoView({
-      block: "center"
-    });
-  }
-  searchOptions(t, e) {
-    this.searchString = t;
-    this.searchAndFocus(t, e);
-  }
-  selectOption(t) {
-    const {multiple: e, noSelect: s, showSelected: i} = this;
-    if (!t || t.disabled || t.disabledGroup) return;
-    const n = t.value;
-    const o = {
-      value: n,
-      display: t.display || t.innerText.trim()
-    };
-    let h = [];
-    if (e) {
-      const {selectedOptions: e} = this;
-      const s = e.find((t => t.value === n));
-      if (s) {
-        h = e.filter((({value: t}) => t !== n));
-      } else {
-        h = [ ...e, o ];
-      }
-      if (i) this.focusSelectedSibling(t);
-    } else {
-      h = [ o ];
-    }
-    if (s) this.setActiveElement(null); else this.selectedOptions = h;
-    this.change.emit({
-      value: n,
-      values: h
-    });
-  }
-  setActiveOption() {
-    const t = this.activeIndex;
-    this.allOptions.forEach(((e, s) => {
-      e.active = t === s;
-    }));
-  }
-  setFocusedOption() {
-    const t = this.allOptions[this.activeIndex];
-    if (!t) return;
-    const e = l(t);
-    if (e) t.focus(); else o((() => t.focus()));
-  }
-  updateMultipleOptionAttrs() {
-    const {allOptions: t, selectedOptions: e} = this;
-    const s = e.map((({value: t}) => t));
-    t.forEach((t => {
-      t.selected = s.includes(t.value);
-    }));
-  }
-  updateSingleOptionAttrs() {
-    var t;
-    const {allOptions: e, selectedOptions: s} = this;
-    const i = ((t = s[0]) === null || t === void 0 ? void 0 : t.value) || undefined;
-    e.forEach((t => {
-      t.selected = t.value === i;
-    }));
-  }
-  // #endregion
-  // #region Render Methods
-  render() {
-    return s(i, {
-      key: "221e3d11f55902cd286a6f69cb1c30ce4cc3cb1c"
-    }, s("div", {
-      key: "5e08ad2fd5a1a773976285ad16f2e2ef6e2161be",
-      class: "content",
-      ref: t => this.contentElement = t,
-      onFocusout: this.focusoutHandler
-    }, s("div", {
-      key: "537330008c139176aaa19ba997579e61f841fffb",
-      class: "options",
-      "aria-label": h("tecton.element.optionList.label", [ this.label ]),
-      "aria-multiselectable": `${!!this.multiple}`,
-      role: this.type || "listbox",
-      onKeyDown: this.internalKeydownHandler,
-      onClick: this.clickHandler
-    }, s("slot", {
-      key: "9204233743b02ead43bbe4f9329973059af24414"
-    }))));
-  }
-  get hostElement() {
-    return n(this);
-  }
-  static get watchers() {
-    return {
-      selectedOptions: [ "selectedOptionsUpdated" ],
-      showSelected: [ "showSelectedUpdated" ]
-    };
-  }
-};
-
-p.style = f;
-
-export { p as q2_option_list };
-//# sourceMappingURL=q2-option-list.entry.js.map

package/dist/q2-tecton-elements/q2-option-list.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sanitizeRegexString","regexString","replace","q2OptionListCss","Q2OptionListStyle0","Q2OptionList","this","keyStore","queue","lastPressedAt","Date","scheduledAfterRender","clickHandler","event","target","option","closest","selectOption","multiple","popoverState","emit","open","action","externalKeydownHandler","stopPropagation","activeIndex","customSearch","allOptions","key","nextIndex","searchString","searchOptions","type","openDropdownWithActiveElement","setDefaultActiveElement","nextPaint","preventDefault","selectedOptions","length","getDefaultActiveIndex","getNextVisibleIndex","Math","max","min","noSelect","setActiveElement","match","focusoutHandler","relatedTarget","isInQ2OptionList","includes","isInLightDom","hostElement","contains","internalKeydownHandler","allVisibleOptions","shiftKey","newOption","find","element","active","disabled","isFirstVisibleOptionActive","undefined","adjustActiveOptionAndScroll","isLastVisibleOptionActive","searchAndFocus","keyValue","shouldSelect","reorder","pivotIndex","list","map","index","slice","buildQueue","now","getTime","push","searchIndex","keyStr","join","sanitizedKeyStr","v","display","RegExp","setFocus","matched","loc","componentWillLoad","hasOptions","querySelectorAll","componentDidLoad","overrideFocus","checkOptions","selectedOptionsUpdated","ready","componentDidRender","forEach","fn","handleClick","delegateFocus","isEventFromElement","setActiveOption","setFocusedOption","getContents","allContents","getOptions","handleExternalKeydown","updateMultipleOptionAttrs","updateSingleOptionAttrs","showSelectedUpdated","showSelected","_multiSelectHidden","selected","rootSlot","getRootSlot","acceptedTags","filter","tagName","contents","extractOptions","elements","reduce","acc","Array","from","children","hidden","disabledGroup","numToAdd","scrollToActiveOption","options","optionRole","role","focusSelectedSibling","hasNoSiblings","selectedOptionVisibleIndex","indexOf","nextVisibleSiblingIndex","nextVisibleSibling","nextSiblingIndex","firstSelected","findIndex","firstEnabled","direction","activeOption","visibleActiveOptionIndex","nextVisibleOptionIndex","nextVisibleOption","slot","querySelector","assignedElements","_a","hasAnotherSlot","waitForNextPaint","resetTimer","searchStringTimer","clearTimeout","window","setTimeout","scrollIntoView","block","selectedOption","selectedValue","value","valueObject","innerText","trim","values","isAlreadySelected","change","elementIndex","isOptionVisible","isVisible","focus","selectedValues","render","h","Host","class","ref","el","contentElement","onFocusout","label","onKeyDown","onClick"],"sources":["src/utils/sanitize-regex-string.ts","src/components/q2-option-list/q2-option-list.scss?tag=q2-option-list&encapsulation=shadow","src/components/q2-option-list/q2-option-list.tsx"],"sourcesContent":["export default function sanitizeRegexString(regexString: string) {\n    return regexString.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    position: relative;\n    width: 100%;\n    display: block;\n    line-height: var-list(var-prefixer(option-list-line-height),--app-line-height, 1.428571429em);\n}\n\n.content {\n    text-align: start;\n\n    :host([is-sizeable]) & {\n        display: block;\n        height: auto;\n    }\n}\n","import sanitizeRegexString from '@/utils/sanitize-regex-string';\nimport {\n    Component,\n    Prop,\n    h,\n    Event,\n    State,\n    Element,\n    ComponentInterface,\n    Host,\n    EventEmitter,\n    Method,\n    Watch,\n    Listen,\n} from '@stencil/core';\nimport { isEventFromElement, isVisible, loc, nextPaint, overrideFocus, waitForNextPaint } from 'src/utils';\n\nexport interface IOptionValue {\n    value: string;\n    display?: string;\n}\n\n@Component({ tag: 'q2-option-list', shadow: true, styleUrl: 'q2-option-list.scss' })\nexport class Q2OptionList implements ComponentInterface {\n    // #region Own Properties\n\n    activeIndex: number;\n    contentElement: HTMLElement;\n    keyStore: {\n        queue: string[];\n        lastPressedAt: Date;\n    } = {\n        queue: [],\n        lastPressedAt: new Date(),\n    };\n    pivotIndex: number;\n    scheduledAfterRender: (() => void)[] = [];\n    searchString: string;\n    searchStringTimer: number;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    hasOptions: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    align: 'left' | 'right';\n\n    /** Indicates a custom search is being implemented for the option list. */\n    @Prop({ reflect: true })\n    customSearch: boolean;\n\n    /** Disables the option list. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    label: string = loc('tecton.element.optionList.label');\n\n    /**\n     * Enables the multi-select ability for the option list.\n     * @info\n     * Only applicable when options are provided.\n     */\n    @Prop({ reflect: true })\n    multiple: boolean;\n\n    /** Disables the logic that handles selecting and focusing an option in the option list. */\n    @Prop({ reflect: true })\n    noSelect: boolean;\n\n    /** A list of the selected options on the element. */\n    @Prop({ mutable: true })\n    selectedOptions: IOptionValue[] = [];\n\n    /** Applies focus to the selected option. */\n    @Prop({ reflect: true, mutable: true })\n    showSelected: boolean;\n\n    /** Translates to the role of the option list */\n    @Prop()\n    type: 'menu' | 'listbox' = 'listbox';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when an option is selected or deselected.\n     *\n     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\n     * will contain the selected option values.\n     */\n    @Event()\n    change: EventEmitter<{ value: string; values: IOptionValue[] }>;\n\n    /**\n     * Emitted to indicate the intended state of the popover.\n     * @private\n     */\n    @Event()\n    popoverState: EventEmitter<{ open: boolean; action: 'close' | 'select' | 'open' }>;\n\n    /**\n     * Emitted when the component has finished rendering.\n     * @private\n     */\n    @Event({ bubbles: false })\n    ready: EventEmitter<undefined>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.hasOptions = !!this.hostElement.querySelectorAll('q2-option').length;\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.checkOptions();\n        this.selectedOptionsUpdated();\n        this.ready.emit();\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    handleClick(event: MouseEvent) {\n        event.stopPropagation();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        const { activeIndex } = this;\n        if (typeof activeIndex === 'number' && activeIndex > -1) {\n            this.setActiveOption();\n            this.setFocusedOption();\n        } else {\n            this.setDefaultActiveElement();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async getContents(): Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]> {\n        return this.allContents;\n    }\n\n    @Method()\n    async getOptions(): Promise<HTMLQ2OptionElement[]> {\n        return this.allOptions;\n    }\n\n    @Method()\n    async handleExternalKeydown(event: KeyboardEvent) {\n        this.externalKeydownHandler(event);\n    }\n\n    @Method()\n    async setActiveElement(index: number) {\n        this.activeIndex = index;\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    @Method()\n    async setDefaultActiveElement() {\n        this.activeIndex = this.getDefaultActiveIndex();\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('selectedOptions')\n    selectedOptionsUpdated() {\n        if (this.multiple) {\n            this.updateMultipleOptionAttrs();\n        } else {\n            this.updateSingleOptionAttrs();\n        }\n    }\n\n    @Watch('showSelected')\n    showSelectedUpdated(showSelected: boolean) {\n        if (showSelected && this.selectedOptions.length === 0) {\n            this.showSelected = false;\n            return;\n        }\n        this.allOptions.forEach(option => (option._multiSelectHidden = showSelected ? !option.selected : false));\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get allContents(): (HTMLQ2OptgroupElement | HTMLQ2OptionElement)[] {\n        const rootSlot = this.getRootSlot(this.hostElement);\n        const acceptedTags = ['Q2-OPTGROUP', 'Q2-OPTION'];\n        return rootSlot.filter(element => acceptedTags.includes(element.tagName)) as (\n            | HTMLQ2OptgroupElement\n            | HTMLQ2OptionElement\n        )[];\n    }\n\n    get allOptions(): HTMLQ2OptionElement[] {\n        const contents = this.allContents;\n\n        const extractOptions = (\n            elements: (HTMLQ2OptgroupElement | HTMLQ2OptionElement | Element)[]\n        ): HTMLQ2OptionElement[] => {\n            return elements.reduce((acc, element) => {\n                if (element.tagName === 'Q2-OPTGROUP') {\n                    return [...acc, ...extractOptions(Array.from(element.children))];\n                } else if (element.tagName === 'Q2-OPTION') {\n                    return [...acc, element];\n                } else {\n                    return acc;\n                }\n            }, []);\n        };\n\n        return extractOptions(contents);\n    }\n\n    get allVisibleOptions(): HTMLQ2OptionElement[] {\n        return this.allOptions.filter(\n            option => !option.hidden && !option._multiSelectHidden && !option.disabled && !option.disabledGroup\n        );\n    }\n\n    adjustActiveOptionAndScroll(numToAdd: number) {\n        this.activeIndex += numToAdd;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    async checkOptions() {\n        const { type } = this;\n        const options = await this.getOptions();\n        if (!type) return;\n        const optionRole = type === 'menu' ? 'menuitem' : 'option';\n        options.forEach(option => {\n            option.role = optionRole;\n        });\n    }\n\n    clickHandler = (event: Event) => {\n        const target = event.target as HTMLQ2OptionElement;\n        const option = target.closest('q2-option');\n        this.selectOption(option);\n        if (this.multiple) return;\n        this.popoverState.emit({ open: false, action: 'select' });\n    };\n\n    /* tslint:disable:cyclomatic-complexity */\n    externalKeydownHandler = (event: KeyboardEvent) => {\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions } = this;\n        const { key } = event;\n\n        let nextIndex;\n        switch (key) {\n            case ' ':\n                if (this.searchString) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, true);\n                    break;\n                } else if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'Enter':\n                if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(-1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max((activeIndex || 0) - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min((activeIndex || 0) + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, true);\n                break;\n        }\n    };\n\n    /* tslint:enable:cyclomatic-complexity */\n\n    focusoutHandler = (event: FocusEvent) => {\n        const { relatedTarget } = event as unknown as { relatedTarget: HTMLQ2OptionElement };\n        const isInQ2OptionList = this.allOptions.includes(relatedTarget);\n        const isInLightDom = !isInQ2OptionList && this.hostElement.contains(relatedTarget);\n        if (isInQ2OptionList || isInLightDom) {\n            event.stopPropagation();\n        }\n    };\n\n    focusSelectedSibling(option: HTMLQ2OptionElement) {\n        const { allVisibleOptions, allOptions } = this;\n        const hasNoSiblings = allVisibleOptions.length < 2;\n        if (hasNoSiblings) {\n            this.showSelected = false;\n            return;\n        }\n\n        const selectedOptionVisibleIndex = allVisibleOptions.indexOf(option);\n        const nextVisibleSiblingIndex = selectedOptionVisibleIndex\n            ? selectedOptionVisibleIndex - 1\n            : selectedOptionVisibleIndex + 1;\n        const nextVisibleSibling = allVisibleOptions[nextVisibleSiblingIndex];\n        const nextSiblingIndex = allOptions.indexOf(nextVisibleSibling);\n\n        this.activeIndex = nextSiblingIndex;\n        this.setFocusedOption();\n        this.scheduledAfterRender.push(() => {\n            option._multiSelectHidden = !option.selected;\n        });\n    }\n\n    getDefaultActiveIndex() {\n        const { allOptions } = this;\n        const firstSelected = allOptions.findIndex(element => element.selected);\n        if (firstSelected > -1) return firstSelected;\n\n        const firstEnabled = allOptions.findIndex(element => !element.hidden);\n        if (firstEnabled > -1) return firstEnabled;\n\n        return 0;\n    }\n\n    getNextVisibleIndex(direction) {\n        const { allVisibleOptions, allOptions, activeIndex } = this;\n        const activeOption = allOptions[activeIndex];\n        const visibleActiveOptionIndex = allVisibleOptions.indexOf(activeOption);\n        let nextVisibleOptionIndex = visibleActiveOptionIndex + direction;\n\n        if (nextVisibleOptionIndex < 0) {\n            nextVisibleOptionIndex = allVisibleOptions.length - 1;\n        } else if (nextVisibleOptionIndex > allVisibleOptions.length - 1) {\n            nextVisibleOptionIndex = 0;\n        }\n\n        const nextVisibleOption = allVisibleOptions[nextVisibleOptionIndex];\n        return allOptions.indexOf(nextVisibleOption);\n    }\n\n    getRootSlot(element: Element): Element[] {\n        const slot = element.querySelector('slot');\n        const assignedElements = slot?.assignedElements() ?? Array.from(element.children);\n        const hasAnotherSlot = !!assignedElements.length && assignedElements[0].tagName === 'SLOT';\n        if (hasAnotherSlot) {\n            return this.getRootSlot(assignedElements[0]);\n        } else {\n            return assignedElements;\n        }\n    }\n\n    internalKeydownHandler = (event: KeyboardEvent) => {\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions, allVisibleOptions, multiple } = this;\n        const { key, shiftKey } = event;\n\n        let newOption: HTMLQ2OptionElement;\n        switch (key) {\n            case ' ':\n                if (this.searchString && !this.multiple) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, false);\n                    break;\n                }\n\n                event.preventDefault();\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.popoverState.emit({ open: false, action: 'select' });\n                break;\n\n            case 'Enter':\n                event.preventDefault();\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.popoverState.emit({ open: false, action: 'select' });\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                const isFirstVisibleOptionActive = allVisibleOptions[0].active;\n                if (isFirstVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(-1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'ArrowDown':\n                event.preventDefault();\n                const isLastVisibleOptionActive = allVisibleOptions[allVisibleOptions.length - 1].active;\n                if (isLastVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max(activeIndex - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min(activeIndex + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                if (shiftKey) break;\n                if (this.multiple && this.type === 'listbox') break;\n                if (this.type === 'menu') {\n                    this.popoverState.emit({ open: false, action: 'close' });\n                    break;\n                }\n\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) return;\n                this.selectOption(newOption);\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, false);\n                break;\n        }\n    };\n\n    async openDropdownWithActiveElement(activeIndex: number) {\n        if (this.disabled) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        await waitForNextPaint();\n        this.activeIndex = activeIndex;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    resetTimer() {\n        if (this.searchStringTimer) {\n            clearTimeout(this.searchStringTimer);\n        }\n\n        this.searchStringTimer = window.setTimeout(() => {\n            this.searchString = null;\n        }, 2000);\n    }\n\n    scrollToActiveOption() {\n        const activeOption = this.allOptions[this.activeIndex];\n        activeOption?.scrollIntoView({ block: 'center' });\n    }\n\n    searchAndFocus = (keyValue: string, shouldSelect: boolean) => {\n        // pseudo search in non-searchable select\n        const reorder = () => {\n            this.pivotIndex = this.pivotIndex === undefined ? 0 : (this.activeIndex || 0) + 1;\n            const list = this.allOptions.map((element, index) => ({ element, index }));\n            return [...list.slice(this.pivotIndex), ...list.slice(0, this.pivotIndex)];\n        };\n\n        const buildQueue = () => {\n            const now = new Date();\n            if (now.getTime() - this.keyStore.lastPressedAt.getTime() > 1000) {\n                // empty stored keys if delay > 1s\n                this.keyStore.queue.length = 0;\n            }\n            if (this.keyStore.queue.length !== 1 || this.keyStore.queue[0] !== keyValue) {\n                this.keyStore.queue.push(keyValue);\n            }\n            this.keyStore.lastPressedAt = now;\n        };\n\n        const searchIndex = (list: any[]) => {\n            const keyStr = this.keyStore.queue.join('');\n            const sanitizedKeyStr = sanitizeRegexString(keyStr);\n            return list.find(v => {\n                return (\n                    !v.element.disabled &&\n                    v.element.display &&\n                    (v.element.display.match(new RegExp(`^${sanitizedKeyStr}`, 'i')) ||\n                        v.element.display.replace(/\\s/g, '').match(new RegExp(`^${sanitizedKeyStr}`, 'i')))\n                );\n            });\n        };\n\n        const setFocus = ({ index }) => {\n            if (this.multiple) {\n                // multiple: should open to make sure that which options are selected\n                this.openDropdownWithActiveElement(index);\n            } else {\n                this.activeIndex = index;\n                if (shouldSelect) {\n                    this.selectOption(this.allOptions[index]);\n                    this.popoverState.emit({ open: false, action: 'select' });\n                } else this.setActiveElement(index);\n            }\n        };\n\n        buildQueue();\n        const matched = searchIndex(reorder());\n        if (matched) {\n            setFocus(matched);\n        }\n    };\n\n    searchOptions(key: string, shouldSelect?: boolean) {\n        this.searchString = key;\n        this.searchAndFocus(key, shouldSelect);\n    }\n\n    selectOption(selectedOption: HTMLQ2OptionElement) {\n        const { multiple, noSelect, showSelected } = this;\n        if (!selectedOption || selectedOption.disabled || selectedOption.disabledGroup) return;\n        const selectedValue = selectedOption.value;\n        const valueObject = {\n            value: selectedValue,\n            display: selectedOption.display || selectedOption.innerText.trim(),\n        };\n\n        let values: IOptionValue[] = [];\n        if (multiple) {\n            const { selectedOptions } = this;\n            const isAlreadySelected = selectedOptions.find(option => option.value === selectedValue);\n\n            if (isAlreadySelected) {\n                values = selectedOptions.filter(({ value }) => value !== selectedValue);\n            } else {\n                values = [...selectedOptions, valueObject];\n            }\n\n            if (showSelected) this.focusSelectedSibling(selectedOption);\n        } else {\n            values = [valueObject];\n        }\n\n        if (noSelect) this.setActiveElement(null);\n        else this.selectedOptions = values;\n\n        this.change.emit({ value: selectedValue, values });\n    }\n\n    setActiveOption() {\n        const activeIndex = this.activeIndex;\n\n        this.allOptions.forEach((element, elementIndex) => {\n            element.active = activeIndex === elementIndex;\n        });\n    }\n\n    setFocusedOption() {\n        const option = this.allOptions[this.activeIndex];\n        if (!option) return;\n\n        const isOptionVisible = isVisible(option);\n        if (isOptionVisible) option.focus();\n        else nextPaint(() => option.focus());\n    }\n\n    updateMultipleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValues = selectedOptions.map(({ value }) => value);\n        allOptions.forEach(element => {\n            element.selected = selectedValues.includes(element.value);\n        });\n    }\n\n    updateSingleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValue = selectedOptions[0]?.value || undefined;\n        allOptions.forEach(element => {\n            element.selected = element.value === selectedValue;\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"content\"\n                    ref={el => (this.contentElement = el)}\n                    onFocusout={this.focusoutHandler}\n                >\n                    <div\n                        class=\"options\"\n                        aria-label={loc('tecton.element.optionList.label', [this.label])}\n                        aria-multiselectable={`${!!this.multiple}`}\n                        role={this.type || 'listbox'}\n                        onKeyDown={this.internalKeydownHandler}\n                        onClick={this.clickHandler}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}