@public-ui/components 4.3.0-rc.4 → 4.3.0-rc.5

package/dist/kolibri/kol-toolbar.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-toolbar.entry.esm.js","sources":["src/schema/props/toolbar-items.ts","src/components/toolbar/style.scss?tag=kol-toolbar&mode=default&encapsulation=shadow","src/components/toolbar/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { InternalButtonProps, LinkProps } from '../../schema';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type ToolbarItemPropType =\n\t| ({\n\t\t\ttype: 'button';\n\t  } & InternalButtonProps)\n\t| ({\n\t\t\ttype: 'link';\n\t  } & LinkProps);\nexport type ToolbarItemsPropType = ToolbarItemPropType[];\n\n/**\n * Defines the primary toolbar items.\n */\nexport type PropToolbarItems = {\n\titems: ToolbarItemsPropType;\n};\n\n/* validator */\nexport const validateToolbarItems = (component: Generic.Element.Component, value?: ToolbarItemsPropType): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ToolbarItemPropType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original items\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((items: ToolbarItemPropType) => typeof items === 'object' && items !== null)) {\n\t\t\t\tsetState(component, '_items', value);\n\t\t\t}\n\t\t});\n\t});\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-link');\n\t@include kol-button-styles('kol-button');\n\n\t.kol-toolbar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\n\t\t&--orientation-vertical {\n\t\t\tflex-direction: column;\n\t\t\talign-items: stretch;\n\n\t\t\t.kol-span {\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type {\n\tClickableElement,\n\tFocusableElement,\n\tKolFocusOptions,\n\tLabelPropType,\n\tToolbarAPI,\n\tToolbarItemPropType,\n\tToolbarItemsPropType,\n\tToolbarStates,\n} from '../../schema';\nimport { validateLabel, validateToolbarItems } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar implements ClickableElement, FocusableElement, ToolbarAPI {\n\t@Element() private readonly host?: HTMLElement;\n\n\t@State() public state: ToolbarStates = {\n\t\t_label: '',\n\t\t_items: [],\n\t};\n\n\t@State() private currentIndex: number = 0;\n\n\tprivate indexToElement = new Map<number, HTMLKolLinkWcElement | HTMLKolButtonWcElement>();\n\n\t/**\n\t * Sets focus on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst firstEnabledItem = this.indexToElement.get(this.currentIndex);\n\t\tif (firstEnabledItem) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(firstEnabledItem, options));\n\t\t}\n\t}\n\n\t/**\n\t * Triggers a click on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\tconst currentItem = this.indexToElement.get(this.currentIndex);\n\t\tif (currentItem) {\n\t\t\treturn delegateClick(this.host!, async () => setClick(currentItem));\n\t\t}\n\t}\n\n\tprivate normalizeItem(item: ToolbarItemPropType): ToolbarItemPropType {\n\t\tconst { _icons, _disabled, ...rest } = item;\n\t\treturn { ...rest, _icons, _disabled };\n\t}\n\tprivate renderItem = (raw: ToolbarItemPropType, index: number): JSX.Element => {\n\t\tconst element = this.normalizeItem(raw);\n\t\tconst tabIndex = index === this.currentIndex && !element?._disabled ? 0 : -1;\n\n\t\tconst props = {\n\t\t\tkey: index,\n\t\t\tclass: 'button normal kol-toolbar__item',\n\t\t\t_tabIndex: tabIndex,\n\t\t\t_variant: 'normal',\n\t\t};\n\t\tconst catchRef = (el?: HTMLKolLinkWcElement | HTMLKolButtonWcElement) => {\n\t\t\tif (el) this.indexToElement.set(index, el);\n\t\t};\n\t\treturn element.type === 'link' ? (\n\t\t\t<KolLinkWcTag {...props} {...element} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...props} {...element} ref={catchRef}></KolButtonWcTag>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`} role=\"toolbar\" aria-label={this.state._label}>\n\t\t\t\t{this.state._items.map(this.renderItem)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t */\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t */\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_items')\n\tpublic validateItems(value?: ToolbarItemsPropType): void {\n\t\tvalidateToolbarItems(this, value);\n\t\tthis.indexToElement.clear();\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this, value);\n\t}\n\n\t/**\n\t * Retrieves the toolbar item by index if defined.\n\t * If not it use the current index of state.\n\t *\n\t * @returns An array of HTMLElements representing the toolbar items.\n\t */\n\tprivate getCurrentToolbarItem(index?: number): HTMLKolLinkWcElement | HTMLKolButtonWcElement | undefined {\n\t\treturn typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n\t}\n\n\t/**\n\t * Sets the index of the first enabled toolbar item.\n\t */\n\tprivate setFirstEnabledItemIndex() {\n\t\tthis.currentIndex = this.state._items?.findIndex((item) => !item._disabled);\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tconst isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n\t\tif (!isArrowKey) return;\n\t\tevent.preventDefault();\n\n\t\tconst lastItemIndex = (this._items?.length ?? 0) - 1;\n\t\tif (lastItemIndex < 0) return;\n\t\tconst currentIndex = this.currentIndex;\n\t\tlet nextIndex = currentIndex;\n\n\t\tswitch (pressedKey) {\n\t\t\tcase KeyboardKey.ArrowUp:\n\t\t\tcase KeyboardKey.ArrowLeft:\n\t\t\t\tnextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n\t\t\t\tbreak;\n\t\t\tcase KeyboardKey.ArrowDown:\n\t\t\tcase KeyboardKey.ArrowRight:\n\t\t\t\tnextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (currentIndex === nextIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex = nextIndex;\n\t\tconst item = this.getCurrentToolbarItem(nextIndex);\n\t\tif (this.host) {\n\t\t\tvoid item?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('focusout', { capture: true })\n\tpublic handleFocusout(event: FocusEvent) {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateItems(this._items);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-toolbar.entry.esm.js","sources":["src/schema/props/toolbar-items.ts","src/components/toolbar/style.scss?tag=kol-toolbar&mode=default&encapsulation=shadow","src/components/toolbar/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { InternalButtonProps, LinkProps } from '../../schema';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type ToolbarItemPropType =\n\t| ({\n\t\t\ttype: 'button';\n\t  } & InternalButtonProps)\n\t| ({\n\t\t\ttype: 'link';\n\t  } & LinkProps);\nexport type ToolbarItemsPropType = ToolbarItemPropType[];\n\n/**\n * Defines the primary toolbar items.\n */\nexport type PropToolbarItems = {\n\titems: ToolbarItemsPropType;\n};\n\n/* validator */\nexport const validateToolbarItems = (component: Generic.Element.Component, value?: ToolbarItemsPropType): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ToolbarItemPropType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original items\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((items: ToolbarItemPropType) => typeof items === 'object' && items !== null)) {\n\t\t\t\tsetState(component, '_items', value);\n\t\t\t}\n\t\t});\n\t});\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-link');\n\t@include kol-button-styles('kol-button');\n\n\t.kol-toolbar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\n\t\t&--orientation-vertical {\n\t\t\tflex-direction: column;\n\t\t\talign-items: stretch;\n\n\t\t\t.kol-span {\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { getFeatureFlag } from 'adopted-style-sheets';\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type {\n\tClickableElement,\n\tFocusableElement,\n\tKolFocusOptions,\n\tLabelPropType,\n\tToolbarAPI,\n\tToolbarItemPropType,\n\tToolbarItemsPropType,\n\tToolbarStates,\n} from '../../schema';\nimport { validateLabel, validateToolbarItems } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar implements ClickableElement, FocusableElement, ToolbarAPI {\n\t@Element() private readonly host?: HTMLElement;\n\n\t@State() public state: ToolbarStates = {\n\t\t_label: '',\n\t\t_items: [],\n\t};\n\n\t@State() private currentIndex: number = 0;\n\n\tprivate indexToElement = new Map<number, HTMLKolLinkWcElement | HTMLKolButtonWcElement>();\n\n\t/**\n\t * Sets focus on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst firstEnabledItem = this.indexToElement.get(this.currentIndex);\n\t\tif (firstEnabledItem) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(firstEnabledItem, options));\n\t\t}\n\t}\n\n\t/**\n\t * Triggers a click on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\tconst currentItem = this.indexToElement.get(this.currentIndex);\n\t\tif (currentItem) {\n\t\t\treturn delegateClick(this.host!, async () => setClick(currentItem));\n\t\t}\n\t}\n\n\tprivate normalizeItem(item: ToolbarItemPropType): ToolbarItemPropType {\n\t\tconst { _icons, _disabled, ...rest } = item;\n\t\treturn { ...rest, _icons, _disabled };\n\t}\n\tprivate renderItem = (raw: ToolbarItemPropType, index: number): JSX.Element => {\n\t\tconst element = this.normalizeItem(raw);\n\t\tconst tabIndex = index === this.currentIndex && !element?._disabled ? 0 : -1;\n\n\t\tconst props = {\n\t\t\tkey: index,\n\t\t\tclass: 'kol-toolbar__item',\n\t\t\t_tabIndex: tabIndex,\n\t\t\t_inline: false,\n\t\t\t_variant: getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal',\n\t\t};\n\t\tconst catchRef = (el?: HTMLKolLinkWcElement | HTMLKolButtonWcElement) => {\n\t\t\tif (el) this.indexToElement.set(index, el);\n\t\t};\n\t\treturn element.type === 'link' ? (\n\t\t\t<KolLinkWcTag {...props} {...element} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...props} {...element} ref={catchRef}></KolButtonWcTag>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`} role=\"toolbar\" aria-label={this.state._label}>\n\t\t\t\t{this.state._items.map(this.renderItem)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t */\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t */\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_items')\n\tpublic validateItems(value?: ToolbarItemsPropType): void {\n\t\tvalidateToolbarItems(this, value);\n\t\tthis.indexToElement.clear();\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this, value);\n\t}\n\n\t/**\n\t * Retrieves the toolbar item by index if defined.\n\t * If not it use the current index of state.\n\t *\n\t * @returns An array of HTMLElements representing the toolbar items.\n\t */\n\tprivate getCurrentToolbarItem(index?: number): HTMLKolLinkWcElement | HTMLKolButtonWcElement | undefined {\n\t\treturn typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n\t}\n\n\t/**\n\t * Sets the index of the first enabled toolbar item.\n\t */\n\tprivate setFirstEnabledItemIndex() {\n\t\tthis.currentIndex = this.state._items?.findIndex((item) => !item._disabled);\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tconst isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n\t\tif (!isArrowKey) return;\n\t\tevent.preventDefault();\n\n\t\tconst lastItemIndex = (this._items?.length ?? 0) - 1;\n\t\tif (lastItemIndex < 0) return;\n\t\tconst currentIndex = this.currentIndex;\n\t\tlet nextIndex = currentIndex;\n\n\t\tswitch (pressedKey) {\n\t\t\tcase KeyboardKey.ArrowUp:\n\t\t\tcase KeyboardKey.ArrowLeft:\n\t\t\t\tnextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n\t\t\t\tbreak;\n\t\t\tcase KeyboardKey.ArrowDown:\n\t\t\tcase KeyboardKey.ArrowRight:\n\t\t\t\tnextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (currentIndex === nextIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex = nextIndex;\n\t\tconst item = this.getCurrentToolbarItem(nextIndex);\n\t\tif (this.host) {\n\t\t\tvoid item?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('focusout', { capture: true })\n\tpublic handleFocusout(event: FocusEvent) {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateItems(this._items);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n}\n"],"names":["getFeatureFlag"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-Dabxza7-.js";import{a as o}from"./tslib.es6-QNbPBOk5.js";import{c as i,b as l}from"./component-names-Dy77vq43.js";import{P as a,o as r,p as s,s as c}from"./common-Cbb6Axov.js";import{v as h}from"./label-We78Dt9U.js";import{K as d}from"./keyboard-DNd73LVa.js";import{v as f}from"./orientation-DPjc47G2.js";import{d as m,a as b,s as p,b as u}from"./element-focus-BQXzaLL9.js";const k=(n,e)=>{a(e,(()=>{r(e,(()=>{if(typeof e==="undefined"){e=[]}try{e=s(e)}catch(n){}if(Array.isArray(e)&&e.every((n=>typeof n==="object"&&n!==null))){c(n,"_items",e)}}))}))};const y='@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783501930981"); /* IE9*/\n  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-link::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-link__text {\n    flex: 1 0 100%;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .kol-toolbar--orientation-vertical {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .kol-toolbar--orientation-vertical .kol-span {\n    align-items: flex-start;\n  }\n  .kol-toolbar:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}';const g=class{constructor(t){n(this,t);this.state={_label:"",_items:[]};this.currentIndex=0;this.indexToElement=new Map;this.renderItem=(n,t)=>{const o=this.normalizeItem(n);const a=t===this.currentIndex&&!(o===null||o===void 0?void 0:o._disabled)?0:-1;const r={key:t,class:"button normal kol-toolbar__item",_tabIndex:a,_variant:"normal"};const s=n=>{if(n)this.indexToElement.set(t,n)};return o.type==="link"?e(i,Object.assign({},r,o,{ref:s})):e(l,Object.assign({},r,o,{ref:s}))}}async focus(n){const e=this.indexToElement.get(this.currentIndex);if(e){return m(this.host,(()=>p(e,n)))}}async click(){const n=this.indexToElement.get(this.currentIndex);if(n){return b(this.host,(async()=>u(n)))}}normalizeItem(n){const{_icons:e,_disabled:t}=n,i=o(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:e,_disabled:t})}render(){return e("div",{key:"620bd0c219c8e3425d7fc04be129c7ef9e993a84",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(n){h(this,n)}validateItems(n){k(this,n);this.indexToElement.clear();this.setFirstEnabledItemIndex()}validateOrientation(n){f(this,n)}getCurrentToolbarItem(n){return typeof n==="number"?this.indexToElement.get(n):undefined}setFirstEnabledItemIndex(){var n;this.currentIndex=(n=this.state._items)===null||n===void 0?void 0:n.findIndex((n=>!n._disabled))}handleKeyDown(n){var e,t,o,i;const l=n.code;const a=[d.ArrowUp,d.ArrowDown,d.ArrowRight,d.ArrowLeft].includes(l);if(!a)return;n.preventDefault();const r=((t=(e=this._items)===null||e===void 0?void 0:e.length)!==null&&t!==void 0?t:0)-1;if(r<0)return;const s=this.currentIndex;let c=s;switch(l){case d.ArrowUp:case d.ArrowLeft:c=s>0?s-1:r;break;case d.ArrowDown:case d.ArrowRight:c=s<r?s+1:0;break}if(s===c){return}if((i=(o=this.state._items)===null||o===void 0?void 0:o[c])===null||i===void 0?void 0:i._disabled){return}this.currentIndex=c;const h=this.getCurrentToolbarItem(c);if(this.host){void(h===null||h===void 0?void 0:h.focus())}}handleFocusout(n){if(n.target===this.host)this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label);this.validateItems(this._items);this.validateOrientation(this._orientation);this.setFirstEnabledItemIndex()}get host(){return t(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};g.style={default:y};export{g as kol_toolbar};
+import{r as n,h as e,g as t}from"./index-btga56T2.js";import{a as o}from"./tslib.es6-QNbPBOk5.js";import{P as i,o as l,p as a,s as r,X as s}from"./common-D5l8QiaY.js";import{c,b as h}from"./component-names-Dy77vq43.js";import{v as d}from"./label-Ftw1VCQG.js";import{K as f}from"./keyboard-DNd73LVa.js";import{v as m}from"./orientation-BOSiSKDw.js";import{d as b,a as p,s as u,b as k}from"./element-focus-BQXzaLL9.js";const y=(n,e)=>{i(e,(()=>{l(e,(()=>{if(typeof e==="undefined"){e=[]}try{e=a(e)}catch(n){}if(Array.isArray(e)&&e.every((n=>typeof n==="object"&&n!==null))){r(n,"_items",e)}}))}))};const g='@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1784281062679"); /* IE9*/\n  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-link::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-link__text {\n    flex: 1 0 100%;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .kol-toolbar--orientation-vertical {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .kol-toolbar--orientation-vertical .kol-span {\n    align-items: flex-start;\n  }\n  .kol-toolbar:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}';const w=class{constructor(t){n(this,t);this.state={_label:"",_items:[]};this.currentIndex=0;this.indexToElement=new Map;this.renderItem=(n,t)=>{var o;const i=this.normalizeItem(n);const l=t===this.currentIndex&&!(i===null||i===void 0?void 0:i._disabled)?0:-1;const a={key:t,class:"kol-toolbar__item",_tabIndex:l,_inline:false,_variant:(o=s("buttonVariantDefault",this.host))!==null&&o!==void 0?o:"normal"};const r=n=>{if(n)this.indexToElement.set(t,n)};return i.type==="link"?e(c,Object.assign({},a,i,{ref:r})):e(h,Object.assign({},a,i,{ref:r}))}}async focus(n){const e=this.indexToElement.get(this.currentIndex);if(e){return b(this.host,(()=>u(e,n)))}}async click(){const n=this.indexToElement.get(this.currentIndex);if(n){return p(this.host,(async()=>k(n)))}}normalizeItem(n){const{_icons:e,_disabled:t}=n,i=o(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:e,_disabled:t})}render(){return e("div",{key:"292041450d7aaed96bab6b65baa3eec13cad1452",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(n){d(this,n)}validateItems(n){y(this,n);this.indexToElement.clear();this.setFirstEnabledItemIndex()}validateOrientation(n){m(this,n)}getCurrentToolbarItem(n){return typeof n==="number"?this.indexToElement.get(n):undefined}setFirstEnabledItemIndex(){var n;this.currentIndex=(n=this.state._items)===null||n===void 0?void 0:n.findIndex((n=>!n._disabled))}handleKeyDown(n){var e,t,o,i;const l=n.code;const a=[f.ArrowUp,f.ArrowDown,f.ArrowRight,f.ArrowLeft].includes(l);if(!a)return;n.preventDefault();const r=((t=(e=this._items)===null||e===void 0?void 0:e.length)!==null&&t!==void 0?t:0)-1;if(r<0)return;const s=this.currentIndex;let c=s;switch(l){case f.ArrowUp:case f.ArrowLeft:c=s>0?s-1:r;break;case f.ArrowDown:case f.ArrowRight:c=s<r?s+1:0;break}if(s===c){return}if((i=(o=this.state._items)===null||o===void 0?void 0:o[c])===null||i===void 0?void 0:i._disabled){return}this.currentIndex=c;const h=this.getCurrentToolbarItem(c);if(this.host){void(h===null||h===void 0?void 0:h.focus())}}handleFocusout(n){if(n.target===this.host)this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label);this.validateItems(this._items);this.validateOrientation(this._orientation);this.setFirstEnabledItemIndex()}get host(){return t(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};w.style={default:g};export{w as kol_toolbar};
 //# sourceMappingURL=kol-toolbar.entry.js.map

package/dist/kolibri/kol-toolbar.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__rest","KolLinkWcTag","KolButtonWcTag","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","validateLabel","KeyboardKey","validateOrientation","delegateFocus","delegateClick","setFocus","setClick","validateToolbarItems","component","value","_a","Array","isArray","every","items","defaultStyleCss","KolToolbar","constructor","hostRef","this","state","_label","_items","currentIndex","indexToElement","Map","renderItem","raw","index","element","normalizeItem","tabIndex","_disabled","props","key","class","_tabIndex","_variant","catchRef","el","set","type","Object","assign","ref","focus","options","firstEnabledItem","get","host","click","currentItem","async","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","undefined","findIndex","handleKeyDown","event","_b","_c","_d","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","handleFocusout","target","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","X","KolLinkWcTag","KolButtonWcTag","validateLabel","KeyboardKey","validateOrientation","delegateFocus","delegateClick","setFocus","setClick","validateToolbarItems","component","value","_a","Array","isArray","every","items","defaultStyleCss","KolToolbar","constructor","hostRef","this","state","_label","_items","currentIndex","indexToElement","Map","renderItem","raw","index","element","normalizeItem","tabIndex","_disabled","props","key","class","_tabIndex","_inline","_variant","host","catchRef","el","set","type","Object","assign","ref","focus","options","firstEnabledItem","get","click","currentItem","async","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","undefined","findIndex","handleKeyDown","event","_b","_c","_d","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","handleFocusout","target","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/components/tooltip/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType } from '../../schema';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\n\n/**\n * @deprecated The tooltip component is deprecated and will be removed in the next major release\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc {\n\t@Element() private readonly host?: HTMLKolTooltipWcElement;\n\n\tprivate controller = new TooltipController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\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 internal ID of the primary component element.\n\t * @deprecated Will be removed in next major release. The ID is now generated internally and cannot be set via props.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tthis.controller?.watchAlign(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tthis.controller?.watchId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tthis.controller?.watchLabel(value);\n\t}\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\tpublic hideTooltip(): Promise<void> {\n\t\treturn Promise.resolve(this.controller?.hideTooltip());\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.controller.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\talign: this._align,\n\t\t\tbadgeText: this._badgeText,\n\t\t\tid: this._id,\n\t\t});\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.controller?.initContext((this.host?.previousElementSibling ?? undefined) as HTMLElement | undefined);\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.host) {\n\t\t\tthis.controller?.handleEventListeners(this.host as HTMLElement);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.controller?.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t<TooltipFC\n\t\t\t\t\tlabel={this.controller.getRenderProp('label')}\n\t\t\t\t\tbadgeText={this._badgeText}\n\t\t\t\t\tid={this.controller.getRenderProp('id')}\n\t\t\t\t\trefFloating={(el?: HTMLDivElement) => this.controller?.setTooltipElementRef(el as HTMLElement)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAgBa,YAAY,GAAA,MAAA;AAJzB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAOS,IAAU,CAAA,UAAA,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC;AAUvD,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAwE7C;AAzDO,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;AAI5B,IAAA,UAAU,CAAC,KAAkB,EAAA;;QACnC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,KAAK,CAAC;;AAIzB,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;IAO5B,WAAW,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAC;;IAGhD,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,SAAS,EAAE,IAAI,CAAC,UAAU;YAC1B,EAAE,EAAE,IAAI,CAAC,GAAG;AACZ,SAAA,CAAC;;IAGI,iBAAiB,GAAA;;AACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,sBAAsB,mCAAI,SAAS,EAA6B;;IAGnG,kBAAkB,GAAA;;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,oBAAoB,CAAC,IAAI,CAAC,IAAmB,CAAC;;;IAI1D,oBAAoB,GAAA;;QAC1B,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;;IAGpB,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxB,CAAC,CAAA,SAAS,EACT,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,WAAW,EAAE,CAAC,EAAmB,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,oBAAoB,CAAC,EAAiB,CAAC,CAAA,EAAA,EAAA,CAC7F,CACI;;;;;;;;;;;;"}
+{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/components/tooltip/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType } from '../../schema';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\n\n/**\n * @deprecated The tooltip component is deprecated and will be removed in the next major release\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc {\n\t@Element() private readonly host?: HTMLKolTooltipWcElement;\n\n\tprivate controller = new TooltipController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\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 internal ID of the primary component element.\n\t * @deprecated Will be removed in next major release. The ID is now generated internally and cannot be set via props.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tthis.controller?.watchAlign(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tthis.controller?.watchId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tthis.controller?.watchLabel(value);\n\t}\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\tpublic hideTooltip(): Promise<void> {\n\t\treturn Promise.resolve(this.controller?.hideTooltip());\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.controller.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\talign: this._align,\n\t\t\tbadgeText: this._badgeText,\n\t\t\tid: this._id,\n\t\t});\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.controller?.initContext((this.host?.previousElementSibling ?? undefined) as HTMLElement | undefined);\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.host) {\n\t\t\tthis.controller?.handleEventListeners(this.host as HTMLElement);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.controller?.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t<TooltipFC\n\t\t\t\t\tlabel={this.controller.getRenderProp('label')}\n\t\t\t\t\tbadgeText={this._badgeText}\n\t\t\t\t\tid={this.controller.getRenderProp('id')}\n\t\t\t\t\trefFloating={(el?: HTMLDivElement) => this.controller?.setTooltipElementRef(el as HTMLElement)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAgBa,YAAY,GAAA,MAAA;AAJzB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAOS,IAAU,CAAA,UAAA,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC;AAUvD,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAwE7C;AAzDO,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;AAI5B,IAAA,UAAU,CAAC,KAAkB,EAAA;;QACnC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,KAAK,CAAC;;AAIzB,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;IAO5B,WAAW,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAC;;IAGhD,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,SAAS,EAAE,IAAI,CAAC,UAAU;YAC1B,EAAE,EAAE,IAAI,CAAC,GAAG;AACZ,SAAA,CAAC;;IAGI,iBAAiB,GAAA;;AACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,sBAAsB,mCAAI,SAAS,EAA6B;;IAGnG,kBAAkB,GAAA;;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,oBAAoB,CAAC,IAAI,CAAC,IAAmB,CAAC;;;IAI1D,oBAAoB,GAAA;;QAC1B,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;;IAGpB,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxB,CAAC,CAAA,SAAS,EACT,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,WAAW,EAAE,CAAC,EAAmB,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,oBAAoB,CAAC,EAAiB,CAAC,CAAA,EAAA,EAAA,CAC7F,CACI;;;;;;;;;;;;"}

package/dist/kolibri/kol-tooltip-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as o,g as e}from"./index-Dabxza7-.js";import{B as s}from"./base-web-component-BCIMb9gN.js";import{T as a}from"./component-BRDkSTlQ.js";import{T as l}from"./controller-BUTW5QfH.js";import"./common-Cbb6Axov.js";import"./normalizers-iLdS6AQE.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./component-zND7vT6D.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-BRfTMZf0.js";import"./clsx-COFh-Vc8.js";import"./component-Cs0XGawJ.js";import"./align-floating-elements-Xqbu3THH.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./align-BdqBkiyq.js";import"./label-BwPy2Jd4.js";import"./base-controller-CXhqh4cR.js";const r=class{constructor(t){i(this,t);this.controller=new l(s.stateLess);this._align="top"}validateAlign(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchAlign(i)}validateId(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchId(i)}validateLabel(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchLabel(i)}hideTooltip(){var i;return Promise.resolve((i=this.controller)===null||i===void 0?void 0:i.hideTooltip())}componentWillLoad(){this.controller.componentWillLoad({label:this._label,align:this._align,badgeText:this._badgeText,id:this._id})}connectedCallback(){var i,t,o;(i=this.controller)===null||i===void 0?void 0:i.initContext((o=(t=this.host)===null||t===void 0?void 0:t.previousElementSibling)!==null&&o!==void 0?o:undefined)}componentDidRender(){var i;if(this.host){(i=this.controller)===null||i===void 0?void 0:i.handleEventListeners(this.host)}}disconnectedCallback(){var i;(i=this.controller)===null||i===void 0?void 0:i.destroy()}render(){return t(o,{key:"a53a016bddcefab710ae6f44221a0e4ffe44b84a",class:"kol-tooltip"},t(a,{key:"edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f",label:this.controller.getRenderProp("label"),badgeText:this._badgeText,id:this.controller.getRenderProp("id"),refFloating:i=>{var t;return(t=this.controller)===null||t===void 0?void 0:t.setTooltipElementRef(i)}}))}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{r as kol_tooltip_wc};
+import{r as i,h as t,H as o,g as s}from"./index-btga56T2.js";import{B as l}from"./base-web-component-BT6jbe_v.js";import{T as e}from"./component-C1c9n-6L.js";import{T as r}from"./controller-B0iAHK14.js";import"./common-D5l8QiaY.js";import"./component-BJI9wETu.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-Coj2Hlbo.js";import"./clsx-COFh-Vc8.js";import"./component-BYTdfz9f.js";import"./isArray-CcrBs4JM.js";import"./align-floating-elements-Dg-_rui1.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./normalizers-Dmgd1cXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./align-DpNc6EKs.js";import"./label-RX8TPr4R.js";import"./variant-quote-BI3zVSZn.js";import"./base-controller-CXhqh4cR.js";const a=class{constructor(t){i(this,t);this.controller=new r(l.stateLess);this._align="top"}validateAlign(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchAlign(i)}validateId(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchId(i)}validateLabel(i){var t;(t=this.controller)===null||t===void 0?void 0:t.watchLabel(i)}hideTooltip(){var i;return Promise.resolve((i=this.controller)===null||i===void 0?void 0:i.hideTooltip())}componentWillLoad(){this.controller.componentWillLoad({label:this._label,align:this._align,badgeText:this._badgeText,id:this._id})}connectedCallback(){var i,t,o;(i=this.controller)===null||i===void 0?void 0:i.initContext((o=(t=this.host)===null||t===void 0?void 0:t.previousElementSibling)!==null&&o!==void 0?o:undefined)}componentDidRender(){var i;if(this.host){(i=this.controller)===null||i===void 0?void 0:i.handleEventListeners(this.host)}}disconnectedCallback(){var i;(i=this.controller)===null||i===void 0?void 0:i.destroy()}render(){return t(o,{key:"f677d58b886cdb9f1aab620608155ee412e0ef7d",class:"kol-tooltip"},t(e,{key:"d86d1adc81a94fbb1116532e9f2529d96362834d",label:this.controller.getRenderProp("label"),badgeText:this._badgeText,id:this.controller.getRenderProp("id"),refFloating:i=>{var t;return(t=this.controller)===null||t===void 0?void 0:t.setTooltipElementRef(i)}}))}get host(){return s(this)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{a as kol_tooltip_wc};
 //# sourceMappingURL=kol-tooltip-wc.entry.js.map

package/dist/kolibri/kol-tooltip-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","BaseWebComponent","TooltipFC","TooltipController","KolTooltipWc","constructor","hostRef","this","controller","stateLess","_align","validateAlign","value","_a","watchAlign","validateId","watchId","validateLabel","watchLabel","hideTooltip","Promise","resolve","componentWillLoad","label","_label","align","badgeText","_badgeText","id","_id","connectedCallback","_b","_c","initContext","host","previousElementSibling","undefined","componentDidRender","handleEventListeners","disconnectedCallback","destroy","render","key","class","getRenderProp","refFloating","el","setTooltipElementRef","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,MAAwB,+CACxBC,MAAiB,sCACjBC,MAAyB,iCAChC,6BACA,kCACA,kCACA,8BACA,gCACA,gCACA,mCACA,2BACA,gCACA,8CACA,4CACA,4BACA,4BACA,gCAEP,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,WAAa,IAAIL,EAAkBF,EAAiBQ,WACzDF,KAAKG,OAAS,KAClB,CACA,aAAAC,CAAcC,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGC,WAAWF,EAC9E,CACA,UAAAG,CAAWH,GACP,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGG,QAAQJ,EAC3E,CACA,aAAAK,CAAcL,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGK,WAAWN,EAC9E,CACA,WAAAO,GACI,IAAIN,EACJ,OAAOO,QAAQC,SAASR,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGM,cAC1F,CACA,iBAAAG,GACIf,KAAKC,WAAWc,kBAAkB,CAC9BC,MAAOhB,KAAKiB,OACZC,MAAOlB,KAAKG,OACZgB,UAAWnB,KAAKoB,WAChBC,GAAIrB,KAAKsB,KAEjB,CACA,iBAAAC,GACI,IAAIjB,EAAIkB,EAAIC,GACXnB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGoB,aAAcD,GAAMD,EAAKxB,KAAK2B,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,0BAA4B,MAAQH,SAAY,EAAIA,EAAKI,UACxM,CACA,kBAAAC,GACI,IAAIxB,EACJ,GAAIN,KAAK2B,KAAM,EACVrB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGyB,qBAAqB/B,KAAK2B,KAC7F,CACJ,CACA,oBAAAK,GACI,IAAI1B,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAG2B,SACnE,CACA,MAAAC,GACI,OAAQ3C,EAAEC,EAAM,CAAE2C,IAAK,2CAA4CC,MAAO,eAAiB7C,EAAEI,EAAW,CAAEwC,IAAK,2CAA4CnB,MAAOhB,KAAKC,WAAWoC,cAAc,SAAUlB,UAAWnB,KAAKoB,WAAYC,GAAIrB,KAAKC,WAAWoC,cAAc,MAAOC,YAAcC,IAAS,IAAIjC,EAAI,OAAQA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGkC,qBAAqBD,EAAG,IAChZ,CACA,QAAIZ,GAAS,OAAOlC,EAAWO,KAAO,CACtC,mBAAWyC,GAAa,MAAO,CAC3BtC,OAAU,CAAC,iBACXmB,IAAO,CAAC,cACRL,OAAU,CAAC,iBACZ,UAGEpB","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","BaseWebComponent","TooltipFC","TooltipController","KolTooltipWc","constructor","hostRef","this","controller","stateLess","_align","validateAlign","value","_a","watchAlign","validateId","watchId","validateLabel","watchLabel","hideTooltip","Promise","resolve","componentWillLoad","label","_label","align","badgeText","_badgeText","id","_id","connectedCallback","_b","_c","initContext","host","previousElementSibling","undefined","componentDidRender","handleEventListeners","disconnectedCallback","destroy","render","key","class","getRenderProp","refFloating","el","setTooltipElementRef","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,MAAwB,+CACxBC,MAAiB,sCACjBC,MAAyB,iCAChC,6BACA,gCACA,gCACA,mCACA,2BACA,gCACA,8BACA,8CACA,4CACA,kCACA,kCACA,4BACA,4BACA,oCACA,gCAEP,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,WAAa,IAAIL,EAAkBF,EAAiBQ,WACzDF,KAAKG,OAAS,KAClB,CACA,aAAAC,CAAcC,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGC,WAAWF,EAC9E,CACA,UAAAG,CAAWH,GACP,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGG,QAAQJ,EAC3E,CACA,aAAAK,CAAcL,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGK,WAAWN,EAC9E,CACA,WAAAO,GACI,IAAIN,EACJ,OAAOO,QAAQC,SAASR,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGM,cAC1F,CACA,iBAAAG,GACIf,KAAKC,WAAWc,kBAAkB,CAC9BC,MAAOhB,KAAKiB,OACZC,MAAOlB,KAAKG,OACZgB,UAAWnB,KAAKoB,WAChBC,GAAIrB,KAAKsB,KAEjB,CACA,iBAAAC,GACI,IAAIjB,EAAIkB,EAAIC,GACXnB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGoB,aAAcD,GAAMD,EAAKxB,KAAK2B,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,0BAA4B,MAAQH,SAAY,EAAIA,EAAKI,UACxM,CACA,kBAAAC,GACI,IAAIxB,EACJ,GAAIN,KAAK2B,KAAM,EACVrB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGyB,qBAAqB/B,KAAK2B,KAC7F,CACJ,CACA,oBAAAK,GACI,IAAI1B,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAG2B,SACnE,CACA,MAAAC,GACI,OAAQ3C,EAAEC,EAAM,CAAE2C,IAAK,2CAA4CC,MAAO,eAAiB7C,EAAEI,EAAW,CAAEwC,IAAK,2CAA4CnB,MAAOhB,KAAKC,WAAWoC,cAAc,SAAUlB,UAAWnB,KAAKoB,WAAYC,GAAIrB,KAAKC,WAAWoC,cAAc,MAAOC,YAAcC,IAAS,IAAIjC,EAAI,OAAQA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGkC,qBAAqBD,EAAG,IAChZ,CACA,QAAIZ,GAAS,OAAOlC,EAAWO,KAAO,CACtC,mBAAWyC,GAAa,MAAO,CAC3BtC,OAAU,CAAC,iBACXmB,IAAO,CAAC,cACRL,OAAU,CAAC,iBACZ,UAGEpB","ignoreList":[]}

package/dist/kolibri/kol-tree-item-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,H as i,g as s}from"./index-Dabxza7-.js";import{c as a,u as l}from"./component-names-Dy77vq43.js";import{I as o}from"./component-Cs0XGawJ.js";import{e as n}from"./common-Cbb6Axov.js";import{v as r}from"./href-CepakdI3.js";import{v as d}from"./label-We78Dt9U.js";import{v as h}from"./open-DJPD9Hvv.js";import{c}from"./clsx-COFh-Vc8.js";import{c as v}from"./dev.utils-JsUkUKLF.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-BRfTMZf0.js";const f=(e,t,i)=>{n(e,"_active",t,i)};const _=class{constructor(t){e(this,t);this.groupId=v("tree-group");this.state={_active:false,_hasChildren:false,_href:"",_label:"",_open:false}}render(){const{_href:e,_active:s,_hasChildren:l,_open:n,_label:r}=this.state;return t(i,{key:"033b9e4fa4869b03c27a23e26d682040f8d15029",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"4627c891d1bd05d9b0d4151b54e90a3efe38b37b",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(a,{key:"aef7f99136e1edd49155ca2520d0c036159cfdf2",class:c("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:l?n:undefined,_ariaOwns:l?this.groupId:undefined,ref:e=>this.linkElement=e},t("span",{key:"f2fc1f85b52708c6792283a59d29954b6f4622ca",class:"kol-tree-item__link-inner",slot:"expert"},l?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>n?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",icons:`kolicon kolicon-${n?"chevron-down":"chevron-right"}`,label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3",class:"kol-tree-item__text"},r))),t("ul",{key:"dde87b4cbbab2833af27a1530842561fd376bd63",class:"kol-tree-item__children",hidden:!l||!n,role:"group",id:this.groupId},t("slot",{key:"36e347147c5c8a8f733a9aa8076d05d84f08c26b"}))))}validateActive(e){f(this,e||false)}validateLabel(e){d(this,e)}validateOpen(e){h(this,e)}validateHref(e){r(this,e)}componentWillLoad(){this.validateActive(this._active);this.validateLabel(this._label);this.validateOpen(this._open);this.validateHref(this._href);this.checkForChildren();this.determineTreeItemDepth()}determineTreeItemDepth(){var e,t;let i=0;let s=(t=(e=this.host)===null||e===void 0?void 0:e.parentNode)===null||t===void 0?void 0:t.host.parentNode;while(s!==null&&s.tagName.toLowerCase()!==l&&s!==document.body){s=s.parentElement;i+=1}this.level=i}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t,i;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean((i=(t=(e=this.host)===null||e===void 0?void 0:e.querySelector("slot"))===null||t===void 0?void 0:t.assignedElements)===null||i===void 0?void 0:i.call(t).length)})}getTreeParent(){var e,t;let i=this.host;while(i){const s=i.closest(l);if(s){const t=(e=s.shadowRoot)===null||e===void 0?void 0:e.querySelector("kol-tree-wc");if(t){return t}return undefined}const a=(t=i.getRootNode())===null||t===void 0?void 0:t.host;if(!a||a===document.body){break}i=a.parentElement}return undefined}async focus(e){if(this.host&&this.linkElement){return this.linkElement.focus(e)}}async handleExpandClick(e){e.preventDefault();if(this.host&&this.linkElement){await this.linkElement.focus()}await this.expand()}async expand(){var e,t;if(this.state._hasChildren){this.state=Object.assign(Object.assign({},this.state),{_open:true});void((t=(e=this.getTreeParent())===null||e===void 0?void 0:e.invalidateOpenItemsCache)===null||t===void 0?void 0:t.call(e))}}async handleCollapseClick(e){e.preventDefault();if(this.host&&this.linkElement){await this.linkElement.focus()}await this.collapse()}async collapse(){var e,t;if(this.state._hasChildren){this.state=Object.assign(Object.assign({},this.state),{_open:false});void((t=(e=this.getTreeParent())===null||e===void 0?void 0:e.invalidateOpenItemsCache)===null||t===void 0?void 0:t.call(e))}}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:false}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{_ as kol_tree_item_wc};
+import{r as e,h as t,H as i,g as s}from"./index-btga56T2.js";import{c as l,u as a}from"./component-names-Dy77vq43.js";import{I as o}from"./component-BYTdfz9f.js";import{e as n}from"./common-D5l8QiaY.js";import{v as r}from"./href-CwoWT6cU.js";import{v as d}from"./label-Ftw1VCQG.js";import{v as h}from"./open-D-1JI17u.js";import{c}from"./clsx-COFh-Vc8.js";import{c as v}from"./dev.utils-Bhh4oJHO.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-Coj2Hlbo.js";const f=(e,t,i)=>{n(e,"_active",t,i)};const b=class{constructor(t){e(this,t);this.groupId=v("tree-group");this.state={_active:false,_hasChildren:false,_href:"",_label:"",_open:false}}render(){const{_href:e,_active:s,_hasChildren:a,_open:n,_label:r}=this.state;return t(i,{key:"5dafc8516e71c4908d468b8844b0e765d1cba71a",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"b050361b08edf953c60cda62bce3c716528d19ca",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"5575f3158d9adbb566f75ec7687d83f1b84a8935",class:c("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:a?n:undefined,_ariaOwns:a?this.groupId:undefined,ref:e=>this.linkElement=e},t("span",{key:"f64170d2888e773e1649252efac509108c92ebe6",class:"kol-tree-item__link-inner",slot:"expert"},a?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>n?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",icons:`kolicon kolicon-${n?"chevron-down":"chevron-right"}`,label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"02eeae533f9c27fb1d34856ef83dc54b0472abb4",class:"kol-tree-item__text"},r))),t("ul",{key:"fdfad19b37792ed8efed76b6e9b7bf977ee7d6cb",class:"kol-tree-item__children",hidden:!a||!n,role:"group",id:this.groupId},t("slot",{key:"eba7b5f9a6ee173a12d67238195d5c5fd34f38b4"}))))}validateActive(e){f(this,e||false)}validateLabel(e){d(this,e)}validateOpen(e){h(this,e)}validateHref(e){r(this,e)}componentWillLoad(){this.validateActive(this._active);this.validateLabel(this._label);this.validateOpen(this._open);this.validateHref(this._href);this.checkForChildren();this.determineTreeItemDepth()}determineTreeItemDepth(){var e,t;let i=0;let s=(t=(e=this.host)===null||e===void 0?void 0:e.parentNode)===null||t===void 0?void 0:t.host.parentNode;while(s!==null&&s.tagName.toLowerCase()!==a&&s!==document.body){s=s.parentElement;i+=1}this.level=i}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t,i;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean((i=(t=(e=this.host)===null||e===void 0?void 0:e.querySelector("slot"))===null||t===void 0?void 0:t.assignedElements)===null||i===void 0?void 0:i.call(t).length)})}getTreeParent(){var e,t;let i=this.host;while(i){const s=i.closest(a);if(s){const t=(e=s.shadowRoot)===null||e===void 0?void 0:e.querySelector("kol-tree-wc");if(t){return t}return undefined}const l=(t=i.getRootNode())===null||t===void 0?void 0:t.host;if(!l||l===document.body){break}i=l.parentElement}return undefined}async focus(e){if(this.host&&this.linkElement){return this.linkElement.focus(e)}}async handleExpandClick(e){e.preventDefault();if(this.host&&this.linkElement){await this.linkElement.focus()}await this.expand()}async expand(){var e,t;if(this.state._hasChildren){this.state=Object.assign(Object.assign({},this.state),{_open:true});void((t=(e=this.getTreeParent())===null||e===void 0?void 0:e.invalidateOpenItemsCache)===null||t===void 0?void 0:t.call(e))}}async handleCollapseClick(e){e.preventDefault();if(this.host&&this.linkElement){await this.linkElement.focus()}await this.collapse()}async collapse(){var e,t;if(this.state._hasChildren){this.state=Object.assign(Object.assign({},this.state),{_open:false});void((t=(e=this.getTreeParent())===null||e===void 0?void 0:e.invalidateOpenItemsCache)===null||t===void 0?void 0:t.call(e))}}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:false}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{b as kol_tree_item_wc};
 //# sourceMappingURL=kol-tree-item-wc.entry.js.map

package/dist/kolibri/kol-tree-item.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-Dabxza7-.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-Cbb6Axov.js";const t='@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783501930981"); /* IE9*/\n  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\n  }\n  .kol-tree-item__link-inner {\n    display: flex;\n    align-items: center;\n  }\n  .kol-tree-item__children {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree-item .kol-span {\n    place-items: unset;\n  }\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\n    display: inline-flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-tree-item__text {\n    text-decoration: underline;\n  }\n}';const i=class{constructor(e){n(this,e)}async focus(n){var e;return(e=this.element)===null||e===void 0?void 0:e.focus(n)}async expand(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.expand())}async collapse(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.collapse())}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:false}render(){return e(o,{key:"85b09f7121a7deda9d342ee60a8e8bdb4fec7465",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"87390d0ee5088434546b925b9d3381a04eeed0b9"}))}};i.style={default:t};export{i as kol_tree_item};
+import{r as n,h as e}from"./index-btga56T2.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-D5l8QiaY.js";const t='@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1784281062679"); /* IE9*/\n  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\n  }\n  .kol-tree-item__link-inner {\n    display: flex;\n    align-items: center;\n  }\n  .kol-tree-item__children {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree-item .kol-span {\n    place-items: unset;\n  }\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\n    display: inline-flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-tree-item__text {\n    text-decoration: underline;\n  }\n}';const i=class{constructor(e){n(this,e)}async focus(n){var e;return(e=this.element)===null||e===void 0?void 0:e.focus(n)}async expand(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.expand())}async collapse(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.collapse())}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:false}render(){return e(o,{key:"25b3875f49f3f7356796ff41376b5fffda1a0231",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"00007ca55b586bdfa89bc54585c20f2c4d89ecec"}))}};i.style={default:t};export{i as kol_tree_item};
 //# sourceMappingURL=kol-tree-item.entry.js.map

package/dist/kolibri/kol-tree-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t,g as a}from"./index-Dabxza7-.js";import{v as s,u as o}from"./component-names-Dy77vq43.js";import"./common-Cbb6Axov.js";import{v as n}from"./label-We78Dt9U.js";const l=class{constructor(e){i(this,e);this.state={_label:""};this.cacheValid=false}validateLabel(i){n(this,i)}async focus(i){var e;const t=await this.getOpenTreeItemElements();await((e=t===null||t===void 0?void 0:t[0])===null||e===void 0?void 0:e.focus(i))}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=false)}render(){return e(t,{key:"ee07abb3b748443010336d2d6b2cf99e6ad10d64",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"aeb88ca3da07336fa1aa164723246bd7b69da7f3",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"108e2ede70e08f5e77ada9961b47e57fcad50a3a",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"0b67541fbb1e2f5eab04837fe1478296256baed2"}))))}static isTreeItem(i){return(i===null||i===void 0?void 0:i.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var i;(i=this.observer)===null||i===void 0?void 0:i.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems();this.scheduleTreeChange()}observeTopLevelItems(){var i;(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.forEach((i=>{var e;(e=this.observer)===null||e===void 0?void 0:e.observe(i,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var i,e,t,a;return(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;void this.ensureActiveItemVisibility()}getTreeItemElements(){var i;return(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.reduce(((i,e)=>{const t=e.querySelectorAll(s);return[...i,e,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const i=async i=>{let e=i.parentElement;while(e&&l.isTreeItem(e)){if(!await e.isOpen()){return false}e=e.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async e=>({item:e,isOpen:await i(e)})))).then((i=>i.filter((({isOpen:i})=>i)).map((({item:i})=>i))));this.cacheValid=true;return this.cachedOpenItems}async handleKeyDown(i){var e,t,a,o,n,l,r,d,v,u;const c=await this.getOpenTreeItemElements();const h=(e=document.activeElement)===null||e===void 0?void 0:e.closest(s);const f=i.metaKey||i.altKey||i.ctrlKey||i.shiftKey;if(!c||!h){return}const b=c===null||c===void 0?void 0:c.findIndex((i=>i===h));switch(i.key){case"ArrowDown":{await((t=c[b+1])===null||t===void 0?void 0:t.focus());i.preventDefault();break}case"ArrowUp":{await((a=c[b-1])===null||a===void 0?void 0:a.focus());i.preventDefault();break}case"Right":case"ArrowRight":{i.preventDefault();if(await h.isOpen()){await((o=c[b+1])===null||o===void 0?void 0:o.focus())}else{await h.expand()}break}case"Left":case"ArrowLeft":{i.preventDefault();if(await h.isOpen()){await h.collapse()}else{const i=h.parentElement;const e=i?c.indexOf(i):-1;if(e!==-1){await((n=c[e])===null||n===void 0?void 0:n.focus())}}break}case"Home":{await((l=c[0])===null||l===void 0?void 0:l.focus());i.preventDefault();break}case"End":{await((r=c[c.length-1])===null||r===void 0?void 0:r.focus());i.preventDefault();break}case(d=i.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!f){const e=i.key.toLowerCase();const t=c.indexOf(h)+1;let a=c.slice(t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}));if(a===-1){a=c.slice(0,t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}))}else{a+=t}if(a!==-1){await((v=c[a])===null||v===void 0?void 0:v.focus());i.preventDefault()}}break}case"*":{const i=(u=h.parentElement)===null||u===void 0?void 0:u.querySelectorAll(s);i===null||i===void 0?void 0:i.forEach((i=>{void i.expand()}));break}}}handleFocusIn(i){var e;if(i.target===this.host&&!((e=document.activeElement)===null||e===void 0?void 0:e.closest(s))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(i){if(i.relatedTarget&&!i.relatedTarget.closest(o)){this.ensureActiveItemVisibility()}}ensureActiveItemVisibility(){const i=()=>{var i,e,t,a,o;const n=(o=(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem))!==null&&o!==void 0?o:[];for(const i of n){if(i._active){return i}const e=i.querySelector(`${s}[_active="true"]`);if(e&&e._active){return e}}};const e=i=>{if(l.isTreeItem(i.parentElement)){void i.parentElement.expand();e(i.parentElement)}};const t=i();if(t){e(t)}}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};
+import{r as i,h as e,H as t,g as a}from"./index-btga56T2.js";import{v as s,u as o}from"./component-names-Dy77vq43.js";import"./common-D5l8QiaY.js";import{v as n}from"./label-Ftw1VCQG.js";const l=class{constructor(e){i(this,e);this.state={_label:""};this.cacheValid=false}validateLabel(i){n(this,i)}async focus(i){var e;const t=await this.getOpenTreeItemElements();await((e=t===null||t===void 0?void 0:t[0])===null||e===void 0?void 0:e.focus(i))}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=false)}render(){return e(t,{key:"e959e7567723280a3d2b977fd517a8a244da4f1d",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"b52775ce12c956296121529050946f6df7ba4297",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"009f17ecffc6cc4548c61a16592fa72d9f6b82ec",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"4c929606aa81ed19511e29f31c002343083114b9"}))))}static isTreeItem(i){return(i===null||i===void 0?void 0:i.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var i;(i=this.observer)===null||i===void 0?void 0:i.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems();this.scheduleTreeChange()}observeTopLevelItems(){var i;(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.forEach((i=>{var e;(e=this.observer)===null||e===void 0?void 0:e.observe(i,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var i,e,t,a;return(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;void this.ensureActiveItemVisibility()}getTreeItemElements(){var i;return(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.reduce(((i,e)=>{const t=e.querySelectorAll(s);return[...i,e,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const i=async i=>{let e=i.parentElement;while(e&&l.isTreeItem(e)){if(!await e.isOpen()){return false}e=e.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async e=>({item:e,isOpen:await i(e)})))).then((i=>i.filter((({isOpen:i})=>i)).map((({item:i})=>i))));this.cacheValid=true;return this.cachedOpenItems}async handleKeyDown(i){var e,t,a,o,n,l,r,d,v,c;const u=await this.getOpenTreeItemElements();const h=(e=document.activeElement)===null||e===void 0?void 0:e.closest(s);const f=i.metaKey||i.altKey||i.ctrlKey||i.shiftKey;if(!u||!h){return}const m=u===null||u===void 0?void 0:u.findIndex((i=>i===h));switch(i.key){case"ArrowDown":{await((t=u[m+1])===null||t===void 0?void 0:t.focus());i.preventDefault();break}case"ArrowUp":{await((a=u[m-1])===null||a===void 0?void 0:a.focus());i.preventDefault();break}case"Right":case"ArrowRight":{i.preventDefault();if(await h.isOpen()){await((o=u[m+1])===null||o===void 0?void 0:o.focus())}else{await h.expand()}break}case"Left":case"ArrowLeft":{i.preventDefault();if(await h.isOpen()){await h.collapse()}else{const i=h.parentElement;const e=i?u.indexOf(i):-1;if(e!==-1){await((n=u[e])===null||n===void 0?void 0:n.focus())}}break}case"Home":{await((l=u[0])===null||l===void 0?void 0:l.focus());i.preventDefault();break}case"End":{await((r=u[u.length-1])===null||r===void 0?void 0:r.focus());i.preventDefault();break}case(d=i.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!f){const e=i.key.toLowerCase();const t=u.indexOf(h)+1;let a=u.slice(t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}));if(a===-1){a=u.slice(0,t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}))}else{a+=t}if(a!==-1){await((v=u[a])===null||v===void 0?void 0:v.focus());i.preventDefault()}}break}case"*":{const i=(c=h.parentElement)===null||c===void 0?void 0:c.querySelectorAll(s);i===null||i===void 0?void 0:i.forEach((i=>{void i.expand()}));break}}}handleFocusIn(i){var e;if(i.target===this.host&&!((e=document.activeElement)===null||e===void 0?void 0:e.closest(s))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(i){if(i.relatedTarget&&!i.relatedTarget.closest(o)){this.ensureActiveItemVisibility()}}ensureActiveItemVisibility(){const i=()=>{var i,e,t,a,o;const n=(o=(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem))!==null&&o!==void 0?o:[];for(const i of n){if(i._active){return i}const e=i.querySelector(`${s}[_active="true"]`);if(e&&e._active){return e}}};const e=i=>{if(l.isTreeItem(i.parentElement)){void i.parentElement.expand();e(i.parentElement)}};const t=i();if(t){e(t)}}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};
 //# sourceMappingURL=kol-tree-wc.entry.js.map

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-Dabxza7-.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{m as i}from"./component-names-Dy77vq43.js";import{d as a,c as l}from"./element-interaction-C5-6aPzz.js";import"./common-Cbb6Axov.js";import"./element-focus-BQXzaLL9.js";const s="@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-tree__treeview-navigation {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}";const r=class{constructor(e){n(this,e);this.ctaRef=l()}async focus(n){}render(){return e(i,{key:"c3c1ea08961facbed8b660b2b5a9af5dd6662e3a",_label:this._label,ref:this.ctaRef},e("slot",{key:"24592c12e290cbd9be0ea4825dcf651494c0ea1a"}))}get host(){return t(this)}};o([a("ctaRef")],r.prototype,"focus",null);r.style={default:s};export{r as kol_tree};
+import{r as n,h as e,g as t}from"./index-btga56T2.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{m as i}from"./component-names-Dy77vq43.js";import{d as l,c as a}from"./element-interaction-C5-6aPzz.js";import"./common-D5l8QiaY.js";import"./element-focus-BQXzaLL9.js";const s="@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-tree__treeview-navigation {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}";const r=class{constructor(e){n(this,e);this.ctaRef=a()}async focus(n){}render(){return e(i,{key:"e040898cbd1832f69a365dbcbc59b269e1ac55f7",_label:this._label,ref:this.ctaRef},e("slot",{key:"3d3213f69ce43f884b3ef31677d69473be02bed7"}))}get host(){return t(this)}};o([l("ctaRef")],r.prototype,"focus",null);r.style={default:s};export{r as kol_tree};
 //# sourceMappingURL=kol-tree.entry.js.map

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-Dabxza7-.js";import"./common-Cbb6Axov.js";import{v as o}from"./label-We78Dt9U.js";import{t as i}from"./i18n-CcjZRTxD.js";import{o as l}from"./component-names-Dy77vq43.js";import"./i18n-CMA39edx.js";const a="@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}";const r=class{constructor(e){n(this,e);this.translateVersion=i("kol-version");this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"46d6c57fec1c2bb63e60341538135f5423c4f681",class:"kol-version"},e(l,{key:"8f174591a26459975f1be7c602499bd3dd586b53",_color:"#bec5c9",_icons:{left:{icon:"kolicon-version",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){o(this,n,{required:true})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:a};export{r as kol_version};
+import{r as n,h as e,H as t}from"./index-btga56T2.js";import"./common-D5l8QiaY.js";import{v as o}from"./label-Ftw1VCQG.js";import{t as i}from"./i18n-BsXYYo8j.js";import{o as a}from"./component-names-Dy77vq43.js";import"./i18n-CoO4-0na.js";const l="@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}";const r=class{constructor(e){n(this,e);this.translateVersion=i("kol-version");this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"29ddec003958afa4877b73448f335a1d4a47c3bf",class:"kol-version"},e(a,{key:"5a4dae3a9775557e3de93cbd105e37ad122cb616",_color:"#bec5c9",_icons:{left:{icon:"kolicon-version",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){o(this,n,{required:true})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:l};export{r as kol_version};
 //# sourceMappingURL=kol-version.entry.js.map