q2-tecton-elements 1.23.0 → 1.25.0

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-926a3e80.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a(JSON.parse('[["p-3e9a30c4",[[1,"q2-icon",{"type":[513],"label":[513],"inline":[516]}]]],["p-ba73ee1f",[[1,"q2-calendar",{"value":[1537],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"readonly":[516],"invalid":[1540],"typeable":[516],"clearable":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"assume":[513],"errors":[1040],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"keyboardSelection":[32],"typedValue":[32],"dateList":[32],"hintMessage":[32],"hintMessageType":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"],[0,"focus","delegateFocus"],[0,"clear","handleClear"]]]]],["p-bbdae095",[[1,"q2-select",{"label":[1537],"hideLabel":[1540,"hide-label"],"value":[1025],"ariaLabel":[1537,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"readonly":[516],"invalid":[516],"errors":[16],"multiple":[516],"minRows":[2,"min-rows"],"popDirection":[513,"pop-direction"],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"placeholder":[513],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"click","clickHandler"]]]]],["p-d27b2caa",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[513,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"resolvedType":[513,"resolved-type"],"block":[516],"dropdownOpen":[32]},[[0,"focus","delegateFocus"]]]]],["p-9b101e22",[[1,"q2-editable-field",{"value":[1537],"editing":[1540],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"disabled":[516],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-7aa80653",[[1,"q2-pagination",{"recordType":[1,"record-type"],"perPage":[2,"per-page"],"total":[514],"page":[1538],"pages":[1538],"recordsOnly":[1540,"records-only"],"pagesOnly":[1540,"pages-only"],"isSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-f6e868c1",[[1,"q2-pill",{"disabled":[516],"active":[1540],"open":[1540],"multiple":[516],"maxLength":[514,"max-length"],"label":[513],"value":[513],"theme":[513],"selectedOptions":[1040],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-bf41e71b",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"noPrint":[516,"no-print"],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]]]]],["p-3813f51d",[[1,"q2-tag",{"open":[1540],"role":[513],"label":[513],"theme":[513],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-ebd7efa5",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"label":[513],"index":[1538],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"activePaneIndex":[32],"applyFocus":[32],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]]]]],["p-3fd5d010",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-8dea9a0c",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-d7b27803",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"stepCount":[1026,"step-count"],"lastEnabledStep":[1026,"last-enabled-step"],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-604b22a8",[[1,"q2-card",{"title":[513],"description":[513],"avatarName":[513,"avatar-name"],"avatarInitials":[513,"avatar-initials"],"avatarIcon":[513,"avatar-icon"],"avatarSrc":[513,"avatar-src"],"isSmall":[516,"is-small"],"bar":[513],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"url":[513],"target":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-d88e4383",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"innerRadius":[1025,"inner-radius"],"outerRadius":[1025,"outer-radius"],"minSliceSize":[1,"min-slice-size"],"selectedOffset":[2,"selected-offset"],"hoverScaleSize":[2,"hover-scale-size"],"format":[513],"isClickable":[516,"is-clickable"],"data":[16],"selectedId":[32],"hoveredId":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64]},[[0,"focus","delegateFocus"]]]]],["p-d68b5eb3",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"indeterminate":[516],"disabled":[516],"readonly":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513],"description":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-38a33baa",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"readonly":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-f1d06917",[[1,"q2-option",{"role":[513],"tabindex":[513],"display":[1025],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"noSelect":[516,"_no-select"],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["p-24f4571d",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"readonly":[516],"tileLayout":[516,"tile-layout"],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"],"tilelayout":[516]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]]]]],["p-6b7e1ebd",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-a2add94e",[[1,"q2-textarea",{"value":[1025],"label":[513],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"optional":[516],"placeholder":[513],"disabled":[516],"readonly":[516],"spellcheck":[516],"maxlength":[1538],"rows":[514],"cols":[514],"resize":[513],"errors":[16],"hints":[16],"hasFocus":[32],"downParams":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-3603fcdc",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["p-6be86940",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"lineColor":[513,"line-color"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"areaColor":[513,"area-color"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"gridLines":[513,"grid-lines"]}]]],["p-70b01387",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"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]}]]],["p-f0ec4d2c",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-45d61789",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["p-ba76ecfd",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["p-5b1aba1a",[[1,"q2-radio",{"label":[513],"hideLabel":[516,"hide-label"],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]]]]],["p-78fac0fa",[[1,"q2-stepper-pane",{"label":[513],"description":[513],"isActive":[516,"is-active"],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]]]]],["p-e8e113c2",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"index":[2],"guid":[2]}]]],["p-73c12774",[[1,"q2-tooltip",{"label":[513],"block":[516],"multiline":[516],"persistent":[516],"immediate":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-df91e954",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["p-53be87c8",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["p-e4aa271e",[[1,"q2-avatar",{"name":[513],"initials":[513],"src":[513],"icon":[1],"badSrc":[32],"isLoaded":[32]}]]],["p-18629cbf",[[1,"q2-message",{"type":[513],"appearance":[513],"description":[516],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-2c20fc43",[[1,"q2-option-list",{"role":[513],"direction":[513],"customSearch":[516,"custom-search"],"noSelect":[516,"no-select"],"align":[513],"selectedOptions":[1040],"multiple":[516],"disabled":[516],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]]],[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"minHeight":[2,"min-height"],"controlElement":[16],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]]]]],["p-a987402e",[[0,"click-elsewhere"]]],["p-acc77332",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"tabIndex":[2,"tab-index"],"intent":[513],"color":[513],"disabled":[516],"type":[513],"loading":[516],"badge":[516],"active":[516],"fab":[516],"block":[516],"iconPosition":[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"label":[513],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["p-68ef0786",[[1,"q2-input",{"value":[1025],"label":[1537],"hideLabel":[1540,"hide-label"],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"min":[514],"max":[514],"step":[514],"formatModifier":[513,"format-modifier"],"maxlength":[1538],"pseudo":[516],"showVisibilityToggle":[516,"show-visibility-toggle"],"textHidden":[1540,"text-hidden"],"badgeValue":[513,"badge-value"],"badgeTheme":[513,"badge-theme"],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1537,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"current":[1],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-badge",{"value":[514],"maxLength":[514,"max-length"],"position":[513],"size":[513],"theme":[513],"status":[513]}]]]]'),e)));
+import{p as e,b as a}from"./p-926a3e80.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-2cc70f49",[[1,"q2-icon",{"type":[513],"label":[513],"inline":[516]}]]],["p-5ecb9c27",[[1,"q2-select",{"label":[1537],"hideLabel":[1540,"hide-label"],"value":[1025],"ariaLabel":[1537,"aria-label"],"selectedOptions":[1040],"disabled":[516],"readonly":[516],"invalid":[516],"errors":[16],"multiple":[516],"minRows":[2,"min-rows"],"popDirection":[513,"pop-direction"],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"placeholder":[513],"hoist":[4],"open":[32],"showSelected":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32],"structuredSelectedOptions":[32]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"]]]]],["p-83d678c7",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["p-32f44993",[[1,"q2-calendar",{"value":[1537],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"readonly":[516],"invalid":[1540],"typeable":[516],"clearable":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"assume":[513],"errors":[1040],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"keyboardSelection":[32],"typedValue":[32],"dateList":[32],"hintMessage":[32],"hintMessageType":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"],[0,"focus","delegateFocus"],[0,"clear","handleClear"]]]]],["p-7c9bf80a",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"hideLabel":[516,"hide-label"],"ariaLabel":[1537,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"resolvedType":[513,"resolved-type"],"block":[516],"dropdownOpen":[32]},[[0,"focus","delegateFocus"]]]]],["p-1a744921",[[1,"q2-editable-field",{"value":[1537],"editing":[1540],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"disabled":[516],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-c4a9ab25",[[1,"q2-pagination",{"recordType":[1,"record-type"],"perPage":[2,"per-page"],"total":[514],"page":[1538],"pages":[1538],"recordsOnly":[1540,"records-only"],"pagesOnly":[1540,"pages-only"],"isSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-3c73ce3f",[[1,"q2-pill",{"hoist":[4],"disabled":[516],"active":[1540],"open":[1540],"multiple":[516],"maxLength":[514,"max-length"],"label":[513],"value":[513],"theme":[513],"selectedOptions":[1040],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32],"selectedOptionElements":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-bf0ed24a",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"noPrint":[516,"no-print"],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]]]]],["p-4b92e44e",[[1,"q2-tag",{"hoist":[4],"open":[1540],"label":[513],"theme":[513],"popoverMinHeight":[2,"popover-min-height"],"popoverDirection":[1,"popover-direction"],"hasOptions":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-2c309c54",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"label":[513],"index":[1538],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"activePaneIndex":[32],"applyFocus":[32],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]]]]],["p-1b95e43f",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-ad83984e",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-3a9aac19",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"stepCount":[1026,"step-count"],"lastEnabledStep":[1026,"last-enabled-step"],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-2ceb41c4",[[1,"q2-card",{"title":[513],"description":[513],"avatarName":[513,"avatar-name"],"avatarInitials":[513,"avatar-initials"],"avatarIcon":[513,"avatar-icon"],"avatarSrc":[513,"avatar-src"],"isSmall":[516,"is-small"],"bar":[513],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"url":[513],"target":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-25839309",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"innerRadius":[1025,"inner-radius"],"outerRadius":[1025,"outer-radius"],"minSliceSize":[1,"min-slice-size"],"selectedOffset":[2,"selected-offset"],"hoverScaleSize":[2,"hover-scale-size"],"format":[513],"isClickable":[516,"is-clickable"],"data":[16],"selectedId":[32],"hoveredId":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64]},[[0,"focus","delegateFocus"]]]]],["p-6779270e",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"indeterminate":[516],"disabled":[516],"readonly":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513],"description":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-274ec152",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"readonly":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-a3a5b57b",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"readonly":[516],"tileLayout":[516,"tile-layout"],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"],"tilelayout":[516]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]]]]],["p-4b48a49d",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]]]]],["p-bff85959",[[1,"q2-textarea",{"value":[1025],"label":[513],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"optional":[516],"placeholder":[513],"disabled":[516],"readonly":[516],"spellcheck":[516],"maxlength":[1538],"rows":[514],"cols":[514],"resize":[513],"errors":[16],"hints":[16],"hasFocus":[32],"downParams":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-1ea4b8bd",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["p-2ba9e1a2",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"lineColor":[513,"line-color"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"areaColor":[513,"area-color"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"gridLines":[513,"grid-lines"]}]]],["p-72fc58e7",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"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]}]]],["p-f0ec4d2c",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-a64e7eb1",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["p-306a4bc7",[[1,"q2-radio",{"label":[1537],"hideLabel":[516,"hide-label"],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[1537,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]]]]],["p-7c168977",[[1,"q2-stepper-pane",{"label":[513],"description":[513],"isActive":[516,"is-active"],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]]]]],["p-e8e113c2",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"index":[2],"guid":[2]}]]],["p-73c12774",[[1,"q2-tooltip",{"label":[513],"block":[516],"multiline":[516],"persistent":[516],"immediate":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-df91e954",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["p-1f3eb04c",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["p-e4aa271e",[[1,"q2-avatar",{"name":[513],"initials":[513],"src":[513],"icon":[1],"badSrc":[32],"isLoaded":[32]}]]],["p-4a95f78e",[[1,"q2-option",{"role":[513],"display":[1025],"value":[513],"disabled":[516],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}],[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["p-ea5383ba",[[1,"q2-message",{"type":[513],"appearance":[513],"description":[516],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-a987402e",[[0,"click-elsewhere"]]],["p-7ac02ae5",[[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"minHeight":[2,"min-height"],"controlElement":[16],"privateDirection":[32],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]]],[1,"q2-option-list",{"role":[513],"customSearch":[516,"custom-search"],"noSelect":[516,"no-select"],"align":[513],"selectedOptions":[1040],"multiple":[516],"disabled":[516],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64],"getContents":[64],"getOptions":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]]]]],["p-2e938b20",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"label":[1537],"hideLabel":[1540,"hide-label"],"ariaLabel":[1537,"aria-label"],"tabIndex":[2,"tab-index"],"intent":[513],"color":[513],"disabled":[516],"type":[513],"loading":[516],"badge":[516],"active":[516],"fab":[516],"block":[516],"iconPosition":[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"label":[1537],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["p-a6296870",[[1,"q2-input",{"value":[1025],"label":[1537],"hideLabel":[1540,"hide-label"],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"min":[514],"max":[514],"step":[514],"formatModifier":[513,"format-modifier"],"maxlength":[1538],"pseudo":[516],"showVisibilityToggle":[516,"show-visibility-toggle"],"textHidden":[1540,"text-hidden"],"badgeValue":[513,"badge-value"],"badgeTheme":[513,"badge-theme"],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1537,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"current":[1],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-badge",{"value":[514],"maxLength":[514,"max-length"],"position":[513],"size":[513],"theme":[513],"status":[513]}]]]]'),e)));

package/dist/test/helpers.js

@@ -112,11 +112,12 @@ export const base64Image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA
 export async function getActiveElementTestId(page) {
   return page.$eval('body', () => { var _a, _b; return (_b = (_a = document.activeElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement.getAttribute('test-id')) !== null && _b !== void 0 ? _b : null; });
 }
-export const getFocusedValue = async (page) => {
+export const getFocusedOptionValue = async (page) => {
+  await page.waitForSelector('q2-option:focus');
   return page.$eval('body', () => document.activeElement.getAttribute('value'));
 };
 export const getFocusedTagName = async (page) => {
-  return page.$eval('body', () => { var _a; return (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase(); });
+  return page.$eval('body', () => { var _a; return (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName; });
 };
 export async function getFocusedAttribute(page, attribute) {
   return page.$eval('body', (_, attribute) => {

package/dist/types/components/q2-action-sheet/index.d.ts

@@ -0,0 +1,52 @@
+import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
+import { Q2OptionListCustomEvent } from 'src/components';
+import { ActionSheetListCloseData, ActionSheetData, ActionSheetListData, ActionSheetMessageData, ActionSheetSelectedOption, ActionSheetListOption, ActionSheetListOptgroup } from 'q2-tecton-common/lib/utility/action-sheet';
+export declare class Q2ActionSheet implements ComponentInterface {
+  data: ActionSheetData;
+  hideClose: boolean;
+  isScrollable: boolean;
+  renderStatus: 'is-open' | 'is-closing' | 'is-opening';
+  dialogElement: HTMLDialogElement;
+  contentElement: HTMLDivElement;
+  optionListElement: HTMLQ2OptionListElement;
+  initialSelectedOptions: ActionSheetSelectedOption[];
+  selectedOptions: {
+    values: ActionSheetSelectedOption[];
+    value: string;
+  };
+  minHeight: number;
+  maxHeight: number;
+  hostElement: HTMLElement;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  storeInitialValues(): void;
+  focusContent(): void;
+  generateOption: (option: ActionSheetListOption) => HTMLQ2OptionElement;
+  generateOptgroup: (option: ActionSheetListOptgroup) => HTMLQ2OptgroupElement;
+  hidePostHook(): void;
+  showPreHook(): void;
+  updateDialogMinMaxHeight(): void;
+  onClick: (event: MouseEvent) => void;
+  onCancel: (event: Event) => void;
+  onListChange: (event: Q2OptionListCustomEvent<{
+    value: string;
+    values: ActionSheetSelectedOption[];
+  }>) => void;
+  onListPopoverStateChange: (event: Q2OptionListCustomEvent<{
+    open: boolean;
+    action: 'close' | 'select' | 'open';
+  }>) => void;
+  onListDone: () => void;
+  close: EventEmitter<ActionSheetListCloseData>;
+  ready: EventEmitter;
+  hide(data?: ActionSheetListCloseData): Promise<void>;
+  show(): Promise<void>;
+  renderSlot: () => any;
+  renderMessage: ({ data }: {
+    data: ActionSheetMessageData;
+  }) => any;
+  renderList: ({ data }: {
+    data: ActionSheetListData;
+  }) => any;
+  render(): any;
+}

package/dist/types/components/q2-checkbox/index.d.ts

@@ -22,7 +22,10 @@ export declare class Q2Checkbox implements ComponentInterface {
   defaultChangeHandler(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   ariaLabelObserver(): void;
-  change: EventEmitter;
+  change: EventEmitter<{
+    value: string;
+    checked: boolean;
+  }>;
   onInputClick: (event: Event) => void;
   render(): any;
   generateCheckboxSVG(): any;

package/dist/types/components/q2-input/index.d.ts

@@ -40,12 +40,14 @@ export declare class Q2Input {
   hasFocus: boolean;
   scheduledAfterRender: (() => void)[];
   valueOnFocus: string;
+  isMobile: boolean;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   getFormattedValue(value: string, valueChangedFromProperty: boolean): IFormatterValueObject;
   hostElement: HTMLElement;
   get canClear(): boolean;
+  get shouldCursorStayAtEnd(): boolean;
   get hasError(): boolean;
   get messages(): string[];
   get inputField(): HTMLInputElement;
@@ -64,6 +66,7 @@ export declare class Q2Input {
   get canSetSelection(): boolean;
   get visibilityToggleText(): string;
   formatAndUpdateValueFromProp(): void;
+  get inputMode(): any;
   ariaLabelObserver(): void;
   valueObserver(): void;
   typeObserver(): void;
@@ -76,6 +79,7 @@ export declare class Q2Input {
   change: EventEmitter<IEventDetail>;
   clear: EventEmitter<IEventDetail>;
   onToggleVisibility: () => void;
+  onInputClick: () => void;
   onInputFocus: () => void;
   onInputBlur: () => void;
   onInputInput: (event: InputEvent) => void;
@@ -88,6 +92,7 @@ export declare class Q2Input {
   inputContainerDOM(): any;
   standardInputDOM(): any;
   pseudoInputDOM(): any;
+  placeCursorAtEnd(): void;
   calculateCursorPositionOnInput(): ICursorData;
   calculateCursorPositionOnFocus(): ICursorData;
   setCursorPosition(cursorData: ICursorData): void;

package/dist/types/components/q2-option/index.d.ts

@@ -1,17 +1,14 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Option implements ComponentInterface {
-  role: string;
-  tabindex: string;
+  role: 'option' | 'menuitem';
   display: string;
   value: string;
   disabled: boolean;
-  optionId: string;
   disabledGroup: boolean;
   selected: boolean;
   hidden: boolean;
   multiline: boolean;
   active: boolean;
-  noSelect: boolean;
   _multiSelectHidden: boolean;
   hostElement: HTMLElement;
   componentWillLoad(): void;

package/dist/types/components/q2-option-list/index.d.ts

@@ -5,13 +5,13 @@ export interface IOptionValue {
 }
 export declare class Q2OptionList implements ComponentInterface {
   role: 'listbox' | 'menu';
-  direction: 'up' | 'down';
   customSearch: boolean;
   noSelect: boolean;
   align: 'left' | 'right';
   selectedOptions: IOptionValue[];
   multiple: boolean;
   disabled: boolean;
+  showSelected: boolean;
   type: 'menu' | 'listbox';
   change: EventEmitter<{
     value: string;
@@ -19,7 +19,9 @@ export declare class Q2OptionList implements ComponentInterface {
   }>;
   popoverState: EventEmitter<{
     open: boolean;
+    action: 'close' | 'select' | 'open';
   }>;
+  ready: EventEmitter;
   hasOptions: boolean;
   contentElement: HTMLElement;
   activeIndex: number;
@@ -30,29 +32,35 @@ export declare class Q2OptionList implements ComponentInterface {
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  get allContents(): (HTMLQ2OptgroupElement | HTMLQ2OptionElement)[];
   get allOptions(): HTMLQ2OptionElement[];
-  checkOptions(): void;
-  getRootSlot(element: Element): any;
+  get allVisibleOptions(): HTMLQ2OptionElement[];
+  checkOptions(): Promise<void>;
+  getRootSlot(element: Element): Element[];
   scrollToActiveOption(): void;
-  resizeIframe(): void;
   openDropdownWithActiveElement(activeIndex: number): void;
   getDefaultActiveIndex(): number;
   updateSingleOptionAttrs(): void;
   updateMultipleOptionAttrs(): void;
   setActiveOption(): void;
   setFocusedOption(): void;
-  getNextVisibleIndex(direction: any): any;
-  selectOption(selectedValue: string): void;
+  getNextVisibleIndex(direction: any): number;
+  focusSelectedSibling(option: HTMLQ2OptionElement): void;
+  selectOption(selectedOption: HTMLQ2OptionElement): void;
   adjustActiveOptionAndScroll(numToAdd: number): void;
   resetTimer(): void;
-  searchAndFocus(key: string): void;
+  searchOptions(key: string, shouldSelect?: boolean): void;
+  showSelectedUpdated(showSelected: boolean): void;
   selectedOptionsUpdated(): void;
   delegateFocus(event: FocusEvent): void;
   handleClick(event: MouseEvent): void;
   setDefaultActiveElement(): Promise<void>;
   setActiveElement(index: number): Promise<void>;
   handleExternalKeydown(event: KeyboardEvent): Promise<void>;
-  keydownHandler: (event: KeyboardEvent, ignoreSelectionEvents?: boolean) => void;
+  getContents(): Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]>;
+  getOptions(): Promise<HTMLQ2OptionElement[]>;
+  externalKeydownHandler: (event: KeyboardEvent) => void;
+  internalKeydownHandler: (event: KeyboardEvent) => void;
   focusoutHandler: (event: FocusEvent) => void;
   clickHandler: (event: Event) => void;
   render(): any;

package/dist/types/components/q2-pill/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { IOptionValue } from '../q2-option-list';
 export declare class Q2Pill implements ComponentInterface {
+  hoist: boolean;
   disabled: boolean;
   active: boolean;
   open: boolean;
@@ -13,6 +14,7 @@ export declare class Q2Pill implements ComponentInterface {
   popoverMinHeight: number;
   popoverDirection: 'up' | 'down';
   hasOptions: boolean;
+  selectedOptionElements: HTMLQ2OptionElement[];
   hostElement: HTMLElement;
   change: EventEmitter<{
     value: string;
@@ -32,14 +34,21 @@ export declare class Q2Pill implements ComponentInterface {
   disconnectedCallback(): void;
   get buttonContent(): string;
   get truncatedButtonContent(): string;
+  updateSelectedOptionElements: () => Promise<void>;
   determineHasOptions: () => void;
+  executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+  handleSelectionChanges(changeDetails: {
+    value?: string;
+    values?: IOptionValue[];
+  }): void;
   clearSelectedOptions: () => void;
+  selectedOptionsWatcher(): void;
   delegateFocus(event: FocusEvent): void;
   popoverStateHandler({ detail: { open } }: CustomEvent<{
     open: boolean;
   }>): void;
   handleClick: (event: MouseEvent) => Promise<void>;
-  handleKeydown: (event: KeyboardEvent) => void;
+  handleKeydown: (event: KeyboardEvent) => Promise<void>;
   handleChange: (event: any) => void;
   handleWrapperClick: () => void;
   onClickElsewhere: (event: CustomEvent) => void;

package/dist/types/components/q2-popover/index.d.ts

@@ -13,8 +13,10 @@ export declare class Q2Popover implements ComponentInterface {
   privateDirection: 'down' | 'up';
   containerElement: HTMLDivElement;
   contentElement: HTMLDivElement;
+  scheduledAfterRender: (() => void)[];
   componentDidLoad(): void;
   componentWillRender(): void;
+  componentDidRender(): void;
   toggle(): Promise<void>;
   openChanged(open: any): void;
   popoverStateHandler(event: CustomEvent<{

package/dist/types/components/q2-select/index.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="node" />
 import { EventEmitter, Event, ComponentInterface } from '../../stencil-public-runtime';
+import { Q2OptionListCustomEvent } from 'src/components';
+import { IOptionValue } from '../q2-option-list';
 export declare class Q2Select implements ComponentInterface {
   label: string;
   hideLabel: boolean;
   value: string;
   ariaLabel: string;
-  selectedOptions: any;
+  selectedOptions: string[];
   disabled: boolean;
   readonly: boolean;
   invalid: boolean;
@@ -17,94 +19,90 @@ export declare class Q2Select implements ComponentInterface {
   multilineOptions: boolean;
   optional: boolean;
   placeholder: string;
+  hoist: boolean;
   hostElement: HTMLElement;
-  dropdownOpen: boolean;
-  onlyShowingSelected: boolean;
-  activeOptionId: string;
+  open: boolean;
+  showSelected: boolean;
   searchText: string;
   hasCustomDisplay: boolean;
   inputFocused: boolean;
   statusMessage: string;
   prioritizeSearch: boolean;
+  structuredSelectedOptions: IOptionValue[];
   inputField?: HTMLQ2InputElement | HTMLButtonElement;
-  dropdownContainer?: HTMLDivElement;
+  optionList: HTMLQ2OptionListElement;
+  popoverElement?: HTMLQ2PopoverElement;
   multiSelectHeader?: HTMLDivElement;
-  privatePopDirection: 'down' | 'up';
-  activeIndex: number;
-  pivotIndex: number;
   scheduledAfterRender: (() => void)[];
-  keyStore: {
-    queue: string[];
-    lastPressedAt: Date;
-  };
-  guid: number;
   mutationObserver: MutationObserver;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
-  get isComponentFocused(): boolean;
-  get isSearchMode(): string | true;
-  get badgeValue(): any;
-  get minPopHeight(): number;
-  get selectedDisplay(): any;
+  get badgeValue(): string;
+  get popoverMinHeight(): number;
+  get selectedDisplay(): string;
   get selectedDisplaySlot(): HTMLElement;
-  get firstSelectedValue(): any;
+  get firstSelectedValue(): string;
   get firstSelectedOptionElement(): HTMLQ2OptionElement;
   get optionElements(): HTMLQ2OptionElement[];
-  get visibleOptionElements(): HTMLQ2OptionElement[];
   get wrapperClasses(): string;
+  buildStructuredSelectedOptions(): void;
   ariaLabelObserver(): void;
   valueUpdated(): void;
-  selectedOptionsUpdated(): void;
-  multilineOptionsChanged(newValue: any, oldValue: any): void;
-  dropdownOpenChanged(isOpen: any): void;
-  change: EventEmitter;
+  handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
+  openChanged(isOpen: any): void;
+  change: EventEmitter<{
+    value: string;
+    selectedOptions: string[];
+  }>;
   input: EventEmitter;
   keydownHandler(event: KeyboardEvent): void;
-  onHostElementChange(event: CustomEvent): void;
+  onHostElementChange(event: CustomEvent<{
+    value: string;
+    selectedOptions: string[];
+  }>): void;
   onHostElementInput(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   handleFocusout(event: FocusEvent): void;
-  clickHandler(event: Event): void;
-  getDefaultActiveIndex(): number;
-  getLastEnabledIndex(): any;
-  setActiveOption(): void;
-  setFocusedOption(): void;
-  calculateMultiSelectSelectedDisplay(): any;
+  executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+  handleSelectionChanges(changeDetails: {
+    value?: string;
+    values?: IOptionValue[];
+  }): void;
+  showSelectedOptions: (event: MouseEvent) => void;
+  showAllOptions: (event?: MouseEvent) => void;
+  clearValue(): void;
+  calculateMultiSelectSelectedDisplay(): string;
   calculateSingleSelectSelectedDisplay(): string;
-  updateSingleOptionAttrs(): void;
-  updateMultipleOptionAttrs(): void;
   onMutationObserved: () => void;
-  focusSelectedSibling(option: HTMLQ2OptionElement): void;
-  selectOption(option: HTMLQ2OptionElement, focusInputOnClose?: boolean): void;
-  scrollToActiveOption(): void;
+  onOptionListChange: (event: Q2OptionListCustomEvent<{
+    value: string;
+    values: IOptionValue[];
+  }>) => void;
   openDropdownWithoutActiveElement(): void;
-  openDropdownWithActiveElement(activeIndex: number): void;
   closeDropdown(): void;
+  clearSearchText(): void;
   toggleDropdown(): void;
-  adjustActiveOptionAndScroll(numToAdd: number): void;
-  setDefaultActiveElement(): void;
   focusInput(): void;
-  getNextVisibleIndex(direction: any): any;
   statusMessageTimer: NodeJS.Timeout;
   setStatusMessage(message: any): void;
   clearSelectedDisplay(): void;
   checkSelectedDisplay(): void | HTMLElement;
   checkSelectedDisplayHeight(): void;
-  searchAndFocus: (keyValue: any) => void;
-  dropdownFocusoutHandler: (event: FocusEvent) => void;
-  dropdownKeydownHandler: (event: KeyboardEvent) => void;
-  inputKeydownHandler: (event: KeyboardEvent) => void;
-  inputClickHandler: (event: Event) => void;
+  popoverStateChanged: ({ detail: { open } }: CustomEvent<{
+    open: boolean;
+  }>) => void;
+  inputKeydownHandler: (event: KeyboardEvent) => Promise<void>;
+  shouldClearSearchText(event: KeyboardEvent): boolean;
+  visibilityToggleKeyDown: (event: KeyboardEvent) => void;
+  inputClickHandler: (event: MouseEvent) => Promise<void>;
   inputInputHandler: (event: CustomEvent) => void;
   inputFocusHandler: () => void;
   inputBlurHandler: () => void;
   inputChangeHandler: (event: Event) => void;
   clickedElsewhere: (event: CustomEvent) => void;
   onCustomDisplayClick: (event: MouseEvent) => void;
-  showSelectedOptions: (event: MouseEvent) => void;
-  showAllOptions: (event: MouseEvent) => void;
   renderCustomDisplay(): any;
   render(): any;
   optionsDropdown(): any;

package/dist/types/components/q2-tag/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Tag implements ComponentInterface {
+  hoist: boolean;
   open: boolean;
-  role: string;
   label: string;
   theme: 'primary' | 'secondary' | 'tertiary';
   popoverMinHeight: number;
@@ -26,8 +26,8 @@ export declare class Q2Tag implements ComponentInterface {
   }>): void;
   onClickElsewhere: (event: CustomEvent) => void;
   handleChange: (event: any) => void;
-  handleClick: (event: MouseEvent) => void;
-  handleKeydown: (event: KeyboardEvent) => void;
+  handleClick: (event: MouseEvent) => Promise<void>;
+  handleKeydown: (event: KeyboardEvent) => Promise<void>;
   handleButtonFocusout: (event: FocusEvent) => void;
   handleWrapperClick: () => void;
   render(): any;