npm - q2-tecton-elements - Versions diffs - 1.37.1 → 1.38.1 - Mend

q2-tecton-elements 1.37.1 → 1.38.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (501) hide show

package/dist/esm/q2-section.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"q2-section.entry.js","mappings":"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","names":[],"sources":["./src/components/q2-section/styles.scss?tag=q2-section&encapsulation=shadow","./src/components/q2-section/index.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions.scss';\n\n:host {\n display: block;\n background: var-list(\n --tct-section-background,\n var-prefixer(section-background-color),\n var-prefixer(section-bg),\n --app-white,\n #ffffff\n );\n color: var-list(var-prefixer(section-font-color), --t-text, #4d4d4d);\n border-radius: var-list(var-prefixer(section-border-radius), --app-border-radius-1, 3px);\n margin: var-list(var-prefixer(section-margin), --app-scale-3x, 15px);\n\n @media screen and (max-width: 767px) {\n --comp-default-margin: var(--app-scale-3x, 15px) 0;\n margin: var-list(var-prefixer(section-margin), --comp-default-margin);\n }\n\n @media print {\n --comp-default-print-margin: var(--app-scale-3x, 15px) 0;\n margin: var-list(--tct-section-print-margin, --comp-default-print-margin);\n }\n}\n\n.wrapper {\n --comp-tween: #{var-list(var-prefixer(section-tween), --app-tween-1, unquote('0.2s ease'))};\n --comp-default-wrapper-padding: var(--app-scale-1x, 5px) 0;\n display: block;\n padding: var-list(var-prefixer(section-wrapper-padding), --comp-default-wrapper-padding);\n\n &:hover {\n box-shadow: var-list(var-prefixer(section-wrapper-hover-box-shadow), inherit);\n }\n\n :host([collapsible]) & {\n --comp-tween: #{var-list(var-prefixer(section-tween), --app-tween-2, unquote('0.4s ease'))};\n }\n}\n\nheader {\n --comp-default-header-padding: 0 var(--app-scale-3x, 15px);\n padding: var-list(var-prefixer(section-header-padding), --comp-default-header-padding);\n display: flex;\n\n @media print {\n padding: var-list(--tct-section-header-print-padding, 0);\n }\n\n &.has-header {\n min-height: var-list(var-prefixer(section-header-min-height), 44px);\n }\n}\n\n.header-content {\n flex: 1 1 100%;\n min-width: 0;\n align-self: center;\n\n :host([collapsible]) & {\n cursor: pointer;\n }\n}\n\n.title {\n /* Need access to typography in elements */\n margin: 0;\n font-size: 20px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\nq2-icon {\n transition: transform var(--comp-tween);\n\n :host(:not([expanded])) &,\n :host([expanded='false']) & {\n transform: rotate(180deg);\n }\n}\n\n.content-wrapper {\n height: auto;\n\n &.is-closed {\n display: none;\n overflow: hidden;\n }\n\n &.is-transitioning {\n overflow: hidden;\n }\n\n :host([collapsible]) & {\n transition: height var(--comp-tween);\n }\n}\n\n.content {\n --comp-default-content-padding: var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);\n padding: var-list(var-prefixer(section-content-padding), --comp-default-content-padding);\n\n @media print {\n padding: var-list(--tct-section-content-print-padding, 0);\n }\n\n &:focus {\n box-shadow: none;\n }\n\n :host([collapsible]) :host(:not([expanded])) & {\n visibility: hidden;\n }\n}\n","import {\n Component,\n ComponentInterface,\n Prop,\n Element,\n Listen,\n State,\n Watch,\n h,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus, resizeIframe } from 'src/utils';\n\n@Component({\n tag: 'q2-section',\n shadow: true,\n styleUrl: 'styles.scss',\n})\nexport class Q2Section implements ComponentInterface {\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) collapsible: boolean;\n @Prop({ reflect: true }) noCollapseIcon: boolean;\n @Prop({ reflect: true, mutable: true }) expanded: boolean;\n\n @Element() hostElement: HTMLElement;\n @State() contentHeight: string;\n @State() hideContent: boolean = false;\n @State() hasYieldedHeader: boolean = false;\n\n titleId: string = 'title';\n contentId: string = 'content';\n resizerFn: NodeJS.Timer \| undefined;\n headerSlotMutationObserver: MutationObserver;\n contentSlotMutationObserver: MutationObserver;\n contentContainer: HTMLDivElement;\n headerSlotWrapper: HTMLDivElement;\n headerSlot: HTMLSlotElement;\n contentSlot: HTMLSlotElement;\n\n componentWillLoad() {\n this.onHeaderSlotChange();\n const { collapsible, expanded } = this;\n this.contentHeight = collapsible && expanded ? undefined : '0px';\n this.hideContent = !expanded;\n }\n\n componentDidLoad() {\n this.addHeaderSlotListener();\n this.addContentSlotListener();\n overrideFocus(this.hostElement);\n }\n\n disconnectedCallback() {\n this.removeHeaderSlotListener();\n this.removeContentSlotListener();\n }\n\n /// Listeners ///\n @Listen('change')\n defaultChangeHandler(event: CustomEvent) {\n if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {\n this.expanded = event.detail.expanded;\n }\n }\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.contentContainer.focus();\n }\n\n /// Watchers ///\n @Watch('expanded')\n async expandedObserver(expanded: boolean) {\n this.clearResizeInterval();\n this.resizerFn = setInterval(resizeIframe, 5);\n\n if (expanded) {\n this.expandSection();\n } else {\n this.collapseSection();\n }\n }\n\n async collapseSection() {\n this.contentHeight = this.contentContainerHeight;\n await nextPaint(() => {\n this.contentHeight = this.currentHeight;\n });\n }\n\n async expandSection() {\n this.hideContent = false;\n await nextPaint(() => {\n this.contentHeight = this.currentHeight;\n });\n }\n\n @Watch('collapsible')\n collapsibleObserver() {\n this.contentHeight = this.currentHeight;\n }\n\n /// Events ///\n @Event() change: EventEmitter;\n\n /// Event Handlers ///\n onHeaderClick = () => {\n this.change.emit({\n expanded: !this.expanded,\n });\n };\n\n onTransitionEnd = () => {\n if (this.expanded) {\n this.contentHeight = undefined;\n } else {\n this.hideContent = true;\n }\n\n setTimeout(() => {\n // This gives enough time for all values to get passed over\n // Previously, the interval was never cleared and the fn was called indefinitely then filtered\n // Will revisit in TCT-599\n this.clearResizeInterval();\n }, 1000);\n };\n\n onHeaderSlotChange = () => {\n const hasSlotContent = !!this.hostElement.querySelector('[slot=\"q2-section-header\"]');\n\n if (this.hasYieldedHeader !== hasSlotContent) {\n this.hasYieldedHeader = !!hasSlotContent;\n }\n };\n\n /// Getters ///\n get currentHeight() {\n const { collapsible, expanded } = this;\n if (!collapsible) {\n return null;\n } else if (expanded) {\n return this.contentContainerHeight;\n } else {\n return '0';\n }\n }\n\n get contentContainerHeight() {\n return `${this.contentContainer.offsetHeight \|\| 0}px`;\n }\n\n /// Helpers ///\n clearResizeInterval = () => {\n this.resizerFn && clearInterval(this.resizerFn);\n };\n\n addHeaderSlotListener = () => {\n if (this.headerSlot) {\n this.headerSlot.addEventListener('slotchange', this.onHeaderSlotChange);\n return;\n }\n\n const observer = new MutationObserver(this.onHeaderSlotChange);\n observer.observe(this.headerSlotWrapper, { childList: true });\n this.headerSlotMutationObserver = observer;\n };\n\n removeHeaderSlotListener = () => {\n if (this.headerSlot) {\n this.headerSlot.removeEventListener('slotchange', this.onHeaderSlotChange);\n return;\n }\n\n this.headerSlotMutationObserver.disconnect();\n };\n\n addContentSlotListener = () => {\n if (this.contentSlot) {\n this.contentSlot.addEventListener('slotchange', resizeIframe);\n return;\n }\n\n const observer = new MutationObserver(resizeIframe);\n observer.observe(this.contentContainer, { childList: true, subtree: true });\n this.contentSlotMutationObserver = observer;\n };\n\n removeContentSlotListener = () => {\n if (this.contentSlot) {\n this.contentSlot.removeEventListener('slotchange', resizeIframe);\n return;\n }\n this.contentSlotMutationObserver.disconnect();\n };\n\n render() {\n const hasHeader = this.label \|\| this.hasYieldedHeader;\n const wrapperClasses = ['content-wrapper'];\n const { collapsible, hideContent, contentHeight } = this;\n if (collapsible) {\n if (hideContent) wrapperClasses.push('is-closed');\n else if (contentHeight) wrapperClasses.push('is-transitioning');\n }\n\n const showDefaultHeader = !this.hasYieldedHeader && !!this.label;\n\n return (\n <section class=\"wrapper\">\n <header class={hasHeader ? 'has-header' : ''}>\n <div\n class=\"header-content\"\n id={this.titleId}\n onClick={this.collapsible && this.onHeaderClick}\n >\n {showDefaultHeader && <h2 class=\"title\">{loc(this.label)}</h2>}\n <div\n ref={el => (this.headerSlotWrapper = el)}\n class=\"header-slot-wrapper\"\n >\n <slot\n ref={(el: HTMLSlotElement) => (this.headerSlot = el)}\n name=\"q2-section-header\"\n />\n </div>\n </div>\n {this.collapsible && !this.noCollapseIcon && (\n <q2-btn\n label={loc(this.label \|\| 'tecton.element.section.defaultToggleLabel')}\n ariaExpanded={`${!!this.expanded}`}\n ariaControls={this.contentId}\n test-id=\"toggleButton\"\n hide-label\n onClick={this.onHeaderClick}\n >\n <q2-icon type=\"chevron-up\" />\n </q2-btn>\n )}\n </header>\n <div\n class={wrapperClasses.join(' ')}\n id={this.contentId}\n aria-labelledby={this.titleId}\n role=\"region\"\n onTransitionEnd={this.onTransitionEnd}\n style={\n this.collapsible && {\n height: this.contentHeight,\n }\n }\n >\n <div\n ref={el => (this.contentContainer = el)}\n class=\"content\"\n tabindex=\"-1\"\n >\n <slot ref={(el: HTMLSlotElement) => (this.contentSlot = el)} />\n </div>\n </div>\n </section>\n );\n }\n}\n"],"version":3}
1	+ {"file":"q2-section.entry.js","mappings":"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","names":[],"sources":["./src/components/q2-section/styles.scss?tag=q2-section&encapsulation=shadow","./src/components/q2-section/index.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions.scss';\n\n:host {\n display: block;\n background: var-list(\n --tct-section-background,\n var-prefixer(section-background-color),\n var-prefixer(section-bg),\n --app-white,\n #ffffff\n );\n color: var-list(var-prefixer(section-font-color), --t-text, #4d4d4d);\n border-radius: var-list(var-prefixer(section-border-radius), --app-border-radius-1, 3px);\n margin: var-list(var-prefixer(section-margin), --app-scale-3x, 15px);\n\n @media screen and (max-width: 767px) {\n --comp-default-margin: var(--app-scale-3x, 15px) 0;\n margin: var-list(var-prefixer(section-margin), --comp-default-margin);\n }\n\n @media print {\n --comp-default-print-margin: var(--app-scale-3x, 15px) 0;\n margin: var-list(--tct-section-print-margin, --comp-default-print-margin);\n }\n}\n\n.wrapper {\n --comp-tween: #{var-list(var-prefixer(section-tween), --app-tween-1, unquote('0.2s ease'))};\n --comp-default-wrapper-padding: var(--app-scale-1x, 5px) 0;\n display: block;\n padding: var-list(var-prefixer(section-wrapper-padding), --comp-default-wrapper-padding);\n\n &:hover {\n box-shadow: var-list(var-prefixer(section-wrapper-hover-box-shadow), inherit);\n }\n\n :host([collapsible]) & {\n --comp-tween: #{var-list(var-prefixer(section-tween), --app-tween-2, unquote('0.4s ease'))};\n }\n}\n\nheader {\n --comp-default-header-padding: 0 var(--app-scale-3x, 15px);\n padding: var-list(var-prefixer(section-header-padding), --comp-default-header-padding);\n display: flex;\n\n @media print {\n padding: var-list(--tct-section-header-print-padding, 0);\n }\n\n &.has-header {\n min-height: var-list(var-prefixer(section-header-min-height), 44px);\n }\n}\n\n.header-content {\n flex: 1 1 100%;\n min-width: 0;\n align-self: center;\n\n :host([collapsible]) & {\n cursor: pointer;\n }\n}\n\n.title {\n /* Need access to typography in elements */\n margin: 0;\n font-size: 20px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\nq2-icon {\n transition: transform var(--comp-tween);\n\n :host(:not([expanded])) &,\n :host([expanded='false']) & {\n transform: rotate(180deg);\n }\n}\n\n.content-wrapper {\n height: auto;\n\n &.is-closed {\n display: none;\n overflow: hidden;\n }\n\n &.is-transitioning {\n overflow: hidden;\n }\n\n :host([collapsible]) & {\n transition: height var(--comp-tween);\n }\n}\n\n.content {\n --comp-default-content-padding: var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);\n padding: var-list(var-prefixer(section-content-padding), --comp-default-content-padding);\n\n @media print {\n padding: var-list(--tct-section-content-print-padding, 0);\n }\n\n &:focus {\n box-shadow: none;\n }\n\n :host([collapsible]) :host(:not([expanded])) & {\n visibility: hidden;\n }\n}\n","import {\n Component,\n ComponentInterface,\n Prop,\n Element,\n Listen,\n State,\n Watch,\n h,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus, resizeIframe } from 'src/utils';\n\n@Component({\n tag: 'q2-section',\n shadow: true,\n styleUrl: 'styles.scss',\n})\nexport class Q2Section implements ComponentInterface {\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) collapsible: boolean;\n @Prop({ reflect: true }) noCollapseIcon: boolean;\n @Prop({ reflect: true, mutable: true }) expanded: boolean;\n\n @Element() hostElement: HTMLElement;\n @State() contentHeight: string;\n @State() hideContent: boolean = false;\n @State() hasYieldedHeader: boolean = false;\n\n titleId: string = 'title';\n contentId: string = 'content';\n resizerFn: NodeJS.Timer \| undefined;\n headerSlotMutationObserver: MutationObserver;\n contentSlotMutationObserver: MutationObserver;\n contentContainer: HTMLDivElement;\n headerSlotWrapper: HTMLDivElement;\n headerSlot: HTMLSlotElement;\n contentSlot: HTMLSlotElement;\n\n componentWillLoad() {\n this.onHeaderSlotChange();\n const { collapsible, expanded } = this;\n this.contentHeight = collapsible && expanded ? undefined : '0px';\n this.hideContent = !expanded;\n }\n\n componentDidLoad() {\n this.addHeaderSlotListener();\n this.addContentSlotListener();\n overrideFocus(this.hostElement);\n }\n\n disconnectedCallback() {\n this.removeHeaderSlotListener();\n this.removeContentSlotListener();\n }\n\n /// Listeners ///\n @Listen('change')\n defaultChangeHandler(event: CustomEvent) {\n if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {\n this.expanded = event.detail.expanded;\n }\n }\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.contentContainer.focus();\n }\n\n /// Watchers ///\n @Watch('expanded')\n async expandedObserver(expanded: boolean) {\n this.clearResizeInterval();\n this.resizerFn = setInterval(resizeIframe, 5);\n\n if (expanded) {\n this.expandSection();\n } else {\n this.collapseSection();\n }\n }\n\n async collapseSection() {\n this.contentHeight = this.contentContainerHeight;\n await nextPaint(() => {\n this.contentHeight = this.currentHeight;\n });\n }\n\n async expandSection() {\n this.hideContent = false;\n await nextPaint(() => {\n this.contentHeight = this.currentHeight;\n });\n }\n\n @Watch('collapsible')\n collapsibleObserver() {\n this.contentHeight = this.currentHeight;\n }\n\n /// Events ///\n @Event() change: EventEmitter;\n\n /// Event Handlers ///\n onHeaderClick = () => {\n this.change.emit({\n expanded: !this.expanded,\n });\n };\n\n onTransitionEnd = () => {\n if (this.expanded) {\n this.contentHeight = undefined;\n } else {\n this.hideContent = true;\n }\n\n setTimeout(() => {\n // This gives enough time for all values to get passed over\n // Previously, the interval was never cleared and the fn was called indefinitely then filtered\n // Will revisit in TCT-599\n this.clearResizeInterval();\n }, 1000);\n };\n\n onHeaderSlotChange = () => {\n const hasSlotContent = !!this.hostElement.querySelector('[slot=\"q2-section-header\"]');\n\n if (this.hasYieldedHeader !== hasSlotContent) {\n this.hasYieldedHeader = !!hasSlotContent;\n }\n };\n\n /// Getters ///\n get currentHeight() {\n const { collapsible, expanded } = this;\n if (!collapsible) {\n return null;\n } else if (expanded) {\n return this.contentContainerHeight;\n } else {\n return '0';\n }\n }\n\n get contentContainerHeight() {\n return `${this.contentContainer.offsetHeight \|\| 0}px`;\n }\n\n /// Helpers ///\n clearResizeInterval = () => {\n this.resizerFn && clearInterval(this.resizerFn);\n };\n\n addHeaderSlotListener = () => {\n if (this.headerSlot) {\n this.headerSlot.addEventListener('slotchange', this.onHeaderSlotChange);\n return;\n }\n\n const observer = new MutationObserver(this.onHeaderSlotChange);\n observer.observe(this.headerSlotWrapper, { childList: true });\n this.headerSlotMutationObserver = observer;\n };\n\n removeHeaderSlotListener = () => {\n if (this.headerSlot) {\n this.headerSlot.removeEventListener('slotchange', this.onHeaderSlotChange);\n return;\n }\n\n this.headerSlotMutationObserver.disconnect();\n };\n\n addContentSlotListener = () => {\n if (this.contentSlot) {\n this.contentSlot.addEventListener('slotchange', resizeIframe);\n return;\n }\n\n const observer = new MutationObserver(resizeIframe);\n observer.observe(this.contentContainer, { childList: true, subtree: true });\n this.contentSlotMutationObserver = observer;\n };\n\n removeContentSlotListener = () => {\n if (this.contentSlot) {\n this.contentSlot.removeEventListener('slotchange', resizeIframe);\n return;\n }\n this.contentSlotMutationObserver.disconnect();\n };\n\n render() {\n const hasHeader = this.label \|\| this.hasYieldedHeader;\n const wrapperClasses = ['content-wrapper'];\n const { collapsible, hideContent, contentHeight } = this;\n if (collapsible) {\n if (hideContent) wrapperClasses.push('is-closed');\n else if (contentHeight) wrapperClasses.push('is-transitioning');\n }\n\n const showDefaultHeader = !this.hasYieldedHeader && !!this.label;\n\n return (\n <section class=\"wrapper\">\n <header class={hasHeader ? 'has-header' : ''}>\n <div\n class=\"header-content\"\n id={this.titleId}\n onClick={this.collapsible && this.onHeaderClick}\n >\n {showDefaultHeader && <h2 class=\"title\">{loc(this.label)}</h2>}\n <div\n ref={el => (this.headerSlotWrapper = el)}\n class=\"header-slot-wrapper\"\n >\n <slot\n ref={(el: HTMLSlotElement) => (this.headerSlot = el)}\n name=\"q2-section-header\"\n />\n </div>\n </div>\n {this.collapsible && !this.noCollapseIcon && (\n <q2-btn\n label={loc(this.label \|\| 'tecton.element.section.defaultToggleLabel')}\n ariaExpanded={`${!!this.expanded}`}\n ariaControls={this.contentId}\n test-id=\"toggleButton\"\n hide-label\n onClick={this.onHeaderClick}\n >\n <q2-icon type=\"chevron-up\" />\n </q2-btn>\n )}\n </header>\n <div\n class={wrapperClasses.join(' ')}\n id={this.contentId}\n aria-labelledby={this.titleId}\n role=\"region\"\n onTransitionEnd={this.onTransitionEnd}\n style={\n this.collapsible && {\n height: this.contentHeight,\n }\n }\n >\n <div\n ref={el => (this.contentContainer = el)}\n class=\"content\"\n tabindex=\"-1\"\n >\n <slot ref={(el: HTMLSlotElement) => (this.contentSlot = el)} />\n </div>\n </div>\n </section>\n );\n }\n}\n"],"version":3}

