@public-ui/components 4.2.0-rc.1 → 4.2.0-rc.2

package/dist/kolibri/kol-popover-button-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-popover-button-wc.entry.esm.js","sources":["src/schema/props/popover-align.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover/controller.ts","src/components/popover-button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type PopoverAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the popover preferably: top, right, bottom or left.\n */\nexport type PropPopoverAlign = {\n\tpopoverAlign: PopoverAlignPropType;\n};\n\n/* validator */\nexport const validatePopoverAlign = (component: Generic.Element.Component, value?: PopoverAlignPropType): void => {\n\tvalidateAlignment(component, '_popoverAlign', value);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\nexport const PopoverFC: FC<PopoverFCProps> = (props) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t<slot />\n\t\t</div>\n\t);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { AlignPropType } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\n\nexport class PopoverController {\n\tprivate show: boolean = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate align: AlignPropType = 'bottom';\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst toggleVisibility = (): void => {\n\t\t\tif (!this.popoverElement) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (this.show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already closed\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\ttoggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\ttoggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic setAlign = (align: AlignPropType): void => {\n\t\tthis.align = align;\n\t};\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.align,\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Fragment, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { PopoverFC } from '../../internal/functional-components/popover/component';\nimport { PopoverController } from '../../internal/functional-components/popover/controller';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validateInline, validatePopoverAlign } from '../../schema';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport clsx from '../../utils/clsx';\nimport { nonce } from '../../utils/dev.utils';\nimport { setClick } from '../../utils/element-click';\nimport { setFocus } from '../../utils/element-focus';\n\n/**\n * @internal\n * @slot - The popover content.\n *\n * **Note:** The `_on` button callback prop is not supported. The button's `onClick` is reserved for toggling the popover.\n * Manage the popover visibility state and coordinate with the internal popover element.\n */\n@Component({\n\ttag: 'kol-popover-button-wc',\n\tshadow: false,\n})\n// class implementing PopoverButtonProps and not API because we don't want to repeat the entire state and validation for button props\nexport class KolPopoverButtonWc implements PopoverButtonProps, FocusableElement {\n\tprivate refButton?: HTMLKolButtonWcElement;\n\tprivate readonly popoverCtrl = new PopoverController();\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate readonly popoverId = `popover-${nonce()}`;\n\n\tprivate readonly setPopoverElementRef = (element?: HTMLDivElement) => {\n\t\tthis.popoverElement = element;\n\t\tthis.popoverCtrl.setPopoverElementRef(element);\n\t};\n\n\tprivate readonly setButtonElementRef = (element?: HTMLKolButtonWcElement) => {\n\t\tthis.refButton = element;\n\t\tif (element) {\n\t\t\tthis.popoverCtrl.setTriggerElement(element as HTMLElement);\n\t\t}\n\t};\n\n\tprivate on: ButtonCallbacksPropType<StencilUnknown> = {\n\t\tonClick: () => {\n\t\t\tthis.popoverCtrl.setShow(!this.popoverOpen);\n\t\t},\n\t};\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t\t_inline: false,\n\t};\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.popoverCtrl.setShow(false);\n\t}\n\n\t/**\n\t * Show the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.popoverCtrl.setShow(true);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn setFocus(this.refButton!);\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn setClick(this.refButton!);\n\t}\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('kol-popover-button', {\n\t\t\t\t\t\t'kol-popover-button--open': this.popoverOpen,\n\t\t\t\t\t\t'kol-popover-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-popover-button--standalone': this.state._inline === false,\n\t\t\t\t\t})}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this.popoverId}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_inline={this._inline}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this.on}\n\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\tref={this.setButtonElementRef}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t\t<PopoverFC align={this.state._popoverAlign || 'bottom'} popoverRef={this.setPopoverElementRef} class=\"kol-popover-button__popover\" id={this.popoverId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</PopoverFC>\n\t\t\t</>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t\tif (value) {\n\t\t\tthis.popoverCtrl.setAlign(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateInline(this._inline);\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n\n\tpublic componentDidRender() {\n\t\t// The popoverElement is already set via popoverRef callback from PopoverFC.\n\t\t// Register the toggle listener once the popover element is available.\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t}\n\t\t// Ensure align value is synced with controller\n\t\tif (this.state._popoverAlign) {\n\t\t\tthis.popoverCtrl.setAlign(this.state._popoverAlign);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverCtrl.destroy();\n\t\tthis.popoverElement = undefined;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-popover-button-wc.entry.esm.js","sources":["src/schema/props/popover-align.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover/controller.ts","src/components/popover-button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type PopoverAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the popover preferably: top, right, bottom or left.\n */\nexport type PropPopoverAlign = {\n\tpopoverAlign: PopoverAlignPropType;\n};\n\n/* validator */\nexport const validatePopoverAlign = (component: Generic.Element.Component, value?: PopoverAlignPropType): void => {\n\tvalidateAlignment(component, '_popoverAlign', value);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\nexport const PopoverFC: FC<PopoverFCProps> = (props) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t<slot />\n\t\t</div>\n\t);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { AlignPropType } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\n\nexport class PopoverController {\n\tprivate show: boolean = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate align: AlignPropType = 'bottom';\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst toggleVisibility = (): void => {\n\t\t\tif (!this.popoverElement) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (this.show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Ignore DOMException if already closed\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\ttoggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\ttoggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic setAlign = (align: AlignPropType): void => {\n\t\tthis.align = align;\n\t};\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.align,\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Fragment, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { PopoverFC } from '../../internal/functional-components/popover/component';\nimport { PopoverController } from '../../internal/functional-components/popover/controller';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { validateInline, validatePopoverAlign } from '../../schema';\nimport type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { setClick } from '../../utils/element-click';\nimport { setFocus } from '../../utils/element-focus';\n\n/**\n * @internal\n * @slot - The popover content.\n *\n * **Note:** The `_on` button callback prop is not supported. The button's `onClick` is reserved for toggling the popover.\n * Manage the popover visibility state and coordinate with the internal popover element.\n */\n@Component({\n\ttag: 'kol-popover-button-wc',\n\tshadow: false,\n})\n// class implementing PopoverButtonProps and not API because we don't want to repeat the entire state and validation for button props\nexport class KolPopoverButtonWc implements PopoverButtonProps, FocusableElement {\n\tprivate refButton?: HTMLKolButtonWcElement;\n\tprivate readonly popoverCtrl = new PopoverController();\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate readonly popoverId = createUniqueId('popover');\n\n\tprivate readonly setPopoverElementRef = (element?: HTMLDivElement) => {\n\t\tthis.popoverElement = element;\n\t\tthis.popoverCtrl.setPopoverElementRef(element);\n\t};\n\n\tprivate readonly setButtonElementRef = (element?: HTMLKolButtonWcElement) => {\n\t\tthis.refButton = element;\n\t\tif (element) {\n\t\t\tthis.popoverCtrl.setTriggerElement(element as HTMLElement);\n\t\t}\n\t};\n\n\tprivate on: ButtonCallbacksPropType<StencilUnknown> = {\n\t\tonClick: () => {\n\t\t\tthis.popoverCtrl.setShow(!this.popoverOpen);\n\t\t},\n\t};\n\n\t@State() public state: PopoverButtonStates = {\n\t\t_label: '',\n\t\t_popoverAlign: 'bottom',\n\t\t_inline: false,\n\t};\n\t@State() private popoverOpen = false;\n\n\t/**\n\t * Hides the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.popoverCtrl.setShow(false);\n\t}\n\n\t/**\n\t * Show the popover programmatically by calling the PopoverController.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.popoverCtrl.setShow(true);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn setFocus(this.refButton!);\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn setClick(this.refButton!);\n\t}\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tthis.popoverOpen = (event as ToggleEvent).newState === 'open';\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('kol-popover-button', {\n\t\t\t\t\t\t'kol-popover-button--open': this.popoverOpen,\n\t\t\t\t\t\t'kol-popover-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-popover-button--standalone': this.state._inline === false,\n\t\t\t\t\t})}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this.popoverId}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_ariaExpanded={this.popoverOpen}\n\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_inline={this._inline}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this.on}\n\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\tref={this.setButtonElementRef}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t\t<PopoverFC align={this.state._popoverAlign || 'bottom'} popoverRef={this.setPopoverElementRef} class=\"kol-popover-button__popover\" id={this.popoverId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</PopoverFC>\n\t\t\t</>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines where to show the Popover preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_popoverAlign')\n\tpublic validatePopoverAlign(value?: PopoverAlignPropType): void {\n\t\tvalidatePopoverAlign(this, value);\n\t\tif (value) {\n\t\t\tthis.popoverCtrl.setAlign(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateInline(this._inline);\n\t\tthis.validatePopoverAlign(this._popoverAlign);\n\t}\n\n\tpublic componentDidRender() {\n\t\t// The popoverElement is already set via popoverRef callback from PopoverFC.\n\t\t// Register the toggle listener once the popover element is available.\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t}\n\t\t// Ensure align value is synced with controller\n\t\tif (this.state._popoverAlign) {\n\t\t\tthis.popoverCtrl.setAlign(this.state._popoverAlign);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback() {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverCtrl.destroy();\n\t\tthis.popoverElement = undefined;\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-popover-button-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,r as i,F as s}from"./index-CDDnZoJp.js";import{b as e}from"./component-names-Dy77vq43.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{c as h}from"./clsx-COFh-Vc8.js";import{a as n,b as r}from"./align-floating-elements-D5XJiLiU.js";import"./common-Cx_AGO_M.js";import{v as a}from"./inline-DnwpECF8.js";import{b as l}from"./align-DxZmRFcp.js";import{n as p}from"./dev.utils-Kck8qmtF.js";import{s as c}from"./element-click-BTxuJDNT.js";import{s as f}from"./element-focus-BKUtVrWY.js";const d=(e,t)=>{l(e,"_popoverAlign",t)},m=e=>{const{align:i="bottom",popoverRef:s,arrowRef:n,class:r}=e,l=o(e,["align","popoverRef","arrowRef","class"]);return t("div",Object.assign({},l,{class:h("kol-popover",r),ref:s,popover:"auto"}),t("div",{class:h("kol-popover__arrow",`kol-popover__arrow--${i}`),ref:n}),t("slot",null))};class v{constructor(){this.show=!1,this.align="bottom",this.setPopoverElementRef=e=>{this.popoverElement=e,this.arrowElement=null==e?void 0:e.querySelector(".kol-popover__arrow")},this.setTriggerElement=e=>{this.triggerElement=e},this.setAlign=e=>{this.align=e},this.alignPopover=async()=>{this.popoverElement&&this.triggerElement&&await n({align:this.align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement})},this.setupAutoUpdate=()=>{this.popoverElement&&this.triggerElement&&!this.cleanupAutoUpdate&&(this.cleanupAutoUpdate=r(this.triggerElement,this.popoverElement,()=>{this.alignPopover()}))}}setShow(e){if(this.show=e,!this.popoverElement)return;const t=()=>{var e;if(!this.popoverElement)return;const t=this.popoverElement.matches(":popover-open");if(this.show){if(!t)try{this.popoverElement.showPopover(),this.setupAutoUpdate(),this.alignPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover(),null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.cleanupAutoUpdate=void 0}catch(e){}};this.popoverElement.isConnected?t():requestAnimationFrame(()=>{t()})}destroy(){var e;null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.cleanupAutoUpdate=void 0,this.popoverElement=void 0,this.arrowElement=void 0,this.triggerElement=void 0}}const u=class{constructor(e){i(this,e),this.popoverCtrl=new v,this.popoverId=`popover-${p()}`,this.setPopoverElementRef=e=>{this.popoverElement=e,this.popoverCtrl.setPopoverElementRef(e)},this.setButtonElementRef=e=>{this.refButton=e,e&&this.popoverCtrl.setTriggerElement(e)},this.on={onClick:()=>{this.popoverCtrl.setShow(!this.popoverOpen)}},this.state={_label:"",_popoverAlign:"bottom",_inline:!1},this.popoverOpen=!1,this.handleToggle=e=>{this.popoverOpen="open"===e.newState},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){this.popoverCtrl.setShow(!1)}async showPopover(){this.popoverCtrl.setShow(!0)}async focus(){return f(this.refButton)}async click(){return c(this.refButton)}render(){return t(s,null,t(e,{key:"8cecd7721585386caaa78d5aba1aec45e2f13613",class:h("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":!0===this.state._inline,"kol-popover-button--standalone":!1===this.state._inline}),_accessKey:this._accessKey,_ariaControls:this.popoverId,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this.on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant,ref:this.setButtonElementRef},t("slot",{key:"55fa847ba181d6bff3f707ebc2568ddf39411241",name:"expert",slot:"expert"})),t(m,{key:"133bde88cf07b1bbd07195676ca9e4e9218d9ccd",align:this.state._popoverAlign||"bottom",popoverRef:this.setPopoverElementRef,class:"kol-popover-button__popover",id:this.popoverId},t("slot",{key:"11b4154b05f0cb5e9b839d92444b799c2df5bf08"})))}validateInline(e){a(this,e,{defaultValue:!1})}validatePopoverAlign(e){d(this,e),e&&this.popoverCtrl.setAlign(e)}componentWillLoad(){this.validateInline(this._inline),this.validatePopoverAlign(this._popoverAlign)}componentDidRender(){this.popoverElement&&this.popoverElement.addEventListener("toggle",this.handleToggle),this.state._popoverAlign&&this.popoverCtrl.setAlign(this.state._popoverAlign)}disconnectedCallback(){this.popoverElement&&this.popoverElement.removeEventListener("toggle",this.handleToggle),this.popoverCtrl.destroy(),this.popoverElement=void 0}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};export{u as kol_popover_button_wc};
+import{h as t,r as i,F as s}from"./index-N6JGlBHl.js";import{b as e}from"./component-names-Dy77vq43.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{c as h}from"./clsx-COFh-Vc8.js";import{a as n,b as a}from"./align-floating-elements-D5XJiLiU.js";import"./common-Cx_AGO_M.js";import{v as r}from"./inline-DnwpECF8.js";import{b as l}from"./align-DxZmRFcp.js";import{c}from"./dev.utils-DhW8_Z_C.js";import{s as p}from"./element-click-BTxuJDNT.js";import{s as f}from"./element-focus-BKUtVrWY.js";const d=(e,t)=>{l(e,"_popoverAlign",t)},m=e=>{const{align:i="bottom",popoverRef:s,arrowRef:r,class:n}=e,l=o(e,["align","popoverRef","arrowRef","class"]);return t("div",Object.assign({},l,{class:h("kol-popover",n),ref:s,popover:"auto"}),t("div",{class:h("kol-popover__arrow",`kol-popover__arrow--${i}`),ref:r}),t("slot",null))};class v{constructor(){this.show=!1,this.align="bottom",this.setPopoverElementRef=e=>{this.popoverElement=e,this.arrowElement=null==e?void 0:e.querySelector(".kol-popover__arrow")},this.setTriggerElement=e=>{this.triggerElement=e},this.setAlign=e=>{this.align=e},this.alignPopover=async()=>{this.popoverElement&&this.triggerElement&&await n({align:this.align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement})},this.setupAutoUpdate=()=>{this.popoverElement&&this.triggerElement&&!this.cleanupAutoUpdate&&(this.cleanupAutoUpdate=a(this.triggerElement,this.popoverElement,()=>{this.alignPopover()}))}}setShow(e){if(this.show=e,!this.popoverElement)return;const t=()=>{var e;if(!this.popoverElement)return;const t=this.popoverElement.matches(":popover-open");if(this.show){if(!t)try{this.popoverElement.showPopover(),this.setupAutoUpdate(),this.alignPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover(),null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.cleanupAutoUpdate=void 0}catch(e){}};this.popoverElement.isConnected?t():requestAnimationFrame(()=>{t()})}destroy(){var e;null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.cleanupAutoUpdate=void 0,this.popoverElement=void 0,this.arrowElement=void 0,this.triggerElement=void 0}}const u=class{constructor(e){i(this,e),this.popoverCtrl=new v,this.popoverId=c("popover"),this.setPopoverElementRef=e=>{this.popoverElement=e,this.popoverCtrl.setPopoverElementRef(e)},this.setButtonElementRef=e=>{this.refButton=e,e&&this.popoverCtrl.setTriggerElement(e)},this.on={onClick:()=>{this.popoverCtrl.setShow(!this.popoverOpen)}},this.state={_label:"",_popoverAlign:"bottom",_inline:!1},this.popoverOpen=!1,this.handleToggle=e=>{this.popoverOpen="open"===e.newState},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){this.popoverCtrl.setShow(!1)}async showPopover(){this.popoverCtrl.setShow(!0)}async focus(){return f(this.refButton)}async click(){return p(this.refButton)}render(){return t(s,null,t(e,{key:"9f153addc016b947514afe0a4c6f082808dd8d6c",class:h("kol-popover-button",{"kol-popover-button--open":this.popoverOpen,"kol-popover-button--inline":!0===this.state._inline,"kol-popover-button--standalone":!1===this.state._inline}),_accessKey:this._accessKey,_ariaControls:this.popoverId,_ariaDescription:this._ariaDescription,_ariaExpanded:this.popoverOpen,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this.on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant,ref:this.setButtonElementRef},t("slot",{key:"c550caca7087c0b5e195ec6264eb9908c1f88e20",name:"expert",slot:"expert"})),t(m,{key:"73ccff2a9a32ec14819bf14aaf262a1e4ef57c6b",align:this.state._popoverAlign||"bottom",popoverRef:this.setPopoverElementRef,class:"kol-popover-button__popover",id:this.popoverId},t("slot",{key:"86d855e0185370bea7caea94602f36169d4c28f8"})))}validateInline(e){r(this,e,{defaultValue:!1})}validatePopoverAlign(e){d(this,e),e&&this.popoverCtrl.setAlign(e)}componentWillLoad(){this.validateInline(this._inline),this.validatePopoverAlign(this._popoverAlign)}componentDidRender(){this.popoverElement&&this.popoverElement.addEventListener("toggle",this.handleToggle),this.state._popoverAlign&&this.popoverCtrl.setAlign(this.state._popoverAlign)}disconnectedCallback(){this.popoverElement&&this.popoverElement.removeEventListener("toggle",this.handleToggle),this.popoverCtrl.destroy(),this.popoverElement=void 0}static get watchers(){return{_inline:["validateInline"],_popoverAlign:["validatePopoverAlign"]}}};export{u as kol_popover_button_wc};

package/dist/kolibri/kol-popover-button-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Fragment","KolButtonWcTag","__rest","clsx","alignFloatingElements","autoUpdate","validateInline","validateAlignment","nonce","setClick","setFocus","validatePopoverAlign","component","value","PopoverFC","props","align","popoverRef","arrowRef","class","classNames","rest","Object","assign","ref","popover","PopoverController","constructor","this","show","setPopoverElementRef","element","popoverElement","arrowElement","querySelector","setTriggerElement","triggerElement","setAlign","alignPopover","async","referenceElement","floatingElement","setupAutoUpdate","cleanupAutoUpdate","setShow","toggleVisibility","_a","isOpen","matches","showPopover","_b","hidePopover","call","undefined","_c","isConnected","requestAnimationFrame","destroy","KolPopoverButtonWc","hostRef","popoverCtrl","popoverId","setButtonElementRef","refButton","on","onClick","popoverOpen","state","_label","_popoverAlign","_inline","handleToggle","event","newState","_disabled","_hideLabel","_tooltipAlign","_type","_variant","focus","click","render","key","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","id","defaultValue","componentWillLoad","componentDidRender","addEventListener","disconnectedCallback","removeEventListener","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Fragment","KolButtonWcTag","__rest","clsx","alignFloatingElements","autoUpdate","validateInline","validateAlignment","createUniqueId","setClick","setFocus","validatePopoverAlign","component","value","PopoverFC","props","align","popoverRef","arrowRef","class","classNames","rest","Object","assign","ref","popover","PopoverController","constructor","this","show","setPopoverElementRef","element","popoverElement","arrowElement","querySelector","setTriggerElement","triggerElement","setAlign","alignPopover","async","referenceElement","floatingElement","setupAutoUpdate","cleanupAutoUpdate","setShow","toggleVisibility","_a","isOpen","matches","showPopover","_b","hidePopover","call","undefined","_c","isConnected","requestAnimationFrame","destroy","KolPopoverButtonWc","hostRef","popoverCtrl","popoverId","setButtonElementRef","refButton","on","onClick","popoverOpen","state","_label","_popoverAlign","_inline","handleToggle","event","newState","_disabled","_hideLabel","_tooltipAlign","_type","_variant","focus","click","render","key","_accessKey","_ariaControls","_ariaDescription","_ariaExpanded","_customClass","_icons","_id","_name","_on","_shortKey","_syncValueBySelector","_tabIndex","_value","name","slot","id","defaultValue","componentWillLoad","componentDidRender","addEventListener","disconnectedCallback","removeEventListener","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-popover-button.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-CDDnZoJp.js";import{h as t}from"./component-names-Dy77vq43.js";import{d as i,s as l}from"./element-click-BTxuJDNT.js";import{d as a,s as r}from"./element-focus-BKUtVrWY.js";import"./common-Cx_AGO_M.js";const s='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1779456138767"); /* IE9*/\n  src: url("kolicons.eot?t=1779456138767#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779456138767") format("woff2"), url("kolicons.woff?t=1779456138767") format("woff"), url("kolicons.ttf?t=1779456138767") format("truetype"), url("kolicons.svg?t=1779456138767#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}',c=class{constructor(e){n(this,e),this.setRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}async showPopover(){var n;null===(n=this.ref)||void 0===n||n.showPopover()}async click(){return i(this.host,async()=>l(this.ref))}async focus(){return a(this.host,()=>r(this.ref))}render(){return e(t,{key:"1a17740aaec4ffc9d3d1c3a812b503e1070cdae5",ref:this.setRef,_accessKey:this._accessKey,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_inline:this._inline,_label:this._label,_name:this._name,_popoverAlign:this._popoverAlign,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},e("slot",{key:"a63deb9a2a7b6b55343e9f1602402b2bee38f9c2",name:"expert",slot:"expert"}),e("slot",{key:"94f552f1ffc042e6e6d218cafce156149279c3ab"}))}get host(){return o(this)}};c.style={default:s};export{c as kol_popover_button};
+import{r as n,h as e,g as o}from"./index-N6JGlBHl.js";import{h as t}from"./component-names-Dy77vq43.js";import{d as i,s as l}from"./element-click-BTxuJDNT.js";import{d as a,s as r}from"./element-focus-BKUtVrWY.js";import"./common-Cx_AGO_M.js";const s='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1779833120296"); /* IE9*/\n  src: url("kolicons.eot?t=1779833120296#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779833120296") format("woff2"), url("kolicons.woff?t=1779833120296") format("woff"), url("kolicons.ttf?t=1779833120296") format("truetype"), url("kolicons.svg?t=1779833120296#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n}',c=class{constructor(e){n(this,e),this.setRef=n=>{this.ref=n},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._popoverAlign="bottom",this._tooltipAlign="top",this._type="button",this._variant="normal"}async hidePopover(){var n;null===(n=this.ref)||void 0===n||n.hidePopover()}async showPopover(){var n;null===(n=this.ref)||void 0===n||n.showPopover()}async click(){return i(this.host,async()=>l(this.ref))}async focus(){return a(this.host,()=>r(this.ref))}render(){return e(t,{key:"1a17740aaec4ffc9d3d1c3a812b503e1070cdae5",ref:this.setRef,_accessKey:this._accessKey,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_inline:this._inline,_label:this._label,_name:this._name,_popoverAlign:this._popoverAlign,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},e("slot",{key:"a63deb9a2a7b6b55343e9f1602402b2bee38f9c2",name:"expert",slot:"expert"}),e("slot",{key:"94f552f1ffc042e6e6d218cafce156149279c3ab"}))}get host(){return o(this)}};c.style={default:s};export{c as kol_popover_button};

package/dist/kolibri/kol-progress.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as e,r as n,H as t}from"./index-CDDnZoJp.js";import{B as r}from"./variant-quote-y0Z1TRdz.js";import{t as o}from"./i18n-Br16IAnY.js";import"./common-Cx_AGO_M.js";import{l as s}from"./label-KTv-zMW0.js";import{m as l,c as a,u as i}from"./value-number-clamped-47tM199y.js";import{c,n as h}from"./normalizers-m3s9sgmq.js";import{B as d}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const p=["bar","cycle"],u=c("variant","bar",e=>{const n=h(e);if(p.includes(n))return n;throw new Error(`Invalid progress variant: ${n}`)},()=>!0),m=342,b=({max:n,value:t})=>e("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},e("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(t/n*m)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),g=({max:n,value:t})=>{const r=t/n*100;return e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},e("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),e("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),e("rect",{class:"kol-progress__bar-progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${r}% - 4px)`}}))},f=(n,t,r)=>{switch(n){case"cycle":return e(b,{max:t,value:r});case"bar":return e(g,{max:t,value:r});default:throw new Error(`Progress variant ${n} not implemented.`)}},k=n=>{const{label:t,max:r,unit:a,value:l,variant:s,liveValue:i}=n,c="%"===a,d=c?`${Math.round(i/r*100)}`:i,h=c?Math.round(l/r*100):l,p=`${`${(c?100:r)+1}`.length}ch`,u=c?o("kol-live-value",{placeholders:{value:String(d),unit:a}}):o("kol-live-value-bounded",{placeholders:{value:String(d),max:String(r),unit:a}});return e("div",{class:"kol-progress"},e("div",{"aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===s,"kol-progress__bar":"bar"===s}},"bar"===s&&t&&e("div",{class:"kol-progress__bar-label"},t),f(s,r,l),"cycle"===s&&e("div",{class:"kol-progress__cycle-text"},t&&e("div",{class:"kol-progress__cycle-label"},t),e("div",{class:"kol-progress__cycle-value"},`${h} ${a}`)),"bar"===s&&e("div",{class:"kol-progress__bar-value",style:{width:p}},h),"bar"===s&&e("div",{class:"kol-progress__bar-unit"},a)),e("progress",{class:"visually-hidden","aria-busy":l<r?"true":"false",max:r,value:l}),e("span",{"aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},u))},w={optional:[s,i,u],required:[l,a]};class y extends d{constructor(e){super(e,w)}componentWillLoad(e){const{label:n,max:t,unit:r,value:o,variant:a}=e;this.watchLabel(n),this.watchMax(t),this.watchUnit(r),this.watchValue(o),this.watchVariant(a),this.setState("liveValue",this.getRenderProp("value")),this.startLiveValueInterval()}watchLabel(e){s.apply(e,e=>{this.setRenderProp("label",e)})}watchMax(e){l.apply(e,e=>{this.setRenderProp("max",e),this.watchValue(this.getRawProp("value"))})}watchUnit(e){i.apply(e,e=>{this.setRenderProp("unit",e)})}watchValue(e){this.setRawProp("value",e),a.apply(e,e=>{this.setRenderProp("value",e)},{min:0,max:this.getRenderProp("max")})}watchVariant(e){u.apply(e,e=>{this.setRenderProp("variant",e)})}startLiveValueInterval(){this.interval=setInterval(()=>{const e=this.getRenderProp("value");this.setState("liveValue",e)},5e3)}destroy(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}}const v="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-progress {\n    --color-bar: var(--kol-progress-color-bar, #0075ff);\n  }\n  .kol-progress__bar {\n    display: grid;\n    align-items: center;\n    grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-progress__bar-label {\n    grid-column-end: 2;\n    grid-area: LABEL;\n  }\n  .kol-progress__bar svg {\n    grid-area: BAR;\n  }\n  .kol-progress__bar-value {\n    grid-area: VALUE;\n    text-align: right;\n  }\n  .kol-progress__bar-unit {\n    grid-area: UNIT;\n  }\n  .kol-progress__bar-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__bar-background {\n    fill: white;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-bar);\n    stroke: transparent;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__bar-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-progress__cycle {\n    display: grid;\n    align-content: center;\n    justify-items: center;\n    grid-template-areas: \"ALL\";\n    grid-template-columns: auto;\n  }\n  .kol-progress__cycle > * {\n    grid-area: ALL;\n  }\n  .kol-progress__cycle-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: x-small;\n    text-align: center;\n  }\n  .kol-progress__cycle-text * {\n    background-color: white;\n  }\n  .kol-progress__cycle-background {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__cycle-whitespace {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-progress {\n    transform: rotate(-90deg);\n    transform-origin: 50% 50%;\n    fill: transparent;\n    stroke: var(--color-bar);\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",_=class extends r{constructor(e){super(),n(this,e),this.ctrl=new y(this.stateAccess),this.liveValue=0}watchLabel(e){this.ctrl.watchLabel(e)}watchMax(e){this.ctrl.watchMax(e)}watchUnit(e){this.ctrl.watchUnit(e)}watchValue(e){this.ctrl.watchValue(e)}watchVariant(e){this.ctrl.watchVariant(e)}componentWillLoad(){this.ctrl.componentWillLoad({label:this._label,max:this._max,unit:this._unit,value:this._value,variant:this._variant})}disconnectedCallback(){this.ctrl.destroy()}render(){return e(t,{key:"875e3cb3b7b18f3a73be1115a577e7681e7f2c6d"},e(k,{key:"89fc086cc42ec754a47faf0ee6ba99800aac90dd",label:this.ctrl.getRenderProp("label"),max:this.ctrl.getRenderProp("max"),unit:this.ctrl.getRenderProp("unit"),value:this.ctrl.getRenderProp("value"),variant:this.ctrl.getRenderProp("variant"),liveValue:this.liveValue}))}static get watchers(){return{_label:["watchLabel"],_max:["watchMax"],_unit:["watchUnit"],_value:["watchValue"],_variant:["watchVariant"]}}};_.style={default:v};export{_ as kol_progress};
+import{h as e,r as n,H as t}from"./index-N6JGlBHl.js";import{B as r}from"./variant-quote-y0Z1TRdz.js";import{t as o}from"./i18n-Br16IAnY.js";import"./common-Cx_AGO_M.js";import{l as s}from"./label-KTv-zMW0.js";import{m as l,c as a,u as i}from"./value-number-clamped-47tM199y.js";import{c,n as h}from"./normalizers-m3s9sgmq.js";import{B as d}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const p=["bar","cycle"],u=c("variant","bar",e=>{const n=h(e);if(p.includes(n))return n;throw new Error(`Invalid progress variant: ${n}`)},()=>!0),m=342,b=({max:n,value:t})=>e("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},e("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),e("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(t/n*m)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),g=({max:n,value:t})=>{const r=t/n*100;return e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},e("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),e("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),e("rect",{class:"kol-progress__bar-progress",x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${r}% - 4px)`}}))},f=(n,t,r)=>{switch(n){case"cycle":return e(b,{max:t,value:r});case"bar":return e(g,{max:t,value:r});default:throw new Error(`Progress variant ${n} not implemented.`)}},k=n=>{const{label:t,max:r,unit:a,value:l,variant:s,liveValue:i}=n,c="%"===a,d=c?`${Math.round(i/r*100)}`:i,h=c?Math.round(l/r*100):l,p=`${`${(c?100:r)+1}`.length}ch`,u=c?o("kol-live-value",{placeholders:{value:String(d),unit:a}}):o("kol-live-value-bounded",{placeholders:{value:String(d),max:String(r),unit:a}});return e("div",{class:"kol-progress"},e("div",{"aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===s,"kol-progress__bar":"bar"===s}},"bar"===s&&t&&e("div",{class:"kol-progress__bar-label"},t),f(s,r,l),"cycle"===s&&e("div",{class:"kol-progress__cycle-text"},t&&e("div",{class:"kol-progress__cycle-label"},t),e("div",{class:"kol-progress__cycle-value"},`${h} ${a}`)),"bar"===s&&e("div",{class:"kol-progress__bar-value",style:{width:p}},h),"bar"===s&&e("div",{class:"kol-progress__bar-unit"},a)),e("progress",{class:"visually-hidden","aria-busy":l<r?"true":"false",max:r,value:l}),e("span",{"aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},u))},w={optional:[s,i,u],required:[l,a]};class y extends d{constructor(e){super(e,w)}componentWillLoad(e){const{label:n,max:t,unit:r,value:o,variant:a}=e;this.watchLabel(n),this.watchMax(t),this.watchUnit(r),this.watchValue(o),this.watchVariant(a),this.setState("liveValue",this.getRenderProp("value")),this.startLiveValueInterval()}watchLabel(e){s.apply(e,e=>{this.setRenderProp("label",e)})}watchMax(e){l.apply(e,e=>{this.setRenderProp("max",e),this.watchValue(this.getRawProp("value"))})}watchUnit(e){i.apply(e,e=>{this.setRenderProp("unit",e)})}watchValue(e){this.setRawProp("value",e),a.apply(e,e=>{this.setRenderProp("value",e)},{min:0,max:this.getRenderProp("max")})}watchVariant(e){u.apply(e,e=>{this.setRenderProp("variant",e)})}startLiveValueInterval(){this.interval=setInterval(()=>{const e=this.getRenderProp("value");this.setState("liveValue",e)},5e3)}destroy(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}}const v="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-progress {\n    --color-bar: var(--kol-progress-color-bar, #0075ff);\n  }\n  .kol-progress__bar {\n    display: grid;\n    align-items: center;\n    grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-progress__bar-label {\n    grid-column-end: 2;\n    grid-area: LABEL;\n  }\n  .kol-progress__bar svg {\n    grid-area: BAR;\n  }\n  .kol-progress__bar-value {\n    grid-area: VALUE;\n    text-align: right;\n  }\n  .kol-progress__bar-unit {\n    grid-area: UNIT;\n  }\n  .kol-progress__bar-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__bar-background {\n    fill: white;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-bar);\n    stroke: transparent;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__bar-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-progress__cycle {\n    display: grid;\n    align-content: center;\n    justify-items: center;\n    grid-template-areas: \"ALL\";\n    grid-template-columns: auto;\n  }\n  .kol-progress__cycle > * {\n    grid-area: ALL;\n  }\n  .kol-progress__cycle-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    font-size: x-small;\n    text-align: center;\n  }\n  .kol-progress__cycle-text * {\n    background-color: white;\n  }\n  .kol-progress__cycle-background {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-progress__cycle-whitespace {\n    fill: transparent;\n    stroke: white;\n  }\n  .kol-progress__cycle-progress {\n    transform: rotate(-90deg);\n    transform-origin: 50% 50%;\n    fill: transparent;\n    stroke: var(--color-bar);\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",_=class extends r{constructor(e){super(),n(this,e),this.ctrl=new y(this.stateAccess),this.liveValue=0}watchLabel(e){this.ctrl.watchLabel(e)}watchMax(e){this.ctrl.watchMax(e)}watchUnit(e){this.ctrl.watchUnit(e)}watchValue(e){this.ctrl.watchValue(e)}watchVariant(e){this.ctrl.watchVariant(e)}componentWillLoad(){this.ctrl.componentWillLoad({label:this._label,max:this._max,unit:this._unit,value:this._value,variant:this._variant})}disconnectedCallback(){this.ctrl.destroy()}render(){return e(t,{key:"875e3cb3b7b18f3a73be1115a577e7681e7f2c6d"},e(k,{key:"89fc086cc42ec754a47faf0ee6ba99800aac90dd",label:this.ctrl.getRenderProp("label"),max:this.ctrl.getRenderProp("max"),unit:this.ctrl.getRenderProp("unit"),value:this.ctrl.getRenderProp("value"),variant:this.ctrl.getRenderProp("variant"),liveValue:this.liveValue}))}static get watchers(){return{_label:["watchLabel"],_max:["watchMax"],_unit:["watchUnit"],_value:["watchValue"],_variant:["watchVariant"]}}};_.style={default:v};export{_ as kol_progress};

package/dist/kolibri/kol-quote.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t}from"./index-CDDnZoJp.js";import{v as o,B as i}from"./variant-quote-y0Z1TRdz.js";import{i as a}from"./component-names-Dy77vq43.js";import{b as s}from"./bem-registry-DChqxUD_.js";import"./common-Cx_AGO_M.js";import{c as l,n as r}from"./normalizers-m3s9sgmq.js";import{l as h}from"./label-KTv-zMW0.js";import{B as c}from"./base-controller-CXhqh4cR.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("href","",r,n=>"string"==typeof n),p=l("quote","",r),m=s.forBlock("kol-quote"),u=m("blockquote"),f=m("cite"),b=m("figcaption"),g=m("quote"),y=e=>{const{href:t,label:o,quote:i,variant:r}=e,l=""===i,s=m({[r]:!0});return n("figure",{class:s},"block"===r?n("blockquote",{class:u,cite:t},i,n("span",{"aria-hidden":l?void 0:"true",hidden:!l},n("slot",{name:"expert"}))):n("q",{class:g,cite:t},i,n("span",{"aria-hidden":l?void 0:"true",hidden:!l},n("slot",{name:"expert"}))),"string"==typeof o&&o.length>0&&n("figcaption",{class:b},n("cite",{class:f},n(a,{_href:t,_label:o,_target:"_blank"}))))},w={optional:[h,o],required:[d,p]};class k extends c{constructor(n){super(n,w)}componentWillLoad(n){const{href:e,label:t,quote:o,variant:i}=n;this.watchHref(e),this.watchLabel(t),this.watchQuote(o),this.watchVariant(i)}watchHref(n){d.apply(n,n=>{this.setRenderProp("href",n)})}watchLabel(n){h.apply(n,n=>{this.setRenderProp("label",n)})}watchQuote(n){p.apply(n,n=>{this.setRenderProp("quote",n)})}watchVariant(n){o.apply(n,n=>{this.setRenderProp("variant",n)})}}const q="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-quote {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__cite::before {\n    content: \"—\";\n  }\n  .kol-quote--block .kol-quote__figcaption {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__blockquote::before {\n    content: open-quote;\n  }\n  .kol-quote__blockquote::after {\n    content: close-quote;\n  }\n}",x=class{constructor(n){e(this,n),this.ctrl=new k(i.stateLess),this._variant="inline"}watchHref(n){this.ctrl.watchHref(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchQuote(n){this.ctrl.watchQuote(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({href:this._href,label:this._label,quote:this._quote,variant:this._variant})}render(){return n(t,{key:"6dbdd16912a99997f52326f7cca426f704a7357b"},n(y,{key:"a523fb0f75067faad16629169193f76e9e879ace",href:this.ctrl.getRenderProp("href"),label:this.ctrl.getRenderProp("label"),quote:this.ctrl.getRenderProp("quote"),variant:this.ctrl.getRenderProp("variant")}))}static get watchers(){return{_href:["watchHref"],_label:["watchLabel"],_quote:["watchQuote"],_variant:["watchVariant"]}}};x.style={default:q};export{x as kol_quote};
+import{h as n,r as e,H as t}from"./index-N6JGlBHl.js";import{v as o,B as i}from"./variant-quote-y0Z1TRdz.js";import{i as a}from"./component-names-Dy77vq43.js";import{b as s}from"./bem-registry-DChqxUD_.js";import"./common-Cx_AGO_M.js";import{c as l,n as r}from"./normalizers-m3s9sgmq.js";import{l as h}from"./label-KTv-zMW0.js";import{B as c}from"./base-controller-CXhqh4cR.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("href","",r,n=>"string"==typeof n),m=l("quote","",r),p=s.forBlock("kol-quote"),u=p("blockquote"),f=p("cite"),b=p("figcaption"),g=p("quote"),y=e=>{const{href:t,label:o,quote:i,variant:r}=e,l=""===i,s=p({[r]:!0});return n("figure",{class:s},"block"===r?n("blockquote",{class:u,cite:t},i,n("span",{"aria-hidden":l?void 0:"true",hidden:!l},n("slot",{name:"expert"}))):n("q",{class:g,cite:t},i,n("span",{"aria-hidden":l?void 0:"true",hidden:!l},n("slot",{name:"expert"}))),"string"==typeof o&&o.length>0&&n("figcaption",{class:b},n("cite",{class:f},n(a,{_href:t,_label:o,_target:"_blank"}))))},w={optional:[h,o],required:[d,m]};class k extends c{constructor(n){super(n,w)}componentWillLoad(n){const{href:e,label:t,quote:o,variant:i}=n;this.watchHref(e),this.watchLabel(t),this.watchQuote(o),this.watchVariant(i)}watchHref(n){d.apply(n,n=>{this.setRenderProp("href",n)})}watchLabel(n){h.apply(n,n=>{this.setRenderProp("label",n)})}watchQuote(n){m.apply(n,n=>{this.setRenderProp("quote",n)})}watchVariant(n){o.apply(n,n=>{this.setRenderProp("variant",n)})}}const q="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-quote {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__cite::before {\n    content: \"—\";\n  }\n  .kol-quote--block .kol-quote__figcaption {\n    display: inline;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-quote__blockquote::before {\n    content: open-quote;\n  }\n  .kol-quote__blockquote::after {\n    content: close-quote;\n  }\n}",x=class{constructor(n){e(this,n),this.ctrl=new k(i.stateLess),this._variant="inline"}watchHref(n){this.ctrl.watchHref(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchQuote(n){this.ctrl.watchQuote(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({href:this._href,label:this._label,quote:this._quote,variant:this._variant})}render(){return n(t,{key:"6dbdd16912a99997f52326f7cca426f704a7357b"},n(y,{key:"a523fb0f75067faad16629169193f76e9e879ace",href:this.ctrl.getRenderProp("href"),label:this.ctrl.getRenderProp("label"),quote:this.ctrl.getRenderProp("quote"),variant:this.ctrl.getRenderProp("variant")}))}static get watchers(){return{_href:["watchHref"],_label:["watchLabel"],_quote:["watchQuote"],_variant:["watchVariant"]}}};x.style={default:q};export{x as kol_quote};

package/dist/kolibri/kol-select-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-select-wc.entry.esm.js","sources":["src/functional-components/inputs/NativeOption/NativeOption.tsx","src/functional-components/inputs/NativeOptionList/NativeOptionList.tsx","src/functional-components/inputs/NativeSelect/NativeSelect.tsx","src/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.tsx","src/components/select/controller.ts","src/components/select/component.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { StencilUnknown, W3CInputValue } from '../../../schema';\nimport clsx from '../../../utils/clsx';\n\nexport type NativeOptionProps = Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'> & {\n\tselectedValue?: StencilUnknown | StencilUnknown[];\n\tvalue: StencilUnknown;\n\tlabel: W3CInputValue;\n\tindex?: string | number;\n\tbaseClassName?: 'kol-select' | 'kol-datalist';\n};\n\nconst NativeOptionFc: FC<NativeOptionProps> = ({\n\tbaseClassName = 'kol-select',\n\tclass: classNames,\n\tindex,\n\tselectedValue,\n\tselected,\n\tvalue,\n\tlabel,\n\tdisabled,\n\t...other\n}) => {\n\tif (selectedValue === undefined) {\n\t\tselectedValue = [];\n\t} else if (!Array.isArray(selectedValue)) {\n\t\tselectedValue = [selectedValue];\n\t}\n\n\tconst isSelected = selected || (selectedValue as StencilUnknown[]).includes(value);\n\n\treturn (\n\t\t<option\n\t\t\tclass={clsx(\n\t\t\t\t`${baseClassName}__option`,\n\t\t\t\t{\n\t\t\t\t\t[`${baseClassName}__option--selected`]: isSelected,\n\t\t\t\t\t[`${baseClassName}__option--disabled`]: disabled,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\tselected={isSelected}\n\t\t\t// removed the aria-hidden attribute because the browser caused errors and ignores it\n\t\t\t// see also:\n\t\t\t// - https://github.com/public-ui/kolibri/issues/7755\n\t\t\t// - https://github.com/public-ui/public-ui.github.io/issues/336\n\t\t\tdisabled={disabled}\n\t\t\tvalue={index}\n\t\t\t{...other}\n\t\t>\n\t\t\t{label}\n\t\t</option>\n\t);\n};\n\nexport default NativeOptionFc;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { SelectOption, StencilUnknown } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport NativeOptionFc from '../NativeOption/NativeOption';\n\nexport type NativeOptionListProps = {\n\tpreKey?: string;\n\tdisabled?: boolean;\n\tvalue?: StencilUnknown | StencilUnknown[];\n\toptions?: SelectOption<StencilUnknown>[];\n\n\tOptionProps?: Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'>;\n\tOptionGroupProps?: Omit<JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>, 'label'>;\n\n\tbaseClassName?: 'kol-select';\n};\n\nconst NativeOptionListFc: FC<NativeOptionListProps> = ({\n\tbaseClassName,\n\tpreKey,\n\toptions,\n\tdisabled,\n\tvalue: selectedValue,\n\tOptionProps = {},\n\tOptionGroupProps = {},\n}) => {\n\tif (!options?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst key = [preKey, `-${index}`].join('');\n\n\t\t\t\tif ('options' in option) {\n\t\t\t\t\tif (!options.length) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst { label, ...other } = option;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<optgroup\n\t\t\t\t\t\t\tclass={clsx(`${baseClassName}__optgroup`, { [`${baseClassName}__optgroup--disabled`]: disabled })}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t{...OptionGroupProps}\n\t\t\t\t\t\t\tlabel={label?.toString()}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<NativeOptionListFc\n\t\t\t\t\t\t\t\tbaseClassName={baseClassName}\n\t\t\t\t\t\t\t\tOptionGroupProps={OptionGroupProps}\n\t\t\t\t\t\t\t\tOptionProps={OptionProps}\n\t\t\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t\t\tpreKey={key}\n\t\t\t\t\t\t\t\t{...other}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</optgroup>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn <NativeOptionFc key={key} baseClassName={baseClassName} {...OptionProps} index={key} selectedValue={selectedValue} {...option} />;\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default NativeOptionListFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\nimport NativeOptionListFc, { type NativeOptionListProps } from '../NativeOptionList';\n\ntype SelectAttributes = JSXBase.SelectHTMLAttributes<HTMLSelectElement>;\n\nexport type SelectProps = DefaultInputProps<SelectAttributes> &\n\tNativeOptionListProps & {\n\t\ttouched?: boolean;\n\t\tmsg?: Stringified<MsgPropType>;\n\t} & {\n\t\t[key: `aria-${string}`]: unknown;\n\t\t[key: `data-${string}`]: unknown;\n\t};\n\nconst NativeSelectFc: FC<SelectProps> = (props) => {\n\tconst {\n\t\tclass: classNames,\n\t\tmsg,\n\t\ttouched,\n\t\tdisabled,\n\t\trequired,\n\t\toptions,\n\t\tvalue,\n\t\tOptionProps,\n\t\tOptionGroupProps,\n\t\tariaDescribedBy,\n\t\thideLabel,\n\t\tlabel,\n\t\t...other\n\t} = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-select--disabled']: Boolean(disabled),\n\t\t['kol-select--required']: Boolean(required),\n\t\t['kol-select--touched']: Boolean(touched),\n\t\t[`kol-select--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: SelectAttributes = {\n\t\tclass: clsx('kol-select', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<select {...inputProps}>\n\t\t\t<NativeOptionListFc baseClassName=\"kol-select\" options={options} value={value} OptionGroupProps={OptionGroupProps} OptionProps={OptionProps} />\n\t\t</select>\n\t);\n};\n\nexport default NativeSelectFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolSelectFc, { type SelectProps } from '../../functional-components/inputs/NativeSelect';\n\nimport { type MsgPropType, type SelectStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type SelectStateWrapperProps = Partial<SelectProps> & {\n\tstate: SelectStates;\n};\n\nfunction getSelectProps(state: SelectStates): SelectProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: SelectProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value,\n\t\toptions: state._options,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy: ariaDescribedBy,\n\t\tsize: state._rows,\n\t\tmultiple: state._multiple,\n\t\trequired: state._required,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t};\n\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst SelectStateWrapper: FC<SelectStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolSelectFc {...getSelectProps(state)} {...other} />;\n};\n\nexport default SelectStateWrapper;\n","import type {\n\tMultiplePropType,\n\tOptgroup,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSelectOption,\n\tSelectProps,\n\tSelectWatches,\n\tStencilUnknown,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { validateMultiple, validateOptionsWithOptgroup, validateRequired, validateRows, watchJsonArrayString } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class SelectController extends InputIconController implements SelectWatches {\n\tprotected readonly component: Generic.Element.Component & SelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): Option<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprivate readonly isValueInOptions = (value: string, options: SelectOption<W3CInputValue>[]): boolean => {\n\t\treturn (\n\t\t\toptions.find((option) =>\n\t\t\t\ttypeof (option as Option<W3CInputValue>).value === 'string'\n\t\t\t\t\t? (option as Option<W3CInputValue>).value === value\n\t\t\t\t\t: Array.isArray((option as Optgroup<string>).options)\n\t\t\t\t\t\t? this.isValueInOptions(value, (option as Optgroup<string>).options)\n\t\t\t\t\t\t: false,\n\t\t\t) !== undefined\n\t\t);\n\t};\n\n\tprivate readonly filterValuesInOptions = (values: string[], options: SelectOption<W3CInputValue>[]): string[] => {\n\t\treturn values.filter((value) => this.isValueInOptions(value, options) !== undefined);\n\t};\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprivate readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst raw = nextState.get('_value');\n\n\t\tif (raw !== undefined && !Array.isArray(raw)) {\n\t\t\tnextState.set('_value', [raw]);\n\t\t}\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t\tconst value = nextState.has('_value') ? nextState.get('_value') : this.component.state._value;\n\t\t\tconst selected = this.filterValuesInOptions(\n\t\t\t\tArray.isArray(value) && value.length > 0 ? (value as string[]) : [],\n\t\t\t\toptions as SelectOption<W3CInputValue>[],\n\t\t\t);\n\t\t\tif (this.component._multiple === false && selected.length === 0) {\n\t\t\t\tnextState.set('_value', [\n\t\t\t\t\t(\n\t\t\t\t\t\toptions[0] as {\n\t\t\t\t\t\t\tvalue: string;\n\t\t\t\t\t\t}\n\t\t\t\t\t).value,\n\t\t\t\t]);\n\t\t\t} else if (Array.isArray(value) && selected.length < value.length) {\n\t\t\t\tnextState.set('_value', selected);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tvalidateOptionsWithOptgroup(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateMultiple(value?: MultiplePropType): void {\n\t\tthis.assertComponentValueMatchesMultiplicity(value === true);\n\t\tvalidateMultiple(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t\t// if (value === true) {\n\t\t// \tdevHint(\n\t\t// \t\t'[KolSelect] Currently, multiple selection is not yet supported. We are working on implementing it to be functional, as there are some gaps in the browser standard.'\n\t\t// \t);\n\t\t// \tdevHint('[KolSelect] For multiple selections, the list length (size) should also be set.');\n\t\t// }\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType) {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tthis.assertValueMatchesMultiplicity(value);\n\t\twatchJsonArrayString(this.component, '_value', () => true, value === undefined ? [] : Array.isArray(value) ? value : [value], undefined, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateMultiple(this.component._multiple);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateValue(this.component._value);\n\t}\n\n\tprivate assertValueMatchesMultiplicity(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tconst isArray = Array.isArray(value);\n\t\tconst isMultiple = this.component._multiple === true;\n\n\t\tif (isMultiple) {\n\t\t\tif (value !== undefined && !isArray) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(value)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (isArray) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (received = ${JSON.stringify(value)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate assertComponentValueMatchesMultiplicity(isMultiple: boolean): void {\n\t\tconst rawValue = this.component._value;\n\n\t\tif (isMultiple) {\n\t\t\tif (rawValue !== undefined && !Array.isArray(rawValue)) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(rawValue)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (Array.isArray(rawValue)) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (current = ${JSON.stringify(rawValue)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tMultiplePropType,\n\tNamePropType,\n\tOptionsWithOptgroupPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSelectAPI,\n\tSelectStates,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolSelectStateWrapperFc, { type SelectStateWrapperProps } from '../../functional-component-wrappers/SelectStateWrapper/SelectStateWrapper';\nimport { nonce } from '../../utils/dev.utils';\nimport { setClick } from '../../utils/element-click';\nimport { setFocus } from '../../utils/element-focus';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { SelectController } from './controller';\n\n/**\n * @internal\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-select-wc',\n\tshadow: false,\n})\nexport class KolSelectWc implements SelectAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolSelectWcElement;\n\tprivate selectRef?: HTMLSelectElement;\n\n\tprivate readonly setSelectRef = (ref?: HTMLSelectElement) => {\n\t\tthis.selectRef = ref;\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown[] | StencilUnknown> {\n\t\tif (this._multiple) {\n\t\t\treturn this.state._value;\n\t\t} else {\n\t\t\treturn Array.isArray(this.state._value) && this.state._value.length > 0 ? this.state._value[0] : this.state._value;\n\t\t}\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn setFocus(this.selectRef!);\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn setClick(this.selectRef!);\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-form-field-select', {\n\t\t\t\t'kol-form-field--has-value': this.state._hasValue,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\tonClick: () => this.selectRef?.focus(),\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getSelectProps(): SelectStateWrapperProps {\n\t\treturn {\n\t\t\tref: this.setSelectRef,\n\t\t\tstate: this.state,\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput.bind(this),\n\t\t\tonChange: this.onChange.bind(this),\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={(event) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tpropagateSubmitEventToForm({\n\t\t\t\t\t\t\t\tform: this.host,\n\t\t\t\t\t\t\t\tref: this.selectRef,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input type=\"submit\" hidden />\n\t\t\t\t\t\t<KolSelectStateWrapperFc {...this.getSelectProps()} />\n\t\t\t\t\t</form>\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: SelectController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Makes the input accept multiple inputs.\n\t * @TODO: Change type back to `MultiplePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _multiple?: boolean = false;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from, also supporting Optgroup.\n\t */\n\t@Prop() public _options!: OptionsWithOptgroupPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines how many rows of options should be visible at the same time.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;\n\n\t@State() public state: SelectStates = {\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_multiple: false,\n\t\t_options: [],\n\t\t_value: [],\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SelectController(this, 'select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_multiple')\n\tpublic validateMultiple(value?: MultiplePropType): void {\n\t\tthis.controller.validateMultiple(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate onInput(event: Event): void {\n\t\tconst selectedValues = Array.from(this.selectRef?.options || [])\n\t\t\t.filter((option) => option.selected)\n\t\t\t.map((option) => this.controller.getOptionByKey(option.value)?.value as string);\n\n\t\tif (this._multiple) {\n\t\t\tthis._value = selectedValues;\n\t\t\tthis.controller.onFacade.onInput(event, true, selectedValues);\n\t\t} else {\n\t\t\tconst singleValue: StencilUnknown = selectedValues.length > 0 ? selectedValues[0] : undefined;\n\t\t\tthis._value = singleValue;\n\t\t\tthis.controller.onFacade.onInput(event, true, singleValue);\n\t\t}\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this._multiple) {\n\t\t\tthis.controller.onFacade.onChange(event, this._value as StencilUnknown[]);\n\t\t} else {\n\t\t\tthis.controller.onFacade.onChange(event, this._value as StencilUnknown);\n\t\t}\n\t}\n}\n"],"names":["KolSelectFc","KolFormFieldStateWrapperFc","KolInputContainerFc","KolSelectStateWrapperFc"],"mappings":"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"}
+{"version":3,"file":"kol-select-wc.entry.esm.js","sources":["src/functional-components/inputs/NativeOption/NativeOption.tsx","src/functional-components/inputs/NativeOptionList/NativeOptionList.tsx","src/functional-components/inputs/NativeSelect/NativeSelect.tsx","src/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.tsx","src/components/select/controller.ts","src/components/select/component.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { StencilUnknown, W3CInputValue } from '../../../schema';\nimport clsx from '../../../utils/clsx';\n\nexport type NativeOptionProps = Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'> & {\n\tselectedValue?: StencilUnknown | StencilUnknown[];\n\tvalue: StencilUnknown;\n\tlabel: W3CInputValue;\n\tindex?: string | number;\n\tbaseClassName?: 'kol-select' | 'kol-datalist';\n};\n\nconst NativeOptionFc: FC<NativeOptionProps> = ({\n\tbaseClassName = 'kol-select',\n\tclass: classNames,\n\tindex,\n\tselectedValue,\n\tselected,\n\tvalue,\n\tlabel,\n\tdisabled,\n\t...other\n}) => {\n\tif (selectedValue === undefined) {\n\t\tselectedValue = [];\n\t} else if (!Array.isArray(selectedValue)) {\n\t\tselectedValue = [selectedValue];\n\t}\n\n\tconst isSelected = selected || (selectedValue as StencilUnknown[]).includes(value);\n\n\treturn (\n\t\t<option\n\t\t\tclass={clsx(\n\t\t\t\t`${baseClassName}__option`,\n\t\t\t\t{\n\t\t\t\t\t[`${baseClassName}__option--selected`]: isSelected,\n\t\t\t\t\t[`${baseClassName}__option--disabled`]: disabled,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\tselected={isSelected}\n\t\t\t// removed the aria-hidden attribute because the browser caused errors and ignores it\n\t\t\t// see also:\n\t\t\t// - https://github.com/public-ui/kolibri/issues/7755\n\t\t\t// - https://github.com/public-ui/public-ui.github.io/issues/336\n\t\t\tdisabled={disabled}\n\t\t\tvalue={index}\n\t\t\t{...other}\n\t\t>\n\t\t\t{label}\n\t\t</option>\n\t);\n};\n\nexport default NativeOptionFc;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { SelectOption, StencilUnknown } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport NativeOptionFc from '../NativeOption/NativeOption';\n\nexport type NativeOptionListProps = {\n\tpreKey?: string;\n\tdisabled?: boolean;\n\tvalue?: StencilUnknown | StencilUnknown[];\n\toptions?: SelectOption<StencilUnknown>[];\n\n\tOptionProps?: Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'>;\n\tOptionGroupProps?: Omit<JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>, 'label'>;\n\n\tbaseClassName?: 'kol-select';\n};\n\nconst NativeOptionListFc: FC<NativeOptionListProps> = ({\n\tbaseClassName,\n\tpreKey,\n\toptions,\n\tdisabled,\n\tvalue: selectedValue,\n\tOptionProps = {},\n\tOptionGroupProps = {},\n}) => {\n\tif (!options?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst key = [preKey, `-${index}`].join('');\n\n\t\t\t\tif ('options' in option) {\n\t\t\t\t\tif (!options.length) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst { label, ...other } = option;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<optgroup\n\t\t\t\t\t\t\tclass={clsx(`${baseClassName}__optgroup`, { [`${baseClassName}__optgroup--disabled`]: disabled })}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t{...OptionGroupProps}\n\t\t\t\t\t\t\tlabel={label?.toString()}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<NativeOptionListFc\n\t\t\t\t\t\t\t\tbaseClassName={baseClassName}\n\t\t\t\t\t\t\t\tOptionGroupProps={OptionGroupProps}\n\t\t\t\t\t\t\t\tOptionProps={OptionProps}\n\t\t\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t\t\tpreKey={key}\n\t\t\t\t\t\t\t\t{...other}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</optgroup>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn <NativeOptionFc key={key} baseClassName={baseClassName} {...OptionProps} index={key} selectedValue={selectedValue} {...option} />;\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default NativeOptionListFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\nimport NativeOptionListFc, { type NativeOptionListProps } from '../NativeOptionList';\n\ntype SelectAttributes = JSXBase.SelectHTMLAttributes<HTMLSelectElement>;\n\nexport type SelectProps = DefaultInputProps<SelectAttributes> &\n\tNativeOptionListProps & {\n\t\ttouched?: boolean;\n\t\tmsg?: Stringified<MsgPropType>;\n\t} & {\n\t\t[key: `aria-${string}`]: unknown;\n\t\t[key: `data-${string}`]: unknown;\n\t};\n\nconst NativeSelectFc: FC<SelectProps> = (props) => {\n\tconst {\n\t\tclass: classNames,\n\t\tmsg,\n\t\ttouched,\n\t\tdisabled,\n\t\trequired,\n\t\toptions,\n\t\tvalue,\n\t\tOptionProps,\n\t\tOptionGroupProps,\n\t\tariaDescribedBy,\n\t\thideLabel,\n\t\tlabel,\n\t\t...other\n\t} = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-select--disabled']: Boolean(disabled),\n\t\t['kol-select--required']: Boolean(required),\n\t\t['kol-select--touched']: Boolean(touched),\n\t\t[`kol-select--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: SelectAttributes = {\n\t\tclass: clsx('kol-select', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<select {...inputProps}>\n\t\t\t<NativeOptionListFc baseClassName=\"kol-select\" options={options} value={value} OptionGroupProps={OptionGroupProps} OptionProps={OptionProps} />\n\t\t</select>\n\t);\n};\n\nexport default NativeSelectFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolSelectFc, { type SelectProps } from '../../functional-components/inputs/NativeSelect';\n\nimport { type MsgPropType, type SelectStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type SelectStateWrapperProps = Partial<SelectProps> & {\n\tstate: SelectStates;\n};\n\nfunction getSelectProps(state: SelectStates): SelectProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: SelectProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value,\n\t\toptions: state._options,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy: ariaDescribedBy,\n\t\tsize: state._rows,\n\t\tmultiple: state._multiple,\n\t\trequired: state._required,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t};\n\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst SelectStateWrapper: FC<SelectStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolSelectFc {...getSelectProps(state)} {...other} />;\n};\n\nexport default SelectStateWrapper;\n","import type {\n\tMultiplePropType,\n\tOptgroup,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSelectOption,\n\tSelectProps,\n\tSelectWatches,\n\tStencilUnknown,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { validateMultiple, validateOptionsWithOptgroup, validateRequired, validateRows, watchJsonArrayString } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class SelectController extends InputIconController implements SelectWatches {\n\tprotected readonly component: Generic.Element.Component & SelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): Option<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprivate readonly isValueInOptions = (value: string, options: SelectOption<W3CInputValue>[]): boolean => {\n\t\treturn (\n\t\t\toptions.find((option) =>\n\t\t\t\ttypeof (option as Option<W3CInputValue>).value === 'string'\n\t\t\t\t\t? (option as Option<W3CInputValue>).value === value\n\t\t\t\t\t: Array.isArray((option as Optgroup<string>).options)\n\t\t\t\t\t\t? this.isValueInOptions(value, (option as Optgroup<string>).options)\n\t\t\t\t\t\t: false,\n\t\t\t) !== undefined\n\t\t);\n\t};\n\n\tprivate readonly filterValuesInOptions = (values: string[], options: SelectOption<W3CInputValue>[]): string[] => {\n\t\treturn values.filter((value) => this.isValueInOptions(value, options) !== undefined);\n\t};\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tprivate readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst raw = nextState.get('_value');\n\n\t\tif (raw !== undefined && !Array.isArray(raw)) {\n\t\t\tnextState.set('_value', [raw]);\n\t\t}\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t\tconst value = nextState.has('_value') ? nextState.get('_value') : this.component.state._value;\n\t\t\tconst selected = this.filterValuesInOptions(\n\t\t\t\tArray.isArray(value) && value.length > 0 ? (value as string[]) : [],\n\t\t\t\toptions as SelectOption<W3CInputValue>[],\n\t\t\t);\n\t\t\tif (this.component._multiple === false && selected.length === 0) {\n\t\t\t\tnextState.set('_value', [\n\t\t\t\t\t(\n\t\t\t\t\t\toptions[0] as {\n\t\t\t\t\t\t\tvalue: string;\n\t\t\t\t\t\t}\n\t\t\t\t\t).value,\n\t\t\t\t]);\n\t\t\t} else if (Array.isArray(value) && selected.length < value.length) {\n\t\t\t\tnextState.set('_value', selected);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tvalidateOptionsWithOptgroup(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateMultiple(value?: MultiplePropType): void {\n\t\tthis.assertComponentValueMatchesMultiplicity(value === true);\n\t\tvalidateMultiple(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t\t// if (value === true) {\n\t\t// \tdevHint(\n\t\t// \t\t'[KolSelect] Currently, multiple selection is not yet supported. We are working on implementing it to be functional, as there are some gaps in the browser standard.'\n\t\t// \t);\n\t\t// \tdevHint('[KolSelect] For multiple selections, the list length (size) should also be set.');\n\t\t// }\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType) {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tthis.assertValueMatchesMultiplicity(value);\n\t\twatchJsonArrayString(this.component, '_value', () => true, value === undefined ? [] : Array.isArray(value) ? value : [value], undefined, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateMultiple(this.component._multiple);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateValue(this.component._value);\n\t}\n\n\tprivate assertValueMatchesMultiplicity(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tconst isArray = Array.isArray(value);\n\t\tconst isMultiple = this.component._multiple === true;\n\n\t\tif (isMultiple) {\n\t\t\tif (value !== undefined && !isArray) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(value)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (isArray) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (received = ${JSON.stringify(value)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate assertComponentValueMatchesMultiplicity(isMultiple: boolean): void {\n\t\tconst rawValue = this.component._value;\n\n\t\tif (isMultiple) {\n\t\t\tif (rawValue !== undefined && !Array.isArray(rawValue)) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(rawValue)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (Array.isArray(rawValue)) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (current = ${JSON.stringify(rawValue)})`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tMultiplePropType,\n\tNamePropType,\n\tOptionsWithOptgroupPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSelectAPI,\n\tSelectStates,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolSelectStateWrapperFc, { type SelectStateWrapperProps } from '../../functional-component-wrappers/SelectStateWrapper/SelectStateWrapper';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { setClick } from '../../utils/element-click';\nimport { setFocus } from '../../utils/element-focus';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { SelectController } from './controller';\n\n/**\n * @internal\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-select-wc',\n\tshadow: false,\n})\nexport class KolSelectWc implements SelectAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolSelectWcElement;\n\tprivate selectRef?: HTMLSelectElement;\n\n\tprivate readonly setSelectRef = (ref?: HTMLSelectElement) => {\n\t\tthis.selectRef = ref;\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown[] | StencilUnknown> {\n\t\tif (this._multiple) {\n\t\t\treturn this.state._value;\n\t\t} else {\n\t\t\treturn Array.isArray(this.state._value) && this.state._value.length > 0 ? this.state._value[0] : this.state._value;\n\t\t}\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn setFocus(this.selectRef!);\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn setClick(this.selectRef!);\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-form-field-select', {\n\t\t\t\t'kol-form-field--has-value': this.state._hasValue,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\tonClick: () => this.selectRef?.focus(),\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getSelectProps(): SelectStateWrapperProps {\n\t\treturn {\n\t\t\tref: this.setSelectRef,\n\t\t\tstate: this.state,\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput.bind(this),\n\t\t\tonChange: this.onChange.bind(this),\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={(event) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tpropagateSubmitEventToForm({\n\t\t\t\t\t\t\t\tform: this.host,\n\t\t\t\t\t\t\t\tref: this.selectRef,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input type=\"submit\" hidden />\n\t\t\t\t\t\t<KolSelectStateWrapperFc {...this.getSelectProps()} />\n\t\t\t\t\t</form>\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: SelectController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Makes the input accept multiple inputs.\n\t * @TODO: Change type back to `MultiplePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _multiple?: boolean = false;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from, also supporting Optgroup.\n\t */\n\t@Prop() public _options!: OptionsWithOptgroupPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines how many rows of options should be visible at the same time.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: SelectStates = {\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('select'),\n\t\t_label: '', // ⚠ required\n\t\t_multiple: false,\n\t\t_options: [],\n\t\t_value: [],\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SelectController(this, 'select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_multiple')\n\tpublic validateMultiple(value?: MultiplePropType): void {\n\t\tthis.controller.validateMultiple(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsWithOptgroupPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate onInput(event: Event): void {\n\t\tconst selectedValues = Array.from(this.selectRef?.options || [])\n\t\t\t.filter((option) => option.selected)\n\t\t\t.map((option) => this.controller.getOptionByKey(option.value)?.value as string);\n\n\t\tif (this._multiple) {\n\t\t\tthis._value = selectedValues;\n\t\t\tthis.controller.onFacade.onInput(event, true, selectedValues);\n\t\t} else {\n\t\t\tconst singleValue: StencilUnknown = selectedValues.length > 0 ? selectedValues[0] : undefined;\n\t\t\tthis._value = singleValue;\n\t\t\tthis.controller.onFacade.onInput(event, true, singleValue);\n\t\t}\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this._multiple) {\n\t\t\tthis.controller.onFacade.onChange(event, this._value as StencilUnknown[]);\n\t\t} else {\n\t\t\tthis.controller.onFacade.onChange(event, this._value as StencilUnknown);\n\t\t}\n\t}\n}\n"],"names":["KolSelectFc","KolFormFieldStateWrapperFc","KolInputContainerFc","KolSelectStateWrapperFc"],"mappings":"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"}