npm - @public-ui/components - Versions diffs - 4.0.3-rc.2 → 4.0.4-rc.0 - Mend

@public-ui/components 4.0.3-rc.2 → 4.0.4-rc.0

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

Files changed (1082) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-popover-wc.entry.esm.js","sources":["src/schema/props/popover-callbacks.ts","src/components/popover/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types /\nexport type PopoverCloseEvent = MouseEvent \| KeyboardEvent \| ToggleEvent;\n\nexport type PopoverCallbacksPropType = {\n\t[Callback.onClose]?: EventCallback<PopoverCloseEvent>;\n};\n\n/\n Defines the callback functions for popover events.\n /\nexport type PropPopoverCallbacks = {\n\ton: PopoverCallbacksPropType;\n};\n\n/ validator /\nexport const validatePopoverCallbacks = (component: Generic.Element.Component, value?: PopoverCallbacksPropType): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['PopoverCallbacksPropType {Events.onClose}']), value);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, PopoverAPI, PopoverCallbacksPropType, PopoverCloseEvent, PopoverStates, ShowPropType } from '../../schema';\nimport { getDocument, validateAlign, validatePopoverCallbacks, validateShow } from '../../schema';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport clsx from '../../utils/clsx';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/\n @internal\n * @slot - The popover content.\n /\n@Component({\n\ttag: 'kol-popover-wc',\n\tshadow: false,\n})\nexport class KolPopover implements PopoverAPI {\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement \| null;\n\tprivate host?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\tprivate lastCloseEvent?: Event;\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.triggerElement) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.triggerElement,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.popoverElement,\n\t\t\t});\n\t\t}\n\n\t\tthis.popoverElement.style.removeProperty('visibility');\n\t};\n\n\tprivate handleBeforeToggle = (event: Event): void => {\n\t\tif ((event as ToggleEvent).newState === 'open' && this.popoverElement) {\n\t\t\tthis.popoverElement.style.visibility = 'hidden';\n\t\t}\n\t};\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tconst toggleEvent = event as ToggleEvent;\n\t\tconst isOpen = toggleEvent.newState === 'open';\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_show: isOpen,\n\t\t\t_visible: isOpen,\n\t\t};\n\n\t\tif (isOpen) {\n\t\t\tthis.cleanupAutoUpdate?.();\n\n\t\t\tif (this.triggerElement && this.popoverElement) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.addListenersToBody();\n\t\t\tvoid this.alignPopover();\n\t\t} else {\n\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\tthis.cleanupAutoUpdate = undefined;\n\n\t\t\tthis.removeListenersFromBody();\n\n\t\t\tconst closeEvent = (this.lastCloseEvent ?? toggleEvent) as PopoverCloseEvent;\n\t\t\tthis.lastCloseEvent = undefined;\n\n\t\t\tthis.triggerElement?.focus();\n\t\t\tthis.state._on?.onClose?.(closeEvent);\n\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t\t}\n\t\t}\n\n\t\tif (this._show !== isOpen) {\n\t\t\tthis._show = isOpen;\n\t\t}\n\t};\n\n\t/ catchElement functions /\n\tprivate catchHostAndTriggerElement = (element: HTMLElement \| null): void => {\n\t\tif (element) {\n\t\t\tthis.host = element;\n\t\t\tthis.triggerElement = element.previousElementSibling as HTMLElement \| null;\n\t\t}\n\t};\n\tprivate catchPopoverElement = (element?: HTMLDivElement): void => {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('beforetoggle', this.handleBeforeToggle);\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverElement = element;\n\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('beforetoggle', this.handleBeforeToggle);\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t\tthis.syncPopoverVisibility();\n\t\t}\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tprivate requestHide = (event: Event): void => {\n\t\tthis.lastCloseEvent = event;\n\t\tthis.popoverElement?.hidePopover();\n\t};\n\n\tprivate handleEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tthis.requestHide(event);\n\t\t}\n\t};\n\n\tprivate hidePopoverByClickOutside = (event: MouseEvent): void => {\n\t\tif (this.host && !this.host.contains(event.target as Node)) {\n\t\t\tthis.requestHide(event);\n\t\t}\n\t};\n\n\tprivate handleScroll = (): void => {\n\t\tvoid this.alignPopover();\n\t};\n\n\tprivate addListenersToBody(): void {\n\t\tconst documentElement = getDocument();\n\t\tconst body = documentElement.body;\n\t\tbody.addEventListener('keyup', this.handleEscape, { capture: true });\n\t\tbody.addEventListener('click', this.hidePopoverByClickOutside, { capture: true });\n\t\tdocumentElement.scrollingElement?.addEventListener('scroll', this.handleScroll, { passive: true });\n\t}\n\n\tprivate removeListenersFromBody(): void {\n\t\tconst documentElement = getDocument();\n\t\tconst body = documentElement.body;\n\t\tbody.removeEventListener('keyup', this.handleEscape, { capture: true });\n\t\tbody.removeEventListener('click', this.hidePopoverByClickOutside, { capture: true });\n\t\tdocumentElement.scrollingElement?.removeEventListener('scroll', this.handleScroll);\n\t}\n\n\tprivate syncPopoverVisibility(): void {\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\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\n\t\t\tif (this._show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\tthis.popoverElement.hidePopover();\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 render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host ref={this.catchHostAndTriggerElement} class=\"kol-popover\">\n\t\t\t\t<div class={clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible })} ref={this.catchPopoverElement} popover=\"auto\">\n\t\t\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`)} ref={this.catchArrowElement} />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t /\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/\n\t Defines the callback functions for popover events.\n\t /\n\t@Prop() public _on?: PopoverCallbacksPropType;\n\n\t/\n\t Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t@State() public state: PopoverStates = {\n\t\t_align: 'top',\n\t\t_on: {},\n\t\t_show: false,\n\t\t_visible: false,\n\t};\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t\tvoid this.alignPopover();\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: PopoverCallbacksPropType): void {\n\t\tvalidatePopoverCallbacks(this, value);\n\t}\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tvalidateShow(this, value);\n\t\tif (this.popoverElement) {\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (value) {\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} catch (e) {\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} catch (e) {\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\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateShow(this._show);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.popoverElement?.removeEventListener('beforetoggle', this.handleBeforeToggle);\n\t\tthis.popoverElement?.removeEventListener('toggle', this.handleToggle);\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.removeListenersFromBody();\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"kol-popover-wc.entry.esm.js","sources":["src/schema/props/popover-callbacks.ts","src/components/popover/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types /\nexport type PopoverCloseEvent = MouseEvent \| KeyboardEvent \| ToggleEvent;\n\nexport type PopoverCallbacksPropType = {\n\t[Callback.onClose]?: EventCallback<PopoverCloseEvent>;\n};\n\n/\n Defines the callback functions for popover events.\n /\nexport type PropPopoverCallbacks = {\n\ton: PopoverCallbacksPropType;\n};\n\n/ validator /\nexport const validatePopoverCallbacks = (component: Generic.Element.Component, value?: PopoverCallbacksPropType): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['PopoverCallbacksPropType {Events.onClose}']), value);\n};\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, PopoverAPI, PopoverCallbacksPropType, PopoverCloseEvent, PopoverStates, ShowPropType } from '../../schema';\nimport { getDocument, validateAlign, validatePopoverCallbacks, validateShow } from '../../schema';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport clsx from '../../utils/clsx';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\n\n/\n @internal\n * @slot - The popover content.\n /\n@Component({\n\ttag: 'kol-popover-wc',\n\tshadow: false,\n})\nexport class KolPopover implements PopoverAPI {\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement \| null;\n\tprivate host?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\tprivate lastCloseEvent?: Event;\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.triggerElement) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.triggerElement,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.popoverElement,\n\t\t\t});\n\t\t}\n\n\t\tthis.popoverElement.style.removeProperty('visibility');\n\t};\n\n\tprivate handleBeforeToggle = (event: Event): void => {\n\t\tif ((event as ToggleEvent).newState === 'open' && this.popoverElement) {\n\t\t\tthis.popoverElement.style.visibility = 'hidden';\n\t\t}\n\t};\n\n\tprivate handleToggle = (event: Event): void => {\n\t\tconst toggleEvent = event as ToggleEvent;\n\t\tconst isOpen = toggleEvent.newState === 'open';\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_show: isOpen,\n\t\t\t_visible: isOpen,\n\t\t};\n\n\t\tif (isOpen) {\n\t\t\tthis.cleanupAutoUpdate?.();\n\n\t\t\tif (this.triggerElement && this.popoverElement) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.addListenersToBody();\n\t\t\tvoid this.alignPopover();\n\t\t} else {\n\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\tthis.cleanupAutoUpdate = undefined;\n\n\t\t\tthis.removeListenersFromBody();\n\n\t\t\tconst closeEvent = (this.lastCloseEvent ?? toggleEvent) as PopoverCloseEvent;\n\t\t\tthis.lastCloseEvent = undefined;\n\n\t\t\tthis.triggerElement?.focus();\n\t\t\tthis.state._on?.onClose?.(closeEvent);\n\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t\t}\n\t\t}\n\n\t\tif (this._show !== isOpen) {\n\t\t\tthis._show = isOpen;\n\t\t}\n\t};\n\n\t/ catchElement functions /\n\tprivate catchHostAndTriggerElement = (element: HTMLElement \| null): void => {\n\t\tif (element) {\n\t\t\tthis.host = element;\n\t\t\tthis.triggerElement = element.previousElementSibling as HTMLElement \| null;\n\t\t}\n\t};\n\tprivate catchPopoverElement = (element?: HTMLDivElement): void => {\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.removeEventListener('beforetoggle', this.handleBeforeToggle);\n\t\t\tthis.popoverElement.removeEventListener('toggle', this.handleToggle);\n\t\t}\n\t\tthis.popoverElement = element;\n\n\t\tif (this.popoverElement) {\n\t\t\tthis.popoverElement.addEventListener('beforetoggle', this.handleBeforeToggle);\n\t\t\tthis.popoverElement.addEventListener('toggle', this.handleToggle);\n\t\t\tthis.syncPopoverVisibility();\n\t\t}\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tprivate requestHide = (event: Event): void => {\n\t\tthis.lastCloseEvent = event;\n\t\tthis.popoverElement?.hidePopover();\n\t};\n\n\tprivate handleEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tthis.requestHide(event);\n\t\t}\n\t};\n\n\tprivate hidePopoverByClickOutside = (event: MouseEvent): void => {\n\t\tif (this.host && !this.host.contains(event.target as Node)) {\n\t\t\tthis.requestHide(event);\n\t\t}\n\t};\n\n\tprivate handleScroll = (): void => {\n\t\tvoid this.alignPopover();\n\t};\n\n\tprivate addListenersToBody(): void {\n\t\tconst documentElement = getDocument();\n\t\tconst body = documentElement.body;\n\t\tbody.addEventListener('keyup', this.handleEscape, { capture: true });\n\t\tbody.addEventListener('click', this.hidePopoverByClickOutside, { capture: true });\n\t\tdocumentElement.scrollingElement?.addEventListener('scroll', this.handleScroll, { passive: true });\n\t}\n\n\tprivate removeListenersFromBody(): void {\n\t\tconst documentElement = getDocument();\n\t\tconst body = documentElement.body;\n\t\tbody.removeEventListener('keyup', this.handleEscape, { capture: true });\n\t\tbody.removeEventListener('click', this.hidePopoverByClickOutside, { capture: true });\n\t\tdocumentElement.scrollingElement?.removeEventListener('scroll', this.handleScroll);\n\t}\n\n\tprivate syncPopoverVisibility(): void {\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\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\n\t\t\tif (this._show) {\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\tthis.popoverElement.hidePopover();\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 render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host ref={this.catchHostAndTriggerElement} class=\"kol-popover\">\n\t\t\t\t<div class={clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible })} ref={this.catchPopoverElement} popover=\"auto\">\n\t\t\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`)} ref={this.catchArrowElement} />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t /\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/\n\t Defines the callback functions for popover events.\n\t /\n\t@Prop() public _on?: PopoverCallbacksPropType;\n\n\t/\n\t Makes the element show up.\n\t * @TODO: Change type back to `ShowPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _show?: boolean = false;\n\n\t@State() public state: PopoverStates = {\n\t\t_align: 'top',\n\t\t_on: {},\n\t\t_show: false,\n\t\t_visible: false,\n\t};\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t\tvoid this.alignPopover();\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: PopoverCallbacksPropType): void {\n\t\tvalidatePopoverCallbacks(this, value);\n\t}\n\n\t@Watch('_show')\n\tpublic validateShow(value?: ShowPropType): void {\n\t\tvalidateShow(this, value);\n\t\tif (this.popoverElement) {\n\t\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\t\tif (value) {\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} 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} 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\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateShow(this._show);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.popoverElement?.removeEventListener('beforetoggle', this.handleBeforeToggle);\n\t\tthis.popoverElement?.removeEventListener('toggle', this.handleToggle);\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.removeListenersFromBody();\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-popover-wc.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s}from"./index-Ck5Kf3Ni.js";import{a as o,b as e}from"./align-floating-elements-AQNQlNaN.js";import{w as h,r as l}from"./common-B-m-0Sa1.js";import{v as n}from"./align-DUInjtnX.js";import{v as r}from"./show-Db770b87.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d as c,K as d}from"./events-DHTi_wtD.js";const v=(e,t)=>{h(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},f=class{constructor(t){i(this,t),this.alignPopover=async()=>{this.popoverElement&&(this.triggerElement&&await o({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.popoverElement.style.removeProperty("visibility"))},this.handleBeforeToggle=e=>{"open"===e.newState&&this.popoverElement&&(this.popoverElement.style.visibility="hidden")},this.handleToggle=t=>{var o,i,s,l,n,r;const h=t,a="open"===h.newState;if(this.state=Object.assign(Object.assign({},this.state),{_show:a,_visible:a}),a)null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.triggerElement&&this.popoverElement&&(this.cleanupAutoUpdate=e(this.triggerElement,this.popoverElement,()=>{this.alignPopover()})),this.addListenersToBody(),this.alignPopover();else{null===(i=this.cleanupAutoUpdate)||void 0===i||i.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody();const e=null!==(s=this.lastCloseEvent)&&void 0!==s?s:h;this.lastCloseEvent=void 0,null===(l=this.triggerElement)||void 0===l||l.focus(),null===(r=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===r||r.call(n,e),this.host&&c(this.host,d.close)}this._show!==a&&(this._show=a)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement&&(this.popoverElement.removeEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.removeEventListener("toggle",this.handleToggle)),this.popoverElement=e,this.popoverElement&&(this.popoverElement.addEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.addEventListener("toggle",this.handleToggle),this.syncPopoverVisibility())},this.catchArrowElement=e=>{this.arrowElement=e},this.requestHide=e=>{var t;this.lastCloseEvent=e,null===(t=this.popoverElement)||void 0===t||t.hidePopover()},this.handleEscape=e=>{"Escape"===e.key&&this.requestHide(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.requestHide(e)},this.handleScroll=()=>{this.alignPopover()},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}addListenersToBody(){var e;const t=l(),o=t.body;o.addEventListener("keyup",this.handleEscape,{capture:!0}),o.addEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.addEventListener("scroll",this.handleScroll,{passive:!0})}removeListenersFromBody(){var e;const t=l(),o=t.body;o.removeEventListener("keyup",this.handleEscape,{capture:!0}),o.removeEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.removeEventListener("scroll",this.handleScroll)}syncPopoverVisibility(){if(!this.popoverElement)return;const e=()=>{if(!this.popoverElement)return;const e=this.popoverElement.matches(":popover-open");this._show?e||this.popoverElement.showPopover():e&&this.popoverElement.hidePopover()};this.popoverElement.isConnected?e():requestAnimationFrame(()=>{e()})}render(){return t(s,{key:"c935ecea29ed4ef3b51611f7743dc710d7df5a8f",ref:this.catchHostAndTriggerElement,class:"kol-popover"},t("div",{key:"4343375f9ca3478474359dcf1d295e6897cee3a1",class:a("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,popover:"auto"},t("div",{key:"28a8f8a066fd157737730999e7b6768a9ba2c5a9",class:a("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),t("slot",{key:"468f57ed56cb7b9f79bd7e9f4488c300e389c546"})))}validateAlign(e){n(this,e),this.alignPopover()}validateOn(e){v(this,e)}validateShow(e){if(r(this,e),this.popoverElement){const t=this.popoverElement.matches(":popover-open");if(e){if(!t)try{this.popoverElement.showPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover()}catch(e){}}}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}disconnectedCallback(){var e,t,o;null===(e=this.popoverElement)||void 0===e||e.removeEventListener("beforetoggle",this.handleBeforeToggle),null===(t=this.popoverElement)||void 0===t||t.removeEventListener("toggle",this.handleToggle),null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody()}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{f as kol_popover_wc};
+import{r as i,h as t,H as s}from"./index-CcNgPsBh.js";import{a as o,b as e}from"./align-floating-elements-B53gjKzS.js";import{b as h,z as l}from"./common-BIkdAxr0.js";import{v as n}from"./align-DDUsWnWP.js";import{v as r}from"./show-DWCKSt29.js";import{c as a}from"./clsx-COFh-Vc8.js";import{d as c,K as d}from"./events-DHTi_wtD.js";const v=(e,t)=>{h(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["PopoverCallbacksPropType {Events.onClose}"]),t)},f=class{constructor(t){i(this,t),this.alignPopover=async()=>{this.popoverElement&&(this.triggerElement&&await o({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.popoverElement.style.removeProperty("visibility"))},this.handleBeforeToggle=e=>{"open"===e.newState&&this.popoverElement&&(this.popoverElement.style.visibility="hidden")},this.handleToggle=t=>{var o,s,i,l,n,r;const h=t,a="open"===h.newState;if(this.state=Object.assign(Object.assign({},this.state),{_show:a,_visible:a}),a)null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.triggerElement&&this.popoverElement&&(this.cleanupAutoUpdate=e(this.triggerElement,this.popoverElement,()=>{this.alignPopover()})),this.addListenersToBody(),this.alignPopover();else{null===(s=this.cleanupAutoUpdate)||void 0===s||s.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody();const e=null!==(i=this.lastCloseEvent)&&void 0!==i?i:h;this.lastCloseEvent=void 0,null===(l=this.triggerElement)||void 0===l||l.focus(),null===(r=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===r||r.call(n,e),this.host&&c(this.host,d.close)}this._show!==a&&(this._show=a)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement&&(this.popoverElement.removeEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.removeEventListener("toggle",this.handleToggle)),this.popoverElement=e,this.popoverElement&&(this.popoverElement.addEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.addEventListener("toggle",this.handleToggle),this.syncPopoverVisibility())},this.catchArrowElement=e=>{this.arrowElement=e},this.requestHide=e=>{var t;this.lastCloseEvent=e,null===(t=this.popoverElement)||void 0===t||t.hidePopover()},this.handleEscape=e=>{"Escape"===e.key&&this.requestHide(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.requestHide(e)},this.handleScroll=()=>{this.alignPopover()},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}addListenersToBody(){var e;const t=l(),o=t.body;o.addEventListener("keyup",this.handleEscape,{capture:!0}),o.addEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.addEventListener("scroll",this.handleScroll,{passive:!0})}removeListenersFromBody(){var e;const t=l(),o=t.body;o.removeEventListener("keyup",this.handleEscape,{capture:!0}),o.removeEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),null===(e=t.scrollingElement)||void 0===e||e.removeEventListener("scroll",this.handleScroll)}syncPopoverVisibility(){if(!this.popoverElement)return;const e=()=>{if(!this.popoverElement)return;const e=this.popoverElement.matches(":popover-open");this._show?e||this.popoverElement.showPopover():e&&this.popoverElement.hidePopover()};this.popoverElement.isConnected?e():requestAnimationFrame(()=>{e()})}render(){return t(s,{key:"c935ecea29ed4ef3b51611f7743dc710d7df5a8f",ref:this.catchHostAndTriggerElement,class:"kol-popover"},t("div",{key:"4343375f9ca3478474359dcf1d295e6897cee3a1",class:a("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,popover:"auto"},t("div",{key:"28a8f8a066fd157737730999e7b6768a9ba2c5a9",class:a("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),t("slot",{key:"468f57ed56cb7b9f79bd7e9f4488c300e389c546"})))}validateAlign(e){n(this,e),this.alignPopover()}validateOn(e){v(this,e)}validateShow(e){if(r(this,e),this.popoverElement){const t=this.popoverElement.matches(":popover-open");if(e){if(!t)try{this.popoverElement.showPopover()}catch(e){}}else if(t)try{this.popoverElement.hidePopover()}catch(e){}}}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}disconnectedCallback(){var e,t,o;null===(e=this.popoverElement)||void 0===e||e.removeEventListener("beforetoggle",this.handleBeforeToggle),null===(t=this.popoverElement)||void 0===t||t.removeEventListener("toggle",this.handleToggle),null===(o=this.cleanupAutoUpdate)||void 0===o||o.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody()}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{f as kol_popover_wc};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["registerInstance","h","Host","alignFloatingElements","autoUpdate","watchValidator","getDocument","validateAlign","validateShow","clsx","dispatchDomEvent","KolEvent","validatePopoverCallbacks","component","value","Set","KolPopover","constructor","hostRef","this","alignPopover","async","popoverElement","triggerElement","align","_align","referenceElement","arrowElement","floatingElement","style","removeProperty","handleBeforeToggle","event","newState","visibility","handleToggle","_a","_b","_c","_d","_e","_f","toggleEvent","isOpen","state","Object","assign","_show","_visible","cleanupAutoUpdate","call","addListenersToBody","undefined","removeListenersFromBody","closeEvent","lastCloseEvent","focus","_on","onClose","host","close","catchHostAndTriggerElement","element","previousElementSibling","catchPopoverElement","removeEventListener","addEventListener","syncPopoverVisibility","catchArrowElement","requestHide","hidePopover","handleEscape","key","hidePopoverByClickOutside","contains","target","handleScroll","documentElement","body","capture","scrollingElement","passive","toggleVisibility","matches","showPopover","isConnected","requestAnimationFrame","render","ref","class","popover","validateOn","~~e","~~componentWillLoad","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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~~MAAOQ~~,GACP,CACJ,CACJ,KACK,CACD,~~GAAIjD~~,EAAQ,CACR,IACIxB,KAAKG,eAAegD,aACxB,CACA,~~MAAOsB~~,GACP,CACJ,CACJ,CACJ,CACJ,CACA,~~iBAAAC~~,~~GACI1E~~,KAAKZ,cAAcY,KAAKM,QACxBN,KAAKX,aAAaW,KAAK4B,MAC3B,CACA,~~oBAAA+C~~,GACI,~~IAAI1D~~,EAAIC,EAAIC,GACXF,EAAKjB,KAAKG,kBAAoB,MAAQc,SAAY,OAAS,EAAIA,EAAG6B,oBAAoB,eAAgB9C,KAAKY,qBAC3GM,EAAKlB,KAAKG,kBAAoB,MAAQe,SAAY,OAAS,EAAIA,EAAG4B,oBAAoB,SAAU9C,KAAKgB,eACrGG,EAAKnB,KAAK8B,qBAAuB,MAAQX,SAAY,OAAS,EAAIA,EAAGY,KAAK/B,MAC3EA,KAAK8B,kBAAoBG,UACzBjC,KAAKkC,yBACT,CACA,~~mBAAW0C~~,GAAa,MAAO,~~CAC3BtE~~,OAAU,CAAC,iBACXgC,IAAO,CAAC,cACRV,MAAS,CAAC,gBACX,UAGE/B","ignoreList":[]}
1	+ {"version":3,"names":["registerInstance","h","Host","alignFloatingElements","autoUpdate","watchValidator","getDocument","validateAlign","validateShow","clsx","dispatchDomEvent","KolEvent","validatePopoverCallbacks","component","value","Set","KolPopover","constructor","hostRef","this","alignPopover","async","popoverElement","triggerElement","align","_align","referenceElement","arrowElement","floatingElement","style","removeProperty","handleBeforeToggle","event","newState","visibility","handleToggle","_a","_b","_c","_d","_e","_f","toggleEvent","isOpen","state","Object","assign","_show","_visible","cleanupAutoUpdate","call","addListenersToBody","undefined","removeListenersFromBody","closeEvent","lastCloseEvent","focus","_on","onClose","host","close","catchHostAndTriggerElement","element","previousElementSibling","catchPopoverElement","removeEventListener","addEventListener","syncPopoverVisibility","catchArrowElement","requestHide","hidePopover","handleEscape","key","hidePopoverByClickOutside","contains","target","handleScroll","documentElement","body","capture","scrollingElement","passive","toggleVisibility","matches","showPopover","isConnected","requestAnimationFrame","render","ref","class","popover","validateOn","componentWillLoad","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as n}from"./index-Ck5Kf3Ni.js";import{e as t,w as r,M as s}from"./common-B-m-0Sa1.js";import{v as o}from"./label-BqL4x8lJ.js";const i=(e,n)=>{t(e,"_unit",n)},l=["bar","cycle"],a=e=>"string"==typeof e&&l.includes(e),c=(e,n)=>{r(e,"_variant",a,new Set(l),n)},d="/* 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: lightgray;\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    opacity: 0.5;\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__bar {\n    display: grid;\n    column-gap: 0.05rem;\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: lightgray;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: #0075ff;\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: lightgray;\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: #0075ff;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",h=({state:e})=>n("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},n("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(e._value/e._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),p=({state:e})=>{const t=e._value/e._max*100;return n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},n("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),n("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),n("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(${t}% - 4px)`}}))},b=e=>{switch(e._variant){case"cycle":return n(h,{state:e});case"bar":return n(p,{state:e});default:throw new Error(`Progress variant ${e._variant} not implemented.`)}},u=class{constructor(n){e(this,n),this._unit="%",this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){const e="%"===this.state._unit,t=e?`${Math.round(this.state._liveValue/this.state._max*100)}`:this.state._liveValue,r=e?Math.round(this.state._value/this.state._max*100):this.state._value;return n("div",{key:"fc7f5cdf4798854b0b41945c69f7feb3af75d50c",class:"kol-progress"},n("div",{key:"5ab61be685c82aceb117af33b6ad578dc12a3775","aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===this.state._variant,"kol-progress__bar":"bar"===this.state._variant}},"bar"===this.state._variant&&this.state._label&&n("div",{key:"f9917e700dc7d6c3b78f705b600b499529bbb2b7",class:"kol-progress__bar-label"},this.state._label),b(this.state),"cycle"===this.state._variant&&n("div",{key:"bb719478ebe2e5226e538bc8d07207d5c6cbc1c1",class:"kol-progress__cycle-text"},this.state._label&&n("div",{key:"777582abb2582950a50e77e1d477dfe52a2abbec",class:"kol-progress__cycle-label"},this.state._label),n("div",{key:"a5a04f2c22a3536ea8e95bc5d858f9b1ddb3b462",class:"kol-progress__cycle-value"},`${r} ${this.state._unit}`)),"bar"===this.state._variant&&n("div",{key:"b89f4d178376b85b78f085e56aacc80df07f44b1",class:"kol-progress__bar-value",style:{width:`${`${(e?100:this.state._max)+1}`.length}ch`}},r),"bar"===this.state._variant&&n("div",{key:"d35b3c9d91c8a78a994da485d80e8faf29cb23b5",class:"kol-progress__bar-unit"},this.state._unit)),n("progress",{key:"b4d92e59e667619e4c6aadd8cbf0ae20f1d325ea",class:"visually-hidden","aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),n("span",{key:"73d21662ce19a724bede515ff55ec4f62bcd6fa0","aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},e?`${t} %`:`${t} von ${this.state._max} ${this.state._unit}`))}validateLabel(e){o(this,e)}validateMax(e){"number"!=typeof e&&(e=100),s(this,"_max",e,{required:!0})}validateUnit(e){i(this,e)}validateValue(e){"number"!=typeof e&&(e=0),s(this,"_value",e,{required:!0})}validateVariant(e){c(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}),this.interval=setInterval(()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))},5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};u.style={default:d};export{u as kol_progress};
+import{r as e,h as n}from"./index-CcNgPsBh.js";import{g as t,b as r,N as s}from"./common-BIkdAxr0.js";import{v as o}from"./label-C18ud7Yt.js";const i=(e,n)=>{t(e,"_unit",n)},l=["bar","cycle"],a=e=>"string"==typeof e&&l.includes(e),c=(e,n)=>{r(e,"_variant",a,new Set(l),n)},d="/* 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: lightgray;\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    opacity: 0.5;\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__bar {\n    display: grid;\n    column-gap: 0.05rem;\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: lightgray;\n    stroke: white;\n  }\n  .kol-progress__bar-progress {\n    fill: #0075ff;\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: lightgray;\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: #0075ff;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-progress__cycle-progress {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n}",h=({state:e})=>n("svg",{width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},n("circle",{class:"kol-progress__cycle-background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),n("circle",{class:"kol-progress__cycle-progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(e._value/e._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"})),p=({state:e})=>{const t=e._value/e._max*100;return n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},n("rect",{class:"kol-progress__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),n("rect",{class:"kol-progress__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),n("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(${t}% - 4px)`}}))},b=e=>{switch(e._variant){case"cycle":return n(h,{state:e});case"bar":return n(p,{state:e});default:throw new Error(`Progress variant ${e._variant} not implemented.`)}},u=class{constructor(n){e(this,n),this._unit="%",this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){const e="%"===this.state._unit,t=e?`${Math.round(this.state._liveValue/this.state._max*100)}`:this.state._liveValue,r=e?Math.round(this.state._value/this.state._max*100):this.state._value;return n("div",{key:"fc7f5cdf4798854b0b41945c69f7feb3af75d50c",class:"kol-progress"},n("div",{key:"5ab61be685c82aceb117af33b6ad578dc12a3775","aria-hidden":"true",class:{"kol-progress__cycle":"cycle"===this.state._variant,"kol-progress__bar":"bar"===this.state._variant}},"bar"===this.state._variant&&this.state._label&&n("div",{key:"f9917e700dc7d6c3b78f705b600b499529bbb2b7",class:"kol-progress__bar-label"},this.state._label),b(this.state),"cycle"===this.state._variant&&n("div",{key:"bb719478ebe2e5226e538bc8d07207d5c6cbc1c1",class:"kol-progress__cycle-text"},this.state._label&&n("div",{key:"777582abb2582950a50e77e1d477dfe52a2abbec",class:"kol-progress__cycle-label"},this.state._label),n("div",{key:"a5a04f2c22a3536ea8e95bc5d858f9b1ddb3b462",class:"kol-progress__cycle-value"},`${r} ${this.state._unit}`)),"bar"===this.state._variant&&n("div",{key:"b89f4d178376b85b78f085e56aacc80df07f44b1",class:"kol-progress__bar-value",style:{width:`${`${(e?100:this.state._max)+1}`.length}ch`}},r),"bar"===this.state._variant&&n("div",{key:"d35b3c9d91c8a78a994da485d80e8faf29cb23b5",class:"kol-progress__bar-unit"},this.state._unit)),n("progress",{key:"b4d92e59e667619e4c6aadd8cbf0ae20f1d325ea",class:"visually-hidden","aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),n("span",{key:"73d21662ce19a724bede515ff55ec4f62bcd6fa0","aria-live":"polite","aria-relevant":"removals text",class:"visually-hidden"},e?`${t} %`:`${t} von ${this.state._max} ${this.state._unit}`))}validateLabel(e){o(this,e)}validateMax(e){"number"!=typeof e&&(e=100),s(this,"_max",e,{required:!0})}validateUnit(e){i(this,e)}validateValue(e){"number"!=typeof e&&(e=0),s(this,"_value",e,{required:!0})}validateVariant(e){c(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}),this.interval=setInterval(()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))},5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};u.style={default:d};export{u as kol_progress};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-Ck5Kf3Ni.js";import{e as t,w as i}from"./common-B-m-0Sa1.js";import{s as o}from"./reuse-CX4AQDkS.js";import{v as a}from"./label-BqL4x8lJ.js";import{l}from"./component-names-B_kYyA8u.js";import{c as s}from"./clsx-COFh-Vc8.js";const r=(e,n)=>{t(e,"_quote",n,{required:!0})},d=["block","inline"],h=e=>"string"==typeof e&&d.includes(e),c=(e,n)=>{i(e,"_variant",h,new Set(d),n)},u="@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: lightgray;\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    opacity: 0.5;\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--block .kol-quote__cite::before {\n    padding-right: 0.5em;\n  }\n  .kol-quote--inline .kol-quote__cite::before {\n    padding: 0.5em;\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}",p=class{constructor(e){n(this,e),this._variant="inline",this.state={_href:"",_quote:"",_variant:"inline"}}validateLabel(e){a(this,e)}validateHref(e){t(this,"_href",e,{required:!0})}validateQuote(e){r(this,e)}validateVariant(e){c(this,e)}componentWillLoad(){this.validateHref(this._href),this.validateLabel(this._label),this.validateQuote(this._quote),this.validateVariant(this._variant)}render(){const n=o(this.state._quote);return e("figure",{key:"995e7d373d3a732dc5ad67fef28e964fa938d534",class:s("kol-quote",`kol-quote--${this.state._variant}`)},"block"===this.state._variant?e("blockquote",{class:"kol-quote__blockquote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))):e("q",{class:"kol-quote__quote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))),"string"==typeof this.state._label&&this.state._label.length>0&&e("figcaption",{key:"b6309e2b1006c34ccfc954197b597b384cfbad9f",class:"kol-quote__figcaption"},e("cite",{key:"36d5c701b54b7e018b94251ab9e1bd83e6895455",class:"kol-quote__cite"},e(l,{key:"109ea86ed460a3979e8432a230f763674abf59d7",_href:this.state._href,_label:this.state._label,_target:"_blank"}))))}static get watchers(){return{_label:["validateLabel"],_href:["validateHref"],_quote:["validateQuote"],_variant:["validateVariant"]}}};p.style={default:u};export{p as kol_quote};
+import{r as n,h as e}from"./index-CcNgPsBh.js";import{g as t,b as i}from"./common-BIkdAxr0.js";import{s as o}from"./reuse-CX4AQDkS.js";import{v as a}from"./label-C18ud7Yt.js";import{k as l}from"./component-names-CqTpXVIM.js";import{c as s}from"./clsx-COFh-Vc8.js";const r=(e,n)=>{t(e,"_quote",n,{required:!0})},d=["block","inline"],h=e=>"string"==typeof e&&d.includes(e),c=(e,n)=>{i(e,"_variant",h,new Set(d),n)},u="@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: lightgray;\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    opacity: 0.5;\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--block .kol-quote__cite::before {\n    padding-right: 0.5em;\n  }\n  .kol-quote--inline .kol-quote__cite::before {\n    padding: 0.5em;\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}",p=class{constructor(e){n(this,e),this._variant="inline",this.state={_href:"",_quote:"",_variant:"inline"}}validateLabel(e){a(this,e)}validateHref(e){t(this,"_href",e,{required:!0})}validateQuote(e){r(this,e)}validateVariant(e){c(this,e)}componentWillLoad(){this.validateHref(this._href),this.validateLabel(this._label),this.validateQuote(this._quote),this.validateVariant(this._variant)}render(){const n=o(this.state._quote);return e("figure",{key:"995e7d373d3a732dc5ad67fef28e964fa938d534",class:s("kol-quote",`kol-quote--${this.state._variant}`)},"block"===this.state._variant?e("blockquote",{class:"kol-quote__blockquote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))):e("q",{class:"kol-quote__quote",cite:this.state._href},this.state._quote,e("span",{"aria-hidden":n?void 0:"true",hidden:!n},e("slot",{name:"expert"}))),"string"==typeof this.state._label&&this.state._label.length>0&&e("figcaption",{key:"b6309e2b1006c34ccfc954197b597b384cfbad9f",class:"kol-quote__figcaption"},e("cite",{key:"36d5c701b54b7e018b94251ab9e1bd83e6895455",class:"kol-quote__cite"},e(l,{key:"109ea86ed460a3979e8432a230f763674abf59d7",_href:this.state._href,_label:this.state._label,_target:"_blank"}))))}static get watchers(){return{_label:["validateLabel"],_href:["validateHref"],_quote:["validateQuote"],_variant:["validateVariant"]}}};p.style={default:u};export{p as kol_quote};

package/dist/kolibri/kol-quote.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["registerInstance","h","watchString","watchValidator","showExpertSlot","validateLabel","KolLinkTag","clsx","validateQuote","component","value","required","quoteVariantOptions","isQuoteVariantPropType","includes","validateVariantQuote","Set","defaultStyleCss","KolQuote","constructor","hostRef","this","_variant","state","_href","_quote","validateHref","validateVariant","componentWillLoad","_label","render","hasExpertSlot","key","class","cite","undefined","hidden","name","length","_target","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAkBC,MAAsB,mCACxCC,MAAsB,kCACtBC,MAAqB,~~6BACrBC~~,MAAkB,4CAClBC,MAAY,qBAE1B,MAAMC,EAAgB,CAACC,EAAWC,KAC9BR,EAAYO,EAAW,SAAUC,EAAO,CACpCC,SAAU,MACZ,EAGN,MAAMC,EAAsB,CAAC,QAAS,UACtC,MAAMC,EAA0BH,UACdA,IAAU,UAAYE,EAAoBE,SAASJ,GAErE,MAAMK,EAAuB,CAACN,EAAWC,KACrCP,EAAeM,EAAW,WAAYI,EAAwB,IAAIG,IAAIJ,GAAsBF,EAAM,EAGtG,MAAMO,EAAkB,8zLAExB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRpB,EAAiBqB,KAAMD,GACvBC,KAAKC,SAAW,SAChBD,KAAKE,MAAQ,CACTC,MAAO,GACPC,OAAQ,GACRH,SAAU,SAElB,CACA,aAAAjB,CAAcK,GACVL,EAAcgB,KAAMX,EACxB,CACA,YAAAgB,CAAahB,GACTR,EAAYmB,KAAM,QAASX,EAAO,CAC9BC,SAAU,MAElB,CACA,aAAAH,CAAcE,GACVF,EAAca,KAAMX,EACxB,CACA,eAAAiB,CAAgBjB,GACZK,EAAqBM,KAAMX,EAC/B,CACA,iBAAAkB,GACIP,KAAKK,aAAaL,KAAKG,OACvBH,KAAKhB,cAAcgB,KAAKQ,QACxBR,KAAKb,cAAca,KAAKI,QACxBJ,KAAKM,gBAAgBN,KAAKC,SAC9B,CACA,MAAAQ,GACI,MAAMC,EAAgB3B,EAAeiB,KAAKE,MAAME,QAChD,OAAQxB,EAAE,SAAU,CAAE+B,IAAK,2CAA4CC,MAAO1B,EAAK,YAAa,cAAcc,KAAKE,MAAMD,aAAeD,KAAKE,MAAMD,WAAa,QAAWrB,EAAE,aAAc,CAAEgC,MAAO,wBAAyBC,KAAMb,KAAKE,MAAMC,OAASH,KAAKE,MAAME,OAAQxB,EAAE,OAAQ,CAAE,eAAgB8B,EAAgB,OAASI,UAAWC,QAASL,GAAiB9B,EAAE,OAAQ,CAAEoC,KAAM,aAAkBpC,EAAE,IAAK,CAAEgC,MAAO,mBAAoBC,KAAMb,KAAKE,MAAMC,OAASH,KAAKE,MAAME,OAAQxB,EAAE,OAAQ,CAAE,eAAgB8B,EAAgB,OAASI,UAAWC,QAASL,GAAiB9B,EAAE,OAAQ,CAAEoC,KAAM,oBAAuBhB,KAAKE,MAAMM,SAAW,UAAYR,KAAKE,MAAMM,OAAOS,OAAS,GAAMrC,EAAE,aAAc,CAAE+B,IAAK,2CAA4CC,MAAO,yBAA2BhC,EAAE,OAAQ,CAAE+B,IAAK,2CAA4CC,MAAO,mBAAqBhC,EAAEK,EAAY,CAAE0B,IAAK,2CAA4CR,MAAOH,KAAKE,MAAMC,MAAOK,OAAQR,KAAKE,MAAMM,OAAQU,QAAS,aAC/9B,CACA,mBAAWC,GAAa,MAAO,CAC3BX,OAAU,CAAC,iBACXL,MAAS,CAAC,gBACVC,OAAU,CAAC,iBACXH,SAAY,CAAC,mBACd,GAEPJ,EAASuB,MAAQ,CACbC,QAASzB,UAGJC","ignoreList":[]}
1	+ {"version":3,"names":["registerInstance","h","watchString","watchValidator","showExpertSlot","validateLabel","KolLinkTag","clsx","validateQuote","component","value","required","quoteVariantOptions","isQuoteVariantPropType","includes","validateVariantQuote","Set","defaultStyleCss","KolQuote","constructor","hostRef","this","_variant","state","_href","_quote","validateHref","validateVariant","componentWillLoad","_label","render","hasExpertSlot","key","class","cite","undefined","hidden","name","length","_target","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAkBC,MAAsB,mCACxCC,MAAsB,kCACtBC,MAAqB,kCACrBC,MAAkB,4CAClBC,MAAY,qBAE1B,MAAMC,EAAgB,CAACC,EAAWC,KAC9BR,EAAYO,EAAW,SAAUC,EAAO,CACpCC,SAAU,MACZ,EAGN,MAAMC,EAAsB,CAAC,QAAS,UACtC,MAAMC,EAA0BH,UACdA,IAAU,UAAYE,EAAoBE,SAASJ,GAErE,MAAMK,EAAuB,CAACN,EAAWC,KACrCP,EAAeM,EAAW,WAAYI,EAAwB,IAAIG,IAAIJ,GAAsBF,EAAM,EAGtG,MAAMO,EAAkB,8zLAExB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRpB,EAAiBqB,KAAMD,GACvBC,KAAKC,SAAW,SAChBD,KAAKE,MAAQ,CACTC,MAAO,GACPC,OAAQ,GACRH,SAAU,SAElB,CACA,aAAAjB,CAAcK,GACVL,EAAcgB,KAAMX,EACxB,CACA,YAAAgB,CAAahB,GACTR,EAAYmB,KAAM,QAASX,EAAO,CAC9BC,SAAU,MAElB,CACA,aAAAH,CAAcE,GACVF,EAAca,KAAMX,EACxB,CACA,eAAAiB,CAAgBjB,GACZK,EAAqBM,KAAMX,EAC/B,CACA,iBAAAkB,GACIP,KAAKK,aAAaL,KAAKG,OACvBH,KAAKhB,cAAcgB,KAAKQ,QACxBR,KAAKb,cAAca,KAAKI,QACxBJ,KAAKM,gBAAgBN,KAAKC,SAC9B,CACA,MAAAQ,GACI,MAAMC,EAAgB3B,EAAeiB,KAAKE,MAAME,QAChD,OAAQxB,EAAE,SAAU,CAAE+B,IAAK,2CAA4CC,MAAO1B,EAAK,YAAa,cAAcc,KAAKE,MAAMD,aAAeD,KAAKE,MAAMD,WAAa,QAAWrB,EAAE,aAAc,CAAEgC,MAAO,wBAAyBC,KAAMb,KAAKE,MAAMC,OAASH,KAAKE,MAAME,OAAQxB,EAAE,OAAQ,CAAE,eAAgB8B,EAAgB,OAASI,UAAWC,QAASL,GAAiB9B,EAAE,OAAQ,CAAEoC,KAAM,aAAkBpC,EAAE,IAAK,CAAEgC,MAAO,mBAAoBC,KAAMb,KAAKE,MAAMC,OAASH,KAAKE,MAAME,OAAQxB,EAAE,OAAQ,CAAE,eAAgB8B,EAAgB,OAASI,UAAWC,QAASL,GAAiB9B,EAAE,OAAQ,CAAEoC,KAAM,oBAAuBhB,KAAKE,MAAMM,SAAW,UAAYR,KAAKE,MAAMM,OAAOS,OAAS,GAAMrC,EAAE,aAAc,CAAE+B,IAAK,2CAA4CC,MAAO,yBAA2BhC,EAAE,OAAQ,CAAE+B,IAAK,2CAA4CC,MAAO,mBAAqBhC,EAAEK,EAAY,CAAE0B,IAAK,2CAA4CR,MAAOH,KAAKE,MAAMC,MAAOK,OAAQR,KAAKE,MAAMM,OAAQU,QAAS,aAC/9B,CACA,mBAAWC,GAAa,MAAO,CAC3BX,OAAU,CAAC,iBACXL,MAAS,CAAC,gBACVC,OAAU,CAAC,iBACXH,SAAY,CAAC,mBACd,GAEPJ,EAASuB,MAAQ,CACbC,QAASzB,UAGJC","ignoreList":[]}

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

	@@ -1 +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 { propagateSubmitEventToForm } from '../form/controller';\nimport { SelectController } from './controller';\n\n/*\n @slot - Die Beschriftung des Eingabefeldes.\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 catchRef = (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() {\n\t\treturn Promise.resolve(this.selectRef?.focus());\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.catchRef,\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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"}
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 { propagateSubmitEventToForm } from '../form/controller';\nimport { SelectController } from './controller';\n\n/*\n @slot - Die Beschriftung des Eingabefeldes.\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 catchRef = (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() {\n\t\treturn new Promise<void>((resolve) => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.selectRef?.focus();\n\t\t\t\tresolve();\n\t\t\t});\n\t\t});\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.catchRef,\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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"}

package/dist/kolibri/kol-select-wc.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as e,F as t,r as s,g as i}from"./index-Ck5Kf3Ni.js";import{c as a}from"./clsx-COFh-Vc8.js";import{i as l,d as o,g as r,a as n,F as d}from"./FormFieldStateWrapper-DujFJWHg.js";import{I as h,a as c}from"./controller-icon-B5pV_aRv.js";import{_ as u}from"./tslib.es6-CxX45GIN.js";import{G as p}from"./common-B-m-0Sa1.js";import{n as v}from"./dev.utils-BL1Ayh8c.js";import{p as b}from"./controller-CtT1RDh9.js";import{v as m}from"./multiple-CN7ZfDba.js";import{f,v as _}from"./controller-ClywebqB.js";import{v as y}from"./required-DJbvNLly.js";import{v as j}from"./rows-BAjzKE6S.js";import"./access-and-short-key-OLoWTcqR.js";import"./disabled-BiVzb-WY.js";import"./hide-label-WZ5WNz3h.js";import"./label-BqL4x8lJ.js";import"./tooltip-align-1XGYSZmF.js";import"./align-DUInjtnX.js";import"./events-DHTi_wtD.js";import"./associated.controller-BZSp_RI6.js";import"./bootstrap-BhCzUA0r.js";import"./component-names-B_kYyA8u.js";import"./i18n-B0tfVPMa.js";import"./isObject-DvSELytj.js";import"./reuse-CX4AQDkS.js";import"./i18n-0_cE4ov3.js";import"./InternalUnderlinedBadgeText-Dhhqrs0e.js";import"./Alert-C9iUL_Sk.js";import"./bem-yGcgGOmY.js";import"./browser-CU41g6rf.js";import"./Heading-DI1jk_eR.js";import"./Icon-CtVAVxkk.js";import"./icons-C3vHAMd1.js";import"./orientation-DR4gvMev.js";const g=t=>{var{baseClassName:s="kol-select",class:i,index:o,selectedValue:l,selected:r,value:n,label:c,disabled:d}=t,h=u(t,["baseClassName","class","index","selectedValue","selected","value","label","disabled"]);void 0===l?l=[]:Array.isArray(l)||(l=[l]);const p=r||l.includes(n);return e("option",Object.assign({class:a(`${s}__option`,{[`${s}__option--selected`]:p,[`${s}__option--disabled`]:d},i),selected:p,disabled:d,value:o},h),c)},O=({baseClassName:s,preKey:i,options:o,disabled:l,value:r,OptionProps:n={},OptionGroupProps:c={}})=>(null==o?void 0:o.length)?e(t,null,o.map((t,d)=>{const h=[i,`-${d}`].join("");if("options"in t){if(!o.length)return null;const{label:i}=t,d=u(t,["label"]);return e("optgroup",Object.assign({class:a(`${s}__optgroup`,{[`${s}__optgroup--disabled`]:l}),key:h},c,{label:null==i?void 0:i.toString(),disabled:l}),e(O,Object.assign({baseClassName:s,OptionGroupProps:c,OptionProps:n,value:r,preKey:h},d)))}return"value"in t?e(g,Object.assign({key:h,baseClassName:s},n,{index:h,selectedValue:r},t)):null})):null,k=t=>{const{class:s,msg:i,touched:n,disabled:c,required:d,options:h,value:p,OptionProps:v,OptionGroupProps:m,ariaDescribedBy:b,hideLabel:_,label:y}=t,f=u(t,["class","msg","touched","disabled","required","options","value","OptionProps","OptionGroupProps","ariaDescribedBy","hideLabel","label"]),g={"kol-select--disabled":Boolean(c),"kol-select--required":Boolean(d),"kol-select--touched":Boolean(n),[`kol-select--${r(i)}`]:l(i,n)},j=Object.assign(Object.assign({class:a("kol-select",g,s),required:d,disabled:c},o({ariaDescribedBy:b,hideLabel:_,label:y})),f);return e("select",Object.assign({},j),e(O,{baseClassName:"kol-select",options:h,value:p,OptionGroupProps:m,OptionProps:v}))};function w(e){const{ariaDescribedBy:t}=n(e),a={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,options:e._options,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,size:e._rows,multiple:e._multiple,required:e._required,touched:e._touched,msg:e._msg};return"_shortKey"in e&&(a["aria-keyshortcuts"]=e._shortKey),a}const A=t=>{var{state:a}=t,s=u(t,["state"]);return e(k,Object.assign({},w(a),s))};class B extends h{constructor(e,t,a){super(e,t,a),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.isValueInOptions=(e,t)=>void 0!==t.find(t=>"string"==typeof t.value?t.value===e:!!Array.isArray(t.options)&&this.isValueInOptions(e,t.options)),this.filterValuesInOptions=(e,t)=>e.filter(e=>void 0!==this.isValueInOptions(e,t)),this.afterPatchOptions=(e,t,a,s)=>{"_value"===s&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const a=t.get("_value");void 0===a||Array.isArray(a)||t.set("_value",[a]);const s=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(s)&&s.length>0){this.keyOptionMap.clear(),f(this.keyOptionMap,s);const e=t.has("_value")?t.get("_value"):this.component.state._value,a=this.filterValuesInOptions(Array.isArray(e)&&e.length>0?e:[],s);!1===this.component._multiple&&0===a.length?t.set("_value",[s[0].value]):Array.isArray(e)&&a.length<e.length&&t.set("_value",a)}},this.component=e}validateOptions(e){_(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(e){this.assertComponentValueMatchesMultiplicity(!0===e),m(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){y(this.component,e)}validateRows(e){j(this.component,e)}validateValue(e){this.assertValueMatchesMultiplicity(e),p(this.component,"_value",()=>!0,void 0===e?[]:Array.isArray(e)?e:[e],void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}assertValueMatchesMultiplicity(e){const t=Array.isArray(e);if(!0===this.component._multiple){if(void 0!==e&&!t)throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(e)})`)}else if(t)throw new Error(`↑ 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(e)})`)}assertComponentValueMatchesMultiplicity(e){const t=this.component._value;if(e){if(void 0!==t&&!Array.isArray(t))throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(t)})`)}else if(Array.isArray(t))throw new Error(`↑ 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(t)})`)}}const C=class{async getValue(){return this._multiple?this.state._value:Array.isArray(this.state._value)&&this.state._value.length>0?this.state._value[0]:this.state._value}async focus(){var e;return Promise.resolve(null===(e=this.selectRef)||void 0===e?void 0:e.focus())}getFormFieldProps(){return{state:this.state,class:a("kol-form-field-select",{"kol-form-field--has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return null===(e=this.selectRef)||void 0===e?void 0:e.focus()},alert:this.showAsAlert()}}getSelectProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return e(d,Object.assign({key:"783ae8765a903cd7b733dd3b2f616b5a84ce7378"},this.getFormFieldProps()),e(c,{key:"9bf4d862876bbf18b40921bd715e025ff1323c3f",state:this.state},e("form",{key:"06750f56e586430344314031d3a8b25f8669c7ba",onSubmit:e=>{e.preventDefault(),b({form:this.host})}},e("input",{key:"761992a87c4638c2a4b7282154cac30c66492331",type:"submit",hidden:!0}),e(A,Object.assign({key:"36cbcbbcaef6b39a0a36c42bba3270ad873a244d"},this.getSelectProps())))))}constructor(e){s(this,e),this.catchRef=e=>{this.selectRef=e},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._multiple=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${v()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new B(this,"select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateMultiple(e){this.controller.validateMultiple(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}onInput(e){var t;const a=Array.from((null===(t=this.selectRef)||void 0===t?void 0:t.options)||[]).filter(e=>e.selected).map(e=>{var t;return null===(t=this.controller.getOptionByKey(e.value))||void 0===t?void 0:t.value});if(this._multiple)this._value=a,this.controller.onFacade.onInput(e,!0,a);else{const t=a.length>0?a[0]:void 0;this._value=t,this.controller.onFacade.onInput(e,!0,t)}}onChange(e){this._multiple,this.controller.onFacade.onChange(e,this._value)}get host(){return i(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};export{C as kol_select_wc};
+import{h as e,F as t,r as s,g as i}from"./index-CcNgPsBh.js";import{c as a}from"./clsx-COFh-Vc8.js";import{i as l,d as o,g as r,a as d,F as n}from"./FormFieldStateWrapper-iu4GxFBG.js";import{I as h,a as c}from"./controller-icon-BX6MQAxT.js";import{_ as u}from"./tslib.es6-CxX45GIN.js";import{G as p}from"./common-BIkdAxr0.js";import{n as v}from"./dev.utils-DKqMK7L3.js";import{p as f}from"./controller-zA71XEOV.js";import{v as m}from"./multiple-BgWWOenK.js";import{f as b,v as y}from"./controller-Rj5NFCr7.js";import{v as _}from"./required-Dt9l4wUg.js";import{v as j}from"./rows-CN7sG0G_.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./label-C18ud7Yt.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-CdEaJGVD.js";import"./bootstrap-DcH8Lr28.js";import"./component-names-CqTpXVIM.js";import"./i18n-B0tfVPMa.js";import"./isObject-DvSELytj.js";import"./reuse-CX4AQDkS.js";import"./i18n-DvMeCREp.js";import"./InternalUnderlinedBadgeText-Byr5A16l.js";import"./Alert-IgD1kIEs.js";import"./bem-registry-B0PxCYiM.js";import"./browser-KcXKIKON.js";import"./Heading-Cua7Os8e.js";import"./Icon-D6u29LjG.js";import"./icons-CmA8Oww0.js";import"./orientation-pWOiDBRo.js";const g=t=>{var{baseClassName:s="kol-select",class:i,index:o,selectedValue:l,selected:r,value:n,label:d,disabled:c}=t,h=u(t,["baseClassName","class","index","selectedValue","selected","value","label","disabled"]);void 0===l?l=[]:Array.isArray(l)||(l=[l]);const p=r||l.includes(n);return e("option",Object.assign({class:a(`${s}__option`,{[`${s}__option--selected`]:p,[`${s}__option--disabled`]:c},i),selected:p,disabled:c,value:o},h),d)},O=({baseClassName:s,preKey:i,options:o,disabled:l,value:r,OptionProps:n={},OptionGroupProps:d={}})=>(null==o?void 0:o.length)?e(t,null,o.map((t,c)=>{const h=[i,`-${c}`].join("");if("options"in t){if(!o.length)return null;const{label:i}=t,c=u(t,["label"]);return e("optgroup",Object.assign({class:a(`${s}__optgroup`,{[`${s}__optgroup--disabled`]:l}),key:h},d,{label:null==i?void 0:i.toString(),disabled:l}),e(O,Object.assign({baseClassName:s,OptionGroupProps:d,OptionProps:n,value:r,preKey:h},c)))}return"value"in t?e(g,Object.assign({key:h,baseClassName:s},n,{index:h,selectedValue:r},t)):null})):null,w=t=>{const{class:s,msg:i,touched:n,disabled:d,required:c,options:h,value:p,OptionProps:v,OptionGroupProps:m,ariaDescribedBy:_,hideLabel:b,label:y}=t,f=u(t,["class","msg","touched","disabled","required","options","value","OptionProps","OptionGroupProps","ariaDescribedBy","hideLabel","label"]),g={"kol-select--disabled":Boolean(d),"kol-select--required":Boolean(c),"kol-select--touched":Boolean(n),[`kol-select--${r(i)}`]:l(i,n)},j=Object.assign(Object.assign({class:a("kol-select",g,s),required:c,disabled:d},o({ariaDescribedBy:_,hideLabel:b,label:y})),f);return e("select",Object.assign({},j),e(O,{baseClassName:"kol-select",options:h,value:p,OptionGroupProps:m,OptionProps:v}))};function k(e){const{ariaDescribedBy:t}=d(e),s={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,options:e._options,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,size:e._rows,multiple:e._multiple,required:e._required,touched:e._touched,msg:e._msg};return"_shortKey"in e&&(s["aria-keyshortcuts"]=e._shortKey),s}const A=t=>{var{state:s}=t,i=u(t,["state"]);return e(w,Object.assign({},k(s),i))};class B extends h{constructor(e,t,s){super(e,t,s),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.isValueInOptions=(e,t)=>void 0!==t.find(t=>"string"==typeof t.value?t.value===e:!!Array.isArray(t.options)&&this.isValueInOptions(e,t.options)),this.filterValuesInOptions=(e,t)=>e.filter(e=>void 0!==this.isValueInOptions(e,t)),this.afterPatchOptions=(e,t,s,i)=>{"_value"===i&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const s=t.get("_value");void 0===s||Array.isArray(s)||t.set("_value",[s]);const i=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(i)&&i.length>0){this.keyOptionMap.clear(),b(this.keyOptionMap,i);const e=t.has("_value")?t.get("_value"):this.component.state._value,s=this.filterValuesInOptions(Array.isArray(e)&&e.length>0?e:[],i);!1===this.component._multiple&&0===s.length?t.set("_value",[i[0].value]):Array.isArray(e)&&s.length<e.length&&t.set("_value",s)}},this.component=e}validateOptions(e){y(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(e){this.assertComponentValueMatchesMultiplicity(!0===e),m(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){_(this.component,e)}validateRows(e){j(this.component,e)}validateValue(e){this.assertValueMatchesMultiplicity(e),p(this.component,"_value",()=>!0,void 0===e?[]:Array.isArray(e)?e:[e],void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}assertValueMatchesMultiplicity(e){const t=Array.isArray(e);if(!0===this.component._multiple){if(void 0!==e&&!t)throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(e)})`)}else if(t)throw new Error(`↑ 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(e)})`)}assertComponentValueMatchesMultiplicity(e){const t=this.component._value;if(e){if(void 0!==t&&!Array.isArray(t))throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(t)})`)}else if(Array.isArray(t))throw new Error(`↑ 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(t)})`)}}const P=class{async getValue(){return this._multiple?this.state._value:Array.isArray(this.state._value)&&this.state._value.length>0?this.state._value[0]:this.state._value}async focus(){return new Promise(e=>{requestAnimationFrame(()=>{var t;null===(t=this.selectRef)||void 0===t||t.focus(),e()})})}getFormFieldProps(){return{state:this.state,class:a("kol-form-field-select",{"kol-form-field--has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return null===(e=this.selectRef)||void 0===e?void 0:e.focus()},alert:this.showAsAlert()}}getSelectProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return e(n,Object.assign({key:"44490eb252cf8e389146f5c8bcaa323a9f42c5cc"},this.getFormFieldProps()),e(c,{key:"663ac31f77dfa763ef2a1603fd0597211d37edc7",state:this.state},e("form",{key:"c16646ed59f3e5788a89f1d92efd1e2707744649",onSubmit:e=>{e.preventDefault(),f({form:this.host})}},e("input",{key:"fe84cdd692d243ac1c017fc8e9cd10cd32a0b2bb",type:"submit",hidden:!0}),e(A,Object.assign({key:"27465e961d32dc09fe1a6978140693350f813dc0"},this.getSelectProps())))))}constructor(e){s(this,e),this.catchRef=e=>{this.selectRef=e},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._multiple=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${v()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new B(this,"select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateMultiple(e){this.controller.validateMultiple(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}onInput(e){var t;const s=Array.from((null===(t=this.selectRef)||void 0===t?void 0:t.options)||[]).filter(e=>e.selected).map(e=>{var t;return null===(t=this.controller.getOptionByKey(e.value))||void 0===t?void 0:t.value});if(this._multiple)this._value=s,this.controller.onFacade.onInput(e,!0,s);else{const t=s.length>0?s[0]:void 0;this._value=t,this.controller.onFacade.onInput(e,!0,t)}}onChange(e){this._multiple,this.controller.onFacade.onChange(e,this._value)}get host(){return i(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};export{P as kol_select_wc};