q2-tecton-elements 1.16.2 → 1.17.0

package/dist/collection/components/q2-section/index.js

@@ -1,39 +1,36 @@
 import { Component, Prop, Element, Listen, State, Watch, h, Event, } from '@stencil/core';
-import { createGuid, isEventFromElement, loc, overrideFocus } from 'src/utils';
+import { isEventFromElement, loc, nextPaint, overrideFocus, resizeIframe } from 'src/utils';
 export class Q2Section {
   constructor() {
     this.hasYieldedHeader = false;
-    this.guid = createGuid();
-    this.animating = false;
-    this.titleId = `q2-section-title-${this.guid}`;
-    this.contentId = `q2-section-content-${this.guid}`;
-    ///// Actions ////////
+    this.titleId = 'title';
+    this.contentId = 'content';
+    /// Event Handlers ///
     this.onHeaderClick = () => {
-      this.collapsible &&
-        this.change.emit({
-          expanded: !this.expanded,
-        });
+      this.change.emit({
+        expanded: !this.expanded,
+      });
     };
-    this.onAnimationStart = () => {
-      if (this.collapsible) {
-        this.animating = false;
-        this.endAnimation();
-        this.animating = true;
-        this.resizerFn = setInterval(this.resizeIframe, 5);
-      }
-    };
-    this.onAnimationEnd = () => {
-      const targetHeight = this.expanded ? 'auto' : '0px';
-      this.setContentWrapperHeight(targetHeight);
-      this.animating = false;
+    this.onTransitionEnd = () => {
+      this.contentHeight = this.currentHeight;
       setTimeout(() => {
         // This gives enough time for all values to get passed over
         // Previously, the interval was never cleared and the fn was called indefinitely then filtered
         // Will revisit in TCT-599
-        this.endAnimation();
+        this.clearResizeInterval();
       }, 1000);
     };
-    this.endAnimation = () => {
+    this.onHeaderSlotChange = () => {
+      var _a, _b;
+      const hasSlotContent = this.headerSlot
+        ? this.headerSlot.assignedNodes().length > 0
+        : (_b = (_a = this.headerSlotWrapper) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0 > 0;
+      if (this.hasYieldedHeader !== hasSlotContent) {
+        this.hasYieldedHeader = !!hasSlotContent;
+      }
+    };
+    /// Helpers ///
+    this.clearResizeInterval = () => {
       this.resizerFn && clearInterval(this.resizerFn);
     };
     this.addHeaderSlotListener = () => {
@@ -52,35 +49,23 @@ export class Q2Section {
       }
       this.headerSlotMutationObserver.disconnect();
     };
-    this.onHeaderSlotChange = () => {
-      var _a, _b;
-      const hasSlotContent = this.headerSlot
-        ? this.headerSlot.assignedNodes().length > 0
-        : (_b = (_a = this.headerSlotWrapper) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0 > 0;
-      if (this.hasYieldedHeader !== hasSlotContent) {
-        this.hasYieldedHeader = !!hasSlotContent;
-      }
-    };
     this.addContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.addEventListener('slotchange', this.resizeIframe);
+        this.contentSlot.addEventListener('slotchange', resizeIframe);
         return;
       }
-      const observer = new MutationObserver(this.resizeIframe);
+      const observer = new MutationObserver(resizeIframe);
       observer.observe(this.contentContainer, { childList: true, subtree: true });
       this.contentSlotMutationObserver = observer;
     };
     this.removeContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.removeEventListener('slotchange', this.resizeIframe);
+        this.contentSlot.removeEventListener('slotchange', resizeIframe);
         return;
       }
       this.contentSlotMutationObserver.disconnect();
     };
   }
-  resizeIframe() {
-    return window.TectonElements && window.TectonElements.resizeIframe && window.TectonElements.resizeIframe();
-  }
   componentWillLoad() {
     this.onHeaderSlotChange();
   }
@@ -93,34 +78,7 @@ export class Q2Section {
     this.removeHeaderSlotListener();
     this.removeContentSlotListener();
   }
-  get wrapperClasses() {
-    const hasHeader = !!this.label || this.hasYieldedHeader;
-    const collapsibleClass = this.collapsible ? ' collapsible' : '';
-    const stateClass = this.expanded || !this.collapsible ? ' expanded' : ' collapsed';
-    const headerClass = hasHeader ? ' has-header' : '';
-    const animateClass = this.animating ? ' animate' : '';
-    return `q2-section-wrapper${collapsibleClass}${stateClass}${headerClass}${animateClass}`;
-  }
-  get slottedContentHeight() {
-    const content = this.contentContainer;
-    return `${content.offsetHeight || 0}px`;
-  }
-  get contentWrapper() {
-    return this.hostElement.shadowRoot.querySelector('.q2-section-content-wrapper');
-  }
-  get contentContainer() {
-    return this.hostElement.shadowRoot.querySelector('.q2-section-content');
-  }
-  get headerSlotWrapper() {
-    return this.hostElement.shadowRoot.querySelector('.q2-section-header-slot-wrapper');
-  }
-  get headerSlot() {
-    return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]');
-  }
-  get contentSlot() {
-    return this.hostElement.shadowRoot.querySelector('.q2-section-content slot');
-  }
-  //////// Host Element Events ////////
+  /// Listeners ///
   defaultChangeHandler(event) {
     if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {
       this.expanded = event.detail.expanded;
@@ -131,36 +89,52 @@ export class Q2Section {
       return;
     this.contentContainer.focus();
   }
-  //////// Observers //////////
-  expandedObserver() {
-    if (this.collapsible) {
-      this.animating = false;
-      this.endAnimation();
-      this.animating = true;
+  /// Watchers ///
+  async expandedObserver(expanded) {
+    this.clearResizeInterval();
+    this.resizerFn = setInterval(resizeIframe, 5);
+    if (expanded) {
+      this.contentHeight = this.currentHeight;
+    }
+    else {
+      this.contentHeight = this.contentContainerHeight;
+      await nextPaint(() => {
+        this.contentHeight = this.currentHeight;
+      });
     }
-    this.setContentWrapperHeight(this.slottedContentHeight);
   }
   collapsibleObserver() {
-    this.setContentWrapperHeight(this.slottedContentHeight);
+    this.contentHeight = this.currentHeight;
   }
-  setContentWrapperHeight(height) {
-    if (this.collapsible && this.contentHeight !== height) {
-      this.contentHeight = height;
-      this.contentWrapper.style.setProperty('height', this.contentHeight);
+  /// Getters ///
+  get currentHeight() {
+    const { collapsible, expanded } = this;
+    if (!collapsible) {
+      return null;
+    }
+    else if (expanded) {
+      return this.contentContainerHeight;
     }
+    else {
+      return '0';
+    }
+  }
+  get contentContainerHeight() {
+    return `${this.contentContainer.offsetHeight || 0}px`;
   }
   render() {
-    return (h("section", { class: this.wrapperClasses },
-      h("div", { class: "q2-section-header" },
-        h("div", { class: "q2-section-header-content", id: this.titleId, onClick: this.onHeaderClick },
+    const hasHeader = this.label || this.hasYieldedHeader;
+    return (h("section", { class: "wrapper" },
+      h("header", { class: hasHeader ? 'has-header' : '' },
+        h("div", { class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick },
           !this.hasYieldedHeader && !!this.label ? h("h2", { class: "title" }, loc(this.label)) : '',
-          h("div", { class: "q2-section-header-slot-wrapper" },
-            h("slot", { name: "q2-section-header" }))),
-        this.collapsible && !this.noCollapseIcon ? (h("q2-btn", { class: `q2-section-content-toggle ${this.expanded ? 'expanded' : 'collapsed'}`, label: this.label, ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick },
-          h("q2-icon", { type: "chevron-up", class: "toggle-icon" }))) : ('')),
-      h("div", { class: "q2-section-content-wrapper", id: this.contentId, "aria-labelledby": this.titleId, role: "region", onAnimationStart: this.onAnimationStart, onAnimationEnd: this.onAnimationEnd },
-        h("div", { class: "q2-section-content", tabindex: "-1" },
-          h("slot", null)))));
+          h("div", { ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" },
+            h("slot", { ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))),
+        this.collapsible && !this.noCollapseIcon && (h("q2-btn", { label: this.label, ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick },
+          h("q2-icon", { type: "chevron-up" })))),
+      h("div", { class: "content-wrapper", id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && { height: this.contentHeight } },
+        h("div", { ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" },
+          h("slot", { ref: (el) => (this.contentSlot = el) })))));
   }
   static get is() { return "q2-section"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-section/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),
@@ -64,54 +65,48 @@ button {
   visibility: hidden;
 }
 
-@keyframes expandVertical {
-  0% {
-    height: 0;
-  }
-}
-@keyframes collapseVertical {
-  100% {
-    height: 0;
-  }
-}
 :host {
   display: block;
-  background-color: var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));
-  color: var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));
-  border-radius: var(--tct-section-border-radius, var(--t-section-border-radius, 3px));
-  margin: var(--tct-scale-3, var(--app-scale-3x, 15px));
+  background-color: var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff)))));
+  color: var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));
+  border-radius: var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));
+  margin: var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));
 }
 
 @media screen and (max-width: 767px) {
   :host {
-    margin: var(--tct-scale-3, var(--app-scale-3x, 15px)) 0;
+    --comp-default-margin: var(--app-scale-3x, 15px) 0;
+    margin: var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)));
   }
 }
