q2-tecton-elements 1.59.1 → 1.60.0

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

@@ -1,23 +1,23 @@
-import { r as t, c as i, h as a, F as e, H as o, g as r } from "./index-COzomxjJ.js";
+import { r as t, c as i, h as r, F as a, H as o, g as e } from "./index-COzomxjJ.js";
 
-import { o as s, a as n, w as c, l as h } from "./index-CkXFIBxL.js";
+import { o as s, a as n, w as c, l } from "./index-CkXFIBxL.js";
 
-import { s as l, a as p } from "./action-sheet-D3xPdhm8.js";
+import { s as h, a as d } from "./action-sheet-D3xPdhm8.js";
 
-const d = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 p = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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)));--comp-tag-border-color:var(--tct-tag-border-color, transparent);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)));border-width:var(--tct-tag-border-width, 0);border-style:var(--tct-tag-border-style, 0);border-color:var(--comp-tag-border-color);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));--comp-tag-border-color:var(--tct-tag-primary-border-color, var(--t-primary, #0079c1))}: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));--comp-tag-border-color:var(--tct-tag-secondary-border-color, var(--t-secondary, #b3c2cc))}: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));--comp-tag-border-color:var(--tct-tag-tertiary-border-color, var(--t-tertiary, #e8f5fc))}.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 = class {
-  constructor(a) {
-    t(this, a);
+  constructor(r) {
+    t(this, r);
     this.click = i(this, "click", 7);
-    var e;
+    var a;
     // #endregion
     // #region Public Property API
     /**
          * Instructs the component to use the action sheet workflow for displaying its options.
          *
          * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
-         */    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);
     /** Determines the label that is applied to the option list for accessibility purposes. */    this.optionListLabel = "options";
     /** Aligns the popover dropdown to the left or right side of the input field. */    this.popoverAlignment = "right";
     this.determineOptionCount = () => {
@@ -29,18 +29,18 @@ const g = class {
       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 a = [ "Q2-ICON", "Q2-BADGE" ];
+      const r = [ "Q2-ICON", "Q2-BADGE" ];
       i.forEach(((t, i) => {
-        if (!a.includes(t.tagName) || i > 0) {
+        if (!r.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 r = t.relatedTarget;
+      if ((i = this.popoverElement) === null || i === void 0 ? void 0 : i.contains(r)) return;
+      if (this.hostElement.contains(r)) return;
       this.open = false;
     };
     this.handleChange = t => {
@@ -54,8 +54,8 @@ const g = class {
     this.handleClick = async t => {
       t.stopPropagation();
       this.popoverElement.controlElement = this.dropdownBtn;
-      if (l(this)) {
-        const {value: i} = await p(this, t);
+      if (h(this)) {
+        const {value: i} = await d(this, t);
         this.dropdownBtn.focus();
         this.click.emit({
           value: i
@@ -69,8 +69,8 @@ const g = class {
       if (i) return;
       t.preventDefault();
       this.popoverElement.controlElement = this.dropdownBtn;
-      if (l(this, t)) {
-        const {value: i} = await p(this, t);
+      if (h(this, t)) {
+        const {value: i} = await d(this, t);
         this.dropdownBtn.focus();
         this.click.emit({
           value: i
@@ -162,8 +162,8 @@ const g = class {
     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 r = i.find((i => i.value === t));
+    r === null || r === void 0 ? void 0 : r.click();
   }
   // #endregion
   // #region Local Methods
@@ -176,27 +176,27 @@ const g = class {
   // #endregion
   // #region Render Methods
   renderHiddenElement() {
-    return a("div", {
+    return r("div", {
       id: "option-description",
       class: "sr",
       "aria-hidden": "true"
-    }, h("tecton.element.optionList.optionCount", [ this.optionCount ]));
+    }, l("tecton.element.optionList.optionCount", [ this.optionCount ]));
   }
   render() {
     const {open: t} = this;
     const i = [ "tag" ];
     if (this.optionCount) i.push("has-options");
-    const r = this.optionCount > 0;
-    return a(o, {
+    const e = this.optionCount > 0;
+    return r(o, {
       key: "f15bfbf7ad5e796ac5536e511f8d307ee4106969",
-      role: r ? "list" : undefined
-    }, a("click-elsewhere", {
+      role: e ? "list" : undefined
+    }, r("click-elsewhere", {
       key: "240720775620018275d9c1619e594c900e669a83",
       onChange: this.onClickElsewhere
-    }, r ? a(e, null, a("div", {
+    }, e ? r(a, null, r("div", {
       class: "btn-wrapper",
       onClick: this.handleWrapperClick
-    }, a("button", {
+    }, r("button", {
       class: "tag-wrapper",
       ref: t => this.dropdownBtn = t,
       "test-id": "btn-control",
@@ -208,18 +208,18 @@ const g = class {
       "aria-controls": "option-list",
       "aria-expanded": t ? "true" : "false",
       "aria-describedby": "option-description"
-    }, a("div", {
+    }, r("div", {
       class: i.join(" ")
-    }, h(this.label)), a("q2-icon", {
+    }, l(this.label)), r("q2-icon", {
       type: "options"
-    }))), this.renderHiddenElement()) : a("div", {
+    }))), this.renderHiddenElement()) : r("div", {
       class: "tag-wrapper",
       onClick: t => t.stopPropagation()
-    }, a("div", {
+    }, r("div", {
       class: i.join(" ")
-    }, a("slot", {
+    }, r("slot", {
       name: "decorator"
-    }), h(this.label))), r && a("q2-popover", {
+    }), l(this.label))), e && r("q2-popover", {
       key: "918aeea0b8c3d1b129810c6e2f3a3151f5285b89",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
@@ -228,25 +228,25 @@ const g = class {
       minHeight: this.popoverMinHeight,
       direction: this.popoverDirection,
       align: this.popoverAlignment
-    }, a("q2-option-list", {
+    }, r("q2-option-list", {
       key: "d8a791a50c43d8b802cc143d53d77c32756ef02e",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
       type: "menu",
       align: "right",
-      label: h("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: l("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
-    }, a("slot", {
+    }, r("slot", {
       key: "8fbd11544c0a91966e5b30031d34ff2cd3caf232"
     })))));
   }
   get hostElement() {
-    return r(this);
+    return e(this);
   }
 };
 
-g.style = d;
+g.style = p;
 
 export { g as q2_tag };
 //# sourceMappingURL=q2-tag.entry.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["q2TagCss","Q2Tag","constructor","hostRef","this","hoist","_a","window","Tecton","useActionSheets","optionListLabel","popoverAlignment","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","filterSlottedElements","slot","shadowRoot","querySelector","assignedElements","Array","from","approvedElements","forEach","element","index","includes","tagName","remove","handleButtonFocusout","async","event","relatedTarget","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","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"],"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/**\n * @slot decorator - An optional slot that supports either an [Icon](https://tecton.q2developer.com/design-system/q2-icon) or [Badge](https://tecton.q2developer.com/design-system/q2-badge) to be displayed with the tag content.\n * This is **not** available when using [Multiple Options](https://tecton.q2developer.com/design-system/q2-tag#multiple-options).\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":"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","ignoreList":[]}
+{"version":3,"names":["q2TagCss","Q2Tag","constructor","hostRef","this","hoist","_a","window","Tecton","useActionSheets","optionListLabel","popoverAlignment","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","filterSlottedElements","slot","shadowRoot","querySelector","assignedElements","Array","from","approvedElements","forEach","element","index","includes","tagName","remove","handleButtonFocusout","async","event","relatedTarget","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","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"],"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    --comp-tag-border-color: #{var-list(--tct-tag-border-color, transparent)};\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    border-width: var-list(--tct-tag-border-width, 0);\n    border-style: var-list(--tct-tag-border-style, 0);\n    border-color: var(--comp-tag-border-color);\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        --comp-tag-border-color: #{var-list(--tct-tag-primary-border-color, --t-primary, #0079c1)};\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        --comp-tag-border-color: #{var-list(--tct-tag-secondary-border-color, --t-secondary, #b3c2cc)};\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        --comp-tag-border-color: #{var-list(--tct-tag-tertiary-border-color, --t-tertiary, #e8f5fc)};\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/**\n * @slot decorator - An optional slot that supports either an [Icon](https://tecton.q2developer.com/design-system/q2-icon) or [Badge](https://tecton.q2developer.com/design-system/q2-badge) to be displayed with the tag content.\n * This is **not** available when using [Multiple Options](https://tecton.q2developer.com/design-system/q2-tag#multiple-options).\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":"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","ignoreList":[]}

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

@@ -17,7 +17,7 @@ import { g as t } from "./app-globals-DQuL1Twl.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,"per-page-increments"],"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,"invalid-dates"],"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,"valid-dates"],"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",{"buttonSize":[513,"button-size"],"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"],[0,"formatted","inputFormatted"]],{"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,"selected-options"],"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-context",[[1,"q2-context",{"separator":[516]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16,"disabled-months"],"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":[1538,"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"]],{"lastEnabledStep":["lastEnabledStepChanged"],"currentStep":["lastEnabledStepChanged","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,"grid-padding"],"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,"grid-padding"],"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"],"variant":[513],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"variant":["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",{"locale":[513],"maximumFractionDigits":[2,"maximum-fraction-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"minimumIntegerDigits":[2,"minimum-integer-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"value":[514]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-grid",[[1,"q2-grid",{"align":[513],"columns":[514],"gap":[513],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumns":[514,"lg-columns"],"lgGap":[513,"lg-gap"],"lgJustify":[513,"lg-justify"],"lgRows":[520,"lg-rows"],"mdAlign":[513,"md-align"],"mdColumns":[514,"md-columns"],"mdGap":[513,"md-gap"],"mdJustify":[513,"md-justify"],"mdRows":[520,"md-rows"],"rows":[520],"smAlign":[513,"sm-align"],"smColumns":[514,"sm-columns"],"smGap":[513,"sm-gap"],"smJustify":[513,"sm-justify"],"smRows":[520,"sm-rows"],"xlAlign":[513,"xl-align"],"xlColumns":[514,"xl-columns"],"xlGap":[513,"xl-gap"],"xlJustify":[513,"xl-justify"],"xlRows":[520,"xl-rows"],"xsAlign":[513,"xs-align"],"xsColumns":[514,"xs-columns"],"xsGap":[513,"xs-gap"],"xsJustify":[513,"xs-justify"],"xsRows":[520,"xs-rows"]}]]],["q2-grid-area",[[1,"q2-grid-area",{"align":[513],"columnSpan":[514,"column-span"],"columnStart":[520,"column-start"],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumnSpan":[514,"lg-column-span"],"lgColumnStart":[520,"lg-column-start"],"lgJustify":[513,"lg-justify"],"lgRowSpan":[514,"lg-row-span"],"lgRowStart":[520,"lg-row-start"],"lgZIndex":[514,"lg-z-index"],"mdAlign":[513,"md-align"],"mdColumnSpan":[514,"md-column-span"],"mdColumnStart":[520,"md-column-start"],"mdJustify":[513,"md-justify"],"mdRowSpan":[514,"md-row-span"],"mdRowStart":[520,"md-row-start"],"mdZIndex":[514,"md-z-index"],"rowSpan":[514,"row-span"],"rowStart":[520,"row-start"],"smAlign":[513,"sm-align"],"smColumnSpan":[514,"sm-column-span"],"smColumnStart":[520,"sm-column-start"],"smJustify":[513,"sm-justify"],"smRowSpan":[514,"sm-row-span"],"smRowStart":[520,"sm-row-start"],"smZIndex":[514,"sm-z-index"],"xlAlign":[513,"xl-align"],"xlColumnSpan":[514,"xl-column-span"],"xlColumnStart":[520,"xl-column-start"],"xlJustify":[513,"xl-justify"],"xlRowSpan":[514,"xl-row-span"],"xlRowStart":[520,"xl-row-start"],"xlZIndex":[514,"xl-z-index"],"xsAlign":[513,"xs-align"],"xsColumnSpan":[514,"xs-column-span"],"xsColumnStart":[520,"xs-column-start"],"xsJustify":[513,"xs-justify"],"xsRowSpan":[514,"xs-row-span"],"xsRowStart":[520,"xs-row-start"],"xsZIndex":[514,"xs-z-index"],"zIndex":[514,"z-index"]}]]],["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,"auth-payload"],"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-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,"selected-options"],"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,"control-element"],"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"]}]]],["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":[513,"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-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":[1540],"selectedOptions":[1040,"selected-options"],"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"],[0,"popoverStateChanged","popoverStateChanged"],[0,"tctClick","handleTctClick"]],{"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",{"active":[516],"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-link_2",[[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-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["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-item",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["click-elsewhere",[[0,"click-elsewhere"]]],["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-action-group_2",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[1537],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"slottedTagName":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}],[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]]]'), e);
+  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,"per-page-increments"],"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,"invalid-dates"],"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,"valid-dates"],"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",{"buttonSize":[513,"button-size"],"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"],[0,"formatted","inputFormatted"]],{"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,"selected-options"],"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"],"label":["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-context",[[1,"q2-context",{"separator":[516]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16,"disabled-months"],"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":[1538,"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"]],{"lastEnabledStep":["lastEnabledStepChanged"],"currentStep":["lastEnabledStepChanged","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,"grid-padding"],"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,"grid-padding"],"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"],"variant":[513],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"variant":["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",{"locale":[513],"maximumFractionDigits":[2,"maximum-fraction-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"minimumIntegerDigits":[2,"minimum-integer-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"value":[514]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-grid",[[1,"q2-grid",{"align":[513],"columns":[514],"gap":[513],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumns":[514,"lg-columns"],"lgGap":[513,"lg-gap"],"lgJustify":[513,"lg-justify"],"lgRows":[520,"lg-rows"],"mdAlign":[513,"md-align"],"mdColumns":[514,"md-columns"],"mdGap":[513,"md-gap"],"mdJustify":[513,"md-justify"],"mdRows":[520,"md-rows"],"rows":[520],"smAlign":[513,"sm-align"],"smColumns":[514,"sm-columns"],"smGap":[513,"sm-gap"],"smJustify":[513,"sm-justify"],"smRows":[520,"sm-rows"],"xlAlign":[513,"xl-align"],"xlColumns":[514,"xl-columns"],"xlGap":[513,"xl-gap"],"xlJustify":[513,"xl-justify"],"xlRows":[520,"xl-rows"],"xsAlign":[513,"xs-align"],"xsColumns":[514,"xs-columns"],"xsGap":[513,"xs-gap"],"xsJustify":[513,"xs-justify"],"xsRows":[520,"xs-rows"]}]]],["q2-grid-area",[[1,"q2-grid-area",{"align":[513],"columnSpan":[514,"column-span"],"columnStart":[520,"column-start"],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumnSpan":[514,"lg-column-span"],"lgColumnStart":[520,"lg-column-start"],"lgJustify":[513,"lg-justify"],"lgRowSpan":[514,"lg-row-span"],"lgRowStart":[520,"lg-row-start"],"lgZIndex":[514,"lg-z-index"],"mdAlign":[513,"md-align"],"mdColumnSpan":[514,"md-column-span"],"mdColumnStart":[520,"md-column-start"],"mdJustify":[513,"md-justify"],"mdRowSpan":[514,"md-row-span"],"mdRowStart":[520,"md-row-start"],"mdZIndex":[514,"md-z-index"],"rowSpan":[514,"row-span"],"rowStart":[520,"row-start"],"smAlign":[513,"sm-align"],"smColumnSpan":[514,"sm-column-span"],"smColumnStart":[520,"sm-column-start"],"smJustify":[513,"sm-justify"],"smRowSpan":[514,"sm-row-span"],"smRowStart":[520,"sm-row-start"],"smZIndex":[514,"sm-z-index"],"xlAlign":[513,"xl-align"],"xlColumnSpan":[514,"xl-column-span"],"xlColumnStart":[520,"xl-column-start"],"xlJustify":[513,"xl-justify"],"xlRowSpan":[514,"xl-row-span"],"xlRowStart":[520,"xl-row-start"],"xlZIndex":[514,"xl-z-index"],"xsAlign":[513,"xs-align"],"xsColumnSpan":[514,"xs-column-span"],"xsColumnStart":[520,"xs-column-start"],"xsJustify":[513,"xs-justify"],"xsRowSpan":[514,"xs-row-span"],"xsRowStart":[520,"xs-row-start"],"xsZIndex":[514,"xs-z-index"],"zIndex":[514,"z-index"]}]]],["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,"auth-payload"],"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-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,"selected-options"],"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,"control-element"],"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"]}]]],["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":[513,"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],"hideFromScreenReaders":[516,"hide-from-screen-readers"],"shape":[513],"type":[513]}],[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":[1540],"selectedOptions":[1040,"selected-options"],"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"],[0,"popoverStateChanged","popoverStateChanged"],[0,"tctClick","handleTctClick"]],{"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",{"active":[516],"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-link_2",[[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-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["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-item",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["click-elsewhere",[[0,"click-elsewhere"]]],["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-action-group_2",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[1537],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"slottedTagName":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}],[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]]]'), e);
 }));
 //# sourceMappingURL=q2-tecton-elements.esm.js.map
 //# sourceMappingURL=q2-tecton-elements.esm.js.map