package/dist/esm/q2-select.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ebc7f269.js';
-import { l as loc, h as handleAriaLabel, o as overrideFocus, w as waitForNextPaint, d as isRelatedTargetWithinHost, i as isEventFromElement, e as isHostLosingFocus } from './index-74a659a5.js';
+import { l as loc, h as handleAriaLabel, o as overrideFocus, w as waitForNextPaint, d as isRelatedTargetWithinHost, i as isEventFromElement, e as isHostLosingFocus } from './index-84f1034e.js';
 import { s as shouldShowActionSheet, a as showActionSheetList } from './action-sheet-bfcbe154.js';
-const stylesCss = "*{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 #33b4ff #06C)}: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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{--comp-select-margin:var(--tct-select-margin, var(--tct-select-margin-top, var(--t-select-margin-top, var(--app-scale-4, 30px))) 0 var(--tct-select-margin-bottom, var(--t-select-margin-bottom, var(--app-scale-4, 30px))));display:block;margin:var(--comp-select-margin)}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.popover-content{display:flex;flex-direction:column-reverse}.multi-select-header{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white);display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.multi-select-header legend{padding:0;float:left}.multi-select-header label{cursor:pointer;padding:var(--tct-select-multi-select-option-padding, var(--t-select-multi-select-option-padding, var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px))));font-size:var(--tct-select-multi-select-option-font-size, var(--t-select-multi-select-option-font-size, var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, inherit))));border-radius:var(--tct-select-multi-select-option-radius, var(--t-select-multi-select-option-radius, var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--app-border-radius-1, 3px)))));background:var(--tct-select-multi-select-option-background, var(--tct-select-multi-select-option-bg, var(--t-select-multi-select-option-bg, var(--tct-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent))))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))))}.multi-select-header label:hover{background:var(--tct-select-multi-select-option-hover-background, var(--tct-select-multi-select-option-hover-background-color, var(--t-select-multi-select-option-hover-background-color, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--app-gray-l3, #f2f2f2))))))));color:var(--tct-select-multi-select-option-hover-color, var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--app-gray-d2, #404040))))))))}.multi-select-header input:checked+label,.multi-select-header input:checked+label:enabled:hover{background:var(--tct-select-multi-select-option-active-background, var(--tct-select-multi-select-option-active-background-color, var(--t-select-multi-select-option-active-background-color, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)))));color:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--app-white, #ffffff)))))}.multi-select-header input:disabled+label{opacity:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--app-disabled-opacity, 0.4)))));cursor:not-allowed}.multi-select-header input:focus+label{box-shadow:var(--const-double-focus-ring)}";
+const stylesCss = "*{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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{--comp-select-margin:var(--tct-select-margin, var(--tct-select-margin-top, var(--t-select-margin-top, var(--app-scale-4, 30px))) 0 var(--tct-select-margin-bottom, var(--t-select-margin-bottom, var(--app-scale-4, 30px))));display:block;margin:var(--comp-select-margin)}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.popover-content{display:flex;flex-direction:column-reverse}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.popover-top-container{position:sticky;top:0;z-index:5}.popover-top-container .multi-select-header{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--app-white);display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.popover-top-container .multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.popover-top-container .multi-select-header legend{padding:0;float:left}.popover-top-container .multi-select-header label{cursor:pointer;padding:var(--tct-select-multi-select-option-padding, var(--t-select-multi-select-option-padding, var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px))));font-size:var(--tct-select-multi-select-option-font-size, var(--t-select-multi-select-option-font-size, var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, inherit))));border-radius:var(--tct-select-multi-select-option-radius, var(--t-select-multi-select-option-radius, var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--app-border-radius-1, 3px)))));background:var(--tct-select-multi-select-option-background, var(--tct-select-multi-select-option-bg, var(--t-select-multi-select-option-bg, var(--tct-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent))))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))))}.popover-top-container .multi-select-header label:hover{background:var(--tct-select-multi-select-option-hover-background, var(--tct-select-multi-select-option-hover-background-color, var(--t-select-multi-select-option-hover-background-color, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--app-gray-l3, #f2f2f2))))))));color:var(--tct-select-multi-select-option-hover-color, var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--app-gray-d2, #404040))))))))}.popover-top-container .multi-select-header input:checked+label,.popover-top-container .multi-select-header input:checked+label:enabled:hover{background:var(--tct-select-multi-select-option-active-background, var(--tct-select-multi-select-option-active-background-color, var(--t-select-multi-select-option-active-background-color, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)))));color:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--app-white, #ffffff)))))}.popover-top-container .multi-select-header input:disabled+label{opacity:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--app-disabled-opacity, 0.4)))));cursor:not-allowed}.popover-top-container .multi-select-header input:focus+label{box-shadow:var(--const-double-focus-ring)}";
 const Q2Select = class {
   constructor(hostRef) {
@@ -18,14 +18,25 @@ const Q2Select = class {
       this.showSelected = false;
     };
     this.onMutationObserved = () => {
-      const slotContainer = this.hostElement.querySelector('.custom-display-content');
-      const displaySlot = this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]');
+      const { hostElement, hasPopoverTop, hasPopoverBottom } = this;
+      const slotContainer = hostElement.querySelector('.custom-display-content');
+      const displaySlot = hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]');
       const hasCustomDisplay = !!displaySlot
         ? displaySlot.assignedNodes().length > 0
         : slotContainer.children.length > 0;
       if (this.hasCustomDisplay !== hasCustomDisplay) {
         this.hasCustomDisplay = hasCustomDisplay;
       }
+      const popTopSlot = hostElement.shadowRoot.querySelector('slot[name="popover-top"]');
+      const topSlotHasNode = popTopSlot.assignedNodes().length > 0;
+      if (hasPopoverTop !== topSlotHasNode) {
+        this.hasPopoverTop = topSlotHasNode;
+      }
+      const popBottomSlot = hostElement.shadowRoot.querySelector('slot[name="popover-bottom"]');
+      const bottomSlotHasNode = popBottomSlot.assignedNodes().length > 0;
+      if (hasPopoverBottom !== bottomSlotHasNode) {
+        this.hasPopoverBottom = bottomSlotHasNode;
+      }
       this.checkSelectedOptions();
     };
     this.onOptionListChange = (event) => {
@@ -36,18 +47,28 @@ const Q2Select = class {
       this.handleSelectionChanges(event.detail);
     };
     /// Event handlers ///
-    this.popoverStateChanged = ({ detail: { open } }) => {
+    this.onPopoverState = ({ detail: { open, action }, }) => {
+      if (!open || this.searchText) {
+        if (action !== 'select') {
+          this.optionList.setActiveElement(null);
+        }
+        this.inputField.focus();
+      }
       if (this.open === open)
         return;
       this.open = open;
-      if (open && !this.searchText)
-        return;
-      this.optionList.setActiveElement(null);
-      this.inputField.focus();
     };
     this.inputKeydownHandler = (event) => {
       if (this.readonly || this.disabled)
         return;
+      const key = event.key;
+      const hasSlot = this.hasPopoverTop || this.hasPopoverBottom;
+      const isShiftTab = key === 'Tab' && event.shiftKey;
+      if (hasSlot && (key === 'Tab' || key === 'Enter' || isShiftTab))
+        return;
+      if (shouldShowActionSheet(this, event)) {
+        return this.executeActionSheet(event);
+      }
       const keysForOptionListToHandle = [
         'ArrowDown',
         'ArrowUp',
@@ -58,15 +79,12 @@ const Q2Select = class {
         'Escape',
         'Tab',
       ];
-      if (shouldShowActionSheet(this, event)) {
-        return this.executeActionSheet(event);
-      }
-      if (this.searchable && !keysForOptionListToHandle.includes(event.key))
+      if (this.searchable && !keysForOptionListToHandle.includes(key))
         return;
       if (this.shouldClearSearchText(event))
         this.clearSearchText();
       // Prevent click event from firing when spacebar is pressed
-      if (event.key === ' ')
+      if (key === ' ')
         event.preventDefault();
       this.optionList.handleExternalKeydown(event);
     };
@@ -78,6 +96,9 @@ const Q2Select = class {
         event.stopPropagation();
       if (isShiftTab) {
         event.stopPropagation();
+        // allows shift+tab keys to select the top slot when present
+        if (this.hasPopoverTop)
+          return;
         this.optionList.setDefaultActiveElement();
       }
     };
@@ -146,6 +167,8 @@ const Q2Select = class {
     this.showSelected = false;
     this.searchText = '';
     this.hasCustomDisplay = false;
+    this.hasPopoverTop = false;
+    this.hasPopoverBottom = false;
     this.inputFocused = false;
     this.statusMessage = undefined;
     this.prioritizeSearch = false;
@@ -181,6 +204,10 @@ const Q2Select = class {
     var _a, _b;
     return (_b = (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.input-field');
   }
+  get innerInputContainer() {
+    var _a, _b;
+    return (_b = (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.input-container');
+  }
   get badgeValue() {
     var _a, _b;
     if (!this.multiple)
@@ -259,13 +286,13 @@ const Q2Select = class {
   }
   openChanged(isOpen) {
     this.scheduledAfterRender.push(() => {
-      const { multiple, multiSelectHeader, popoverElement } = this;
-      const height = (isOpen && multiple && (multiSelectHeader === null || multiSelectHeader === void 0 ? void 0 : multiSelectHeader.offsetHeight)) || 0;
+      const { popoverTopContainer, popoverElement } = this;
+      const height = (isOpen && (popoverTopContainer === null || popoverTopContainer === void 0 ? void 0 : popoverTopContainer.offsetHeight)) || 0;
       if (height) {
-        popoverElement.style.setProperty('--comp-multi-select-header-height', `${height}px`);
+        popoverElement.style.setProperty('--comp-popover-top-container-height', `${height}px`);
       }
       else {
-        popoverElement.style.removeProperty('--comp-multi-select-header-height');
+        popoverElement.style.removeProperty('--comp-popover-top-container-height');
       }
     });
   }
@@ -276,16 +303,34 @@ const Q2Select = class {
     innerInputField === null || innerInputField === void 0 ? void 0 : innerInputField.focus();
     innerInputField.dispatchEvent(new FocusEvent('focus'));
   }
+  /**
+   * Emulates clicking the `<input>` to display the popover if it is hidden.
+   *
+   * @testOnly
+   */
   async openPopover() {
     if (this.open || this.disabled)
       return;
     this._togglePopover();
   }
+  /**
+   * Emulates clicking the `<input>` to hide the popover if it is visible.
+   *
+   * @testOnly
+   */
   async closePopover() {
     if (!this.open || this.disabled)
       return;
     this._togglePopover();
   }
+  /**
+   * Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).
+   *
+   * If the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed
+   * after the option(s) are selected.
+   *
+   * @testOnly
+   */
   async setValue(values, options = { closePopover: true }) {
     const valuesSet = new Set(Array.isArray(values) ? values : [values]);
     if (!this.open) {
@@ -301,6 +346,14 @@ const Q2Select = class {
       await waitForNextPaint();
     }
   }
+  /**
+   * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
+   *
+   * @warning
+   * Only applicable when the input is searchable.
+   *
+   * @testOnly
+   */
   searchOptions(query) {
     if (!this.searchable)
       return;
@@ -530,13 +583,13 @@ const Q2Select = class {
         [], disabled: this.disabled, optional: this.optional, readonly: this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", role: "combobox", pseudo: showAsPseudo, "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined }, this.renderCustomDisplay()), h("div", { class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { name: "q2-select-display" })), this.optionsDropdown()));
   }
   optionsDropdown() {
-    return (h("q2-popover", { ref: el => (this.popoverElement = el), controlElement: this.innerInputField, open: this.open, minHeight: this.popoverMinHeight, direction: this.popDirection, onPopoverStateChanged: this.popoverStateChanged, block: true }, h("div", { class: "popover-content", tabindex: "-1" }, h("q2-option-list", { ref: el => (this.optionList = el), type: "listbox", id: "option-list", "show-selected": this.showSelected, "aria-label": this.listLabel, multiple: this.multiple, selectedOptions: this.structuredSelectedOptions, onChange: this.onOptionListChange }, h("slot", null)), this.multiple && this.visibilityToggle())));
+    return (h("q2-popover", { ref: el => (this.popoverElement = el), controlElement: this.innerInputContainer, open: this.open, minHeight: this.popoverMinHeight, direction: this.popDirection, block: true }, h("div", { class: "popover-content" }, h("q2-option-list", { onPopoverState: this.onPopoverState, ref: el => (this.optionList = el), type: "listbox", id: "option-list", "show-selected": this.showSelected, label: this.listLabel, multiple: this.multiple, selectedOptions: this.structuredSelectedOptions, onChange: this.onOptionListChange }, h("slot", null)), h("div", { class: "popover-top-container", ref: el => (this.popoverTopContainer = el), hidden: !this.multiple && !this.hasPopoverTop, tabindex: "-1" }, h("slot", { name: "popover-top" }), this.multiple && this.visibilityToggle())), h("div", { class: "popover-bottom-container", hidden: !this.hasPopoverBottom, tabindex: "-1" }, h("slot", { name: "popover-bottom" }))));
   }
   visibilityToggle() {
     var _a, _b;
     const selectedOptionsCount = (_b = (_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     const { showSelected } = this;
-    return (h("div", { class: "multi-select-header", ref: el => (this.multiSelectHeader = el) }, h("fieldset", null, h("legend", { "aria-label": loc('tecton.element.select.multiHeader.showing') }, loc('tecton.element.select.multiHeader.showing')), h("div", null, h("input", { class: "sr", type: "radio", id: "all", name: "viewDisplay", value: "all", checked: !showSelected, "aria-label": loc('tecton.element.select.multiHeader.allAriaLabel'), "test-id": "allOptionsButton", onClick: this.showAllOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "all" }, loc('tecton.element.select.multiHeader.all'))), h("div", null, h("input", { class: "sr", type: "radio", id: "selected", disabled: selectedOptionsCount === 0, name: "viewDisplay", value: "selected", "aria-label": loc('tecton.element.select.multiHeader.selectedAriaLabel', [
+    return (h("div", { class: "multi-select-header" }, h("fieldset", null, h("legend", { "aria-label": loc('tecton.element.select.multiHeader.showing') }, loc('tecton.element.select.multiHeader.showing')), h("div", null, h("input", { class: "sr", type: "radio", id: "all", name: "viewDisplay", value: "all", checked: !showSelected, "aria-label": loc('tecton.element.select.multiHeader.allAriaLabel'), "test-id": "allOptionsButton", onClick: this.showAllOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "all" }, loc('tecton.element.select.multiHeader.all'))), h("div", null, h("input", { class: "sr", type: "radio", id: "selected", disabled: selectedOptionsCount === 0, name: "viewDisplay", value: "selected", "aria-label": loc('tecton.element.select.multiHeader.selectedAriaLabel', [
         selectedOptionsCount,
       ]), checked: showSelected, "test-id": "selectedOptionsButton", onClick: this.showSelectedOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "selected" }, loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount]))))));
   }

package/dist/esm/q2-select.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"q2-select.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,2vMAA2vM;;MC+BhwM,QAAQ;;;;;;IAqCjB,yBAAoB,GAAmB,EAAE,CAAC;IAqR1C,wBAAmB,GAAG;MAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC5B,CAAC;IAEF,mBAAc,GAAG;MACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC7B,CAAC;IAkCF,uBAAkB,GAAG;MACjB,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;MAChF,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACzD,gCAAgC,CACnC,CAAC;MACF,MAAM,gBAAgB,GAAG,CAAC,CAAC,WAAW;UAChC,WAAW,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC;UACtC,aAAa,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;MAExC,IAAI,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,EAAE;QAC5C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;OAC5C;MAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC/B,CAAC;IAEF,uBAAkB,GAAG,CAAC,KAAyE;MAC3F,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;MAEhC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,IAAI,CAAC,cAAc,EAAE,CAAC;MAC/C,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC7C,CAAC;;IA4FF,wBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAkC;MACvE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;QAAE,OAAO;MAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;MACjB,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;QAAE,OAAO;MACrC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;MACvC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;KAC3B,CAAC;IAEF,wBAAmB,GAAG,CAAC,KAAoB;MACvC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAO;MAC3C,MAAM,yBAAyB,GAAG;QAC9B,WAAW;QACX,SAAS;QACT,UAAU;QACV,QAAQ;QACR,MAAM;QACN,KAAK;QACL,QAAQ;QACR,KAAK;OACR,CAAC;MACF,IAAI,qBAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;OACzC;MACD,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,OAAO;MAC9E,IAAI,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;QAAE,IAAI,CAAC,eAAe,EAAE,CAAC;;MAG9D,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;QAAE,KAAK,CAAC,cAAc,EAAE,CAAC;MAE9C,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAChD,CAAC;IAMF,4BAAuB,GAAG,CAAC,KAAoB;MAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;MACtB,MAAM,UAAU,GAAG,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC;MACnD,MAAM,iBAAiB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;MAC5F,IAAI,iBAAiB;QAAE,KAAK,CAAC,eAAe,EAAE,CAAC;MAC/C,IAAI,UAAU,EAAE;QACZ,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,CAAC;OAC7C;KACJ,CAAC;IAEF,sBAAiB,GAAG,OAAO,KAAiB;MACxC,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,IAAI,qBAAqB,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;OACzC;MACD,IAAI,CAAC,cAAc,EAAE,CAAC;MACtB,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB,CAAC;IAEF,sBAAiB,GAAG,CAAC,KAAoD;MACrE,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MACtC,MAAM,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;MAEtC,IAAI,gBAAgB;QAAE,IAAI,CAAC,UAAU,EAAE,CAAC;MACxC,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,IAAI,CAAC,gCAAgC,EAAE,CAAC;MAExD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;MAC7B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;MAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;KAC1C,CAAC;IAEF,sBAAiB,GAAG;MAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC5B,CAAC;IAEF,qBAAgB,GAAG;MACf,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC7B,CAAC;IAEF,uBAAkB,GAAG,CAAC,KAAY;MAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B,CAAC;IAEF,qBAAgB,GAAG,CAAC,KAAkB;MAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAmC,CAAC;MACzD,IAAI,MAAM,CAAC,SAAS,KAAK,iBAAiB;QAAE,OAAO;MACnD,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO;MACvB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB,CAAC;IAEF,yBAAoB,GAAG,CAAC,KAAiB;MACrC,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,IAAI,CAAC,cAAc,EAAE,CAAC;KACzB,CAAC;;;;2BA7iBmD,EAAE;oBACV,KAAK;oBACL,KAAK;;qBAEtB,GAAG,CAAC,iCAAiC,CAAC;;oBAErB,KAAK;mBACxB,CAAC;;sBAEoB,KAAK;4BACC,KAAK;oBACb,KAAK;;iBAEzB,CAAC,EAAC,MAAA,MAAM,CAAC,MAAM,0CAAE,eAAe,CAAA;;gBAOhC,KAAK;wBACG,KAAK;sBACR,EAAE;4BACK,KAAK;wBACT,KAAK;;4BAED,KAAK;qCACW,EAAE;;;EAUvD,iBAAiB;IACb,eAAe,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACtC,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;GACnE;EAED,gBAAgB;IACZ,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/D,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC1B,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAChC,UAAU,CAAC,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAC;GACpD;EAED,kBAAkB;IACd,UAAU,CAAC;MACP,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;MAC9C,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;KAClC,EAAE,EAAE,CAAC,CAAC;GACV;EAED,oBAAoB;;IAChB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;IACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;GAChC;;EAGD,IAAI,eAAe;;IACf,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;GACrE;EAED,IAAI,UAAU;;IACV,IAAI,CAAC,IAAI,CAAC,QAAQ;MAAE,OAAO,IAAI,CAAC;IAChC,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,mCAAI,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU;MAAE,OAAO,aAAa,GAAG,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC;;MAC9E,OAAO,aAAa,GAAG,CAAC,GAAG,IAAI,aAAa,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;GAClE;EAED,IAAI,gBAAgB;IAChB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAsB,yBAAyB,CAAC,CAAC;IACnG,IAAI,SAAS,GAAG,WAAW,IAAI,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC;;IAG9E,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,KAAK;MAAE,SAAS,GAAG,MAAM,CAAC;IAE1D,OAAO,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;GACxC;EAED,IAAI,eAAe;IACf,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,UAAU;MAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IACrE,IAAI,IAAI,CAAC,gBAAgB;MAAE,OAAO,EAAE,CAAC;IACrC,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mCAAmC,EAAE,GAAG,IAAI,CAAC,oCAAoC,EAAE,CAAC;GACnH;EAED,IAAI,mBAAmB;IACnB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAc,4BAA4B,CAAC,CAAC;GACpF;EAED,IAAI,kBAAkB;;IAClB,OAAO,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;GACjE;EAED,IAAI,0BAA0B;IAC1B,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;IACpC,OAAO,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,kBAAkB,CAAC,GAAG,IAAI,CAAC;GAC5G;EAED,IAAI,cAAc;IACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAsB,WAAW,CAAC,CAAC,CAAC;GAC1F;EAED,IAAI,cAAc;IACd,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,MAAM,OAAO,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;MAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1E,IAAI,IAAI,CAAC,YAAY;MAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAClD,IAAI,IAAI,CAAC,UAAU;MAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACnD,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GAC5B;;EAKD,8BAA8B;IAC1B,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAClD,IAAI,QAAQ,EAAE;MACV,IAAI,CAAC,yBAAyB,GAAG,CAAC,EAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA;UACpD,eAAe,CAAC,GAAG,CAAC,MAAM,KAAK,OAAO,MAAM,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC;UACxF,EAAE,CAAC;KACZ;SAAM;MACH,IAAI,CAAC,yBAAyB,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC;KAC7D;GACJ;EAGD,iBAAiB;IACb,eAAe,CAAC,IAAI,CAAC,CAAC;GACzB;EAGD,YAAY;IACR,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;GAC1B;EAGD,4BAA4B,CAAC,QAAQ,EAAE,QAAQ;IAC3C,IAAI,QAAQ,KAAK,QAAQ;MAAE,OAAO;IAClC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC;GAC1E;EAGD,WAAW,CAAC,MAAM;IACd,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;MAC3B,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;MAC7D,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,QAAQ,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,CAAA,KAAK,CAAC,CAAC;MAC5E,IAAI,MAAM,EAAE;QACR,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;OACxF;WAAM;QACH,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,mCAAmC,CAAC,CAAC;OAC5E;KACJ,CAAC,CAAC;GACN;;EAOD,cAAc;IACV,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACjC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,EAAE,CAAC;IACzB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,EAAE,CAAC;IACzB,eAAe,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;GAC1D;EAGD,MAAM,WAAW;IACb,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IACvC,IAAI,CAAC,cAAc,EAAE,CAAC;GACzB;EAGD,MAAM,YAAY;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IACxC,IAAI,CAAC,cAAc,EAAE,CAAC;GACzB;EAGD,MAAM,QAAQ,CAAC,MAAyB,EAAE,UAAsC,EAAE,YAAY,EAAE,IAAI,EAAE;IAClG,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;MACzB,MAAM,gBAAgB,EAAE,CAAC;KAC5B;IAED,SAAS,CAAC,OAAO,CAAC,KAAK;;MACnB,MAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK,EAAE,CAAC;KACvE,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC,YAAY,EAAE;MACtB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;MAC1B,MAAM,gBAAgB,EAAE,CAAC;KAC5B;GACJ;EAGD,aAAa,CAAC,KAAa;IACvB,IAAI,CAAC,IAAI,CAAC,UAAU;MAAE,OAAO;IAE7B,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,KAAK,EAAE,CAAC;IACxB,eAAe,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC;IAC9B,eAAe,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;GAC1D;;EAID,cAAc,CAAC,KAAoB;IAC/B,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;GACnC;EAGD,mBAAmB,CAAC,KAAgE;IAChF,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IAC3C,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ;MAAE,OAAO;IAC3E,IAAI,IAAI,CAAC,QAAQ,EAAE;MACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;MAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;KACvD;SAAM;MACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAChC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;KAC7B;GACJ;EAGD,kBAAkB,CAAC,KAAkB;IACjC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO;MAAE,OAAO;IAC9F,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;IACpC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;IACzD,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,OAAO,CAAC,MAAM;;MAClB,IAAI,KAAK,KAAK,EAAE,EAAE;QACd,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,OAAO;OACV;MAED,MAAM,KAAK,GACP,CAAA,MAAA,MAAM,CAAC,iBAAiB,0CAAE,OAAO,MAAK,SAAS;UACxC,MAAM,CAAC,iBAAuC,CAAC,KAAK;UACrD,IAAI,CAAC;MACf,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;MAChD,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;MACjD,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,cAAI,OAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,GAAG,QAAQ,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAA,EAAA,CAAC,CAAC;MAE9F,MAAM,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC;MACzB,IAAI,OAAO;QAAE,YAAY,EAAE,CAAC;KAC/B,CAAC,CAAC;IAEH,MAAM,sBAAsB,GAAG,KAAK;QAC9B,0CAA0C;QAC1C,kCAAkC,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK,GAAG,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IACpD,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;GAC/D;EAGD,aAAa,CAAC,KAAiB;IAC3B,MAAM,QAAQ,GAAG,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,GAAG,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/E,IAAI,gBAAgB,EAAE;MAClB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC/B;SAAM,IAAI,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;MACpD,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAc,cAAc,CAAC,CAAC,KAAK,EAAE,CAAC;KACjF;GACJ;EAGD,cAAc,CAAC,KAAiB;IAC5B,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,IAAI,aAAa;MAAE,IAAI,CAAC,aAAa,EAAE,CAAC;IACxC,IAAI,CAAC,gBAAgB,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC;GAC7D;EAGD,qBAAqB,CAAC,KAAkB;IACpC,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IAC1B,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;GAChD;;EAGD,MAAM,kBAAkB,CAAC,KAAiC;IACtD,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtD,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;GACvC;EAED,sBAAsB,CAAC,aAA0D;IAC7E,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,aAAa,CAAC;IAClD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;MAC5B,IAAI,CAAC,eAAe,GAAG,oBAAoB,CAAC;KAC/C;IAED,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;MACb,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK;MACnC,eAAe,EAAE,QAAQ,GAAG,oBAAoB,GAAG,SAAS;KAC/D,CAAC,CAAC;GACN;EAUD,UAAU;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAChB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,EAAE,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;GACtG;EAED,mCAAmC;;IAC/B,MAAM,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAClF,IAAI,CAAC,kBAAkB;MAAE,OAAO,EAAE,CAAC;IACnC,IAAI,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,OAAO;MAAE,OAAO,GAAG,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC;IACxF,IAAI,gBAAgB,IAAI,IAAI,CAAC,UAAU;MAAE,OAAO,IAAI,CAAC,UAAU,CAAC;IAChE,IAAI,gBAAgB;MAAE,OAAO,EAAE,CAAC;IAChC,QACI,MAAA,MAAA,MAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,WAAW,0CAAE,IAAI,EAAE,mCAAI,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,KAAK,mCAAI,kBAAkB,EAC5G;GACL;EAED,oCAAoC;;IAChC,MAAM,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAC9D,IAAI,gBAAgB,EAAE;MAClB,OAAO,CAAC,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,OAAO,KAAI,GAAG,CAAC,0BAA0B,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;KAC/G;SAAM;MACH,QACI,CAAC,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,OAAO,KAAI,GAAG,CAAC,0BAA0B,CAAC,OAAO,CAAC;SAC/E,MAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAA;QAC/C,IAAI,CAAC,KAAK;QACV,EAAE,EACJ;KACL;GACJ;EA0BD,gCAAgC;IAC5B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IAC3C,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;GACpB;EAED,aAAa;IACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAClB,IAAI,CAAC,eAAe,EAAE,CAAC;GAC1B;EAED,eAAe;IACX,IAAI,CAAC,IAAI,CAAC,UAAU;MAAE,OAAO;IAC7B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;GAClC;EAED,cAAc;IACV,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;MAAE,OAAO;IAE3C,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MAC/B,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;SAAM;MACH,IAAI,CAAC,gCAAgC,EAAE,CAAC;KAC3C;GACJ;EAED,UAAU;;IACN,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;GAC3D;EAGD,gBAAgB,CAAC,OAAO;IACpB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACtC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IACxB,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC;MACjC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;KAChC,EAAE,IAAI,CAAC,CAAC;GACZ;EAED,oBAAoB;IAChB,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAClD,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM;MAC9B,IAAI,QAAQ,EAAE;QACV,MAAM,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;OAC5D;WAAM;QACH,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;OAC5C;KACJ,CAAC,CAAC;GACN;EAED,oBAAoB;;IAChB,MAAA,IAAI,CAAC,mBAAmB,0CAAE,MAAM,EAAE,CAAC;GACtC;EAED,oBAAoB;IAChB,IAAI,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,GACtG,IAAI,CAAC;IACT,MAAM,UAAU,GAAG,CAAC,KAAK,IAAI,QAAQ,IAAI,EAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA,CAAC;IAClE,IAAI,gBAAgB,IAAI,CAAC,gBAAgB,IAAI,UAAU;MAAE,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAE5F,IAAI,CAAC,0BAA0B,IAAI,0BAA0B,CAAC,OAAO;MAAE,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC;;IAG1G,MAAM,cAAc,GAAG,0BAA0B,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;IACnG,cAAc,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAEzF,IAAI,SAAS,EAAE;MACX,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,KAAK,CAAC,GAAG,MAAM,GAAG,GAAG,SAAS,CAAC,YAAY,IAAI,CAAC;MACrF,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC;MACtE,IAAI,SAAS,CAAC,iBAAiB,CAAC,SAAS,KAAK,cAAc,CAAC,SAAS,EAAE;QACpE,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;OACvE;KACJ;SAAM;MACH,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC1C,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC;MACrC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;MACtC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAC3C;IACD,OAAO,SAAS,CAAC;GACpB;EAED,0BAA0B;IACtB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACrC,IAAI,CAAC,mBAAmB;MAAE,OAAO;IACjC,mBAAmB,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC;GACnF;EAmCD,qBAAqB,CAAC,KAAoB;IACtC,OAAO,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;GACzE;;EA8DD,mBAAmB;IACf,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;IACvD,IAAI,CAAC,kBAAkB;MAAE,OAAO;IAChC,IAAI,CAAC,0BAA0B,EAAE,CAAC;IAElC,QACI,YACI,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAC,gBAAgB,GACvB,EACJ;GACL;EAED,MAAM;IACF,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IAEtC,QACI,uBACI,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAE/B,wBACc,QAAQ,iBACN,MAAM,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,IAAI,IAET,IAAI,CAAC,aAAa,CACjB,EACN,gBACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAC5C,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;SACvC,IAAI,CAAC,OAAO,IAAI,CAAC,+BAA+B,CAAC,CAAC;QACnD,EAAE,EAEN,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS,EAC1C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,EAC5B,YAAY,EAAC,aAAa,EAC1B,YAAY,EAAC,SAAS,EACtB,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,YAAY,aACZ,gBAAgB,yBAExB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,IAEpD,IAAI,CAAC,mBAAmB,EAAE,CACpB,EACX,WACI,KAAK,EAAC,wBAAwB,EAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,EACnD,OAAO,EAAE,IAAI,CAAC,oBAAoB,IAElC,YAAM,IAAI,EAAC,mBAAmB,GAAG,CAC/B,EACL,IAAI,CAAC,eAAe,EAAE,CACT,EACpB;GACL;EAED,eAAe;IACX,QACI,kBACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,EACrC,cAAc,EAAE,IAAI,CAAC,eAAe,EACpC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,EAC/C,KAAK,UAEL,WACI,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAC,IAAI,IAEb,sBACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,aAAa,mBACD,IAAI,CAAC,YAAY,gBACpB,IAAI,CAAC,SAAS,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,IAAI,CAAC,yBAAyB,EAC/C,QAAQ,EAAE,IAAI,CAAC,kBAAkB,IAEjC,eAAQ,CACK,EAChB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,EAAE,CACvC,CACG,EACf;GACL;EAED,gBAAgB;;IACZ,MAAM,oBAAoB,GAAG,MAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,mCAAI,CAAC,CAAC;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC9B,QACI,WACI,KAAK,EAAC,qBAAqB,EAC3B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC,IAExC,oBACI,4BAAoB,GAAG,CAAC,2CAA2C,CAAC,IAC/D,GAAG,CAAC,2CAA2C,CAAC,CAC5C,EACT,eACI,aACI,KAAK,EAAC,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,CAAC,YAAY,gBACV,GAAG,CAAC,gDAAgD,CAAC,aACzD,kBAAkB,EAC1B,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,SAAS,EAAE,IAAI,CAAC,uBAAuB,GACzC,EACF,aAAO,OAAO,EAAC,KAAK,IAAE,GAAG,CAAC,uCAAuC,CAAC,CAAS,CACzE,EAEN,eACI,aACI,KAAK,EAAC,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,oBAAoB,KAAK,CAAC,EACpC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,UAAU,gBACJ,GAAG,CAAC,qDAAqD,EAAE;QACnE,oBAAoB;OACvB,CAAC,EACF,OAAO,EAAE,YAAY,aACb,uBAAuB,EAC/B,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,IAAI,CAAC,uBAAuB,GACzC,EACF,aAAO,OAAO,EAAC,UAAU,IACpB,GAAG,CAAC,4CAA4C,EAAE,CAAC,oBAAoB,CAAC,CAAC,CACtE,CACN,CACC,CACT,EACR;GACL;;;;;;;;;;;;;;","names":[],"sources":["./src/components/q2-select/styles.scss?tag=q2-select&encapsulation=shadow","./src/components/q2-select/index.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n@import '../../styles/dropdowns';\n\n:host {\n --comp-select-margin: #{var-list(\n --tct-select-margin,\n unquote(\n '#{var-list(var-prefixer(select-margin-top), --app-scale-4, 30px)} 0 #{var-list(var-prefixer(select-margin-bottom), --app-scale-4, 30px)}'\n )\n )};\n display: block;\n margin: var(--comp-select-margin);\n}\n\n.q2-select-container {\n position: relative;\n display: block;\n}\n\n.q2-select-input {\n margin: 0;\n\n --tct-input-min-height: #{var-list(var-prefixer(select-input-min-height))};\n --tct-input-max-height: #{var-list(var-prefixer(select-input-max-height), none)};\n}\n\n::slotted([slot='_selected-display']) {\n width: 100%;\n min-height: var(--comp-selected-display-height, 44px);\n}\n\n.custom-display-content {\n position: absolute;\n bottom: 0;\n left: calc(var-list(--tct-scale-2, --app-scale-2x, 10px) + 1px);\n height: 44px;\n width: calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n overflow: hidden;\n cursor: pointer;\n transition: left var-list(--tct-tween-2, --app-tween-1, unquote('0.2s ease'));\n}\n\n.custom-display-content:not([hidden]) {\n display: flex;\n align-items: center;\n}\n\n.is-searchable.is-focused .custom-display-content,\n.is-searchable .custom-display-content:active {\n left: calc(var-list(--tct-scale-3, --app-scale-3x, 15px) + 1px);\n}\n\n.has-error .custom-display-content {\n width: calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n}\n\n.popover-content {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.multi-select-header {\n padding: var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));\n position: sticky;\n top: 0;\n z-index: 5;\n background: var(--app-white);\n display: flex;\n gap: var-list(--app-scale-2x, 10px);\n align-items: center;\n\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n display: flex;\n gap: var-list(--app-scale-2x, 10px);\n }\n\n legend {\n padding: 0;\n float: left;\n }\n\n label {\n cursor: pointer;\n padding: var-list(\n var-prefixer(select-multi-select-option-padding),\n var-prefixer(btn-badge-padding),\n unquote('2px 5px')\n );\n font-size: var-list(\n var-prefixer(select-multi-select-option-font-size),\n var-prefixer(btn-badge-font-size),\n inherit\n );\n border-radius: var-list(\n var-prefixer(select-multi-select-option-radius),\n var-prefixer(btn-badge-border-radius),\n --app-border-radius-1,\n 3px\n );\n background: var-list(\n --tct-select-multi-select-option-background,\n var-prefixer(select-multi-select-option-bg),\n --tct-badge-background,\n var-prefixer(btn-badge-bg),\n transparent\n );\n color: var-list(var-prefixer(select-multi-select-option-color), var-prefixer(btn-badge-font-color), inherit);\n\n &:hover {\n background: var-list(\n --tct-select-multi-select-option-hover-background,\n var-prefixer(select-multi-select-option-hover-background-color),\n var-prefixer(btn-badge-hover-bg),\n var-prefixer(gray-14),\n --app-gray-l3,\n #f2f2f2\n );\n color: var-list(\n --tct-select-multi-select-option-hover-color,\n var-prefixer(select-multi-select-option-color),\n var-prefixer(btn-badge-hover-font-color),\n var-prefixer(gray-5),\n --app-gray-d2,\n #404040\n );\n }\n }\n\n input {\n &:checked + label {\n &,\n &:enabled:hover {\n background: var-list(\n --tct-select-multi-select-option-active-background,\n var-prefixer(select-multi-select-option-active-background-color),\n var-prefixer(btn-primary-bg),\n #2e2e2e\n );\n color: var-list(\n var-prefixer(select-multi-select-option-active-color),\n var-prefixer(btn-primary-font-color),\n --app-white,\n #ffffff\n );\n }\n }\n\n &:disabled + label {\n opacity: var-list(\n var-prefixer(select-multi-select-option-active-color),\n var-prefixer(btn-disabled-opacity),\n --app-disabled-opacity,\n 0.4\n );\n cursor: not-allowed;\n }\n\n &:focus + label {\n box-shadow: var(--const-double-focus-ring);\n }\n }\n}\n","import {\n Component,\n Prop,\n Element,\n h,\n Listen,\n State,\n EventEmitter,\n Event,\n ComponentInterface,\n Watch,\n Method,\n} from '@stencil/core';\nimport { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from 'src/components';\nimport {\n handleAriaLabel,\n isEventFromElement,\n isHostLosingFocus,\n isRelatedTargetWithinHost,\n loc,\n overrideFocus,\n waitForNextPaint,\n} from '../../utils';\nimport { IOptionValue } from '../q2-option-list';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({\n tag: 'q2-select',\n shadow: true,\n styleUrl: 'styles.scss',\n})\nexport class Q2Select implements ComponentInterface {\n @Prop({ reflect: true, mutable: true }) label: string;\n @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n @Prop({ mutable: true }) value: string;\n @Prop({ mutable: true }) selectedOptions: string[] = [];\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) readonly: boolean = false;\n @Prop({ reflect: true }) invalid: boolean;\n @Prop() listLabel: string = loc('tecton.element.select.listLabel');\n @Prop() errors: string[];\n @Prop({ reflect: true }) multiple: boolean = false;\n @Prop() minRows: number = 3;\n @Prop({ reflect: true }) popDirection: 'up' \| 'down';\n @Prop({ reflect: true }) searchable: boolean = false;\n @Prop({ reflect: true }) multilineOptions: boolean = false;\n @Prop({ reflect: true }) optional: boolean = false;\n @Prop({ reflect: true }) placeholder: string;\n @Prop() hoist: boolean = !!window.Tecton?.useActionSheets;\n\n /** @deprecated /\n @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n @Element() hostElement: HTMLElement;\n\n @State() open: boolean = false;\n @State() showSelected: boolean = false;\n @State() searchText: string = '';\n @State() hasCustomDisplay: boolean = false;\n @State() inputFocused: boolean = false;\n @State() statusMessage: string;\n @State() prioritizeSearch: boolean = false;\n @State() structuredSelectedOptions: IOptionValue[] = [];\n\n inputField?: HTMLQ2InputElement;\n optionList: HTMLQ2OptionListElement;\n popoverElement?: HTMLQ2PopoverElement;\n multiSelectHeader?: HTMLDivElement;\n scheduledAfterRender: (() => void)[] = [];\n mutationObserver: MutationObserver;\n\n /// Lifecycle Hooks ///\n componentWillLoad() {\n handleAriaLabel(this);\n this.buildStructuredSelectedOptions();\n this.handleMultilineOptionsUpdate(this.multilineOptions, false);\n }\n\n componentDidLoad() {\n const observer = new MutationObserver(this.onMutationObserved);\n observer.observe(this.hostElement, { childList: true, subtree: true });\n this.mutationObserver = observer;\n this.onMutationObserved();\n overrideFocus(this.hostElement);\n setTimeout(() => this.checkSelectedDisplay(), 0);\n }\n\n componentDidRender() {\n setTimeout(() => {\n this.scheduledAfterRender.forEach(fn => fn());\n this.scheduledAfterRender = [];\n }, 25);\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n this.mutationObserver = null;\n }\n\n /// Getters ///\n get innerInputField(): HTMLInputElement \| HTMLButtonElement {\n return this.inputField?.shadowRoot?.querySelector('.input-field');\n }\n\n get badgeValue(): string {\n if (!this.multiple) return null;\n const optionsLength = this.selectedOptions?.length ?? 0;\n if (this.open && this.searchable) return optionsLength ? `${optionsLength}` : null;\n else return optionsLength > 1 ? `+${optionsLength - 1}` : null;\n }\n\n get popoverMinHeight() {\n const { minRows } = this;\n const firstOption = this.hostElement.querySelector<HTMLQ2OptionElement>('q2-option:not([hidden])');\n let minHeight = firstOption && window.getComputedStyle(firstOption).minHeight;\n\n // Safari doesn't return a min-height for non-visible items\n if (!minHeight \|\| minHeight === '0px') minHeight = '44px';\n\n return minRows parseInt(minHeight);\n }\n\n get selectedDisplay() {\n if (this.prioritizeSearch \|\| this.searchText) return this.searchText;\n if (this.hasCustomDisplay) return '';\n return this.multiple ? this.calculateMultiSelectSelectedDisplay() : this.calculateSingleSelectSelectedDisplay();\n }\n\n get selectedDisplaySlot() {\n return this.hostElement.querySelector<HTMLElement>('[slot=\"_selected-display\"]');\n }\n\n get firstSelectedValue() {\n return this.multiple ? this.selectedOptions?.[0] : this.value;\n }\n\n get firstSelectedOptionElement() {\n const { firstSelectedValue } = this;\n return firstSelectedValue ? this.optionElements.find(({ value }) => value === firstSelectedValue) : null;\n }\n\n get optionElements() {\n return Array.from(this.hostElement.querySelectorAll<HTMLQ2OptionElement>('q2-option'));\n }\n\n get wrapperClasses() {\n const { errors } = this;\n const classes = ['q2-select-container'];\n if (Array.isArray(errors) && errors.length > 0) classes.push('has-error');\n if (this.inputFocused) classes.push('is-focused');\n if (this.searchable) classes.push('is-searchable');\n return classes.join(' ');\n }\n\n /// Watchers ///\n @Watch('value')\n @Watch('selectedOptions')\n buildStructuredSelectedOptions() {\n const { multiple, selectedOptions, value } = this;\n if (multiple) {\n this.structuredSelectedOptions = !!selectedOptions?.length\n ? selectedOptions.map(option => (typeof option === 'string' ? { value: option } : option))\n : [];\n } else {\n this.structuredSelectedOptions = value ? [{ value }] : [];\n }\n }\n\n @Watch('ariaLabel')\n ariaLabelObserver() {\n handleAriaLabel(this);\n }\n\n @Watch('value')\n valueUpdated() {\n if (this.multiple) return;\n this.clearSearchText();\n }\n\n @Watch('multilineOptions')\n handleMultilineOptionsUpdate(newValue, oldValue) {\n if (newValue === oldValue) return;\n this.optionElements.forEach(element => (element.multiline = newValue));\n }\n\n @Watch('open')\n openChanged(isOpen) {\n this.scheduledAfterRender.push(() => {\n const { multiple, multiSelectHeader, popoverElement } = this;\n const height = (isOpen && multiple && multiSelectHeader?.offsetHeight) \|\| 0;\n if (height) {\n popoverElement.style.setProperty('--comp-multi-select-header-height', `${height}px`);\n } else {\n popoverElement.style.removeProperty('--comp-multi-select-header-height');\n }\n });\n }\n\n /// Events ///\n @Event() change: EventEmitter<{ value: string; selectedOptions: string[] }>;\n @Event() input: EventEmitter;\n\n /// Methods ///\n _togglePopover() {\n const { innerInputField } = this;\n innerInputField?.click();\n innerInputField?.focus();\n innerInputField.dispatchEvent(new FocusEvent('focus'));\n }\n\n @Method()\n async openPopover() {\n if (this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n @Method()\n async closePopover() {\n if (!this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n @Method()\n async setValue(values: string \| string[], options: { closePopover?: boolean } = { closePopover: true }) {\n const valuesSet = new Set(Array.isArray(values) ? values : [values]);\n if (!this.open) {\n await this.openPopover();\n await waitForNextPaint();\n }\n\n valuesSet.forEach(value => {\n this.optionElements.find(option => option.value === value)?.click();\n });\n\n if (options.closePopover) {\n await this.closePopover();\n await waitForNextPaint();\n }\n }\n\n @Method()\n searchOptions(query: string) {\n if (!this.searchable) return;\n\n const { innerInputField } = this;\n innerInputField.focus();\n innerInputField.dispatchEvent(new FocusEvent('focus'));\n innerInputField.value = query;\n innerInputField.dispatchEvent(new InputEvent('input'));\n }\n\n /// Listeners ///\n @Listen('keydown')\n keydownHandler(event: KeyboardEvent) {\n this.inputKeydownHandler(event);\n }\n\n @Listen('change')\n onHostElementChange(event: CustomEvent<{ value: string; selectedOptions: string[] }>) {\n if (this.readonly \|\| this.disabled) return;\n if (event.target !== this.hostElement \|\| this.hostElement.onchange) return;\n if (this.multiple) {\n this.value = null;\n this.selectedOptions = event.detail.selectedOptions;\n } else {\n this.value = event.detail.value;\n this.selectedOptions = [];\n }\n }\n\n @Listen('input')\n onHostElementInput(event: CustomEvent) {\n if (!this.searchable \|\| event.target !== this.hostElement \|\| this.hostElement.oninput) return;\n const options = this.optionElements;\n const query = this.searchText.trim().toLocaleLowerCase();\n let matchedCount = 0;\n options.forEach(option => {\n if (query === '') {\n option.hidden = false;\n return;\n }\n\n const title =\n option.firstElementChild?.tagName === 'Q2-CARD'\n ? (option.firstElementChild as HTMLQ2CardElement).title\n : null;\n const { display = '', innerText = '' } = option;\n const searchParams = [display, title, innerText];\n const matched = searchParams.some(text => text?.toLocaleLowerCase().includes(query) ?? false);\n\n option.hidden = !matched;\n if (matched) matchedCount++;\n });\n\n const statusMessageLocString = query\n ? 'tecton.element.select.searchable.results'\n : 'tecton.element.select.allOptions';\n const count = query ? matchedCount : options.length;\n this.setStatusMessage(loc(statusMessageLocString, [count]));\n }\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n const fromHost = isRelatedTargetWithinHost(event, this.hostElement);\n const prioritizeSearch = (this.prioritizeSearch = fromHost && this.searchable);\n if (prioritizeSearch) {\n this.clearSelectedDisplay();\n } else if (isEventFromElement(event, this.hostElement)) {\n this.inputField.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n }\n }\n\n @Listen('focusout')\n handleFocusout(event: FocusEvent) {\n const isLeavingHost = isHostLosingFocus(event, this.hostElement);\n if (isLeavingHost) this.closeDropdown();\n this.prioritizeSearch = !isLeavingHost && this.searchable;\n }\n\n @Listen('displayChanged')\n handleSelectedDisplay(event: CustomEvent) {\n if (this.multiple) return;\n this.inputField.value = event.detail.display;\n }\n\n /// Helpers ///\n async executeActionSheet(event: MouseEvent \| KeyboardEvent) {\n const result = await showActionSheetList(this, event);\n this.handleSelectionChanges(result);\n }\n\n handleSelectionChanges(changeDetails: { value?: string; values?: IOptionValue[] }) {\n const { value = '', values = [] } = changeDetails;\n const selectedOptionValues = values.map(value => value.value);\n const { multiple } = this;\n if (!this.hostElement.onchange) {\n this.selectedOptions = selectedOptionValues;\n }\n\n this.change.emit({\n value: multiple ? undefined : value,\n selectedOptions: multiple ? selectedOptionValues : undefined,\n });\n }\n\n showSelectedOptions = () => {\n this.showSelected = true;\n };\n\n showAllOptions = () => {\n this.showSelected = false;\n };\n\n clearValue() {\n const { multiple } = this;\n this.value = '';\n this.selectedOptions = [];\n this.change.emit({ value: multiple ? undefined : '', selectedOptions: multiple ? [] : undefined });\n }\n\n calculateMultiSelectSelectedDisplay() {\n const { firstSelectedOptionElement, firstSelectedValue, multilineOptions } = this;\n if (!firstSelectedValue) return '';\n if (firstSelectedOptionElement?.display) return loc(firstSelectedOptionElement.display);\n if (multilineOptions && this.searchable) return this.searchText;\n if (multilineOptions) return '';\n return (\n firstSelectedOptionElement?.textContent?.trim() ?? firstSelectedOptionElement?.value ?? firstSelectedValue\n );\n }\n\n calculateSingleSelectSelectedDisplay() {\n const { firstSelectedOptionElement, multilineOptions } = this;\n if (multilineOptions) {\n return (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) \|\| this.value \|\| '';\n } else {\n return (\n (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) \|\|\n firstSelectedOptionElement?.textContent?.trim() \|\|\n this.value \|\|\n ''\n );\n }\n }\n\n onMutationObserved = () => {\n const slotContainer = this.hostElement.querySelector('.custom-display-content');\n const displaySlot = this.hostElement.shadowRoot.querySelector<HTMLSlotElement>(\n 'slot[name=\"q2-select-display\"]'\n );\n const hasCustomDisplay = !!displaySlot\n ? displaySlot.assignedNodes().length > 0\n : slotContainer.children.length > 0;\n\n if (this.hasCustomDisplay !== hasCustomDisplay) {\n this.hasCustomDisplay = hasCustomDisplay;\n }\n\n this.checkSelectedOptions();\n };\n\n onOptionListChange = (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => {\n event.stopPropagation();\n const { values } = event.detail;\n\n if (values.length === 0) this.showAllOptions();\n this.handleSelectionChanges(event.detail);\n };\n\n openDropdownWithoutActiveElement() {\n if (this.readonly \|\| this.disabled) return;\n this.optionList.setActiveElement(null);\n this.open = true;\n }\n\n closeDropdown() {\n this.open = false;\n this.clearSearchText();\n }\n\n clearSearchText() {\n if (!this.searchText) return;\n this.searchText = '';\n this.input.emit({ query: '' });\n }\n\n toggleDropdown() {\n if (this.readonly \|\| this.disabled) return;\n\n if (this.open && !this.searchText) {\n this.closeDropdown();\n } else {\n this.openDropdownWithoutActiveElement();\n }\n }\n\n focusInput() {\n this.inputField?.dispatchEvent(new FocusEvent('focus'));\n }\n\n statusMessageTimer: NodeJS.Timeout;\n setStatusMessage(message) {\n clearTimeout(this.statusMessageTimer);\n this.statusMessage = '';\n this.statusMessageTimer = setTimeout(() => {\n this.statusMessage = message;\n }, 1000);\n }\n\n checkSelectedOptions() {\n const { multiple, selectedOptions, value } = this;\n this.optionElements.forEach(option => {\n if (multiple) {\n option.selected = selectedOptions.includes(option.value);\n } else {\n option.selected = option.value === value;\n }\n });\n }\n\n clearSelectedDisplay() {\n this.selectedDisplaySlot?.remove();\n }\n\n checkSelectedDisplay() {\n let namedSlot = this.selectedDisplaySlot;\n const { value, multiple, selectedOptions, multilineOptions, firstSelectedOptionElement, prioritizeSearch } =\n this;\n const hasNoValue = !value && multiple && !selectedOptions?.length;\n if (prioritizeSearch \|\| !multilineOptions \|\| hasNoValue) return this.clearSelectedDisplay();\n\n if (!firstSelectedOptionElement \|\| firstSelectedOptionElement.display) return this.clearSelectedDisplay();\n\n // Clone selected option and remove elements with hide-on-select attribute\n const selectionClone = firstSelectedOptionElement.firstElementChild.cloneNode(true) as HTMLElement;\n selectionClone.querySelectorAll('[hide-on-select]').forEach(element => element.remove());\n\n if (namedSlot) {\n const height = namedSlot.clientHeight === 0 ? 'auto' : `${namedSlot.clientHeight}px`;\n namedSlot.style.setProperty('--comp-selected-display-height', height);\n if (namedSlot.firstElementChild.outerHTML !== selectionClone.outerHTML) {\n namedSlot.replaceChild(selectionClone, namedSlot.firstElementChild);\n }\n } else {\n namedSlot = document.createElement('div');\n namedSlot.slot = '_selected-display';\n namedSlot.appendChild(selectionClone);\n this.hostElement.appendChild(namedSlot);\n }\n return namedSlot;\n }\n\n checkSelectedDisplayHeight() {\n const { selectedDisplaySlot } = this;\n if (!selectedDisplaySlot) return;\n selectedDisplaySlot.style.setProperty('--comp-selected-display-height', '44px');\n }\n\n /// Event handlers ///\n popoverStateChanged = ({ detail: { open } }: CustomEvent<{ open: boolean }>) => {\n if (this.open === open) return;\n this.open = open;\n if (open && !this.searchText) return;\n this.optionList.setActiveElement(null);\n this.inputField.focus();\n };\n\n inputKeydownHandler = (event: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n const keysForOptionListToHandle = [\n 'ArrowDown',\n 'ArrowUp',\n 'PageDown',\n 'PageUp',\n 'Home',\n 'End',\n 'Escape',\n 'Tab',\n ];\n if (shouldShowActionSheet(this, event)) {\n return this.executeActionSheet(event);\n }\n if (this.searchable && !keysForOptionListToHandle.includes(event.key)) return;\n if (this.shouldClearSearchText(event)) this.clearSearchText();\n\n // Prevent click event from firing when spacebar is pressed\n if (event.key === ' ') event.preventDefault();\n\n this.optionList.handleExternalKeydown(event);\n };\n\n shouldClearSearchText(event: KeyboardEvent) {\n return this.searchable && !!this.searchText && event.key === 'Escape';\n }\n\n visibilityToggleKeyDown = (event: KeyboardEvent) => {\n const key = event.key;\n const isShiftTab = key === 'Tab' && event.shiftKey;\n const isRadioControlKey = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(key);\n if (isRadioControlKey) event.stopPropagation();\n if (isShiftTab) {\n event.stopPropagation();\n this.optionList.setDefaultActiveElement();\n }\n };\n\n inputClickHandler = async (event: MouseEvent) => {\n event.stopPropagation();\n if (shouldShowActionSheet(this)) {\n return this.executeActionSheet(event);\n }\n this.toggleDropdown();\n this.focusInput();\n };\n\n inputInputHandler = (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n event.stopPropagation();\n const eventValue = event.detail.value;\n const shouldClearValue = !!this.value;\n\n if (shouldClearValue) this.clearValue();\n if (!this.open) this.openDropdownWithoutActiveElement();\n\n this.prioritizeSearch = true;\n this.searchText = eventValue;\n this.input.emit({ query: eventValue });\n };\n\n inputFocusHandler = () => {\n this.inputFocused = true;\n };\n\n inputBlurHandler = () => {\n this.inputFocused = false;\n };\n\n inputChangeHandler = (event: Event) => {\n event.stopPropagation();\n };\n\n clickedElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName !== 'click-elsewhere') return;\n event.stopPropagation();\n if (!this.open) return;\n this.closeDropdown();\n };\n\n onCustomDisplayClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.focusInput();\n this.toggleDropdown();\n };\n\n /// DOM ///\n renderCustomDisplay() {\n const hasSelectedDisplay = this.checkSelectedDisplay();\n if (!hasSelectedDisplay) return;\n this.checkSelectedDisplayHeight();\n\n return (\n <slot\n name=\"_selected-display\"\n slot=\"custom-display\"\n />\n );\n }\n\n render() {\n const showAsPseudo = !this.searchable;\n\n return (\n <click-elsewhere\n class={this.wrapperClasses}\n onChange={this.clickedElsewhere}\n >\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n role=\"status\"\n class=\"sr\"\n >\n {this.statusMessage}\n </div>\n <q2-input\n ref={el => (this.inputField = el)}\n class=\"q2-select-input\"\n label={(this.label && loc(this.label)) \|\| ''}\n value={this.selectedDisplay}\n errors={\n (Array.isArray(this.errors) &&\n this.errors.length > 0 &&\n this.errors.map(error => loc(error))) \|\|\n (this.invalid && ['tecton.element.select.invalid']) \|\|\n []\n }\n disabled={this.disabled}\n optional={this.optional}\n readonly={this.readonly}\n placeholder={this.placeholder \|\| undefined}\n hideLabel={this.hideLabel}\n ariaExpanded={`${this.open}`}\n ariaControls=\"option-list\"\n ariaHaspopup=\"listbox\"\n role=\"combobox\"\n pseudo={showAsPseudo}\n test-id=\"toggleDropdown\"\n hide-messages\n iconRight=\"chevron-down\"\n onClick={this.inputClickHandler}\n onInput={this.inputInputHandler}\n onKeyDown={this.inputKeydownHandler}\n onFocus={this.inputFocusHandler}\n onBlur={this.inputBlurHandler}\n onChange={this.inputChangeHandler}\n badgeValue={this.badgeValue}\n badgeTheme={this.inputFocused ? 'primary' : undefined}\n >\n {this.renderCustomDisplay()}\n </q2-input>\n <div\n class=\"custom-display-content\"\n hidden={!this.hasCustomDisplay \|\| !!this.searchText}\n onClick={this.onCustomDisplayClick}\n >\n <slot name=\"q2-select-display\" />\n </div>\n {this.optionsDropdown()}\n </click-elsewhere>\n );\n }\n\n optionsDropdown() {\n return (\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.innerInputField}\n open={this.open}\n minHeight={this.popoverMinHeight}\n direction={this.popDirection}\n onPopoverStateChanged={this.popoverStateChanged}\n block\n >\n <div\n class=\"popover-content\"\n tabindex=\"-1\"\n >\n <q2-option-list\n ref={el => (this.optionList = el)}\n type=\"listbox\"\n id=\"option-list\"\n show-selected={this.showSelected}\n aria-label={this.listLabel}\n multiple={this.multiple}\n selectedOptions={this.structuredSelectedOptions}\n onChange={this.onOptionListChange}\n >\n <slot />\n </q2-option-list>\n {this.multiple && this.visibilityToggle()}\n </div>\n </q2-popover>\n );\n }\n\n visibilityToggle() {\n const selectedOptionsCount = this.selectedOptions?.length ?? 0;\n const { showSelected } = this;\n return (\n <div\n class=\"multi-select-header\"\n ref={el => (this.multiSelectHeader = el)}\n >\n <fieldset>\n <legend aria-label={loc('tecton.element.select.multiHeader.showing')}>\n {loc('tecton.element.select.multiHeader.showing')}\n </legend>\n <div>\n <input\n class=\"sr\"\n type=\"radio\"\n id=\"all\"\n name=\"viewDisplay\"\n value=\"all\"\n checked={!showSelected}\n aria-label={loc('tecton.element.select.multiHeader.allAriaLabel')}\n test-id=\"allOptionsButton\"\n onClick={this.showAllOptions}\n onKeyDown={this.visibilityToggleKeyDown}\n />\n <label htmlFor=\"all\">{loc('tecton.element.select.multiHeader.all')}</label>\n </div>\n\n <div>\n <input\n class=\"sr\"\n type=\"radio\"\n id=\"selected\"\n disabled={selectedOptionsCount === 0}\n name=\"viewDisplay\"\n value=\"selected\"\n aria-label={loc('tecton.element.select.multiHeader.selectedAriaLabel', [\n selectedOptionsCount,\n ])}\n checked={showSelected}\n test-id=\"selectedOptionsButton\"\n onClick={this.showSelectedOptions}\n onKeyDown={this.visibilityToggleKeyDown}\n />\n <label htmlFor=\"selected\">\n {loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount])}\n </label>\n </div>\n </fieldset>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"q2-select.entry.js","mappings":"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","names":[],"sources":["./src/components/q2-select/styles.scss?tag=q2-select&encapsulation=shadow","./src/components/q2-select/index.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n@import '../../styles/dropdowns';\n\n:host {\n --comp-select-margin: #{var-list(\n --tct-select-margin,\n unquote(\n '#{var-list(var-prefixer(select-margin-top), --app-scale-4, 30px)} 0 #{var-list(var-prefixer(select-margin-bottom), --app-scale-4, 30px)}'\n )\n )};\n display: block;\n margin: var(--comp-select-margin);\n}\n\n.q2-select-container {\n position: relative;\n display: block;\n}\n\n.q2-select-input {\n margin: 0;\n\n --tct-input-min-height: #{var-list(var-prefixer(select-input-min-height))};\n --tct-input-max-height: #{var-list(var-prefixer(select-input-max-height), none)};\n}\n\n::slotted([slot='_selected-display']) {\n width: 100%;\n min-height: var(--comp-selected-display-height, 44px);\n}\n\n.custom-display-content {\n position: absolute;\n bottom: 0;\n left: calc(var-list(--tct-scale-2, --app-scale-2x, 10px) + 1px);\n height: 44px;\n width: calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n overflow: hidden;\n cursor: pointer;\n transition: left var-list(--tct-tween-2, --app-tween-1, unquote('0.2s ease'));\n}\n\n.custom-display-content:not([hidden]) {\n display: flex;\n align-items: center;\n}\n\n.is-searchable.is-focused .custom-display-content,\n.is-searchable .custom-display-content:active {\n left: calc(var-list(--tct-scale-3, --app-scale-3x, 15px) + 1px);\n}\n\n.has-error .custom-display-content {\n width: calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n}\n\n.popover-content {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.popover-bottom-container {\n position: sticky;\n bottom: 0;\n z-index: 5;\n}\n\n.popover-top-container {\n position: sticky;\n top: 0;\n z-index: 5;\n .multi-select-header {\n padding: var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));\n background: var(--app-white);\n display: flex;\n gap: var-list(--app-scale-2x, 10px);\n align-items: center;\n\n fieldset {\n margin: 0;\n padding: 0;\n border: 0;\n display: flex;\n gap: var-list(--app-scale-2x, 10px);\n }\n\n legend {\n padding: 0;\n float: left;\n }\n\n label {\n cursor: pointer;\n padding: var-list(\n var-prefixer(select-multi-select-option-padding),\n var-prefixer(btn-badge-padding),\n unquote('2px 5px')\n );\n font-size: var-list(\n var-prefixer(select-multi-select-option-font-size),\n var-prefixer(btn-badge-font-size),\n inherit\n );\n border-radius: var-list(\n var-prefixer(select-multi-select-option-radius),\n var-prefixer(btn-badge-border-radius),\n --app-border-radius-1,\n 3px\n );\n background: var-list(\n --tct-select-multi-select-option-background,\n var-prefixer(select-multi-select-option-bg),\n --tct-badge-background,\n var-prefixer(btn-badge-bg),\n transparent\n );\n color: var-list(\n var-prefixer(select-multi-select-option-color),\n var-prefixer(btn-badge-font-color),\n inherit\n );\n\n &:hover {\n background: var-list(\n --tct-select-multi-select-option-hover-background,\n var-prefixer(select-multi-select-option-hover-background-color),\n var-prefixer(btn-badge-hover-bg),\n var-prefixer(gray-14),\n --app-gray-l3,\n #f2f2f2\n );\n color: var-list(\n --tct-select-multi-select-option-hover-color,\n var-prefixer(select-multi-select-option-color),\n var-prefixer(btn-badge-hover-font-color),\n var-prefixer(gray-5),\n --app-gray-d2,\n #404040\n );\n }\n }\n\n input {\n &:checked + label {\n &,\n &:enabled:hover {\n background: var-list(\n --tct-select-multi-select-option-active-background,\n var-prefixer(select-multi-select-option-active-background-color),\n var-prefixer(btn-primary-bg),\n #2e2e2e\n );\n color: var-list(\n var-prefixer(select-multi-select-option-active-color),\n var-prefixer(btn-primary-font-color),\n --app-white,\n #ffffff\n );\n }\n }\n\n &:disabled + label {\n opacity: var-list(\n var-prefixer(select-multi-select-option-active-color),\n var-prefixer(btn-disabled-opacity),\n --app-disabled-opacity,\n 0.4\n );\n cursor: not-allowed;\n }\n\n &:focus + label {\n box-shadow: var(--const-double-focus-ring);\n }\n }\n }\n}\n","import {\n Component,\n Prop,\n Element,\n h,\n Listen,\n State,\n EventEmitter,\n Event,\n ComponentInterface,\n Watch,\n Method,\n} from '@stencil/core';\nimport { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from 'src/components';\nimport {\n handleAriaLabel,\n isEventFromElement,\n isHostLosingFocus,\n isRelatedTargetWithinHost,\n loc,\n overrideFocus,\n waitForNextPaint,\n} from '../../utils';\nimport { IOptionValue } from '../q2-option-list';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({\n tag: 'q2-select',\n shadow: true,\n styleUrl: 'styles.scss',\n})\nexport class Q2Select implements ComponentInterface {\n @Prop({ reflect: true, mutable: true }) label: string;\n @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n @Prop({ mutable: true }) value: string;\n @Prop({ mutable: true }) selectedOptions: string[] = [];\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) readonly: boolean = false;\n @Prop({ reflect: true }) invalid: boolean;\n @Prop() listLabel: string = loc('tecton.element.select.listLabel');\n @Prop() errors: string[];\n @Prop({ reflect: true }) multiple: boolean = false;\n @Prop() minRows: number = 3;\n @Prop({ reflect: true }) popDirection: 'up' \| 'down';\n @Prop({ reflect: true }) searchable: boolean = false;\n @Prop({ reflect: true }) multilineOptions: boolean = false;\n @Prop({ reflect: true }) optional: boolean = false;\n @Prop({ reflect: true }) placeholder: string;\n @Prop() hoist: boolean = !!window.Tecton?.useActionSheets;\n\n /** @deprecated /\n @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n @Element() hostElement: HTMLElement;\n\n @State() open: boolean = false;\n @State() showSelected: boolean = false;\n @State() searchText: string = '';\n @State() hasCustomDisplay: boolean = false;\n @State() hasPopoverTop: boolean = false;\n @State() hasPopoverBottom: boolean = false;\n @State() inputFocused: boolean = false;\n @State() statusMessage: string;\n @State() prioritizeSearch: boolean = false;\n @State() structuredSelectedOptions: IOptionValue[] = [];\n\n inputField?: HTMLQ2InputElement;\n optionList: HTMLQ2OptionListElement;\n popoverElement?: HTMLQ2PopoverElement;\n popoverTopContainer?: HTMLDivElement;\n scheduledAfterRender: (() => void)[] = [];\n mutationObserver: MutationObserver;\n\n /// Lifecycle Hooks ///\n componentWillLoad() {\n handleAriaLabel(this);\n this.buildStructuredSelectedOptions();\n this.handleMultilineOptionsUpdate(this.multilineOptions, false);\n }\n\n componentDidLoad() {\n const observer = new MutationObserver(this.onMutationObserved);\n observer.observe(this.hostElement, { childList: true, subtree: true });\n this.mutationObserver = observer;\n this.onMutationObserved();\n overrideFocus(this.hostElement);\n setTimeout(() => this.checkSelectedDisplay(), 0);\n }\n\n componentDidRender() {\n setTimeout(() => {\n this.scheduledAfterRender.forEach(fn => fn());\n this.scheduledAfterRender = [];\n }, 25);\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n this.mutationObserver = null;\n }\n\n /// Getters ///\n get innerInputField(): HTMLInputElement \| HTMLButtonElement {\n return this.inputField?.shadowRoot?.querySelector('.input-field');\n }\n\n get innerInputContainer(): HTMLElement {\n return this.inputField?.shadowRoot?.querySelector('.input-container');\n }\n\n get badgeValue(): string {\n if (!this.multiple) return null;\n const optionsLength = this.selectedOptions?.length ?? 0;\n if (this.open && this.searchable) return optionsLength ? `${optionsLength}` : null;\n else return optionsLength > 1 ? `+${optionsLength - 1}` : null;\n }\n\n get popoverMinHeight() {\n const { minRows } = this;\n const firstOption = this.hostElement.querySelector<HTMLQ2OptionElement>('q2-option:not([hidden])');\n let minHeight = firstOption && window.getComputedStyle(firstOption).minHeight;\n\n // Safari doesn't return a min-height for non-visible items\n if (!minHeight \|\| minHeight === '0px') minHeight = '44px';\n\n return minRows parseInt(minHeight);\n }\n\n get selectedDisplay() {\n if (this.prioritizeSearch \|\| this.searchText) return this.searchText;\n if (this.hasCustomDisplay) return '';\n return this.multiple ? this.calculateMultiSelectSelectedDisplay() : this.calculateSingleSelectSelectedDisplay();\n }\n\n get selectedDisplaySlot() {\n return this.hostElement.querySelector<HTMLElement>('[slot=\"_selected-display\"]');\n }\n\n get firstSelectedValue() {\n return this.multiple ? this.selectedOptions?.[0] : this.value;\n }\n\n get firstSelectedOptionElement() {\n const { firstSelectedValue } = this;\n return firstSelectedValue ? this.optionElements.find(({ value }) => value === firstSelectedValue) : null;\n }\n\n get optionElements() {\n return Array.from(this.hostElement.querySelectorAll<HTMLQ2OptionElement>('q2-option'));\n }\n\n get wrapperClasses() {\n const { errors } = this;\n const classes = ['q2-select-container'];\n if (Array.isArray(errors) && errors.length > 0) classes.push('has-error');\n if (this.inputFocused) classes.push('is-focused');\n if (this.searchable) classes.push('is-searchable');\n return classes.join(' ');\n }\n\n /// Watchers ///\n @Watch('value')\n @Watch('selectedOptions')\n buildStructuredSelectedOptions() {\n const { multiple, selectedOptions, value } = this;\n if (multiple) {\n this.structuredSelectedOptions = !!selectedOptions?.length\n ? selectedOptions.map(option => (typeof option === 'string' ? { value: option } : option))\n : [];\n } else {\n this.structuredSelectedOptions = value ? [{ value }] : [];\n }\n }\n\n @Watch('ariaLabel')\n ariaLabelObserver() {\n handleAriaLabel(this);\n }\n\n @Watch('value')\n valueUpdated() {\n if (this.multiple) return;\n this.clearSearchText();\n }\n\n @Watch('multilineOptions')\n handleMultilineOptionsUpdate(newValue, oldValue) {\n if (newValue === oldValue) return;\n this.optionElements.forEach(element => (element.multiline = newValue));\n }\n\n @Watch('open')\n openChanged(isOpen: boolean) {\n this.scheduledAfterRender.push(() => {\n const { popoverTopContainer, popoverElement } = this;\n const height = (isOpen && popoverTopContainer?.offsetHeight) \|\| 0;\n if (height) {\n popoverElement.style.setProperty('--comp-popover-top-container-height', `${height}px`);\n } else {\n popoverElement.style.removeProperty('--comp-popover-top-container-height');\n }\n });\n }\n\n /// Events ///\n @Event() change: EventEmitter<{ value: string; selectedOptions: string[] }>;\n @Event() input: EventEmitter;\n\n /// Methods ///\n _togglePopover() {\n const { innerInputField } = this;\n innerInputField?.click();\n innerInputField?.focus();\n innerInputField.dispatchEvent(new FocusEvent('focus'));\n }\n\n /*\n Emulates clicking the `<input>` to display the popover if it is hidden.\n \n @testOnly\n /\n @Method()\n async openPopover() {\n if (this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates clicking the `<input>` to hide the popover if it is visible.\n \n @testOnly\n /\n @Method()\n async closePopover() {\n if (!this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).\n \n If the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\n * after the option(s) are selected.\n \n @testOnly\n /\n @Method()\n async setValue(values: string \| string[], options: { closePopover?: boolean } = { closePopover: true }) {\n const valuesSet = new Set(Array.isArray(values) ? values : [values]);\n if (!this.open) {\n await this.openPopover();\n await waitForNextPaint();\n }\n\n valuesSet.forEach(value => {\n this.optionElements.find(option => option.value === value)?.click();\n });\n\n if (options.closePopover) {\n await this.closePopover();\n await waitForNextPaint();\n }\n }\n\n /\n Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n \n @warning\n * Only applicable when the input is searchable.\n \n @testOnly\n */\n @Method()\n searchOptions(query: string) {\n if (!this.searchable) return;\n\n const { innerInputField } = this;\n innerInputField.focus();\n innerInputField.dispatchEvent(new FocusEvent('focus'));\n innerInputField.value = query;\n innerInputField.dispatchEvent(new InputEvent('input'));\n }\n\n /// Listeners ///\n @Listen('keydown')\n keydownHandler(event: KeyboardEvent) {\n this.inputKeydownHandler(event);\n }\n\n @Listen('change')\n onHostElementChange(event: CustomEvent<{ value: string; selectedOptions: string[] }>) {\n if (this.readonly \|\| this.disabled) return;\n if (event.target !== this.hostElement \|\| this.hostElement.onchange) return;\n if (this.multiple) {\n this.value = null;\n this.selectedOptions = event.detail.selectedOptions;\n } else {\n this.value = event.detail.value;\n this.selectedOptions = [];\n }\n }\n\n @Listen('input')\n onHostElementInput(event: CustomEvent) {\n if (!this.searchable \|\| event.target !== this.hostElement \|\| this.hostElement.oninput) return;\n const options = this.optionElements;\n const query = this.searchText.trim().toLocaleLowerCase();\n let matchedCount = 0;\n options.forEach(option => {\n if (query === '') {\n option.hidden = false;\n return;\n }\n\n const title =\n option.firstElementChild?.tagName === 'Q2-CARD'\n ? (option.firstElementChild as HTMLQ2CardElement).title\n : null;\n const { display = '', innerText = '' } = option;\n const searchParams = [display, title, innerText];\n const matched = searchParams.some(text => text?.toLocaleLowerCase().includes(query) ?? false);\n\n option.hidden = !matched;\n if (matched) matchedCount++;\n });\n\n const statusMessageLocString = query\n ? 'tecton.element.select.searchable.results'\n : 'tecton.element.select.allOptions';\n const count = query ? matchedCount : options.length;\n this.setStatusMessage(loc(statusMessageLocString, [count]));\n }\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n const fromHost = isRelatedTargetWithinHost(event, this.hostElement);\n const prioritizeSearch = (this.prioritizeSearch = fromHost && this.searchable);\n if (prioritizeSearch) {\n this.clearSelectedDisplay();\n } else if (isEventFromElement(event, this.hostElement)) {\n this.inputField.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n }\n }\n\n @Listen('focusout')\n handleFocusout(event: FocusEvent) {\n const isLeavingHost = isHostLosingFocus(event, this.hostElement);\n if (isLeavingHost) this.closeDropdown();\n this.prioritizeSearch = !isLeavingHost && this.searchable;\n }\n\n @Listen('displayChanged')\n handleSelectedDisplay(event: CustomEvent) {\n if (this.multiple) return;\n this.inputField.value = event.detail.display;\n }\n\n /// Helpers ///\n async executeActionSheet(event: MouseEvent \| KeyboardEvent) {\n const result = await showActionSheetList(this, event);\n this.handleSelectionChanges(result);\n }\n\n handleSelectionChanges(changeDetails: { value?: string; values?: IOptionValue[] }) {\n const { value = '', values = [] } = changeDetails;\n const selectedOptionValues = values.map(value => value.value);\n const { multiple } = this;\n if (!this.hostElement.onchange) {\n this.selectedOptions = selectedOptionValues;\n }\n\n this.change.emit({\n value: multiple ? undefined : value,\n selectedOptions: multiple ? selectedOptionValues : undefined,\n });\n }\n\n showSelectedOptions = () => {\n this.showSelected = true;\n };\n\n showAllOptions = () => {\n this.showSelected = false;\n };\n\n clearValue() {\n const { multiple } = this;\n this.value = '';\n this.selectedOptions = [];\n this.change.emit({ value: multiple ? undefined : '', selectedOptions: multiple ? [] : undefined });\n }\n\n calculateMultiSelectSelectedDisplay() {\n const { firstSelectedOptionElement, firstSelectedValue, multilineOptions } = this;\n if (!firstSelectedValue) return '';\n if (firstSelectedOptionElement?.display) return loc(firstSelectedOptionElement.display);\n if (multilineOptions && this.searchable) return this.searchText;\n if (multilineOptions) return '';\n return (\n firstSelectedOptionElement?.textContent?.trim() ?? firstSelectedOptionElement?.value ?? firstSelectedValue\n );\n }\n\n calculateSingleSelectSelectedDisplay() {\n const { firstSelectedOptionElement, multilineOptions } = this;\n if (multilineOptions) {\n return (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) \|\| this.value \|\| '';\n } else {\n return (\n (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) \|\|\n firstSelectedOptionElement?.textContent?.trim() \|\|\n this.value \|\|\n ''\n );\n }\n }\n\n onMutationObserved = () => {\n const { hostElement, hasPopoverTop, hasPopoverBottom } = this;\n const slotContainer = hostElement.querySelector('.custom-display-content');\n const displaySlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"q2-select-display\"]');\n const hasCustomDisplay = !!displaySlot\n ? displaySlot.assignedNodes().length > 0\n : slotContainer.children.length > 0;\n\n if (this.hasCustomDisplay !== hasCustomDisplay) {\n this.hasCustomDisplay = hasCustomDisplay;\n }\n\n const popTopSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-top\"]');\n const topSlotHasNode = popTopSlot.assignedNodes().length > 0;\n if (hasPopoverTop !== topSlotHasNode) {\n this.hasPopoverTop = topSlotHasNode;\n }\n\n const popBottomSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-bottom\"]');\n const bottomSlotHasNode = popBottomSlot.assignedNodes().length > 0;\n if (hasPopoverBottom !== bottomSlotHasNode) {\n this.hasPopoverBottom = bottomSlotHasNode;\n }\n\n this.checkSelectedOptions();\n };\n\n onOptionListChange = (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => {\n event.stopPropagation();\n const { values } = event.detail;\n\n if (values.length === 0) this.showAllOptions();\n this.handleSelectionChanges(event.detail);\n };\n\n openDropdownWithoutActiveElement() {\n if (this.readonly \|\| this.disabled) return;\n this.optionList.setActiveElement(null);\n this.open = true;\n }\n\n closeDropdown() {\n this.open = false;\n this.clearSearchText();\n }\n\n clearSearchText() {\n if (!this.searchText) return;\n this.searchText = '';\n this.input.emit({ query: '' });\n }\n\n toggleDropdown() {\n if (this.readonly \|\| this.disabled) return;\n\n if (this.open && !this.searchText) {\n this.closeDropdown();\n } else {\n this.openDropdownWithoutActiveElement();\n }\n }\n\n focusInput() {\n this.inputField?.dispatchEvent(new FocusEvent('focus'));\n }\n\n statusMessageTimer: NodeJS.Timeout;\n setStatusMessage(message) {\n clearTimeout(this.statusMessageTimer);\n this.statusMessage = '';\n this.statusMessageTimer = setTimeout(() => {\n this.statusMessage = message;\n }, 1000);\n }\n\n checkSelectedOptions() {\n const { multiple, selectedOptions, value } = this;\n this.optionElements.forEach(option => {\n if (multiple) {\n option.selected = selectedOptions.includes(option.value);\n } else {\n option.selected = option.value === value;\n }\n });\n }\n\n clearSelectedDisplay() {\n this.selectedDisplaySlot?.remove();\n }\n\n checkSelectedDisplay() {\n let namedSlot = this.selectedDisplaySlot;\n const { value, multiple, selectedOptions, multilineOptions, firstSelectedOptionElement, prioritizeSearch } =\n this;\n const hasNoValue = !value && multiple && !selectedOptions?.length;\n if (prioritizeSearch \|\| !multilineOptions \|\| hasNoValue) return this.clearSelectedDisplay();\n\n if (!firstSelectedOptionElement \|\| firstSelectedOptionElement.display) return this.clearSelectedDisplay();\n\n // Clone selected option and remove elements with hide-on-select attribute\n const selectionClone = firstSelectedOptionElement.firstElementChild.cloneNode(true) as HTMLElement;\n selectionClone.querySelectorAll('[hide-on-select]').forEach(element => element.remove());\n\n if (namedSlot) {\n const height = namedSlot.clientHeight === 0 ? 'auto' : `${namedSlot.clientHeight}px`;\n namedSlot.style.setProperty('--comp-selected-display-height', height);\n if (namedSlot.firstElementChild.outerHTML !== selectionClone.outerHTML) {\n namedSlot.replaceChild(selectionClone, namedSlot.firstElementChild);\n }\n } else {\n namedSlot = document.createElement('div');\n namedSlot.slot = '_selected-display';\n namedSlot.appendChild(selectionClone);\n this.hostElement.appendChild(namedSlot);\n }\n return namedSlot;\n }\n\n checkSelectedDisplayHeight() {\n const { selectedDisplaySlot } = this;\n if (!selectedDisplaySlot) return;\n selectedDisplaySlot.style.setProperty('--comp-selected-display-height', '44px');\n }\n\n /// Event handlers ///\n onPopoverState = ({\n detail: { open, action },\n }: CustomEvent<{ open: boolean; action: 'close' \| 'select' \| 'open' }>) => {\n if (!open \|\| this.searchText) {\n if (action !== 'select') {\n this.optionList.setActiveElement(null);\n }\n this.inputField.focus();\n }\n\n if (this.open === open) return;\n this.open = open;\n };\n\n inputKeydownHandler = (event: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n const key = event.key;\n const hasSlot = this.hasPopoverTop \|\| this.hasPopoverBottom;\n const isShiftTab = key === 'Tab' && event.shiftKey;\n if (hasSlot && (key === 'Tab' \|\| key === 'Enter' \|\| isShiftTab)) return;\n if (shouldShowActionSheet(this, event)) {\n return this.executeActionSheet(event);\n }\n\n const keysForOptionListToHandle = [\n 'ArrowDown',\n 'ArrowUp',\n 'PageDown',\n 'PageUp',\n 'Home',\n 'End',\n 'Escape',\n 'Tab',\n ];\n if (this.searchable && !keysForOptionListToHandle.includes(key)) return;\n if (this.shouldClearSearchText(event)) this.clearSearchText();\n\n // Prevent click event from firing when spacebar is pressed\n if (key === ' ') event.preventDefault();\n\n this.optionList.handleExternalKeydown(event);\n };\n\n shouldClearSearchText(event: KeyboardEvent) {\n return this.searchable && !!this.searchText && event.key === 'Escape';\n }\n\n visibilityToggleKeyDown = (event: KeyboardEvent) => {\n const key = event.key;\n const isShiftTab = key === 'Tab' && event.shiftKey;\n const isRadioControlKey = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(key);\n if (isRadioControlKey) event.stopPropagation();\n if (isShiftTab) {\n event.stopPropagation();\n // allows shift+tab keys to select the top slot when present\n if (this.hasPopoverTop) return;\n\n this.optionList.setDefaultActiveElement();\n }\n };\n\n inputClickHandler = async (event: MouseEvent) => {\n event.stopPropagation();\n if (shouldShowActionSheet(this)) {\n return this.executeActionSheet(event);\n }\n this.toggleDropdown();\n this.focusInput();\n };\n\n inputInputHandler = (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n event.stopPropagation();\n const eventValue = event.detail.value;\n const shouldClearValue = !!this.value;\n\n if (shouldClearValue) this.clearValue();\n if (!this.open) this.openDropdownWithoutActiveElement();\n\n this.prioritizeSearch = true;\n this.searchText = eventValue;\n this.input.emit({ query: eventValue });\n };\n\n inputFocusHandler = () => {\n this.inputFocused = true;\n };\n\n inputBlurHandler = () => {\n this.inputFocused = false;\n };\n\n inputChangeHandler = (event: Event) => {\n event.stopPropagation();\n };\n\n clickedElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName !== 'click-elsewhere') return;\n event.stopPropagation();\n if (!this.open) return;\n this.closeDropdown();\n };\n\n onCustomDisplayClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.focusInput();\n this.toggleDropdown();\n };\n\n /// DOM ///\n renderCustomDisplay() {\n const hasSelectedDisplay = this.checkSelectedDisplay();\n if (!hasSelectedDisplay) return;\n this.checkSelectedDisplayHeight();\n\n return (\n <slot\n name=\"_selected-display\"\n slot=\"custom-display\"\n />\n );\n }\n\n render() {\n const showAsPseudo = !this.searchable;\n\n return (\n <click-elsewhere\n class={this.wrapperClasses}\n onChange={this.clickedElsewhere}\n >\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n role=\"status\"\n class=\"sr\"\n >\n {this.statusMessage}\n </div>\n <q2-input\n ref={el => (this.inputField = el)}\n class=\"q2-select-input\"\n label={(this.label && loc(this.label)) \|\| ''}\n value={this.selectedDisplay}\n errors={\n (Array.isArray(this.errors) &&\n this.errors.length > 0 &&\n this.errors.map(error => loc(error))) \|\|\n (this.invalid && ['tecton.element.select.invalid']) \|\|\n []\n }\n disabled={this.disabled}\n optional={this.optional}\n readonly={this.readonly}\n placeholder={this.placeholder \|\| undefined}\n hideLabel={this.hideLabel}\n ariaExpanded={`${this.open}`}\n ariaControls=\"option-list\"\n ariaHaspopup=\"listbox\"\n role=\"combobox\"\n pseudo={showAsPseudo}\n test-id=\"toggleDropdown\"\n hide-messages\n iconRight=\"chevron-down\"\n onClick={this.inputClickHandler}\n onInput={this.inputInputHandler}\n onKeyDown={this.inputKeydownHandler}\n onFocus={this.inputFocusHandler}\n onBlur={this.inputBlurHandler}\n onChange={this.inputChangeHandler}\n badgeValue={this.badgeValue}\n badgeTheme={this.inputFocused ? 'primary' : undefined}\n >\n {this.renderCustomDisplay()}\n </q2-input>\n <div\n class=\"custom-display-content\"\n hidden={!this.hasCustomDisplay \|\| !!this.searchText}\n onClick={this.onCustomDisplayClick}\n >\n <slot name=\"q2-select-display\" />\n </div>\n {this.optionsDropdown()}\n </click-elsewhere>\n );\n }\n\n optionsDropdown() {\n return (\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.innerInputContainer}\n open={this.open}\n minHeight={this.popoverMinHeight}\n direction={this.popDirection}\n block\n >\n <div class=\"popover-content\">\n <q2-option-list\n onPopoverState={this.onPopoverState}\n ref={el => (this.optionList = el)}\n type=\"listbox\"\n id=\"option-list\"\n show-selected={this.showSelected}\n label={this.listLabel}\n multiple={this.multiple}\n selectedOptions={this.structuredSelectedOptions}\n onChange={this.onOptionListChange}\n >\n <slot />\n </q2-option-list>\n <div\n class=\"popover-top-container\"\n ref={el => (this.popoverTopContainer = el)}\n hidden={!this.multiple && !this.hasPopoverTop}\n tabindex=\"-1\"\n >\n <slot name=\"popover-top\"></slot>\n {this.multiple && this.visibilityToggle()}\n </div>\n </div>\n <div\n class=\"popover-bottom-container\"\n hidden={!this.hasPopoverBottom}\n tabindex=\"-1\"\n >\n <slot name=\"popover-bottom\" />\n </div>\n </q2-popover>\n );\n }\n\n visibilityToggle() {\n const selectedOptionsCount = this.selectedOptions?.length ?? 0;\n const { showSelected } = this;\n return (\n <div class=\"multi-select-header\">\n <fieldset>\n <legend aria-label={loc('tecton.element.select.multiHeader.showing')}>\n {loc('tecton.element.select.multiHeader.showing')}\n </legend>\n <div>\n <input\n class=\"sr\"\n type=\"radio\"\n id=\"all\"\n name=\"viewDisplay\"\n value=\"all\"\n checked={!showSelected}\n aria-label={loc('tecton.element.select.multiHeader.allAriaLabel')}\n test-id=\"allOptionsButton\"\n onClick={this.showAllOptions}\n onKeyDown={this.visibilityToggleKeyDown}\n />\n <label htmlFor=\"all\">{loc('tecton.element.select.multiHeader.all')}</label>\n </div>\n\n <div>\n <input\n class=\"sr\"\n type=\"radio\"\n id=\"selected\"\n disabled={selectedOptionsCount === 0}\n name=\"viewDisplay\"\n value=\"selected\"\n aria-label={loc('tecton.element.select.multiHeader.selectedAriaLabel', [\n selectedOptionsCount,\n ])}\n checked={showSelected}\n test-id=\"selectedOptionsButton\"\n onClick={this.showSelectedOptions}\n onKeyDown={this.visibilityToggleKeyDown}\n />\n <label htmlFor=\"selected\">\n {loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount])}\n </label>\n </div>\n </fieldset>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/esm/q2-stepper-pane.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-ebc7f269.js';
-import { c as createGuid, n as nextPaint, l as loc } from './index-74a659a5.js';
+import { c as createGuid, n as nextPaint, l as loc } from './index-84f1034e.js';
-const stylesCss = "*{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 #33b4ff #06C)}: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:block;position:relative}";
+const stylesCss = "*{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:block;position:relative}";
 const Q2StepperPane = class {
   constructor(hostRef) {