q2-tecton-elements 1.14.1 → 1.15.0

package/dist/cjs/q2-tab-container.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-0128397d.js');
 const index = require('./index-0fec9f3b.js');
 
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}: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}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left{left:0}.btn-right{right:0}";
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}: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}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
 
 index.addSmoothScrollPolyfill();
 const Q2TabContainer = class {
@@ -35,17 +35,21 @@ const Q2TabContainer = class {
       });
     };
     this.setTabs = () => {
-      this.tabs = this.tabPanes.map(({ label, value }) => ({
+      this.tabs = this.tabPanes.map(({ label, value, badgeCount, badgeDescription }) => ({
         label: (label && index.loc(label)) || '',
         value,
+        badgeCount,
+        badgeDescription,
       }));
     };
     this.onTabClick = (event) => {
-      const isAlreadySelected = this.value === event.target.dataset.value;
+      const targetValue = event.target.closest('button[role="tab"]')
+        .dataset.value;
+      const isAlreadySelected = this.value === targetValue;
       if (isAlreadySelected)
         return;
       this.change.emit({
-        value: event.target.dataset.value,
+        value: targetValue,
       });
     };
     this.onTabKeyDown = (event) => {
@@ -157,6 +161,9 @@ const Q2TabContainer = class {
     const index$1 = this.tabs.findIndex(el => el.value === this.selectedTabValue);
     this.moveFocus(index$1);
   }
+  onBadge() {
+    this.setTabs();
+  }
   ///////// Lifecycle Hooks /////////
   componentWillLoad() {
     const observer = new MutationObserver(this.updateTabData);
@@ -209,7 +216,10 @@ const Q2TabContainer = class {
   generateTab(tab, index) {
     const { label, value } = tab;
     const isSelected = this.selectedTabValue === value;
-    return (index$1.h("li", { role: "presentation" }, index$1.h("button", { id: `tab-${this.guid}-${index}`, "data-value": value, "test-id": "tabLink", tabIndex: isSelected ? 0 : -1, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": `tab-pane-${this.guid}-${index}`, onClick: this.onTabClick, onKeyDown: this.onTabKeyDown }, label)));
+    return (index$1.h("li", { role: "presentation" }, index$1.h("button", { id: `tab-${this.guid}-${index}`, "data-value": value, "test-id": "tabLink", tabIndex: isSelected ? 0 : -1, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": `tab-pane-${this.guid}-${index}`, onClick: this.onTabClick, onKeyDown: this.onTabKeyDown }, tab.badgeCount === undefined ? label : this.generateTabWithBadge(tab, isSelected))));
+  }
+  generateTabWithBadge(tab, isSelected) {
+    return (index$1.h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${tab.badgeDescription || index.loc('tecton.element.tab.pane.new')}` }, tab.label, index$1.h("q2-badge", { value: tab.badgeCount, theme: isSelected ? 'primary' : undefined })));
   }
   get hostElement() { return index$1.getElement(this); }
   static get watchers() { return {

package/dist/cjs/q2-tab-pane.cjs.entry.js

@@ -9,10 +9,17 @@ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline
 const Q2TabPane = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.badge = index.createEvent(this, "badge", 7);
+  }
+  badgeObserver() {
+    this.badge.emit();
   }
   render() {
     return (index.h("div", { id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, index.h("slot", null)));
   }
+  static get watchers() { return {
+    "badgeCount": ["badgeObserver"]
+  }; }
 };
 Q2TabPane.style = stylesCss;
 

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"q2-icon.cjs\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar.cjs\",[[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-dropdown.cjs\",[[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-select.cjs\",[[1,\"q2-select\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[513,\"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]},[[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"clickHandler\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-editable-field.cjs\",[[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\"],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination.cjs\",[[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-carousel.cjs\",[[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.cjs\",[[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.cjs\",[[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\"]]]]],[\"q2-tab-container.cjs\",[[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\"]]]]],[\"q2-card.cjs\",[[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],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut.cjs\",[[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.cjs\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-tag.cjs\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox.cjs\",[[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.cjs\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option.cjs\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[513],\"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.cjs\",[[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.cjs\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea.cjs\",[[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-badge.cjs\",[[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]],[\"q2-carousel-pane.cjs\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element.cjs\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc.cjs\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup.cjs\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2]}]]],[\"tecton-tab-pane.cjs\",[[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\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item.cjs\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar.cjs\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32]}]]],[\"q2-message.cjs\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-option-list.cjs\",[[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\"]]]]],[\"q2-btn_2.cjs\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"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-input.cjs\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"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\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[513,\"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\"]]]]],[\"click-elsewhere.cjs\",[[0,\"click-elsewhere\"]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"q2-icon.cjs\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar.cjs\",[[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-dropdown.cjs\",[[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-select.cjs\",[[1,\"q2-select\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[513,\"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]},[[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"clickHandler\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-editable-field.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox.cjs\",[[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.cjs\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option.cjs\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[513],\"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.cjs\",[[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.cjs\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea.cjs\",[[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.cjs\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element.cjs\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc.cjs\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup.cjs\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"tecton-tab-pane.cjs\",[[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.cjs\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar.cjs\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-message.cjs\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-badge.cjs\",[[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]],[\"q2-option-list.cjs\",[[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\"]]]]],[\"q2-btn_2.cjs\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"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-input.cjs\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"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\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[513,\"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\"]]]]],[\"click-elsewhere.cjs\",[[0,\"click-elsewhere\"]]]]"), options);
 });

package/dist/cjs/tecton-tab-pane.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline
 const TectonTabPane = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.badge = index.createEvent(this, "badge", 7);
     ///////// Actions /////////
     this.onIFrameLoad = (event) => {
       const iframe = event.target;
@@ -16,6 +17,9 @@ const TectonTabPane = class {
         iframe.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`, '*');
     };
   }
+  badgeObserver() {
+    this.badge.emit();
+  }
   get iframeTitle() {
     return this.moduleId.split('.').slice(-2).join('-');
   }
@@ -52,6 +56,7 @@ const TectonTabPane = class {
   }
   get hostElement() { return index.getElement(this); }
   static get watchers() { return {
+    "badgeCount": ["badgeObserver"],
     "selected": ["selectedObserver"]
   }; }
 };

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

@@ -4,9 +4,13 @@ export class Q2Avatar {
   constructor() {
     this.icon = 'person';
     this.badSrc = false;
+    this.isLoaded = false;
     this.onError = () => {
       this.badSrc = true;
     };
+    this.onLoad = () => {
+      this.isLoaded = true;
+    };
   }
   srcDidUpdate() {
     this.badSrc = false;
@@ -36,10 +40,11 @@ export class Q2Avatar {
   render() {
     const { computedInitials } = this;
     const showImg = this.src && !this.badSrc;
+    const isLoaded = this.isLoaded;
     const showInitials = (this.name || this.initials) && (!this.src || this.badSrc);
     const showFallback = !this.name && !this.initials && (!this.src || this.badSrc);
     return (h("div", null,
-      showImg && (h("img", { class: "avatar-img", "test-id": "userImage", src: this.src, onError: this.onError, alt: this.name || '' })),
+      showImg && (h("img", { class: isLoaded ? 'avatar-img' : 'avatar-img-default', "test-id": "userImage", src: this.src, onError: this.onError, onLoad: this.onLoad, alt: this.name || '' })),
       showInitials && (h("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid meet", "test-id": "userInitials", class: `avatar-initials size-${computedInitials.length}`, "aria-label": this.name, "aria-hidden": !this.name && 'true' },
         h("text", { x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))),
       showFallback && (h("div", { "test-id": "fallbackIcon", class: "fallback" },
@@ -125,7 +130,8 @@ export class Q2Avatar {
     }
   }; }
   static get states() { return {
-    "badSrc": {}
+    "badSrc": {},
+    "isLoaded": {}
   }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{

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

@@ -65,6 +65,14 @@ button {
 }
 
 .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));

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

@@ -19,8 +19,6 @@ export class Q2Badge {
   }
   generateMarkup() {
     const badgeClass = ['badge'];
-    if (this.badgeText)
-      badgeClass.push(`digit-${this.badgeText.length}`);
     if (this.size === 'large')
       badgeClass.push('size-large');
     return (h("div", { class: "badge-wrapper" },

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

@@ -69,8 +69,8 @@ button {
 }
 
 .badge-wrapper {
-  --comp-badge-background: var(--t-primary, #61c4ff);
-  --comp-badge-color: var(--t-primary-text, #ffffff);
+  --comp-badge-background: var(--t-gray8, #61c4ff);
+  --comp-badge-color: var(--t-base, #ffffff);
 }
 :host([status=info]) .badge-wrapper {
   --comp-badge-background: var(--const-stoplight-info, #0079C1);

package/dist/collection/components/q2-calendar/helpers.js

@@ -15,7 +15,7 @@ export function formatDateShort(value) {
     month: '2-digit',
     day: '2-digit',
     year: 'numeric',
-    timeZone: 'UTC',
+    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   }).format(new Date(isoDate));
 }
 export function formatDateLong(value) {

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

@@ -181,8 +181,7 @@ export class Q2Calendar {
       const dateCell = event.target.closest('td:not([aria-hidden])');
       if (!dateCell)
         return;
-      const day = parseInt(dateCell.dataset.day);
-      this.selectDate(this.generateDateFromDay(day));
+      this.selectDate(removeTimezoneOffset(new Date(dateCell.dataset.date)));
       this.closeCalendar();
     };
     this.onDateKeydown = (event) => {
@@ -302,7 +301,7 @@ export class Q2Calendar {
       year: 'numeric',
       month: '2-digit',
       day: '2-digit',
-      timeZone: 'UTC',
+      timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     }).format(dateValue);
   }
   get computedPlaceholder() {

package/dist/collection/components/q2-chart-donut/index.js

@@ -64,6 +64,7 @@ export class Q2ChartDonut {
       if (!(event.target instanceof HTMLElement))
         return;
       this.clearSelection();
+      event.stopPropagation();
     };
   }
   /// LifeCycle Hooks ///
@@ -167,6 +168,10 @@ export class Q2ChartDonut {
     chart.on('mouseover', (params) => {
       this.hoveredId = params.data.id;
     });
+    chart.on('click', params => {
+      // Don't emit click event when clicking a chart slice
+      params.event.event.stopPropagation();
+    });
     chart.on('mouseout', () => {
       this.hoveredId = null;
     });
@@ -305,15 +310,17 @@ export class Q2ChartDonut {
         'aria-roledescription': loc('tecton.element.chartDonut.button.roleDescription'),
       }
       : null;
-    return (h(TagName, Object.assign({ class: "center-card", "test-id": "centerCard" }, props),
-      icon && (h("q2-icon", { type: icon, style: color && { color } })),
-      name && h("div", { class: "name" }, name),
-      value && h("div", { class: "value" }, displayValue)));
+    return (h("div", { class: "center-card-container", style: { width: `calc(${this.innerRadius} - 10%)` } },
+      h(TagName, Object.assign({ class: "center-card", "test-id": "centerCard" }, props),
+        icon && (h("q2-icon", { type: icon, style: color && { color } })),
+        name && h("div", { class: "name" }, name),
+        value && h("div", { class: "value" }, displayValue))));
   }
   render() {
     return (h("click-elsewhere", { onChange: this.onClickElsewhere },
-      h("div", { ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "chartContainer", onClick: this.onContainerClick }),
-      this.renderCenterBlock()));
+      h("div", { class: "container" },
+        h("div", { ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "chartContainer", onClick: this.onContainerClick }),
+        this.renderCenterBlock())));
   }
   static get is() { return "q2-chart-donut"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-chart-donut/styles.css

@@ -66,15 +66,21 @@ button {
 
 :host {
   position: relative;
+  width: 100%;
+  display: block;
+}
+
+.container {
   aspect-ratio: 1/1;
   width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .chart-container {
-  aspect-ratio: 1/1;
   width: 100%;
-  position: absolute;
-  top: 0;
+  height: 100%;
   --comp-color-1: var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));
   --comp-color-2: var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));
   --comp-color-3: var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));
@@ -109,15 +115,18 @@ button:focus {
   box-shadow: var(--const-global-focus), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))));
 }
 
+.center-card-container {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 .center-card {
-  width: 60%;
+  width: 100%;
   text-align: center;
   color: var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));
   margin-inline: auto;
   display: block;
-  margin-top: 50%;
-  position: relative;
-  transform: translateY(-50%);
 }
 .center-card:is(button) {
   cursor: pointer;
@@ -127,7 +136,7 @@ button:focus {
 }
 
 q2-icon {
-  --t-icon-size: var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));
+  --tct-icon-size: var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));
   margin-bottom: var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px)));
 }
 

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

@@ -6,23 +6,21 @@ export class Q2Checkbox {
     this.id = `checkbox-${createGuid()}`;
     ///// Actions ////////
     this.onInputClick = (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      if (this.disabled || this.readonly)
+      const hasCustomHandler = !!this.hostElement.onchange;
+      const isNotInteractive = this.disabled || this.readonly;
+      if (isNotInteractive || hasCustomHandler)
+        event.preventDefault();
+      if (isNotInteractive)
         return;
       if (!(event.target instanceof HTMLInputElement))
         return;
+      const { value, checked } = event.target;
       this.change.emit({
-        value: event.target.value,
-        checked: event.target.checked,
+        value,
+        checked,
       });
       this.inputElement.focus();
     };
-    this.onKeyDown = (event) => {
-      if (this.readonly && event.code === 'Space') {
-        event.preventDefault();
-      }
-    };
   }
   ////////// LIFECYCLE HOOKS ////////
   componentWillLoad() {
@@ -30,6 +28,7 @@ export class Q2Checkbox {
   }
   componentDidLoad() {
     overrideFocus(this.hostElement);
+    this.hostElement.click = () => this.inputElement.click();
   }
   //////// Host Element Events ////////
   defaultChangeHandler(event) {
@@ -52,7 +51,7 @@ export class Q2Checkbox {
     if (this.hideLabel)
       textLabelClasses.push('sr');
     return (h("div", { class: "container" },
-      h("input", { ref: el => (this.inputElement = el), id: this.id, type: "checkbox", checked: this.indeterminate || this.checked || false, disabled: !!this.disabled || !!this.groupDisabled, class: "sr", value: this.value, name: this.name || this.id, "aria-label": this.label ? loc(this.label) : undefined, "aria-describedby": this.description ? 'description' : undefined, "test-id": "q2CheckboxInnerCheckBox", onKeyDown: this.onKeyDown, onClick: this.onInputClick }),
+      h("input", { ref: el => (this.inputElement = el), id: this.id, type: "checkbox", checked: this.indeterminate || this.checked || false, disabled: !!this.disabled || !!this.groupDisabled, class: "sr", value: this.value, name: this.name || this.id, "aria-label": this.label ? loc(this.label) : undefined, "aria-describedby": this.description ? 'description' : undefined, "test-id": "q2CheckboxInnerCheckBox", onClick: this.onInputClick }),
       h("label", { htmlFor: this.id, class: "label-control", "test-id": "checkboxButton" }, this.generateCheckboxSVG()),
       h("div", { class: textLabelClasses.join(' ') },
         h("label", { "test-id": "checkboxLabel", htmlFor: this.id },

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

@@ -72,7 +72,9 @@ button {
 
 .container {
   --comp-checkbox-size: var(--tct-checkbox-size, var(--t-checkbox-size, 20px));
-  --comp-checkbox-default-gap: 0 var(--app-scale-2x, 10px);
+  --comp-checkbox-default-column-gap: var(--app-scale-2x, 10px);
+  --comp-checkbox-default-row-gap: 0;
+  --comp-checkbox-default-gap: var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);
   --comp-checkbox-tween: var(--tct-tween-1, var(--app-tween-1, 0.2s ease));
   --comp-checkbox-toggle-width: var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));
   --comp-checkbox-gap: var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));
@@ -84,7 +86,7 @@ button {
   grid-template-areas: "svg label" "svg description";
   align-items: center;
   gap: var(--comp-checkbox-gap);
-  grid-template-columns: var(--comp-control-width) 1fr;
+  grid-template-columns: var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap));
 }
 :host([type=favorite]) .container {
   --comp-checkbox-favorite-stroke-color: var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-textA, rgba(77, 77, 77, 0.77))));
@@ -95,7 +97,7 @@ button {
 }
 :host([alignment=right]) .container, :host([type=toggle]:not([alignment])) .container {
   grid-template-areas: "label svg" "description svg";
-  grid-template-columns: 1fr var(--comp-control-width);
+  grid-template-columns: calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width);
 }
 
 .label-control {

package/dist/collection/components/q2-editable-field/index.js

@@ -121,7 +121,7 @@ export class Q2EditableField {
   }
   generateEditStateDOM() {
     return (h("div", { class: this.wrapperClass, hidden: !this.editing },
-      h("q2-input", { ref: el => (this.q2InputElement = el), label: this.locLabel, hideLabel: this.hideLabel, value: this.value, hints: (Array.isArray(this.hints) && this.hints.map(str => loc(str))) || undefined, errors: (Array.isArray(this.errors) && this.errors.map(str => loc(str))) || undefined, type: this.type, formatModifier: this.formatModifier, maxlength: this.maxlength, "test-id": "editableInput", onInput: this.inputInput, onChange: this.inputChange, onKeyDown: this.inputKeyDown, onClick: this.inputClick }),
+      h("q2-input", { ref: el => (this.q2InputElement = el), label: this.locLabel, hideLabel: this.hideLabel, value: this.value, hints: (Array.isArray(this.hints) && this.hints.map(str => loc(str))) || undefined, errors: (Array.isArray(this.errors) && this.errors.map(str => loc(str))) || undefined, type: this.type, disabled: this.disabled, formatModifier: this.formatModifier, maxlength: this.maxlength, "test-id": "editableInput", onInput: this.inputInput, onChange: this.inputChange, onKeyDown: this.inputKeyDown, onClick: this.inputClick }),
       h("q2-btn", { class: "cancel-edit", label: `${loc('tecton.element.editableField.cancel')} ${this.locLabel}`, "hide-label": true, "test-id": "cancelButton", onClick: this.cancelClick },
         h("q2-icon", { type: "close" })),
       h("q2-btn", { class: "save-edit", label: `${loc('tecton.element.editableField.save')} ${this.locLabel}`, "hide-label": true, "test-id": "saveButton", onClick: this.saveClick },
@@ -141,7 +141,7 @@ export class Q2EditableField {
       this.generateEditBtn()));
   }
   generateEditBtn() {
-    return (h("q2-btn", { ref: el => (this.q2EditBtnElement = el), class: "begin-edit", label: `${loc('tecton.element.editableField.edit')} ${this.locLabel}`, "hide-label": true, "test-id": "editButton", onClick: this.editClick },
+    return (h("q2-btn", { ref: el => (this.q2EditBtnElement = el), class: "begin-edit", label: `${loc('tecton.element.editableField.edit')} ${this.locLabel}`, "hide-label": true, disabled: this.disabled, "test-id": "editButton", onClick: this.editClick },
       h("q2-icon", { type: "edit" })));
   }
   static get is() { return "q2-editable-field"; }
@@ -326,6 +326,23 @@ export class Q2EditableField {
       "attribute": "persistent-label",
       "reflect": true
     },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "disabled",
+      "reflect": true
+    },
     "hints": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/q2-option-list/index.js

@@ -306,21 +306,21 @@ export class Q2OptionList {
     event.stopPropagation();
   }
   /// Public Methods ///
-  toggle() {
+  async toggle() {
     const isOpen = !this.open;
     this.open = isOpen;
   }
-  setDefaultActiveElement() {
+  async setDefaultActiveElement() {
     this.activeIndex = this.getDefaultActiveIndex();
     this.setActiveOption();
     this.setFocusedOption();
   }
-  setActiveElement(index) {
+  async setActiveElement(index) {
     this.activeIndex = index;
     this.setActiveOption();
     this.setFocusedOption();
   }
-  handleExternalKeydown(event) {
+  async handleExternalKeydown(event) {
     const keysThatTriggerOpen = ['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp', 'Home', 'End'];
     if (keysThatTriggerOpen.includes(event.key)) {
       this.open = true;
@@ -569,7 +569,11 @@ export class Q2OptionList {
       "complexType": {
         "signature": "() => Promise<void>",
         "parameters": [],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {
@@ -581,7 +585,11 @@ export class Q2OptionList {
       "complexType": {
         "signature": "() => Promise<void>",
         "parameters": [],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {
@@ -596,7 +604,11 @@ export class Q2OptionList {
             "tags": [],
             "text": ""
           }],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {
@@ -612,6 +624,9 @@ export class Q2OptionList {
             "text": ""
           }],
         "references": {
+          "Promise": {
+            "location": "global"
+          },
           "KeyboardEvent": {
             "location": "global"
           }