-.q2-section-wrapper {
+.wrapper {
+  --comp-tween: var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));
+  --comp-default-wrapper-padding: var(--app-scale-1x, 5px) 0;
   display: block;
-  padding: var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;
+  padding: var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)));
 }
-
-.q2-section-wrapper:hover {
-  box-shadow: var(--tct-section-wrapper-hover-box-shadow, inherit);
+.wrapper:hover {
+  box-shadow: var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit));
+}
+:host([collapsible]) .wrapper {
+  --comp-tween: var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)));
 }
 
-.q2-section-header {
-  padding: 0 var(--tct-scale-3, var(--app-scale-3x, 15px));
+header {
+  --comp-default-header-padding: 0 var(--app-scale-3x, 15px);
+  padding: var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));
   display: flex;
 }
-
-.has-header .q2-section-header {
-  min-height: 44px;
+header.has-header {
+  min-height: var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px));
 }
 
-.q2-section-header-content {
+.header-content {
   flex: 1 1 100%;
   min-width: 0;
   align-self: center;
 }
-
-.collapsible .q2-section-header-content {
+:host([collapsible]) .header-content {
   cursor: pointer;
 }
 
@@ -124,43 +119,32 @@ button {
   letter-spacing: 0.5px;
 }
 
-.toggle-icon {
-  transition: transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease));
+q2-icon {
+  transition: transform var(--comp-tween);
 }
-
-.collapsed .toggle-icon {
+:host(:not([expanded])) q2-icon {
   transform: rotate(180deg);
 }
 
-.q2-section-content-wrapper {
+.content-wrapper {
   height: auto;
 }
-
-.q2-section-content {
-  padding: var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-3, var(--app-scale-3x, 15px));
-}
-
-.q2-section-content:focus {
-  box-shadow: none;
-}
-
-.expanded.animate .q2-section-content-wrapper {
-  animation: expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards;
+:host([collapsible]) .content-wrapper {
+  transition: height var(--comp-tween);
+  overflow: hidden;
 }
-
-.collapsed .q2-section-content-wrapper {
+:host([collapsible]) :host(:not([expanded])) .content-wrapper {
   height: 0;
-  animation: collapseVertical 0s forwards;
-  animation-duration: 0;
   padding-top: 0;
-  visibility: hidden;
-  overflow: hidden;
 }
 
-.collapsed.animate .q2-section-content-wrapper {
-  animation: collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards;
+.content {
+  --comp-default-content-padding: var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);
+  padding: var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)));
 }
-
-.animate .q2-section-content-wrapper {
-  overflow: hidden;
+.content:focus {
+  box-shadow: none;
+}
+:host([collapsible]) :host(:not([expanded])) .content {
+  visibility: hidden;
 }

package/dist/collection/components/q2-select/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-stepper/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-stepper-pane/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-stepper-vertical/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-tab-container/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-tab-pane/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-tag/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-textarea/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-tooltip/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/tecton-tab-pane/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"q2-icon\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"placeholder\":[513],\"buttonLabel\":[513,\"button-label\"],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-select\",[[1,\"q2-select\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[1537,\"aria-label\"],\"selectedOptions\":[1032,\"selected-options\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"dropdownOpen\":[32],\"onlyShowingSelected\":[32],\"activeOptionId\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32],\"prioritizeSearch\":[32]},[[0,\"keydown\",\"keydownHandler\"],[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"focusout\",\"handleFocusout\"],[0,\"click\",\"clickHandler\"]]]]],[\"q2-dropdown\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-editable-field\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[513],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-tab-container\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-carousel\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"ariaLabel\":[513,\"aria-label\"],\"label\":[513],\"index\":[1538],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-section\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isStatic\":[516,\"is-static\"],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pill\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-tag\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"hasError\":[516,\"has-error\"],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[1025],\"value\":[513],\"disabled\":[516],\"optionId\":[513,\"option-id\"],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"noSelect\":[516,\"_no-select\"],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}]]],[\"q2-radio-group\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[516,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[516]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio\",[[1,\"q2-radio\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"ariaLabel\":[513,\"aria-label\"],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"q2-tooltip\",[[1,\"q2-tooltip\",{\"label\":[513],\"block\":[516],\"multiline\":[516],\"persistent\":[516],\"position\":[513]}]]],[\"tecton-tab-pane\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-message\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-option-list\",[[1,\"q2-option-list\",{\"role\":[513],\"direction\":[513],\"open\":[1540],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"type\":[1],\"hasOptions\":[32],\"toggle\":[64],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"click-elsewhere\",[[0,\"click-elsewhere\"]]],[\"q2-btn_2\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[513],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"fab\":[516],\"block\":[516],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"inline\":[516]}]]],[\"q2-badge_2\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"badgeValue\":[513,\"badge-value\"],\"badgeTheme\":[513,\"badge-theme\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]],[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"q2-icon\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"placeholder\":[513],\"buttonLabel\":[513,\"button-label\"],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-select\",[[1,\"q2-select\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[1537,\"aria-label\"],\"selectedOptions\":[1032,\"selected-options\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"dropdownOpen\":[32],\"onlyShowingSelected\":[32],\"activeOptionId\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32],\"prioritizeSearch\":[32]},[[0,\"keydown\",\"keydownHandler\"],[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"focusout\",\"handleFocusout\"],[0,\"click\",\"clickHandler\"]]]]],[\"q2-dropdown\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-editable-field\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[513],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-tab-container\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-carousel\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"ariaLabel\":[513,\"aria-label\"],\"label\":[513],\"index\":[1538],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-section\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isStatic\":[516,\"is-static\"],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"minSliceSize\":[1,\"min-slice-size\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pill\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-tag\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"hasError\":[516,\"has-error\"],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[1025],\"value\":[513],\"disabled\":[516],\"optionId\":[513,\"option-id\"],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"noSelect\":[516,\"_no-select\"],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}]]],[\"q2-radio-group\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[516,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[516]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio\",[[1,\"q2-radio\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"ariaLabel\":[513,\"aria-label\"],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"q2-tooltip\",[[1,\"q2-tooltip\",{\"label\":[513],\"block\":[516],\"multiline\":[516],\"persistent\":[516],\"position\":[513]}]]],[\"tecton-tab-pane\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-message\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-option-list\",[[1,\"q2-option-list\",{\"role\":[513],\"direction\":[513],\"open\":[1540],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"type\":[1],\"hasOptions\":[32],\"toggle\":[64],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"click-elsewhere\",[[0,\"click-elsewhere\"]]],[\"q2-btn_2\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[513],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"fab\":[516],\"block\":[516],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"inline\":[516]}]]],[\"q2-badge_2\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"badgeValue\":[513,\"badge-value\"],\"badgeTheme\":[513,\"badge-theme\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]],[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]]]"), options);
   });
 };
 

package/dist/esm/q2-avatar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-6d5ed7cc.js';
 import { i as icons } from './icons-ed54e307.js';
 
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:unset}.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}: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}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:unset}.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";
 
 const Q2Avatar = class {
   constructor(hostRef) {