q2-tecton-elements 1.52.6 → 1.52.8

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

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

package/dist/cjs/q2-textarea.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e7e68b1e.js');
-const index$1 = require('./index-7aecfed8.js');
+const index$1 = require('./index-6e7c6e3d.js');
 
 const q2TextareaCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-margin:var(--tct-textarea-margin-top, var(--t-textarea-margin-top, var(--app-scale-6x, 30px))) 0 var(--tct-textarea-margin-bottom, var(--t-textarea-margin-bottom, var(--app-scale-6x, 30px)));display:block;margin:var(--tct-textarea-margin, var(--comp-default-margin));font-size:var(--tct-textarea-font-size, var(--t-textarea-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}label{--comp-label-padding:var(--tct-textarea-label-padding, 0 var(--tct-textarea-label-padding-right, var(--t-textarea-label-padding-right, 0)) 0 var(--tct-textarea-label-padding-left, var(--t-textarea-label-padding-left, 0)));--comp-label-margin:var(--tct-textarea-label-margin, var(--tct-textarea-label-margin-top, var(--t-textarea-label-margin-top, 0)) 0 var(--tct-textarea-label-margin-bottom, var(--t-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));display:block;padding:var(--comp-label-padding);margin:var(--comp-label-margin);color:var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit));font-size:var(--tct-textarea-label-font-size, var(--t-textarea-label-font-size, inherit));font-weight:var(--tct-textarea-label-font-weight, var(--t-textarea-label-font-weight, 600));text-transform:var(--tct-textarea-label-text-transform, var(--t-textarea-label-text-transform, none));letter-spacing:var(--tct-textarea-label-letter-spacing, var(--t-textarea-label-letter-spacing, normal));transition:color var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit)))}:hover label{color:var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :hover label{color:var(--tct-textarea-error-hover-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, inherit)))))}:host(:focus-within) label{color:var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}:host(:focus-within) .has-error label{color:var(--tct-textarea-error-focus-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit))))))}.optional-tag{--comp-label-optional-margin:var(--tct-textarea-label-optional-margin, 0 0 0 var(--tct-textarea-label-optional-margin-left, var(--t-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-textarea-label-optional-font-color, var(--t-textarea-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-textarea-label-optional-font-size, var(--t-textarea-label-optional-font-size, 12px));font-weight:var(--tct-textarea-label-optional-font-weight, var(--t-textarea-label-optional-font-weight, 400))}.input-container{min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));height:100%;--comp-default-border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px));--comp-textarea-border-top-left-radius:var(--tct-textarea-border-top-left-radius, var(--t-textarea-border-top-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-top-right-radius:var(--tct-textarea-border-top-right-radius, var(--t-textarea-border-top-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-right-radius:var(--tct-textarea-border-bottom-right-radius, var(--t-textarea-border-bottom-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-left-radius:var(--tct-textarea-border-bottom-left-radius, var(--t-textarea-border-bottom-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n      var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n      var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) var(--tct-textarea-border-right-width, var(--t-textarea-border-right-width, 1px)) var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) var(--tct-textarea-border-left-width, var(--t-textarea-border-left-width, 1px));--comp-textarea-icon-clearance:34px}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--t-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.content-container{--comp-textarea-min-height:46px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));min-width:var(--tct-textarea-min-width, var(--t-textarea-min-width, var(--comp-textarea-min-width)))}:host(:not([cols])) .content-container{width:100%}textarea{--comp-textarea-padding:var(--tct-textarea-padding, var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))) var(--tct-textarea-horizontal-padding, var(--t-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))));--comp-textarea-border-color:var(--tct-textarea-border-color, var(--t-textarea-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))));--comp-textarea-background:var(--tct-textarea-background, var(--tct-textarea-bg, var(--t-textarea-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)))))));--comp-textarea-hover-ring-color:var(--tct-textarea-hover-ring-color);--comp-textarea-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color), var(--tct-textarea-hover-box-shadow, 0 0 transparent);resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));padding:var(--comp-textarea-padding);background:var(--comp-textarea-background);color:var(--tct-textarea-font-color, var(--t-textarea-font-color, var(--t-input-font-color, inherit)));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--comp-textarea-border-color);border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, var(--t-textarea-box-shadow, none));scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;--comp-textarea-tween:var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))));transition:border-width var(--comp-textarea-tween), border-color var(--comp-textarea-tween), box-shadow var(--comp-textarea-tween)}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance);border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-background, var(--comp-textarea-background))}textarea:hover{border-color:var(--tct-textarea-hover-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-hover-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))}.has-error textarea:hover{border-color:var(--tct-textarea-error-hover-border-color, var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a))));background:var(--tct-textarea-error-hover-background, var(--tct-textarea-error-background, var(--comp-textarea-background)));box-shadow:var(--tct-textarea-error-hover-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))))}textarea:focus{border-color:var(--tct-textarea-focus-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-focus-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))}.has-error textarea:focus{border-color:var(--tct-textarea-error-focus-border-color, var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-focus-background, var(--tct-textarea-error-background, var(--tct-textarea-focus-background, var(--comp-textarea-background))));box-shadow:var(--tct-textarea-error-focus-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))))}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))))}textarea[disabled]{cursor:not-allowed}textarea.resize-vertical-auto{overflow:hidden}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))));color:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))));--t-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-textarea-message-box-shadow, var(--t-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)))));transition:height var(--tct-textarea-messages-tween, var(--t-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, var(--t-textarea-messages-font-color, inherit))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-textarea-max-length-font-size, var(--t-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n      calc(\n              var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px))) - var(--tct-textarea-resize-icon-size, var(--t-textarea-resize-icon-size, 12px))\n          ) / 2\n  );width:var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)));height:var(--tct-textarea-resize-btn-height, var(--t-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px)));background:var(--tct-textarea-resize-btn-background, var(--t-textarea-resize-btn-background, transparent));stroke:var(--tct-textarea-resize-color, var(--t-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77))));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding));font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize,:host([resize=vertical-auto]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";
 const Q2TextareaStyle0 = q2TextareaCss;

package/dist/cjs/q2-tooltip.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e7e68b1e.js');
-const index$1 = require('./index-7aecfed8.js');
+const index$1 = require('./index-6e7c6e3d.js');
 
 const q2TooltipCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([block]){display:block}.tooltip{--comp-background:var(--tct-tooltip-background, var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.8509803922)))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-transition-duration, var(--t-tooltip-transition-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-transition-visible-duration, var(--t-tooltip-transition-visible-duration, 2s));--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 0s));display:inline-block;position:relative}.tooltip:hover{--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 1s))}:host([immediate]:not([immediate=false])) .tooltip:hover{--comp-delay:0s}.tooltip:before{position:absolute;z-index:2;width:0;height:0;color:var(--comp-background);pointer-events:none;content:\"\";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltip:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:var(--tct-tooltip-font-weight, var(--t-tooltip-font-weight, 600));font-size:var(--tct-tooltip-font-size, var(--t-tooltip-font-size, var(--app-font-size-small, 12px)));line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:var(--tct-tooltip-border-radius, var(--t-tooltip-border-radius, var(--app-border-radius-1, 4px)))}.tooltip:before,.tooltip:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out var(--comp-delay)}:host([block]) .tooltip{display:block}.tooltip:hover:before,.tooltip:hover:after,.tooltip.has-keyboard-focus:focus-within:before,.tooltip.has-keyboard-focus:focus-within:after,:host([persistent]:not([persistent=false])) .tooltip:before,:host([persistent]:not([persistent=false])) .tooltip:after{text-decoration:none;visibility:visible;opacity:1}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltip.has-generic-focus:focus-within:before,.tooltip.has-generic-focus:focus-within:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltip.has-generic-focus-out:before,.tooltip.has-generic-focus-out:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade;animation-direction:reverse;animation-duration:var(--comp-duration)}:host([multiline]) .tooltip:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}:host([position=s]) :host([multiline]) .tooltip:after,:host([position=n]) :host([multiline]) .tooltip:after{right:auto;left:50%;transform:translateX(-50%)}:host([position=w]) :host([multiline]) .tooltip:after,:host([position=e]) :host([multiline]) .tooltip:after{right:100%}:host([multiline]) .tooltip:hover:after,:host([multiline]) .tooltip:active:after,:host([multiline]) .tooltip:focus:after{display:table-cell}:host([multiline]) .tooltip:focus-within:after{display:table-cell}:host([position=s]) .tooltip:after,:host([position=se]) .tooltip:after,:host([position=sw]) .tooltip:after{top:100%;right:50%;margin-top:var(--comp-position)}:host([position=s]) .tooltip:before,:host([position=se]) .tooltip:before,:host([position=sw]) .tooltip:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}:host([position=n]) .tooltip:after,:host([position=ne]) .tooltip:after,:host([position=nw]) .tooltip:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}:host([position=n]) .tooltip:before,:host([position=ne]) .tooltip:before,:host([position=nw]) .tooltip:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}:host([position=se]) .tooltip:after,:host([position=ne]) .tooltip:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}:host([position=sw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=nw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=s]) .tooltip:after,:host([position=n]) .tooltip:after{transform:translateX(50%)}:host([position=w]) .tooltip:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}:host([position=w]) .tooltip:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}:host([position=e]) .tooltip:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}:host([position=e]) .tooltip:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}";
 const Q2TooltipStyle0 = q2TooltipCss;

package/dist/collection/components/q2-chart-area/q2-chart-area.js

@@ -34,7 +34,20 @@ export class Q2ChartArea {
     // #endregion
     // #region Component Lifecycle Events
     disconnectedCallback() {
+        // CRITICAL: Dispose eCharts instance to prevent memory leaks
+        // eCharts holds references to canvas, event listeners, and animation frames
+        if (this.chart) {
+            this.chart.dispose();
+            this.chart = null;
+        }
+        // Remove window resize listener
         window.removeEventListener('resize', this.resizeEventListener);
+        // Clear cached style references that hold DOM references (Safari memory management)
+        this.chartContainerStyles = null;
+        this.hostElementStyles = null;
+        // Clear DOM and event listener references
+        this.chartContainer = null;
+        this.resizeEventListener = null;
     }
     componentDidLoad() {
         const chart = echarts.init(this.chartContainer);
@@ -220,7 +233,7 @@ export class Q2ChartArea {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'def52250043e30ff84063a2fb709f968bf73edd2', class: "container" }, h("div", { key: 'fb4ed567e0cd828a56ae38f727b09b658a890623', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (h("div", { key: '65fc35a8deb9c129ee3fe7227dd06c7b733cd301', class: "container" }, h("div", { key: '2998df4d236c7d0de38ebe42dcd47b56c21f9b7a', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
     }
     static get is() { return "q2-chart-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-chart-area/q2-chart-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-chart-area.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-area/q2-chart-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, ComponentInterface, Element, Watch, EventEmitter, Event, Method } from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport {\n    TitleComponent,\n    TitleComponentOption,\n    AriaComponent,\n    AriaComponentOption,\n    GridComponent,\n} from 'echarts/components';\nimport { LineChart, LineSeriesOption } from 'echarts/charts';\nimport { UniversalTransition } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { loc, overrideFocus } from 'src/utils';\nimport { getCSSProperty, isValidColor, formatValue } from 'src/utils/charting';\nimport { IChartData } from 'q2-tecton-common/lib/types/element-types';\n\necharts.use([AriaComponent, LineChart, CanvasRenderer, UniversalTransition, GridComponent, TitleComponent]);\n\ntype EChartsOption = echarts.ComposeOption<AriaComponentOption | LineSeriesOption | TitleComponentOption>;\n\n@Component({ tag: 'q2-chart-area', shadow: true, styleUrl: 'q2-chart-area.scss' })\nexport class Q2ChartArea implements ComponentInterface {\n    // #region Own Properties\n\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    hostElementStyles: CSSStyleDeclaration;\n    resizeEventListener: EventListener;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Controls alignment of the chart name when its visible. */\n    @Prop({ reflect: true })\n    alignChartName: 'left' | 'right' | 'center';\n\n    /**\n     * Controls area fill color of chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    areaColor: string;\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** A subtitile to the chart name. Often used to provide a brief description of what the data represents. */\n    @Prop({ reflect: true })\n    chartSubTitle: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IChartData[] = [];\n\n    /**\n     * Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\n     * Values will ellipsize if the truncate option is used.\n     */\n    @Prop({ reflect: true })\n    dataNamesOverflow: 'break' | 'truncate';\n\n    /**\n     * Sets width available for labels on the name axis.\n     * It can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates.\n     */\n    @Prop({ reflect: true })\n    dataNamesWidth: number;\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /**\n     * Can be used in coordination with the currency format property to control decimal handling.\n     * Accepts `Ndec` where N is a number. (e.g. `2dec`)\n     */\n    @Prop({ reflect: true })\n    formatModifier: string;\n\n    /** Controls the direction or viibility of grid lines on the chart. */\n    @Prop({ reflect: true })\n    gridLines: 'horizontal' | 'vertical' | 'off';\n\n    /**\n     * Sets chart padding around the grid.\n     * Each value in the object will be interpreted as pixels.\n     *\n     * **Example:**\n     * @snippet\n     * chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };\n     */\n    @Prop()\n    gridPadding: { left?: number; right?: number; top?: number; bottom?: number };\n\n    /** Controls visibility of labels on the name axis. */\n    @Prop({ reflect: true })\n    hideNameAxisLabels: boolean = false;\n\n    /** Controls visibility of labels on the value axis. */\n    @Prop({ reflect: true })\n    hideValueAxisLabels: boolean = false;\n\n    /**\n     * Controls color of the data line on the chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    lineColor: string;\n\n    /**\n     * Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataNames: boolean = false;\n\n    /**\n     * Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataValues: boolean = false;\n\n    /**\n     * Controls color of vertical pointer on a line chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    pointerLineColor: string;\n\n    /** Controls the style of the vertical poiner line. */\n    @Prop({ reflect: true })\n    pointerLineStyle: 'solid' | 'dashed';\n\n    /** Controls the visibility of the chart name at the top of the chart. */\n    @Prop({ reflect: true })\n    showChartName: boolean = false;\n\n    /** Controls the visibility of a value label when a data point is shown on the chart. */\n    @Prop({ reflect: true })\n    showDatapointLabels: boolean = false;\n\n    /**\n     * Controls making the area fill color into a gradient.\n     * The gradient starts at the top with the `areaColor` value, and fades to white.\n     */\n    @Prop({ reflect: true })\n    showGradient: boolean = false;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a data point is clicked.\n     */\n    @Event()\n    change: EventEmitter<{\n        index: number;\n        data: IChartData;\n    }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        window.removeEventListener('resize', this.resizeEventListener);\n    }\n\n    componentDidLoad() {\n        const chart = echarts.init(this.chartContainer);\n\n        this.chart = chart;\n\n        this.resizeEventListener = () => this.resizeChart();\n        window.addEventListener('resize', this.resizeEventListener);\n\n        this.cacheComputedStyles();\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('data')\n    @Watch('alignChartName')\n    @Watch('chartName')\n    @Watch('chartSubTitle')\n    @Watch('lineColor')\n    @Watch('pointerLineColor')\n    @Watch('pointerLineStyle')\n    @Watch('areaColor')\n    @Watch('dataNamesOverflow')\n    @Watch('dataNamesWidth')\n    @Watch('format')\n    @Watch('formatModifier')\n    @Watch('hideNameAxisLabels')\n    @Watch('hideValueAxisLabels')\n    @Watch('offsetDataNames')\n    @Watch('offsetDataValues')\n    @Watch('showChartName')\n    @Watch('showDatapointLabels')\n    @Watch('showGradient')\n    @Watch('gridLines')\n    @Watch('gridPadding')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    getAreaFill() {\n        if (this.showGradient) {\n            return {\n                type: 'linear',\n                x: 0,\n                y: 0,\n                x2: 0,\n                y2: 1,\n                colorStops: [\n                    {\n                        offset: 0,\n                        color: this.getColor(this.areaColor),\n                    },\n                    {\n                        offset: 1,\n                        color: 'white',\n                    },\n                ],\n                global: false,\n            };\n        }\n        return this.getColor(this.areaColor);\n    }\n\n    getColor(color: string) {\n        const primaryColor = getCSSProperty('var(--t-primary)', this.chartContainerStyles, this.hostElementStyles);\n        const cssColorProp = getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles);\n        if (cssColorProp) return cssColorProp;\n        if (isValidColor(color)) return color;\n        return primaryColor;\n    }\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setupChartEvents(chart: echarts.ECharts) {\n        chart.on('finished', () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        });\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        const decimals = this.formatModifier?.includes('dec') ? this.formatModifier.replace('dec', '') : 0;\n\n        const valueAxis = {\n            type: 'value',\n            axisLabel: {\n                formatter: (value: number) =>\n                    formatValue(value, {\n                        type: this.format,\n                        decimals,\n                    }),\n                rotate: this.offsetDataValues ? 45 : 0,\n                margin: this.offsetDataValues ? 15 : 8,\n                show: !this.hideValueAxisLabels,\n            },\n            splitLine: {\n                show: this.gridLines === 'horizontal' || !this.gridLines,\n            },\n        };\n\n        const categoryAxis = {\n            type: 'category',\n            boundaryGap: false,\n            data: this.data.map(datum => loc(datum.name) || ''),\n            axisLabel: {\n                rotate: this.offsetDataNames ? 45 : 0,\n                margin: this.offsetDataNames ? 15 : 8,\n                width: this.dataNamesWidth || 50,\n                overflow: this.dataNamesOverflow || 'none',\n                truncate: 'ellipsis',\n                show: !this.hideNameAxisLabels,\n            },\n            axisLine: {\n                show: !this.hideNameAxisLabels,\n            },\n            axisTick: {\n                show: !this.hideNameAxisLabels,\n            },\n            axisPointer: {\n                show: true,\n                type: 'line',\n                label: {\n                    show: false,\n                    formatter: (params: any) => {\n                        const dataIndex = params.seriesData[0].dataIndex;\n                        this.change.emit({\n                            index: dataIndex,\n                            data: this.data[dataIndex],\n                        });\n                    },\n                },\n                lineStyle: {\n                    color: this.getColor(this.pointerLineColor || 'var(--t-gray-10)'),\n                    type: this.pointerLineStyle || 'solid',\n                    width: 1.5,\n                },\n                z: 1,\n            },\n            splitLine: {\n                show: this.gridLines === 'vertical',\n            },\n        };\n\n        return chart.setOption<EChartsOption>({\n            aria: {\n                enabled: true,\n            },\n            title: {\n                text: loc(this.chartName),\n                show: this.showChartName,\n                left: this.alignChartName,\n                subtext: this.chartSubTitle,\n            },\n            grid: {\n                containLabel: true,\n                ...this.gridPadding,\n            },\n            xAxis: categoryAxis,\n            yAxis: valueAxis,\n            series: [\n                {\n                    data: this.data.map(datum => datum.value || 0),\n                    id: 'area',\n                    type: 'line',\n                    lineStyle: {\n                        color: this.getColor(this.lineColor),\n                    },\n                    itemStyle: {\n                        color: this.getColor(this.lineColor),\n                    },\n                    areaStyle: {\n                        color: this.getAreaFill(),\n                    },\n                    symbolSize: 10,\n                    showSymbol: false,\n                    label: {\n                        show: this.showDatapointLabels,\n                        position: 'right',\n                        formatter: (params: any) => {\n                            return formatValue(params.value as number, {\n                                type: this.format,\n                                decimals,\n                            });\n                        },\n                    },\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Test Methods API\n\n    /**\n     * A method to fire change event on hover on a point.\n     *\n     * @testOnly\n     */\n    @Method()\n    async hoverDataPoint(index: number) {\n        this.change.emit({\n            index: index,\n            data: this.data[index],\n        });\n    }\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class=\"container\">\n                <div\n                    ref={el => (this.chartContainer = el)}\n                    class=\"chart-container\"\n                    role=\"img\"\n                    test-id=\"areaChartContainer\"\n                ></div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-chart-area.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-area/q2-chart-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, ComponentInterface, Element, Watch, EventEmitter, Event, Method } from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport {\n    TitleComponent,\n    TitleComponentOption,\n    AriaComponent,\n    AriaComponentOption,\n    GridComponent,\n} from 'echarts/components';\nimport { LineChart, LineSeriesOption } from 'echarts/charts';\nimport { UniversalTransition } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { loc, overrideFocus } from 'src/utils';\nimport { getCSSProperty, isValidColor, formatValue } from 'src/utils/charting';\nimport { IChartData } from 'q2-tecton-common/lib/types/element-types';\n\necharts.use([AriaComponent, LineChart, CanvasRenderer, UniversalTransition, GridComponent, TitleComponent]);\n\ntype EChartsOption = echarts.ComposeOption<AriaComponentOption | LineSeriesOption | TitleComponentOption>;\n\n@Component({ tag: 'q2-chart-area', shadow: true, styleUrl: 'q2-chart-area.scss' })\nexport class Q2ChartArea implements ComponentInterface {\n    // #region Own Properties\n\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    hostElementStyles: CSSStyleDeclaration;\n    resizeEventListener: EventListener;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Controls alignment of the chart name when its visible. */\n    @Prop({ reflect: true })\n    alignChartName: 'left' | 'right' | 'center';\n\n    /**\n     * Controls area fill color of chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    areaColor: string;\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** A subtitile to the chart name. Often used to provide a brief description of what the data represents. */\n    @Prop({ reflect: true })\n    chartSubTitle: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IChartData[] = [];\n\n    /**\n     * Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\n     * Values will ellipsize if the truncate option is used.\n     */\n    @Prop({ reflect: true })\n    dataNamesOverflow: 'break' | 'truncate';\n\n    /**\n     * Sets width available for labels on the name axis.\n     * It can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates.\n     */\n    @Prop({ reflect: true })\n    dataNamesWidth: number;\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /**\n     * Can be used in coordination with the currency format property to control decimal handling.\n     * Accepts `Ndec` where N is a number. (e.g. `2dec`)\n     */\n    @Prop({ reflect: true })\n    formatModifier: string;\n\n    /** Controls the direction or viibility of grid lines on the chart. */\n    @Prop({ reflect: true })\n    gridLines: 'horizontal' | 'vertical' | 'off';\n\n    /**\n     * Sets chart padding around the grid.\n     * Each value in the object will be interpreted as pixels.\n     *\n     * **Example:**\n     * @snippet\n     * chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };\n     */\n    @Prop()\n    gridPadding: { left?: number; right?: number; top?: number; bottom?: number };\n\n    /** Controls visibility of labels on the name axis. */\n    @Prop({ reflect: true })\n    hideNameAxisLabels: boolean = false;\n\n    /** Controls visibility of labels on the value axis. */\n    @Prop({ reflect: true })\n    hideValueAxisLabels: boolean = false;\n\n    /**\n     * Controls color of the data line on the chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    lineColor: string;\n\n    /**\n     * Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataNames: boolean = false;\n\n    /**\n     * Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataValues: boolean = false;\n\n    /**\n     * Controls color of vertical pointer on a line chart. Accepts variables, hex codes, and CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    pointerLineColor: string;\n\n    /** Controls the style of the vertical poiner line. */\n    @Prop({ reflect: true })\n    pointerLineStyle: 'solid' | 'dashed';\n\n    /** Controls the visibility of the chart name at the top of the chart. */\n    @Prop({ reflect: true })\n    showChartName: boolean = false;\n\n    /** Controls the visibility of a value label when a data point is shown on the chart. */\n    @Prop({ reflect: true })\n    showDatapointLabels: boolean = false;\n\n    /**\n     * Controls making the area fill color into a gradient.\n     * The gradient starts at the top with the `areaColor` value, and fades to white.\n     */\n    @Prop({ reflect: true })\n    showGradient: boolean = false;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a data point is clicked.\n     */\n    @Event()\n    change: EventEmitter<{\n        index: number;\n        data: IChartData;\n    }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        // CRITICAL: Dispose eCharts instance to prevent memory leaks\n        // eCharts holds references to canvas, event listeners, and animation frames\n        if (this.chart) {\n            this.chart.dispose();\n            this.chart = null;\n        }\n\n        // Remove window resize listener\n        window.removeEventListener('resize', this.resizeEventListener);\n\n        // Clear cached style references that hold DOM references (Safari memory management)\n        this.chartContainerStyles = null;\n        this.hostElementStyles = null;\n\n        // Clear DOM and event listener references\n        this.chartContainer = null;\n        this.resizeEventListener = null;\n    }\n\n    componentDidLoad() {\n        const chart = echarts.init(this.chartContainer);\n\n        this.chart = chart;\n\n        this.resizeEventListener = () => this.resizeChart();\n        window.addEventListener('resize', this.resizeEventListener);\n\n        this.cacheComputedStyles();\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('data')\n    @Watch('alignChartName')\n    @Watch('chartName')\n    @Watch('chartSubTitle')\n    @Watch('lineColor')\n    @Watch('pointerLineColor')\n    @Watch('pointerLineStyle')\n    @Watch('areaColor')\n    @Watch('dataNamesOverflow')\n    @Watch('dataNamesWidth')\n    @Watch('format')\n    @Watch('formatModifier')\n    @Watch('hideNameAxisLabels')\n    @Watch('hideValueAxisLabels')\n    @Watch('offsetDataNames')\n    @Watch('offsetDataValues')\n    @Watch('showChartName')\n    @Watch('showDatapointLabels')\n    @Watch('showGradient')\n    @Watch('gridLines')\n    @Watch('gridPadding')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    getAreaFill() {\n        if (this.showGradient) {\n            return {\n                type: 'linear',\n                x: 0,\n                y: 0,\n                x2: 0,\n                y2: 1,\n                colorStops: [\n                    {\n                        offset: 0,\n                        color: this.getColor(this.areaColor),\n                    },\n                    {\n                        offset: 1,\n                        color: 'white',\n                    },\n                ],\n                global: false,\n            };\n        }\n        return this.getColor(this.areaColor);\n    }\n\n    getColor(color: string) {\n        const primaryColor = getCSSProperty('var(--t-primary)', this.chartContainerStyles, this.hostElementStyles);\n        const cssColorProp = getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles);\n        if (cssColorProp) return cssColorProp;\n        if (isValidColor(color)) return color;\n        return primaryColor;\n    }\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setupChartEvents(chart: echarts.ECharts) {\n        chart.on('finished', () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        });\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        const decimals = this.formatModifier?.includes('dec') ? this.formatModifier.replace('dec', '') : 0;\n\n        const valueAxis = {\n            type: 'value',\n            axisLabel: {\n                formatter: (value: number) =>\n                    formatValue(value, {\n                        type: this.format,\n                        decimals,\n                    }),\n                rotate: this.offsetDataValues ? 45 : 0,\n                margin: this.offsetDataValues ? 15 : 8,\n                show: !this.hideValueAxisLabels,\n            },\n            splitLine: {\n                show: this.gridLines === 'horizontal' || !this.gridLines,\n            },\n        };\n\n        const categoryAxis = {\n            type: 'category',\n            boundaryGap: false,\n            data: this.data.map(datum => loc(datum.name) || ''),\n            axisLabel: {\n                rotate: this.offsetDataNames ? 45 : 0,\n                margin: this.offsetDataNames ? 15 : 8,\n                width: this.dataNamesWidth || 50,\n                overflow: this.dataNamesOverflow || 'none',\n                truncate: 'ellipsis',\n                show: !this.hideNameAxisLabels,\n            },\n            axisLine: {\n                show: !this.hideNameAxisLabels,\n            },\n            axisTick: {\n                show: !this.hideNameAxisLabels,\n            },\n            axisPointer: {\n                show: true,\n                type: 'line',\n                label: {\n                    show: false,\n                    formatter: (params: any) => {\n                        const dataIndex = params.seriesData[0].dataIndex;\n                        this.change.emit({\n                            index: dataIndex,\n                            data: this.data[dataIndex],\n                        });\n                    },\n                },\n                lineStyle: {\n                    color: this.getColor(this.pointerLineColor || 'var(--t-gray-10)'),\n                    type: this.pointerLineStyle || 'solid',\n                    width: 1.5,\n                },\n                z: 1,\n            },\n            splitLine: {\n                show: this.gridLines === 'vertical',\n            },\n        };\n\n        return chart.setOption<EChartsOption>({\n            aria: {\n                enabled: true,\n            },\n            title: {\n                text: loc(this.chartName),\n                show: this.showChartName,\n                left: this.alignChartName,\n                subtext: this.chartSubTitle,\n            },\n            grid: {\n                containLabel: true,\n                ...this.gridPadding,\n            },\n            xAxis: categoryAxis,\n            yAxis: valueAxis,\n            series: [\n                {\n                    data: this.data.map(datum => datum.value || 0),\n                    id: 'area',\n                    type: 'line',\n                    lineStyle: {\n                        color: this.getColor(this.lineColor),\n                    },\n                    itemStyle: {\n                        color: this.getColor(this.lineColor),\n                    },\n                    areaStyle: {\n                        color: this.getAreaFill(),\n                    },\n                    symbolSize: 10,\n                    showSymbol: false,\n                    label: {\n                        show: this.showDatapointLabels,\n                        position: 'right',\n                        formatter: (params: any) => {\n                            return formatValue(params.value as number, {\n                                type: this.format,\n                                decimals,\n                            });\n                        },\n                    },\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Test Methods API\n\n    /**\n     * A method to fire change event on hover on a point.\n     *\n     * @testOnly\n     */\n    @Method()\n    async hoverDataPoint(index: number) {\n        this.change.emit({\n            index: index,\n            data: this.data[index],\n        });\n    }\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class=\"container\">\n                <div\n                    ref={el => (this.chartContainer = el)}\n                    class=\"chart-container\"\n                    role=\"img\"\n                    test-id=\"areaChartContainer\"\n                ></div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/collection/components/q2-chart-bar/q2-chart-bar.js

@@ -30,7 +30,23 @@ export class Q2ChartBar {
     // #endregion
     // #region Component Lifecycle Events
     disconnectedCallback() {
+        // Remove event listeners
         window.removeEventListener('resize', this.resizeEventListener);
+        // Clean up chart instance
+        if (this.chart) {
+            if (this.chartFinishedListener) {
+                this.chart.off('finished', this.chartFinishedListener);
+            }
+            this.chart.dispose();
+            this.chart = null;
+        }
+        // Null out cached computed styles to allow GC
+        this.chartContainerStyles = null;
+        this.hostElementStyles = null;
+        // Null out DOM references
+        this.chartContainer = null;
+        this.resizeEventListener = null;
+        this.chartFinishedListener = null;
     }
     componentDidLoad() {
         const chart = echarts.init(this.chartContainer);
@@ -81,13 +97,14 @@ export class Q2ChartBar {
         this.chart.resize();
     }
     setupChartEvents(chart) {
-        chart.on('finished', () => {
+        this.chartFinishedListener = () => {
             var _a;
             const canvas = chart.getDom().querySelector('canvas');
             if ((_a = canvas === null || canvas === void 0 ? void 0 : canvas.hasAttribute('aria-hidden')) !== null && _a !== void 0 ? _a : false)
                 return;
             canvas.setAttribute('aria-hidden', 'true');
-        });
+        };
+        chart.on('finished', this.chartFinishedListener);
     }
     updateChart(chart) {
         var _a;
@@ -156,7 +173,7 @@ export class Q2ChartBar {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '647bffbfd416069ed926ec138ef55b9ec2ff15f2', class: "container" }, h("div", { key: '2acf75f9b41d7142eae7da295fe900b88af7f9c1', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (h("div", { key: '99b476ec176b6ceeaa2b6741c35482b2ecb0d46e', class: "container" }, h("div", { key: '823fd20b58c8189ec81e31adcc21480f91bbf848', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     static get is() { return "q2-chart-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-chart-bar/q2-chart-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-chart-bar.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-bar/q2-chart-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, ComponentInterface, Element, Watch } from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport {\n    TitleComponent,\n    TitleComponentOption,\n    AriaComponent,\n    AriaComponentOption,\n    GridComponent,\n} from 'echarts/components';\nimport { BarChart, BarSeriesOption } from 'echarts/charts';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { loc, overrideFocus } from 'src/utils';\nimport { getCSSProperty, isValidColor, formatValue } from 'src/utils/charting';\nimport { CallbackDataParams } from 'echarts/types/dist/shared';\nimport { IChartData } from 'q2-tecton-common/lib/types/element-types';\n\necharts.use([AriaComponent, BarChart, CanvasRenderer, LabelLayout, GridComponent, TitleComponent]);\n\ntype EChartsOption = echarts.ComposeOption<AriaComponentOption | BarSeriesOption | TitleComponentOption>;\n\n@Component({ tag: 'q2-chart-bar', shadow: true, styleUrl: 'q2-chart-bar.scss' })\nexport class Q2ChartBar implements ComponentInterface {\n    // #region Own Properties\n\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    hostElementStyles: CSSStyleDeclaration;\n    resizeEventListener: EventListener;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Controls alignment of the chart name when its visible. */\n    @Prop({ reflect: true })\n    alignChartName: 'left' | 'right' | 'center';\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** A subtitile to the chart name. Often used to provide a brief description of what the data represents. */\n    @Prop({ reflect: true })\n    chartSubTitle: string;\n\n    /**\n     * Controls the color of all bars in the chart. Can be overridden at the individual data point level.\n     * Accept variables, hex codes, an CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    color: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IChartData[] = [];\n\n    /**\n     * Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\n     * Values will ellipsize if the truncate option is used.\n     */\n    @Prop({ reflect: true })\n    dataNamesOverflow: 'break' | 'truncate';\n\n    /**\n     * Sets width available for labels on the name axis.\n     * It can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates.\n     */\n    @Prop({ reflect: true })\n    dataNamesWidth: number;\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /**\n     * Can be used in coordination with the currency format property to control decimal handling.\n     * Accepts `Ndec` where N is a number. (e.g. `2dec`)\n     */\n    @Prop({ reflect: true })\n    formatModifier: string;\n\n    /**\n     * Sets chart padding around the grid.\n     * Each value in the object will be interpreted as pixels.\n     *\n     * **Example:**\n     * @snippet\n     * chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };\n     */\n    @Prop()\n    gridPadding: { left?: number; right?: number; top?: number; bottom?: number };\n\n    /** Controls visibility of labels on the name axis. */\n    @Prop({ reflect: true })\n    hideBarLabels: boolean = false;\n\n    /** Controls visibility of labels on the value axis. */\n    @Prop({ reflect: true })\n    hideValueAxisLabels: boolean = false;\n\n    /**\n     * Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataNames: boolean = false;\n\n    /**\n     * Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataValues: boolean = false;\n\n    /**\n     * Controls which axes are the value and name axes.\n     * When `vertical`, values are on the y-axis and names are on the x-axis, with bars shown vertically on the chart.\n     * When `horizontal`, names are on the y-axis and values are on the x-axis, with bars shown horizontally on the chart.\n     */\n    @Prop({ reflect: true })\n    orientation: 'vertical' | 'horizontal';\n\n    /** Controls the visibility of the chart name at the top of the chart. */\n    @Prop({ reflect: true })\n    showChartName: boolean = false;\n\n    /**\n     * By default, the sorting of the bars on the chart is controlled by the order the values are in the data array.\n     * When set to `true`, values on the bar will be re-sorted in descending order.\n     */\n    @Prop({ reflect: true })\n    sort: boolean = false;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        window.removeEventListener('resize', this.resizeEventListener);\n    }\n\n    componentDidLoad() {\n        const chart = echarts.init(this.chartContainer);\n\n        this.chart = chart;\n\n        this.resizeEventListener = () => this.resizeChart();\n        window.addEventListener('resize', this.resizeEventListener);\n\n        this.cacheComputedStyles();\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('chartName')\n    @Watch('chartSubTitle')\n    @Watch('color')\n    @Watch('hideBarLabels')\n    @Watch('showChartName')\n    @Watch('alignChartName')\n    @Watch('orientation')\n    @Watch('format')\n    @Watch('sort')\n    @Watch('data')\n    @Watch('offsetDataNames')\n    @Watch('hideValueAxisLabels')\n    @Watch('formatModifier')\n    @Watch('dataNamesOverflow')\n    @Watch('gridPadding')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    getColor(color: string) {\n        const primaryColor = getCSSProperty('var(--t-primary)', this.chartContainerStyles, this.hostElementStyles);\n        const seriesColor = getCSSProperty(this.color, this.chartContainerStyles, this.hostElementStyles);\n        const cssColorProp = getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles);\n        if (cssColorProp) return cssColorProp;\n        if (isValidColor(color)) return color;\n        if (seriesColor) return seriesColor;\n        if (isValidColor(this.color)) return this.color;\n        return primaryColor;\n    }\n\n    processData(data: IChartData[]) {\n        return data.map(datum => {\n            return {\n                value: datum.value || 0,\n                itemStyle: {\n                    color: this.getColor(datum.color),\n                },\n            };\n        });\n    }\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setupChartEvents(chart: echarts.ECharts) {\n        chart.on('finished', () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        });\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        const decimals = this.formatModifier?.includes('dec') ? this.formatModifier.replace('dec', '') : 0;\n\n        const valueAxis = {\n            type: 'value',\n            axisLabel: {\n                formatter: (value: number) =>\n                    formatValue(value, {\n                        type: this.format,\n                        decimals,\n                    }),\n                rotate: this.offsetDataValues ? 45 : 0,\n                margin: this.offsetDataValues ? 15 : 8,\n                show: !this.hideValueAxisLabels,\n            },\n        };\n\n        const categoryAxis = {\n            type: 'category',\n            data: this.data.map(datum => loc(datum.name) || ''),\n            axisLabel: {\n                rotate: this.offsetDataNames ? 45 : 0,\n                margin: this.offsetDataNames ? 15 : 8,\n                interval: 0,\n                width: this.dataNamesWidth || 50,\n                overflow: this.dataNamesOverflow || 'none',\n                truncate: 'ellipsis',\n            },\n            axisTick: {\n                alignWithLabel: this.offsetDataNames,\n            },\n        };\n\n        return chart.setOption<EChartsOption>({\n            aria: {\n                enabled: true,\n            },\n            title: {\n                text: loc(this.chartName),\n                show: this.showChartName,\n                left: this.alignChartName,\n                subtext: this.chartSubTitle,\n            },\n            grid: {\n                containLabel: true,\n                ...this.gridPadding,\n            },\n            xAxis: this.orientation === 'horizontal' ? valueAxis : categoryAxis,\n            yAxis: this.orientation === 'horizontal' ? categoryAxis : valueAxis,\n            series: [\n                {\n                    data: this.processData(this.data),\n                    id: 'bar',\n                    type: 'bar',\n                    label: {\n                        show: !this.hideBarLabels,\n                        position: 'top',\n                        fontWeight: 'bold',\n                        formatter: (params: CallbackDataParams) => {\n                            return formatValue(params.value as number, {\n                                type: this.format,\n                                decimals,\n                            });\n                        },\n                    },\n                    realtimeSort: this.sort,\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class=\"container\">\n                <div\n                    ref={el => (this.chartContainer = el)}\n                    class=\"chart-container\"\n                    role=\"img\"\n                    test-id=\"barChartContainer\"\n                ></div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-chart-bar.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-bar/q2-chart-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, ComponentInterface, Element, Watch } from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport {\n    TitleComponent,\n    TitleComponentOption,\n    AriaComponent,\n    AriaComponentOption,\n    GridComponent,\n} from 'echarts/components';\nimport { BarChart, BarSeriesOption } from 'echarts/charts';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { loc, overrideFocus } from 'src/utils';\nimport { getCSSProperty, isValidColor, formatValue } from 'src/utils/charting';\nimport { CallbackDataParams } from 'echarts/types/dist/shared';\nimport { IChartData } from 'q2-tecton-common/lib/types/element-types';\n\necharts.use([AriaComponent, BarChart, CanvasRenderer, LabelLayout, GridComponent, TitleComponent]);\n\ntype EChartsOption = echarts.ComposeOption<AriaComponentOption | BarSeriesOption | TitleComponentOption>;\n\n@Component({ tag: 'q2-chart-bar', shadow: true, styleUrl: 'q2-chart-bar.scss' })\nexport class Q2ChartBar implements ComponentInterface {\n    // #region Own Properties\n\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    hostElementStyles: CSSStyleDeclaration;\n    resizeEventListener: EventListener;\n    chartFinishedListener: () => void;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Controls alignment of the chart name when its visible. */\n    @Prop({ reflect: true })\n    alignChartName: 'left' | 'right' | 'center';\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** A subtitile to the chart name. Often used to provide a brief description of what the data represents. */\n    @Prop({ reflect: true })\n    chartSubTitle: string;\n\n    /**\n     * Controls the color of all bars in the chart. Can be overridden at the individual data point level.\n     * Accept variables, hex codes, an CSS color names.\n     *\n     * **Examples:**\n     * @snippet\n     * element.areaColor = \"#ff0000\";\n     * element.areaColor = \"papayawhip\";\n     * element.areaColor = \"var(--t-accent-1)\";\n     */\n    @Prop({ reflect: true })\n    color: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IChartData[] = [];\n\n    /**\n     * Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\n     * Values will ellipsize if the truncate option is used.\n     */\n    @Prop({ reflect: true })\n    dataNamesOverflow: 'break' | 'truncate';\n\n    /**\n     * Sets width available for labels on the name axis.\n     * It can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates.\n     */\n    @Prop({ reflect: true })\n    dataNamesWidth: number;\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /**\n     * Can be used in coordination with the currency format property to control decimal handling.\n     * Accepts `Ndec` where N is a number. (e.g. `2dec`)\n     */\n    @Prop({ reflect: true })\n    formatModifier: string;\n\n    /**\n     * Sets chart padding around the grid.\n     * Each value in the object will be interpreted as pixels.\n     *\n     * **Example:**\n     * @snippet\n     * chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };\n     */\n    @Prop()\n    gridPadding: { left?: number; right?: number; top?: number; bottom?: number };\n\n    /** Controls visibility of labels on the name axis. */\n    @Prop({ reflect: true })\n    hideBarLabels: boolean = false;\n\n    /** Controls visibility of labels on the value axis. */\n    @Prop({ reflect: true })\n    hideValueAxisLabels: boolean = false;\n\n    /**\n     * Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataNames: boolean = false;\n\n    /**\n     * Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\n     * Can be used when space is limited or with longer name labels.\n     */\n    @Prop({ reflect: true })\n    offsetDataValues: boolean = false;\n\n    /**\n     * Controls which axes are the value and name axes.\n     * When `vertical`, values are on the y-axis and names are on the x-axis, with bars shown vertically on the chart.\n     * When `horizontal`, names are on the y-axis and values are on the x-axis, with bars shown horizontally on the chart.\n     */\n    @Prop({ reflect: true })\n    orientation: 'vertical' | 'horizontal';\n\n    /** Controls the visibility of the chart name at the top of the chart. */\n    @Prop({ reflect: true })\n    showChartName: boolean = false;\n\n    /**\n     * By default, the sorting of the bars on the chart is controlled by the order the values are in the data array.\n     * When set to `true`, values on the bar will be re-sorted in descending order.\n     */\n    @Prop({ reflect: true })\n    sort: boolean = false;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        // Remove event listeners\n        window.removeEventListener('resize', this.resizeEventListener);\n\n        // Clean up chart instance\n        if (this.chart) {\n            if (this.chartFinishedListener) {\n                this.chart.off('finished', this.chartFinishedListener);\n            }\n            this.chart.dispose();\n            this.chart = null;\n        }\n\n        // Null out cached computed styles to allow GC\n        this.chartContainerStyles = null;\n        this.hostElementStyles = null;\n\n        // Null out DOM references\n        this.chartContainer = null;\n        this.resizeEventListener = null;\n        this.chartFinishedListener = null;\n    }\n\n    componentDidLoad() {\n        const chart = echarts.init(this.chartContainer);\n\n        this.chart = chart;\n\n        this.resizeEventListener = () => this.resizeChart();\n        window.addEventListener('resize', this.resizeEventListener);\n\n        this.cacheComputedStyles();\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('chartName')\n    @Watch('chartSubTitle')\n    @Watch('color')\n    @Watch('hideBarLabels')\n    @Watch('showChartName')\n    @Watch('alignChartName')\n    @Watch('orientation')\n    @Watch('format')\n    @Watch('sort')\n    @Watch('data')\n    @Watch('offsetDataNames')\n    @Watch('hideValueAxisLabels')\n    @Watch('formatModifier')\n    @Watch('dataNamesOverflow')\n    @Watch('gridPadding')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    getColor(color: string) {\n        const primaryColor = getCSSProperty('var(--t-primary)', this.chartContainerStyles, this.hostElementStyles);\n        const seriesColor = getCSSProperty(this.color, this.chartContainerStyles, this.hostElementStyles);\n        const cssColorProp = getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles);\n        if (cssColorProp) return cssColorProp;\n        if (isValidColor(color)) return color;\n        if (seriesColor) return seriesColor;\n        if (isValidColor(this.color)) return this.color;\n        return primaryColor;\n    }\n\n    processData(data: IChartData[]) {\n        return data.map(datum => {\n            return {\n                value: datum.value || 0,\n                itemStyle: {\n                    color: this.getColor(datum.color),\n                },\n            };\n        });\n    }\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setupChartEvents(chart: echarts.ECharts) {\n        this.chartFinishedListener = () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        };\n        chart.on('finished', this.chartFinishedListener);\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        const decimals = this.formatModifier?.includes('dec') ? this.formatModifier.replace('dec', '') : 0;\n\n        const valueAxis = {\n            type: 'value',\n            axisLabel: {\n                formatter: (value: number) =>\n                    formatValue(value, {\n                        type: this.format,\n                        decimals,\n                    }),\n                rotate: this.offsetDataValues ? 45 : 0,\n                margin: this.offsetDataValues ? 15 : 8,\n                show: !this.hideValueAxisLabels,\n            },\n        };\n\n        const categoryAxis = {\n            type: 'category',\n            data: this.data.map(datum => loc(datum.name) || ''),\n            axisLabel: {\n                rotate: this.offsetDataNames ? 45 : 0,\n                margin: this.offsetDataNames ? 15 : 8,\n                interval: 0,\n                width: this.dataNamesWidth || 50,\n                overflow: this.dataNamesOverflow || 'none',\n                truncate: 'ellipsis',\n            },\n            axisTick: {\n                alignWithLabel: this.offsetDataNames,\n            },\n        };\n\n        return chart.setOption<EChartsOption>({\n            aria: {\n                enabled: true,\n            },\n            title: {\n                text: loc(this.chartName),\n                show: this.showChartName,\n                left: this.alignChartName,\n                subtext: this.chartSubTitle,\n            },\n            grid: {\n                containLabel: true,\n                ...this.gridPadding,\n            },\n            xAxis: this.orientation === 'horizontal' ? valueAxis : categoryAxis,\n            yAxis: this.orientation === 'horizontal' ? categoryAxis : valueAxis,\n            series: [\n                {\n                    data: this.processData(this.data),\n                    id: 'bar',\n                    type: 'bar',\n                    label: {\n                        show: !this.hideBarLabels,\n                        position: 'top',\n                        fontWeight: 'bold',\n                        formatter: (params: CallbackDataParams) => {\n                            return formatValue(params.value as number, {\n                                type: this.format,\n                                decimals,\n                            });\n                        },\n                    },\n                    realtimeSort: this.sort,\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class=\"container\">\n                <div\n                    ref={el => (this.chartContainer = el)}\n                    class=\"chart-container\"\n                    role=\"img\"\n                    test-id=\"barChartContainer\"\n                ></div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}

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

@@ -128,8 +128,29 @@ export class Q2ChartDonut {
     // #region Component Lifecycle Events
     disconnectedCallback() {
         var _a;
+        // CRITICAL: Dispose eCharts instance to prevent memory leaks
+        // eCharts holds references to canvas, event listeners (mouseover, mouseout, click, selectchanged, finished),
+        // and animation frames. All chart event listeners are automatically cleaned up by dispose()
+        if (this.chart) {
+            this.chart.dispose();
+            this.chart = null;
+        }
+        // Disconnect ResizeObserver
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.resizeObserver = null;
+        // Clear cached style references that hold DOM references (Safari memory management)
+        this.chartContainerStyles = null;
+        this.hostElementStyles = null;
+        // Clear DOM references
+        this.chartContainer = null;
+        this.centerButtonElement = null;
+        this.btnElement = null;
+        // Clear data references
+        this.colors = null;
+        this.legendData = null;
+        // Clear state to prevent lingering references
+        this.hoveredId = null;
+        this.selectedId = null;
     }
     componentDidLoad() {
         const chart = echarts.init(this.chartContainer);
@@ -474,7 +495,7 @@ export class Q2ChartDonut {
             } })), !!name && h("div", { class: "name" }, name), !isNaN(value) && h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'b29ca18598a09472f568338d98f3075e530daf74', onChange: this.onClickElsewhere }, h("figure", { key: '7e576d6d0b2f3d8446cd90f664ca2a07537cc3d2' }, h("div", { key: 'b008ec034395cd27a4a80a339afffc1c41ceb1c6', class: "container" }, h("div", { key: '31ce13ef5327426627937e69a4503df3e6a29b3d', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: 'e3148f952eba1acc3f91c8b241f8e3906db890cf' }, h("q2-legend", { key: '55a66d778e325cb2af906de88af5088a16b9b3a8', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
+        return (h("click-elsewhere", { key: 'd97fd96a56f2f6ba206d2f07fa986e48702180aa', onChange: this.onClickElsewhere }, h("figure", { key: '4b56f4ec01675b11cfd589e3877998d28f1ce8aa' }, h("div", { key: '3f66b3d98f093a7da1a90650e2fd9ef48916e847', class: "container" }, h("div", { key: 'bb0513d31884d2c8b2f454b9fbf899b770716bc7', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: 'bf7180411fc3cc46b74edf7dd8794475c331e496' }, h("q2-legend", { key: '14994085c95d3cc662d919dfdc69a7ad3c579a21', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
     }
     static get is() { return "q2-chart-donut"; }
     static get encapsulation() { return "shadow"; }