q2-tecton-elements 1.54.5 → 1.55.1

package/dist/q2-tecton-elements/q2-tag.entry.js

@@ -1,27 +1,39 @@
-import { r as t, c as i, h as a, F as e, H as o, g as r } from "./index-7a5365e2.js";
+import { r as t, c as i, h as e, F as a, H as o, g as r } from "./index-7a5365e2.js";
 
-import { o as s, i as n, w as c, l as h } from "./index-504f1a9e.js";
+import { o as s, i as n, w as c, l as h } from "./index-f2a66217.js";
 
 import { s as d, a as l } from "./action-sheet-1e24cb38.js";
 
-const p = "*{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{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 4px)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-primary-background, var(--t-primary, #0079c1));--comp-tag-color:var(--tct-tag-primary-font-color, var(--t-primary-text, #ffffff))}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-secondary-background, var(--t-secondary, #b3c2cc));--comp-tag-color:var(--tct-tag-secondary-font-color, var(--t-secondary-text, #141414))}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-tag-color:var(--tct-tag-tertiary-font-color, var(--t-tertiary-text, #141414))}.tag{display:flex;width:max-content;height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)))}.tag.has-options{padding-right:6px}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));height:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:relative;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;padding-right:6px;--tct-icon-size:18px}";
+const p = "*{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{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 4px)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-primary-background, var(--t-primary, #0079c1));--comp-tag-color:var(--tct-tag-primary-font-color, var(--t-primary-text, #ffffff))}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-secondary-background, var(--t-secondary, #b3c2cc));--comp-tag-color:var(--tct-tag-secondary-font-color, var(--t-secondary-text, #141414))}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-tag-color:var(--tct-tag-tertiary-font-color, var(--t-tertiary-text, #141414))}.tag{display:flex;align-items:center;width:max-content;gap:6px;height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)))}.tag ::slotted(q2-icon[slot=decorator]){--tct-icon-size:1em}.tag ::slotted(q2-badge[slot=decorator]){--tct-badge-height:1em;--tct-badge-line-height:30px}.tag.has-options{padding-right:6px}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));height:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:relative;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;padding-right:6px;--tct-icon-size:18px}";
 
 const g = p;
 
 const v = class {
-  constructor(a) {
-    t(this, a);
+  constructor(e) {
+    t(this, e);
     this.click = i(this, "click", 7);
-    var e;
+    var a;
     this.determineOptionCount = () => {
       const t = this.hostElement.querySelectorAll("q2-option").length;
       this.optionCount = t;
     };
+    this.filterSlottedElements = () => {
+      if (!("HTMLSlotElement" in window)) return;
+      const t = this.hostElement.shadowRoot.querySelector('slot[name="decorator"]');
+      const i = Array.from((t === null || t === void 0 ? void 0 : t.assignedElements()) || []);
+      if (!i.length) return;
+      const e = [ "Q2-ICON", "Q2-BADGE" ];
+      i.forEach(((t, i) => {
+        if (!e.includes(t.tagName) || i > 0) {
+          t.remove();
+        }
+      }));
+    };
     this.handleButtonFocusout = async t => {
       var i;
-      const a = t.relatedTarget;
-      if ((i = this.popoverElement) === null || i === void 0 ? void 0 : i.contains(a)) return;
-      if (this.hostElement.contains(a)) return;
+      const e = t.relatedTarget;
+      if ((i = this.popoverElement) === null || i === void 0 ? void 0 : i.contains(e)) return;
+      if (this.hostElement.contains(e)) return;
       this.open = false;
     };
     this.handleChange = t => {
@@ -64,6 +76,15 @@ const v = class {
       this.dropdownBtn.focus();
       this.dropdownBtn.click();
     };
+    this.initMutationObserver = () => {
+      if (!("MutationObserver" in window)) return;
+      const t = new MutationObserver(this.onMutationObserved);
+      t.observe(this.hostElement, {
+        childList: true,
+        attributes: true
+      });
+      this.mutationObserver = t;
+    };
     this.onClickElsewhere = t => {
       const i = t.target;
       if (i.localName === "click-elsewhere") {
@@ -73,15 +94,19 @@ const v = class {
         i.open = false;
       }
     };
+    this.onMutationObserved = () => {
+      this.determineOptionCount();
+      this.filterSlottedElements();
+    };
     this.optionCount = undefined;
-    this.hoist = !!((e = window.Tecton) === null || e === void 0 ? void 0 : e.useActionSheets);
+    this.hoist = !!((a = window.Tecton) === null || a === void 0 ? void 0 : a.useActionSheets);
     this.label = undefined;
     this.open = undefined;
     this.optionListLabel = "options";
     this.popoverAlignment = "right";
     this.popoverDirection = undefined;
     this.popoverMaxHeight = undefined;
-    this.popoverMinHeight = 150;
+    this.popoverMinHeight = undefined;
     this.theme = undefined;
   }
   // #endregion
@@ -92,15 +117,12 @@ const v = class {
     this.mutationObserver = null;
   }
   componentWillLoad() {
-    const t = new MutationObserver(this.determineOptionCount);
-    t.observe(this.hostElement, {
-      childList: true,
-      attributes: true
-    });
-    this.mutationObserver = t;
+    this.initMutationObserver();
+    this.determineOptionCount();
   }
   componentDidLoad() {
     s(this.hostElement);
+    this.filterSlottedElements();
   }
   // #endregion
   // #region Listeners
@@ -116,21 +138,35 @@ const v = class {
   }
   // #endregion
   // #region Public Methods API
+  /**
+     * Emulates clicking the tag to close the popover when options are provided and the popover is open.
+     * @testonly
+     */
   async closePopover() {
     if (!this.optionCount || !this.open) return;
     this._togglePopover();
   }
-  async openPopover() {
+  /**
+     * Emulates clicking the tag to open the popover when options are provided and the popover is closed.
+     * @testonly
+     */  async openPopover() {
     if (!this.optionCount || this.open) return;
     this._togglePopover();
   }
-  async selectOption(t) {
+  /**
+     * Emulates selecting an option matching the passed value.
+     *
+     * If the popover is closed, this will open it before selecting the option.
+     *
+     * If there are not options, or the passed value does not match any option's value, this method does nothing.
+     * @testonly
+     */  async selectOption(t) {
     if (!this.optionCount) return;
     await this.openPopover();
     await c();
     const i = await this.optionList.getOptions();
-    const a = i.find((i => i.value === t));
-    a === null || a === void 0 ? void 0 : a.click();
+    const e = i.find((i => i.value === t));
+    e === null || e === void 0 ? void 0 : e.click();
   }
   // #endregion
   // #region Local Methods
@@ -143,26 +179,27 @@ const v = class {
   // #endregion
   // #region Render Methods
   renderHiddenElement() {
-    return a("div", {
+    return e("div", {
       id: "option-description",
       class: "sr",
       "aria-hidden": "true"
     }, h("tecton.element.optionList.optionCount", [ this.optionCount ]));
   }
   render() {
-    const {optionCount: t, open: i} = this;
-    const r = [ "tag" ];
-    if (t) r.push("has-options");
-    return a(o, {
-      key: "f8979c5d75d39aa964339dcc1e46d06ed37af13a",
-      role: this.optionCount > 0 ? "list" : undefined
-    }, a("click-elsewhere", {
-      key: "8c44295afb9d79314e0a3d744e50783e25e9030a",
+    const {open: t} = this;
+    const i = [ "tag" ];
+    if (this.optionCount) i.push("has-options");
+    const r = this.optionCount > 0;
+    return e(o, {
+      key: "6ccc1d85936667bad9622cbec28a27d54bc48e76",
+      role: r ? "list" : undefined
+    }, e("click-elsewhere", {
+      key: "6c6fac08128198e6b0a0f5733b67cc26ec4bed02",
       onChange: this.onClickElsewhere
-    }, this.optionCount ? a(e, null, a("div", {
+    }, r ? e(a, null, e("div", {
       class: "btn-wrapper",
       onClick: this.handleWrapperClick
-    }, a("button", {
+    }, e("button", {
       class: "tag-wrapper",
       ref: t => this.dropdownBtn = t,
       "test-id": "btn-control",
@@ -172,19 +209,21 @@ const v = class {
       onKeyDown: this.handleKeydown,
       onFocusout: this.handleButtonFocusout,
       "aria-controls": "option-list",
-      "aria-expanded": i ? "true" : "false",
+      "aria-expanded": t ? "true" : "false",
       "aria-describedby": "option-description"
-    }, a("div", {
-      class: r.join(" ")
-    }, this.label), a("q2-icon", {
+    }, e("div", {
+      class: i.join(" ")
+    }, h(this.label)), e("q2-icon", {
       type: "options"
-    }))), this.renderHiddenElement()) : a("div", {
+    }))), this.renderHiddenElement()) : e("div", {
       class: "tag-wrapper",
       onClick: t => t.stopPropagation()
-    }, a("div", {
-      class: r.join(" ")
-    }, this.label)), this.optionCount > 0 && a("q2-popover", {
-      key: "26a320ced3d8b985e7010db0a3edd9852c7a6bd3",
+    }, e("div", {
+      class: i.join(" ")
+    }, e("slot", {
+      name: "decorator"
+    }), h(this.label))), r && e("q2-popover", {
+      key: "134f0deaa4ea93ceb451329f2cdd7c27d0ecda71",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
       open: this.open,
@@ -192,8 +231,8 @@ const v = class {
       minHeight: this.popoverMinHeight,
       direction: this.popoverDirection,
       align: this.popoverAlignment
-    }, a("q2-option-list", {
-      key: "f3f6bba7070df106790fa4cb819c5d6e17843042",
+    }, e("q2-option-list", {
+      key: "43ccf161a1eea92b5f8c591d5ed7aec8fb8fb9a7",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
@@ -201,8 +240,8 @@ const v = class {
       align: "right",
       label: h("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
-    }, a("slot", {
-      key: "3a12c874fc31113823a431b1b6119e2defc5c200"
+    }, e("slot", {
+      key: "2fedc4307ddbe7024c0c8e9884c3fc7ae42efada"
     })))));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-tag.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["q2TagCss","Q2TagStyle0","Q2Tag","this","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","handleButtonFocusout","async","event","relatedTarget","_a","popoverElement","contains","open","handleChange","stopPropagation","value","detail","click","emit","handleClick","controlElement","dropdownBtn","shouldShowActionSheet","showActionSheetList","focus","toggle","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","optionList","handleExternalKeydown","handleWrapperClick","onClickElsewhere","target","localName","window","Tecton","useActionSheets","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","observer","MutationObserver","observe","childList","attributes","componentDidLoad","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","closePopover","_togglePopover","openPopover","selectOption","waitForNextPaint","allOptions","getOptions","desiredOption","find","option","dispatchEvent","FocusEvent","renderHiddenElement","h","id","class","loc","render","wrapperClassNames","push","Host","role","undefined","onChange","Fragment","onClick","ref","el","type","onKeyDown","onFocusout","join","label","e","maxHeight","popoverMaxHeight","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","optionListLabel"],"sources":["src/components/q2-tag/q2-tag.scss?tag=q2-tag&encapsulation=shadow","src/components/q2-tag/q2-tag.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n    position: relative;\n    line-height: 0;\n}\n\n:host(:not(:last-child)) {\n    margin-inline-end: var-list(var-prefixer(tag-margin), --app-scale-2x, 10px);\n}\n\n.tag-wrapper {\n    --comp-tag-btn-size: #{var-list(var-prefixer(tag-btn-size), --app-scale-6x, 30px)};\n    --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n    --comp-tag-color: #{var-list(var-prefixer(tag-color), --t-gray-3, #262626)};\n    background: var(--comp-tag-background);\n    color: var(--comp-tag-color);\n    border-radius: var-list(var-prefixer(tag-border-radius), --app-border-radius-1, 4px);\n    position: relative;\n\n    :host([theme='primary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-primary-background, --t-primary, #0079c1)};\n        --comp-tag-color: #{var-list(--tct-tag-primary-font-color, --t-primary-text, #ffffff)};\n    }\n\n    :host([theme='secondary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-secondary-background, --t-secondary, #b3c2cc)};\n        --comp-tag-color: #{var-list(--tct-tag-secondary-font-color, --t-secondary-text, #141414)};\n    }\n\n    :host([theme='tertiary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-tertiary-background, --t-tertiary, #e8f5fc)};\n        --comp-tag-color: #{var-list(--tct-tag-tertiary-font-color, --t-tertiary-text, #141414)};\n    }\n}\n\n.tag {\n    display: flex;\n    width: max-content;\n    height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n    line-height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n    padding-inline: var-list(var-prefixer(tag-padding-inline), --app-scale-3x, 15px);\n}\n\n.tag.has-options {\n    padding-right: 6px;\n}\n\n.btn-wrapper {\n    --comp-tag-clickable-size: #{var-list(var-prefixer(tag-clickable-size), 44px)};\n    --comp-tag-btn-offset: calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);\n    --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n    height: var(--comp-tag-clickable-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    right: var(--comp-tag-btn-offset);\n    top: var(--comp-tag-btn-offset);\n    cursor: pointer;\n}\n\nbutton {\n    height: var(--comp-tag-btn-size);\n    stroke: var(--comp-tag-color);\n    --tct-icon-stroke-primary: var(--comp-tag-color);\n    cursor: pointer;\n    border: 0;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    padding-right: 6px;\n    --tct-icon-size: 18px;\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Host,\n    Listen,\n    Method,\n    Element,\n    EventEmitter,\n    Event,\n    Fragment,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, waitForNextPaint } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({ tag: 'q2-tag', shadow: true, styleUrl: 'q2-tag.scss' })\nexport class Q2Tag implements ComponentInterface {\n    // #region Own Properties\n\n    dropdownBtn: HTMLButtonElement;\n    mutationObserver: MutationObserver;\n    optionList: HTMLQ2OptionListElement;\n    popoverElement: HTMLQ2PopoverElement;\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    optionCount: number;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Instructs the component to use the action sheet workflow for displaying its options.\n     *\n     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n     */\n    @Prop()\n    hoist: boolean = !!window.Tecton?.useActionSheets;\n\n    /**\n     * The text that populates the label.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Determine whether the popover is open or closed.\n     *\n     * @readonly\n     */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    optionListLabel: string = 'options';\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true })\n    popoverAlignment: 'left' | 'right' = 'right';\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop()\n    popoverDirection: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    popoverMaxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number = 150;\n\n    /** The color of the element. */\n    @Prop({ reflect: true })\n    theme: 'primary' | 'secondary' | 'tertiary';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a provided option is clicked.\n     *\n     * Requires at least one option to be provided.\n     */\n    @Event()\n    click: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        const observer = new MutationObserver(this.determineOptionCount);\n        observer.observe(this.hostElement, { childList: true, attributes: true });\n        this.mutationObserver = observer;\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        if (!this.optionCount) return;\n        this.dropdownBtn.focus();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        if (open) return;\n        this.optionList.setActiveElement(null);\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async closePopover() {\n        if (!this.optionCount || !this.open) return;\n        this._togglePopover();\n    }\n\n    @Method()\n    async openPopover() {\n        if (!this.optionCount || this.open) return;\n        this._togglePopover();\n    }\n\n    @Method()\n    async selectOption(value) {\n        if (!this.optionCount) return;\n        await this.openPopover();\n        await waitForNextPaint();\n        const allOptions = await this.optionList.getOptions();\n        const desiredOption = allOptions.find(option => option.value === value);\n        desiredOption?.click();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    _togglePopover() {\n        const { dropdownBtn } = this;\n        dropdownBtn?.click();\n        dropdownBtn?.focus();\n        dropdownBtn.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    determineOptionCount = () => {\n        const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n        this.optionCount = numberOfOptions;\n    };\n\n    handleButtonFocusout = async (event: FocusEvent) => {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (this.popoverElement?.contains(relatedTarget)) return;\n        if (this.hostElement.contains(relatedTarget)) return;\n        this.open = false;\n    };\n\n    handleChange = event => {\n        event.stopPropagation();\n        if (!this.optionCount) return;\n        const { value } = event.detail;\n\n        this.click.emit({ value });\n    };\n\n    handleClick = async (event: MouseEvent) => {\n        event.stopPropagation();\n        this.popoverElement.controlElement = this.dropdownBtn;\n        if (shouldShowActionSheet(this)) {\n            const { value } = await showActionSheetList(this, event);\n            this.dropdownBtn.focus();\n            this.click.emit({ value });\n        } else {\n            await this.popoverElement.toggle();\n        }\n    };\n\n    handleKeydown = async (event: KeyboardEvent) => {\n        const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n        if (isTabMetaOrCtrl) return;\n\n        event.preventDefault();\n        this.popoverElement.controlElement = this.dropdownBtn;\n        if (shouldShowActionSheet(this, event)) {\n            const { value } = await showActionSheetList(this, event);\n            this.dropdownBtn.focus();\n            this.click.emit({ value });\n        } else {\n            this.optionList.handleExternalKeydown(event);\n        }\n    };\n\n    handleWrapperClick = () => {\n        this.dropdownBtn.focus();\n        this.dropdownBtn.click();\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderHiddenElement() {\n        return (\n            <div\n                id=\"option-description\"\n                class=\"sr\"\n                aria-hidden=\"true\"\n            >\n                {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n            </div>\n        );\n    }\n\n    render() {\n        const { optionCount, open } = this;\n        const wrapperClassNames = ['tag'];\n        if (optionCount) wrapperClassNames.push('has-options');\n\n        return (\n            <Host role={this.optionCount > 0 ? 'list' : undefined}>\n                <click-elsewhere onChange={this.onClickElsewhere}>\n                    {this.optionCount ? (\n                        <Fragment>\n                            <div\n                                class=\"btn-wrapper\"\n                                onClick={this.handleWrapperClick}\n                            >\n                                <button\n                                    class=\"tag-wrapper\"\n                                    ref={el => (this.dropdownBtn = el)}\n                                    test-id=\"btn-control\"\n                                    type=\"button\"\n                                    role=\"combobox\"\n                                    onClick={this.handleClick}\n                                    onKeyDown={this.handleKeydown}\n                                    onFocusout={this.handleButtonFocusout}\n                                    aria-controls=\"option-list\"\n                                    aria-expanded={open ? 'true' : 'false'}\n                                    aria-describedby=\"option-description\"\n                                >\n                                    <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n                                    <q2-icon type=\"options\"></q2-icon>\n                                </button>\n                            </div>\n                            {this.renderHiddenElement()}\n                        </Fragment>\n                    ) : (\n                        <div\n                            class=\"tag-wrapper\"\n                            onClick={e => e.stopPropagation()}\n                        >\n                            <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n                        </div>\n                    )}\n\n                    {this.optionCount > 0 && (\n                        <q2-popover\n                            ref={el => (this.popoverElement = el)}\n                            controlElement={this.dropdownBtn}\n                            open={this.open}\n                            maxHeight={this.popoverMaxHeight}\n                            minHeight={this.popoverMinHeight}\n                            direction={this.popoverDirection}\n                            align={this.popoverAlignment}\n                        >\n                            <q2-option-list\n                                id=\"option-list\"\n                                ref={el => (this.optionList = el)}\n                                onChange={this.handleChange}\n                                type=\"menu\"\n                                align=\"right\"\n                                label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n                                no-select\n                            >\n                                <slot />\n                            </q2-option-list>\n                        </q2-popover>\n                    )}\n                </click-elsewhere>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}
+{"version":3,"names":["q2TagCss","Q2TagStyle0","Q2Tag","this","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","filterSlottedElements","window","slot","shadowRoot","querySelector","assignedElements","Array","from","approvedElements","forEach","element","index","includes","tagName","remove","handleButtonFocusout","async","event","relatedTarget","_a","popoverElement","contains","open","handleChange","stopPropagation","value","detail","click","emit","handleClick","controlElement","dropdownBtn","shouldShowActionSheet","showActionSheetList","focus","toggle","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","optionList","handleExternalKeydown","handleWrapperClick","initMutationObserver","observer","MutationObserver","onMutationObserved","observe","childList","attributes","mutationObserver","onClickElsewhere","target","localName","Tecton","useActionSheets","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","closePopover","_togglePopover","openPopover","selectOption","waitForNextPaint","allOptions","getOptions","desiredOption","find","option","dispatchEvent","FocusEvent","renderHiddenElement","h","id","class","loc","render","wrapperClassNames","push","shouldShowOptions","Host","role","undefined","onChange","Fragment","onClick","ref","el","type","onKeyDown","onFocusout","join","label","e","name","maxHeight","popoverMaxHeight","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","optionListLabel"],"sources":["src/components/q2-tag/q2-tag.scss?tag=q2-tag&encapsulation=shadow","src/components/q2-tag/q2-tag.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n    position: relative;\n    line-height: 0;\n}\n\n:host(:not(:last-child)) {\n    margin-inline-end: var-list(var-prefixer(tag-margin), --app-scale-2x, 10px);\n}\n\n.tag-wrapper {\n    --comp-tag-btn-size: #{var-list(var-prefixer(tag-btn-size), --app-scale-6x, 30px)};\n    --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n    --comp-tag-color: #{var-list(var-prefixer(tag-color), --t-gray-3, #262626)};\n    background: var(--comp-tag-background);\n    color: var(--comp-tag-color);\n    border-radius: var-list(var-prefixer(tag-border-radius), --app-border-radius-1, 4px);\n    position: relative;\n\n    :host([theme='primary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-primary-background, --t-primary, #0079c1)};\n        --comp-tag-color: #{var-list(--tct-tag-primary-font-color, --t-primary-text, #ffffff)};\n    }\n\n    :host([theme='secondary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-secondary-background, --t-secondary, #b3c2cc)};\n        --comp-tag-color: #{var-list(--tct-tag-secondary-font-color, --t-secondary-text, #141414)};\n    }\n\n    :host([theme='tertiary']) & {\n        --comp-tag-background: #{var-list(--tct-tag-tertiary-background, --t-tertiary, #e8f5fc)};\n        --comp-tag-color: #{var-list(--tct-tag-tertiary-font-color, --t-tertiary-text, #141414)};\n    }\n}\n\n.tag {\n    display: flex;\n    align-items: center;\n    width: max-content;\n    gap: 6px;\n    height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n    line-height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n    padding-inline: var-list(var-prefixer(tag-padding-inline), --app-scale-3x, 15px);\n\n    ::slotted(q2-icon[slot='decorator']) {\n        --tct-icon-size: 1em;\n    }\n\n    ::slotted(q2-badge[slot='decorator']) {\n        --tct-badge-height: 1em;\n        --tct-badge-line-height: 30px;\n    }\n}\n\n.tag.has-options {\n    padding-right: 6px;\n}\n\n.btn-wrapper {\n    --comp-tag-clickable-size: #{var-list(var-prefixer(tag-clickable-size), 44px)};\n    --comp-tag-btn-offset: calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);\n    --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n    height: var(--comp-tag-clickable-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    right: var(--comp-tag-btn-offset);\n    top: var(--comp-tag-btn-offset);\n    cursor: pointer;\n}\n\nbutton {\n    height: var(--comp-tag-btn-size);\n    stroke: var(--comp-tag-color);\n    --tct-icon-stroke-primary: var(--comp-tag-color);\n    cursor: pointer;\n    border: 0;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    padding-right: 6px;\n    --tct-icon-size: 18px;\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Host,\n    Listen,\n    Method,\n    Element,\n    EventEmitter,\n    Event,\n    Fragment,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, waitForNextPaint } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({ tag: 'q2-tag', shadow: true, styleUrl: 'q2-tag.scss' })\nexport class Q2Tag implements ComponentInterface {\n    // #region Own Properties\n\n    dropdownBtn: HTMLButtonElement;\n    mutationObserver: MutationObserver;\n    optionList: HTMLQ2OptionListElement;\n    popoverElement: HTMLQ2PopoverElement;\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    optionCount: number;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Instructs the component to use the action sheet workflow for displaying its options.\n     *\n     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n     */\n    @Prop()\n    hoist: boolean = !!window.Tecton?.useActionSheets;\n\n    /**\n     * The text that populates the label.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Determine whether the popover is open or closed.\n     *\n     * @readonly\n     */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    optionListLabel: string = 'options';\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true })\n    popoverAlignment: 'left' | 'right' = 'right';\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop()\n    popoverDirection: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    popoverMaxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number;\n\n    /** The color of the element. */\n    @Prop({ reflect: true })\n    theme: 'primary' | 'secondary' | 'tertiary';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a provided option is clicked.\n     *\n     * Requires at least one option to be provided.\n     */\n    @Event()\n    click: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        this.initMutationObserver();\n        this.determineOptionCount();\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.filterSlottedElements();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        if (!this.optionCount) return;\n        this.dropdownBtn.focus();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        if (open) return;\n        this.optionList.setActiveElement(null);\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the tag to close the popover when options are provided and the popover is open.\n     * @testonly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.optionCount || !this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the tag to open the popover when options are provided and the popover is closed.\n     * @testonly\n     */\n    @Method()\n    async openPopover() {\n        if (!this.optionCount || this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates selecting an option matching the passed value.\n     *\n     * If the popover is closed, this will open it before selecting the option.\n     *\n     * If there are not options, or the passed value does not match any option's value, this method does nothing.\n     * @testonly\n     */\n    @Method()\n    async selectOption(value) {\n        if (!this.optionCount) return;\n        await this.openPopover();\n        await waitForNextPaint();\n        const allOptions = await this.optionList.getOptions();\n        const desiredOption = allOptions.find(option => option.value === value);\n        desiredOption?.click();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    _togglePopover() {\n        const { dropdownBtn } = this;\n        dropdownBtn?.click();\n        dropdownBtn?.focus();\n        dropdownBtn.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    determineOptionCount = () => {\n        const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n        this.optionCount = numberOfOptions;\n    };\n\n    filterSlottedElements = () => {\n        if (!('HTMLSlotElement' in window)) return;\n        const slot: HTMLSlotElement = this.hostElement.shadowRoot.querySelector('slot[name=\"decorator\"]');\n        const assignedElements = Array.from(slot?.assignedElements() || []);\n        if (!assignedElements.length) return;\n\n        const approvedElements = ['Q2-ICON', 'Q2-BADGE'];\n        assignedElements.forEach((element, index) => {\n            if (!approvedElements.includes(element.tagName) || index > 0) {\n                element.remove();\n            }\n        });\n    };\n\n    handleButtonFocusout = async (event: FocusEvent) => {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (this.popoverElement?.contains(relatedTarget)) return;\n        if (this.hostElement.contains(relatedTarget)) return;\n        this.open = false;\n    };\n\n    handleChange = event => {\n        event.stopPropagation();\n        if (!this.optionCount) return;\n        const { value } = event.detail;\n\n        this.click.emit({ value });\n    };\n\n    handleClick = async (event: MouseEvent) => {\n        event.stopPropagation();\n        this.popoverElement.controlElement = this.dropdownBtn;\n        if (shouldShowActionSheet(this)) {\n            const { value } = await showActionSheetList(this, event);\n            this.dropdownBtn.focus();\n            this.click.emit({ value });\n        } else {\n            await this.popoverElement.toggle();\n        }\n    };\n\n    handleKeydown = async (event: KeyboardEvent) => {\n        const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n        if (isTabMetaOrCtrl) return;\n\n        event.preventDefault();\n        this.popoverElement.controlElement = this.dropdownBtn;\n        if (shouldShowActionSheet(this, event)) {\n            const { value } = await showActionSheetList(this, event);\n            this.dropdownBtn.focus();\n            this.click.emit({ value });\n        } else {\n            this.optionList.handleExternalKeydown(event);\n        }\n    };\n\n    handleWrapperClick = () => {\n        this.dropdownBtn.focus();\n        this.dropdownBtn.click();\n    };\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, attributes: true });\n        this.mutationObserver = observer;\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    onMutationObserved = () => {\n        this.determineOptionCount();\n        this.filterSlottedElements();\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderHiddenElement() {\n        return (\n            <div\n                id=\"option-description\"\n                class=\"sr\"\n                aria-hidden=\"true\"\n            >\n                {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n            </div>\n        );\n    }\n\n    render() {\n        const { open } = this;\n        const wrapperClassNames = ['tag'];\n        if (this.optionCount) wrapperClassNames.push('has-options');\n        const shouldShowOptions = this.optionCount > 0;\n\n        return (\n            <Host role={shouldShowOptions ? 'list' : undefined}>\n                <click-elsewhere onChange={this.onClickElsewhere}>\n                    {shouldShowOptions ? (\n                        <Fragment>\n                            <div\n                                class=\"btn-wrapper\"\n                                onClick={this.handleWrapperClick}\n                            >\n                                <button\n                                    class=\"tag-wrapper\"\n                                    ref={el => (this.dropdownBtn = el)}\n                                    test-id=\"btn-control\"\n                                    type=\"button\"\n                                    role=\"combobox\"\n                                    onClick={this.handleClick}\n                                    onKeyDown={this.handleKeydown}\n                                    onFocusout={this.handleButtonFocusout}\n                                    aria-controls=\"option-list\"\n                                    aria-expanded={open ? 'true' : 'false'}\n                                    aria-describedby=\"option-description\"\n                                >\n                                    <div class={wrapperClassNames.join(' ')}>{loc(this.label)}</div>\n                                    <q2-icon type=\"options\"></q2-icon>\n                                </button>\n                            </div>\n                            {this.renderHiddenElement()}\n                        </Fragment>\n                    ) : (\n                        <div\n                            class=\"tag-wrapper\"\n                            onClick={e => e.stopPropagation()}\n                        >\n                            <div class={wrapperClassNames.join(' ')}>\n                                <slot name=\"decorator\" />\n                                {loc(this.label)}\n                            </div>\n                        </div>\n                    )}\n\n                    {shouldShowOptions && (\n                        <q2-popover\n                            ref={el => (this.popoverElement = el)}\n                            controlElement={this.dropdownBtn}\n                            open={this.open}\n                            maxHeight={this.popoverMaxHeight}\n                            minHeight={this.popoverMinHeight}\n                            direction={this.popoverDirection}\n                            align={this.popoverAlignment}\n                        >\n                            <q2-option-list\n                                id=\"option-list\"\n                                ref={el => (this.optionList = el)}\n                                onChange={this.handleChange}\n                                type=\"menu\"\n                                align=\"right\"\n                                label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n                                no-select\n                            >\n                                <slot />\n                            </q2-option-list>\n                        </q2-popover>\n                    )}\n                </click-elsewhere>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAW;;AACjB,MAAAC,IAAeD;;MCiBFE,IAAK;;;;;IA6KdC,KAAAC,uBAAuB;MACnB,MAAMC,IAAkBF,KAAKG,YAAYC,iBAAiB,aAAaC;MACvEL,KAAKM,cAAcJ;AAAe;IAGtCF,KAAAO,wBAAwB;MACpB,MAAM,qBAAqBC,SAAS;MACpC,MAAMC,IAAwBT,KAAKG,YAAYO,WAAWC,cAAc;MACxE,MAAMC,IAAmBC,MAAMC,MAAKL,MAAI,QAAJA,WAAI,aAAJA,EAAMG,uBAAsB;MAChE,KAAKA,EAAiBP,QAAQ;MAE9B,MAAMU,IAAmB,EAAC,WAAW;MACrCH,EAAiBI,SAAQ,CAACC,GAASC;QAC/B,KAAKH,EAAiBI,SAASF,EAAQG,YAAYF,IAAQ,GAAG;UAC1DD,EAAQI;;;AAEd;IAGNrB,KAAAsB,uBAAuBC,MAAOC;;MAC1B,MAAMC,IAAgBD,EAAMC;MAC5B,KAAIC,IAAA1B,KAAK2B,oBAAc,QAAAD,WAAA,aAAAA,EAAEE,SAASH,IAAgB;MAClD,IAAIzB,KAAKG,YAAYyB,SAASH,IAAgB;MAC9CzB,KAAK6B,OAAO;AAAK;IAGrB7B,KAAA8B,eAAeN;MACXA,EAAMO;MACN,KAAK/B,KAAKM,aAAa;MACvB,OAAM0B,OAAEA,KAAUR,EAAMS;MAExBjC,KAAKkC,MAAMC,KAAK;QAAEH;;AAAQ;IAG9BhC,KAAAoC,cAAcb,MAAOC;MACjBA,EAAMO;MACN/B,KAAK2B,eAAeU,iBAAiBrC,KAAKsC;MAC1C,IAAIC,EAAsBvC,OAAO;QAC7B,OAAMgC,OAAEA,WAAgBQ,EAAoBxC,MAAMwB;QAClDxB,KAAKsC,YAAYG;QACjBzC,KAAKkC,MAAMC,KAAK;UAAEH;;aACf;cACGhC,KAAK2B,eAAee;;;IAIlC1C,KAAA2C,gBAAgBpB,MAAOC;MACnB,MAAMoB,IAAkBpB,EAAMqB,WAAWrB,EAAMsB,WAAWtB,EAAMuB,QAAQ;MACxE,IAAIH,GAAiB;MAErBpB,EAAMwB;MACNhD,KAAK2B,eAAeU,iBAAiBrC,KAAKsC;MAC1C,IAAIC,EAAsBvC,MAAMwB,IAAQ;QACpC,OAAMQ,OAAEA,WAAgBQ,EAAoBxC,MAAMwB;QAClDxB,KAAKsC,YAAYG;QACjBzC,KAAKkC,MAAMC,KAAK;UAAEH;;aACf;QACHhC,KAAKiD,WAAWC,sBAAsB1B;;;IAI9CxB,KAAAmD,qBAAqB;MACjBnD,KAAKsC,YAAYG;MACjBzC,KAAKsC,YAAYJ;AAAO;IAG5BlC,KAAAoD,uBAAuB;MACnB,MAAM,sBAAsB5C,SAAS;MACrC,MAAM6C,IAAW,IAAIC,iBAAiBtD,KAAKuD;MAC3CF,EAASG,QAAQxD,KAAKG,aAAa;QAAEsD,WAAW;QAAMC,YAAY;;MAClE1D,KAAK2D,mBAAmBN;AAAQ;IAGpCrD,KAAA4D,mBAAoBpC;MAChB,MAAMqC,IAASrC,EAAMqC;MACrB,IAAIA,EAAOC,cAAc,mBAAmB;QACxCtC,EAAMO;QACN,OAAMJ,gBAAEA,KAAmB3B;QAC3B,KAAK2B,GAAgB;QACrBA,EAAeE,OAAO;;;IAI9B7B,KAAAuD,qBAAqB;MACjBvD,KAAKC;MACLD,KAAKO;AAAuB;;qBArObmB,IAAAlB,OAAOuD,YAAM,QAAArC,WAAA,aAAAA,EAAEsC;;;2BAmBR;4BAIW;;;;;;;;EAsCrC,oBAAAC;;KACIvC,IAAA1B,KAAK2D,sBAAgB,QAAAjC,WAAA,aAAAA,EAAEwC;IACvBlE,KAAK2D,mBAAmB;;EAG5B,iBAAAQ;IACInE,KAAKoD;IACLpD,KAAKC;;EAGT,gBAAAmE;IACIC,EAAcrE,KAAKG;IACnBH,KAAKO;;;;EAOT,aAAA+D,CAAc9C;IACV,KAAK+C,EAAmB/C,GAAOxB,KAAKG,cAAc;IAClD,KAAKH,KAAKM,aAAa;IACvBN,KAAKsC,YAAYG;;EAIrB,mBAAA+B,EAAsBvC,SAAQJ,MAAEA;IAC5B,IAAI7B,KAAK6B,SAASA,GAAM7B,KAAK6B,OAAOA;IACpC,IAAIA,GAAM;IACV7B,KAAKiD,WAAWwB,iBAAiB;;;;;;;;EAWrC,kBAAMC;IACF,KAAK1E,KAAKM,gBAAgBN,KAAK6B,MAAM;IACrC7B,KAAK2E;;;;;SAQT,iBAAMC;IACF,KAAK5E,KAAKM,eAAeN,KAAK6B,MAAM;IACpC7B,KAAK2E;;;;;;;;;SAYT,kBAAME,CAAa7C;IACf,KAAKhC,KAAKM,aAAa;UACjBN,KAAK4E;UACLE;IACN,MAAMC,UAAmB/E,KAAKiD,WAAW+B;IACzC,MAAMC,IAAgBF,EAAWG,MAAKC,KAAUA,EAAOnD,UAAUA;IACjEiD,MAAa,QAAbA,WAAa,aAAbA,EAAe/C;;;;EAMnB,cAAAyC;IACI,OAAMrC,aAAEA,KAAgBtC;IACxBsC,MAAW,QAAXA,WAAW,aAAXA,EAAaJ;IACbI,MAAW,QAAXA,WAAW,aAAXA,EAAaG;IACbH,EAAY8C,cAAc,IAAIC,WAAW;;;;EA8F7C,mBAAAC;IACI,OACIC,EAAA;MACIC,IAAG;MACHC,OAAM;MAAI,eACE;OAEXC,EAAI,yCAAyC,EAAC1F,KAAKM;;EAKhE,MAAAqF;IACI,OAAM9D,MAAEA,KAAS7B;IACjB,MAAM4F,IAAoB,EAAC;IAC3B,IAAI5F,KAAKM,aAAasF,EAAkBC,KAAK;IAC7C,MAAMC,IAAoB9F,KAAKM,cAAc;IAE7C,OACIiF,EAACQ,GAAI;MAAAhD,KAAA;MAACiD,MAAMF,IAAoB,SAASG;OACrCV,EAAA;MAAAxC,KAAA;MAAiBmD,UAAUlG,KAAK4D;OAC3BkC,IACGP,EAACY,GAAQ,MACLZ,EAAA;MACIE,OAAM;MACNW,SAASpG,KAAKmD;OAEdoC,EAAA;MACIE,OAAM;MACNY,KAAKC,KAAOtG,KAAKsC,cAAcgE;MAAG,WAC1B;MACRC,MAAK;MACLP,MAAK;MACLI,SAASpG,KAAKoC;MACdoE,WAAWxG,KAAK2C;MAChB8D,YAAYzG,KAAKsB;MAAoB,iBACvB;MAAa,iBACZO,IAAO,SAAS;MAAO,oBACrB;OAEjB0D,EAAA;MAAKE,OAAOG,EAAkBc,KAAK;OAAOhB,EAAI1F,KAAK2G,SACnDpB,EAAA;MAASgB,MAAK;UAGrBvG,KAAKsF,yBAGVC,EAAA;MACIE,OAAM;MACNW,SAASQ,KAAKA,EAAE7E;OAEhBwD,EAAA;MAAKE,OAAOG,EAAkBc,KAAK;OAC/BnB,EAAA;MAAMsB,MAAK;QACVnB,EAAI1F,KAAK2G,UAKrBb,KACGP,EAAA;MAAAxC,KAAA;MACIsD,KAAKC,KAAOtG,KAAK2B,iBAAiB2E;MAClCjE,gBAAgBrC,KAAKsC;MACrBT,MAAM7B,KAAK6B;MACXiF,WAAW9G,KAAK+G;MAChBC,WAAWhH,KAAKiH;MAChBC,WAAWlH,KAAKmH;MAChBC,OAAOpH,KAAKqH;OAEZ9B,EAAA;MAAAxC,KAAA;MACIyC,IAAG;MACHa,KAAKC,KAAOtG,KAAKiD,aAAaqD;MAC9BJ,UAAUlG,KAAK8B;MACfyE,MAAK;MACLa,OAAM;MACNT,OAAOjB,EAAI,mCAAmC,EAAC1F,KAAKsH;MAAiB;OAGrE/B,EAAA;MAAAxC,KAAA"}

package/dist/q2-tecton-elements/q2-tecton-elements.esm.js

@@ -17,6 +17,6 @@ import { g as t } from "./app-globals-0f993ce5.js";
 
 patchBrowser().then((async e => {
   await t();
-  return a(JSON.parse('[["q2-pagination",[[1,"q2-pagination",{"alignment":[1],"autoSize":[1540,"auto-size"],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"hoist":[4],"icon":[513],"label":[1537],"name":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateChangeHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-file-picker",[[1,"q2-file-picker",{"description":[513],"fileTypes":[513,"file-types"],"label":[513],"maxFiles":[514,"max-files"],"maxFileSize":[514,"max-file-size"],"status":[16],"value":[1040],"variant":[513],"areFilesUploading":[32],"displayedFiles":[32],"isDropZoneHighlighted":[32],"refreshCounter":[32]},null,{"status":["updateFileList"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"]}]]],["q2-tag",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1026,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoSmall":[32],"isAutoTouch":[32]},[[0,"focus","onHostElementFocus"]]]]],["q2-action-group",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[513],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"hasQ2Link":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"color":["propsUpdates"],"hideBarLabels":["propsUpdates"],"showChartName":["propsUpdates"],"alignChartName":["propsUpdates"],"orientation":["propsUpdates"],"format":["propsUpdates"],"sort":["propsUpdates"],"data":["propsUpdates"],"offsetDataNames":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"formatModifier":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"value":[514],"locale":[513],"minimumIntegerDigits":[2,"minimum-integer-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"maximumFractionDigits":[2,"maximum-fraction-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[1,"q2-loc",{"substitutions":[16],"value":[1537],"displayValue":[32]},null,{"value":["propHandler"],"substitutions":["propHandler"]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"isActive":["isActiveChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[0,"keyup","keyUpHandler"]]]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-resize-observer",[[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-badge_7",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}],[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}],[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}],[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[514]}],[1,"q2-btn",{"_role":[513],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513]},null,{"ariaLabel":["ariaLabelObserver"]}],[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"input","onHostElementInput"],[0,"keydown","keydownHandler"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-checkbox",[[1,"q2-checkbox",{"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"active":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[1537],"selected":[516],"separator":[516],"value":[513]},null,{"separator":["separatorChangedHandler"],"display":["displayChangedHandler"]}]]],["q2-item_3",[[1,"q2-link",{"disabled":[516],"href":[513],"iconType":[513,"icon-type"],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}],[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]],[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["click-elsewhere",[[0,"click-elsewhere"]]],["q2-option-list_2",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}],[1,"q2-popover",{"align":[513],"block":[516],"controlElement":[16],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}]]]]'), e);
+  return a(JSON.parse('[["q2-badge_7",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}],[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}],[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}],[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[520],"getTextContent":[64]}],[1,"q2-btn",{"_role":[513],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513]},null,{"ariaLabel":["ariaLabelObserver"]}],[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-pagination",[[1,"q2-pagination",{"alignment":[1],"autoSize":[1540,"auto-size"],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"hoist":[4],"icon":[513],"label":[1537],"name":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateChangeHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-file-picker",[[1,"q2-file-picker",{"description":[513],"fileTypes":[513,"file-types"],"label":[513],"maxFiles":[514,"max-files"],"maxFileSize":[514,"max-file-size"],"status":[16],"value":[1040],"variant":[513],"areFilesUploading":[32],"displayedFiles":[32],"isDropZoneHighlighted":[32],"refreshCounter":[32]},null,{"status":["updateFileList"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-modal",[[1,"q2-modal",{"closable":[516],"customMarkup":[1,"custom-markup"],"description":[1],"icon":[1],"iconFillColor":[1,"icon-fill-color"],"iconStrokePrimary":[1,"icon-stroke-primary"],"iconStrokeSecondary":[1,"icon-stroke-secondary"],"iconStrokeWidth":[1,"icon-stroke-width"],"imageSrc":[513,"image-src"],"title":[1537],"maxActionButtons":[32],"renderStatus":[32],"closeModal":[64],"openModal":[64]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"]}]]],["q2-tag",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1026,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoSmall":[32],"isAutoTouch":[32]},[[0,"focus","onHostElementFocus"]]]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"color":["propsUpdates"],"hideBarLabels":["propsUpdates"],"showChartName":["propsUpdates"],"alignChartName":["propsUpdates"],"orientation":["propsUpdates"],"format":["propsUpdates"],"sort":["propsUpdates"],"data":["propsUpdates"],"offsetDataNames":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"formatModifier":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-form",[[1,"q2-form",{"spacing":[513]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"value":[514],"locale":[513],"minimumIntegerDigits":[2,"minimum-integer-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"maximumFractionDigits":[2,"maximum-fraction-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[0,"q2-loc",{"substitutions":[16],"value":[1537]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"isActive":["isActiveChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[0,"keyup","keyUpHandler"]]]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["click-elsewhere",[[0,"click-elsewhere"]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"input","onHostElementInput"],[0,"keydown","keydownHandler"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-action-group",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[513],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"slottedTagName":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-checkbox",[[1,"q2-checkbox",{"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"active":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[1537],"selected":[516],"separator":[516],"value":[513]},null,{"display":["displayChangedHandler"],"separator":["separatorChangedHandler"]}]]],["q2-resize-observer",[[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-item_3",[[1,"q2-link",{"disabled":[516],"href":[513],"iconType":[513,"icon-type"],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}],[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]],[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["q2-option-list_2",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}],[1,"q2-popover",{"align":[513],"block":[516],"controlElement":[16],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}]]]]'), e);
 }));
 //# sourceMappingURL=q2-tecton-elements.esm.js.map

package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;;;GAOA,KAAIA,eAAe;EAUjB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACrBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACjD;EACE,OAAOC,EAAeJ;AAAK;;AClB7BH,eAAeQ,MAAKC,MAAOC;QACnBC;EACN,OAAOC,EAAcC,KAAAC,MAAA,ojzBAAuCJ;AAAA"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;;;GAOA,KAAIA,eAAe;EAUjB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACrBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACjD;EACE,OAAOC,EAAeJ;AAAK;;AClB7BH,eAAeQ,MAAKC,MAAOC;QACnBC;EACN,OAAOC,EAAcC,KAAAC,MAAA,s8zBAAuCJ;AAAA"}