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

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","__rest","__decorate","clsx","getMsgType","isMsgDefinedAndInputTouched","getDefaultProps","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","watchValidator","watchString","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","textareaResizeOptions","isTextareaResizePropType","value","includes","validateResizeTextarea","component","Set","defaultValue","TextAreaFc","props","class","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","stateCssClasses","Boolean","inputProps","Object","assign","getTextAreaProps","state","_a","renderStates","id","_id","_hideLabel","_label","_value","accessKey","_accessKey","_disabled","name","_name","rows","_rows","_readOnly","_required","placeholder","_placeholder","_touched","_msg","_maxLengthBehavior","maxLength","_maxLength","_shortKey","TextAreaStateWrapper","TextareaController","constructor","host","super","this","afterSyncCharCounter","_currentLength","length","updateCurrentLengthDebounced","hooks","afterPatch","validateResize","validateValue","setFormAssociatedValue","componentWillLoad","_hasCounter","_resize","_spellCheck","defaultStyleCss","increaseTextareaHeight","el","style","overflow","currentRows","rowHeight","clientHeight","nextRows","Math","round","scrollHeight","KolTextarea","getValue","ctaRef","focus","options","click","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","componentDidLoad","setTimeout","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","_variant","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__rest","__decorate","clsx","getMsgType","isMsgDefinedAndInputTouched","getDefaultProps","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","watchValidator","watchString","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","textareaResizeOptions","isTextareaResizePropType","value","includes","validateResizeTextarea","component","Set","defaultValue","TextAreaFc","props","class","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","stateCssClasses","Boolean","inputProps","Object","assign","getTextAreaProps","state","_a","renderStates","id","_id","_hideLabel","_label","_value","accessKey","_accessKey","_disabled","name","_name","rows","_rows","_readOnly","_required","placeholder","_placeholder","_touched","_msg","_maxLengthBehavior","maxLength","_maxLength","_shortKey","TextAreaStateWrapper","TextareaController","constructor","host","super","this","afterSyncCharCounter","_currentLength","length","updateCurrentLengthDebounced","hooks","afterPatch","validateResize","validateValue","setFormAssociatedValue","componentWillLoad","_hasCounter","_resize","_spellCheck","defaultStyleCss","increaseTextareaHeight","el","style","overflow","currentRows","rowHeight","clientHeight","nextRows","Math","round","scrollHeight","KolTextarea","getValue","ctaRef","focus","options","click","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","validateAriaDetails","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","componentDidLoad","setTimeout","_ariaDetails","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","_variant","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-toast-container.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-toast-container.entry.esm.js","sources":["src/functional-components/ToastItem/ToastItem.tsx","src/components/toaster/style.scss?tag=kol-toast-container&mode=default&encapsulation=shadow","src/components/toaster/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { type Toast } from '../../schema';\n\nimport clsx from '../../utils/clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\n\n/**\n * @deprecated Will be removed in the next major version together with `kol-toast-container`. See https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\nconst ToastItemFc: FC<ToastItemProps> = ({ status, toast, onClose, ...other }) => {\n\tconst { type, label, description, variant } = toast;\n\n\treturn (\n\t\t<div class={clsx('kol-toast-item', `kol-toast-item--${status}`)}>\n\t\t\t<KolAlertFc\n\t\t\t\tclass=\"kol-toast-item__alert\"\n\t\t\t\talert={true}\n\t\t\t\tlabel={label}\n\t\t\t\tlevel={0}\n\t\t\t\thasCloser={true}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant || 'card'}\n\t\t\t\tonCloserClick={onClose}\n\t\t\t>\n\t\t\t\t<div {...other}>{description}</div>\n\t\t\t</KolAlertFc>\n\t\t</div>\n\t);\n};\n\nexport default ToastItemFc;\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\n\t:host {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t\tz-index: 200;\n\t\tmax-width: 90vw;\n\t\tflex-direction: column;\n\t}\n\n\t.kol-toast-container {\n\t\t&__close-all {\n\t\t\talign-self: flex-end;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, State } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { createUniqueId } from '../../utils/dev.utils';\n\nimport { KolButtonTag } from '../../core/component-names';\nimport { KolToastItemFc } from '../../functional-components';\nimport type { Toast, ToasterAPI, ToasterStates, ToastRenderFunction, ToastState } from '../../schema';\nimport { Log } from '../../schema';\n\nconst TRANSITION_TIMEOUT = 300;\n\n/**\n * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\n@Component({\n\ttag: 'kol-toast-container',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToastContainer implements ToasterAPI {\n\t@State() public state: ToasterStates = {\n\t\t_toastStates: [],\n\t};\n\n\tprivate readonly translateToastCloseAll = translate('kol-toast-close-all');\n\n\t/* Keep track of render functions, so we call each only once. */\n\tprivate knownRenderFunctions = new Set<ToastRenderFunction>();\n\n\tpublic componentWillLoad(): void {\n\t\tLog.warn(\n\t\t\t'kol-toast-container is deprecated and will be removed in the next major version. Use kol-alert for inline notifications or kol-dialog for interactive messages instead. See https://github.com/public-ui/kolibri/issues/8372',\n\t\t);\n\t}\n\n\t// Stencil requires async function:\n\t/**\n\t * Adds a toast to the queue.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async enqueue(toast: Toast) {\n\t\tconst newToastState: ToastState = {\n\t\t\ttoast: {\n\t\t\t\t...toast,\n\t\t\t\tvariant: 'card',\n\t\t\t},\n\t\t\tstatus: 'adding',\n\t\t\tid: createUniqueId('toast'),\n\t\t};\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: [newToastState, ...this.state._toastStates],\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\t\tlocalToastState.id === newToastState.id && localToastState.status !== 'removing'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...localToastState,\n\t\t\t\t\t\t\t\tstatus: 'settled',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: localToastState,\n\t\t\t\t),\n\t\t\t};\n\t\t}, TRANSITION_TIMEOUT);\n\n\t\treturn () => {\n\t\t\tthis.handleClose(newToastState);\n\t\t};\n\t}\n\n\tprivate handleClose(toastState: ToastState) {\n\t\tconst current = this.state._toastStates.find((t) => t.id === toastState.id);\n\t\tif (!current || current.status === 'removing') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\tlocalToastState.id === toastState.id ? { ...localToastState, status: 'removing' } : localToastState,\n\t\t\t),\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id),\n\t\t\t};\n\t\t\tif (typeof toastState.toast.render === 'function') {\n\t\t\t\tthis.knownRenderFunctions.delete(toastState.toast.render);\n\t\t\t}\n\t\t\ttoastState.toast.onClose?.();\n\t\t}, TRANSITION_TIMEOUT);\n\t}\n\n\t/**\n\t * Closes all toasts.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeAll(immediate: boolean = false) {\n\t\tif (immediate) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: [],\n\t\t\t};\n\t\t\tthis.knownRenderFunctions.clear();\n\t\t} else {\n\t\t\tconst toastsToClose = [...this.state._toastStates]; // Create a snapshot of the open toasts at the time closeAll has been called\n\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: toastsToClose.map((localToastState) => ({\n\t\t\t\t\t...localToastState,\n\t\t\t\t\tstatus: 'removing',\n\t\t\t\t})),\n\t\t\t};\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)),\n\t\t\t\t};\n\t\t\t\ttoastsToClose.forEach((toastState) => {\n\t\t\t\t\tif (typeof toastState.toast.render === 'function') {\n\t\t\t\t\t\tthis.knownRenderFunctions.delete(toastState.toast.render);\n\t\t\t\t\t}\n\t\t\t\t\ttoastState.toast.onClose?.();\n\t\t\t\t});\n\t\t\t}, TRANSITION_TIMEOUT);\n\t\t}\n\t}\n\n\tprivate handleToastRef(toastState: ToastState, element?: HTMLDivElement) {\n\t\tif (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n\t\t\tthis.knownRenderFunctions.add(toastState.toast.render);\n\t\t\ttoastState.toast.render(element, { close: () => this.handleClose(toastState) });\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-toast-container\">\n\t\t\t\t{this.state._toastStates.length > 1 && (\n\t\t\t\t\t<KolButtonTag\n\t\t\t\t\t\t_label={this.translateToastCloseAll}\n\t\t\t\t\t\tclass=\"kol-toast-container__button-close-all\"\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\tvoid this.closeAll();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t></KolButtonTag>\n\t\t\t\t)}\n\t\t\t\t{this.state._toastStates.map((toastState) => (\n\t\t\t\t\t<KolToastItemFc\n\t\t\t\t\t\tkey={toastState.id}\n\t\t\t\t\t\tonClose={() => this.handleClose(toastState)}\n\t\t\t\t\t\tref={(element?: HTMLDivElement) => this.handleToastRef(toastState, element)}\n\t\t\t\t\t\ttoast={toastState.toast}\n\t\t\t\t\t\tstatus={toastState.status}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["KolToastItemFc"],"mappings":"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"}
+{"version":3,"file":"kol-toast-container.entry.esm.js","sources":["src/functional-components/ToastItem/ToastItem.tsx","src/components/toaster/style.scss?tag=kol-toast-container&mode=default&encapsulation=shadow","src/components/toaster/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { type Toast } from '../../schema';\n\nimport clsx from '../../utils/clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\n\n/**\n * @deprecated Will be removed in the next major version together with `kol-toast-container`. See https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\nconst ToastItemFc: FC<ToastItemProps> = ({ status, toast, onClose, ...other }) => {\n\tconst { type, label, description, variant } = toast;\n\n\treturn (\n\t\t<div class={clsx('kol-toast-item', `kol-toast-item--${status}`)}>\n\t\t\t<KolAlertFc\n\t\t\t\tclass=\"kol-toast-item__alert\"\n\t\t\t\talert={true}\n\t\t\t\tlabel={label}\n\t\t\t\tlevel={0}\n\t\t\t\thasCloser={true}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant || 'card'}\n\t\t\t\tonCloserClick={onClose}\n\t\t\t>\n\t\t\t\t<div {...other}>{description}</div>\n\t\t\t</KolAlertFc>\n\t\t</div>\n\t);\n};\n\nexport default ToastItemFc;\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\n\t:host {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t\tz-index: 200;\n\t\tmax-width: 90vw;\n\t\tflex-direction: column;\n\t}\n\n\t.kol-toast-container {\n\t\t&__close-all {\n\t\t\talign-self: flex-end;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, State } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { createUniqueId } from '../../utils/dev.utils';\n\nimport { KolButtonTag } from '../../core/component-names';\nimport { KolToastItemFc } from '../../functional-components';\nimport type { Toast, ToasterAPI, ToasterStates, ToastRenderFunction, ToastState } from '../../schema';\nimport { Log } from '../../schema';\n\nconst TRANSITION_TIMEOUT = 300;\n\n/**\n * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\n@Component({\n\ttag: 'kol-toast-container',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToastContainer implements ToasterAPI {\n\t@State() public state: ToasterStates = {\n\t\t_toastStates: [],\n\t};\n\n\tprivate readonly translateToastCloseAll = translate('kol-toast-close-all');\n\n\t/* Keep track of render functions, so we call each only once. */\n\tprivate knownRenderFunctions = new Set<ToastRenderFunction>();\n\n\tpublic componentWillLoad(): void {\n\t\tLog.warn(\n\t\t\t'kol-toast-container is deprecated and will be removed in the next major version. Use kol-alert for inline notifications or kol-dialog for interactive messages instead. See https://github.com/public-ui/kolibri/issues/8372',\n\t\t);\n\t}\n\n\t// Stencil requires async function:\n\t/**\n\t * Adds a toast to the queue.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async enqueue(toast: Toast) {\n\t\tconst newToastState: ToastState = {\n\t\t\ttoast: {\n\t\t\t\t...toast,\n\t\t\t\tvariant: 'card',\n\t\t\t},\n\t\t\tstatus: 'adding',\n\t\t\tid: createUniqueId('toast'),\n\t\t};\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: [newToastState, ...this.state._toastStates],\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\t\tlocalToastState.id === newToastState.id && localToastState.status !== 'removing'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...localToastState,\n\t\t\t\t\t\t\t\tstatus: 'settled',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: localToastState,\n\t\t\t\t),\n\t\t\t};\n\t\t}, TRANSITION_TIMEOUT);\n\n\t\treturn () => {\n\t\t\tthis.handleClose(newToastState);\n\t\t};\n\t}\n\n\tprivate handleClose(toastState: ToastState) {\n\t\tconst current = this.state._toastStates.find((t) => t.id === toastState.id);\n\t\tif (!current || current.status === 'removing') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\tlocalToastState.id === toastState.id ? { ...localToastState, status: 'removing' } : localToastState,\n\t\t\t),\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id),\n\t\t\t};\n\t\t\tif (typeof toastState.toast.render === 'function') {\n\t\t\t\tthis.knownRenderFunctions.delete(toastState.toast.render);\n\t\t\t}\n\t\t\ttoastState.toast.onClose?.();\n\t\t}, TRANSITION_TIMEOUT);\n\t}\n\n\t/**\n\t * Closes all toasts.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeAll(immediate: boolean = false) {\n\t\tif (immediate) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: [],\n\t\t\t};\n\t\t\tthis.knownRenderFunctions.clear();\n\t\t} else {\n\t\t\tconst toastsToClose = [...this.state._toastStates]; // Create a snapshot of the open toasts at the time closeAll has been called\n\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: toastsToClose.map((localToastState) => ({\n\t\t\t\t\t...localToastState,\n\t\t\t\t\tstatus: 'removing',\n\t\t\t\t})),\n\t\t\t};\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)),\n\t\t\t\t};\n\t\t\t\ttoastsToClose.forEach((toastState) => {\n\t\t\t\t\tif (typeof toastState.toast.render === 'function') {\n\t\t\t\t\t\tthis.knownRenderFunctions.delete(toastState.toast.render);\n\t\t\t\t\t}\n\t\t\t\t\ttoastState.toast.onClose?.();\n\t\t\t\t});\n\t\t\t}, TRANSITION_TIMEOUT);\n\t\t}\n\t}\n\n\tprivate handleToastRef(toastState: ToastState, element?: HTMLDivElement) {\n\t\tif (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n\t\t\tthis.knownRenderFunctions.add(toastState.toast.render);\n\t\t\ttoastState.toast.render(element, { close: () => this.handleClose(toastState) });\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-toast-container\">\n\t\t\t\t{this.state._toastStates.length > 1 && (\n\t\t\t\t\t<KolButtonTag\n\t\t\t\t\t\t_label={this.translateToastCloseAll}\n\t\t\t\t\t\tclass=\"kol-toast-container__button-close-all\"\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\tvoid this.closeAll();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t></KolButtonTag>\n\t\t\t\t)}\n\t\t\t\t{this.state._toastStates.map((toastState) => (\n\t\t\t\t\t<KolToastItemFc\n\t\t\t\t\t\tkey={toastState.id}\n\t\t\t\t\t\tonClose={() => this.handleClose(toastState)}\n\t\t\t\t\t\tref={(element?: HTMLDivElement) => this.handleToastRef(toastState, element)}\n\t\t\t\t\t\ttoast={toastState.toast}\n\t\t\t\t\t\tstatus={toastState.status}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["KolToastItemFc"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,WAAW,GAAuB,CAAC,EAAoC,KAAI;QAAxC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,GAAlC,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,SAAA,CAAoC,CAAF;IAC1E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK;AAEnD,IAAA,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAA,gBAAA,EAAmB,MAAM,CAAA,CAAE,CAAC,EAAA,EAC9D,CAAA,CAAC,UAAU,EAAA,EACV,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,MAAM,EAC1B,aAAa,EAAE,OAAO,EAAA,EAEtB,CAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAS,KAAK,CAAG,EAAA,WAAW,CAAO,CACvB,CACR;AAER,CAAC;;ACpCD,MAAM,eAAe,GAAG,u2VAAu2V;;ACW/3V,MAAM,kBAAkB,GAAG,GAAG;MAajB,iBAAiB,GAAA,MAAA;AAP9B,IAAA,WAAA,CAAA,OAAA,EAAA;;QAQiB,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,YAAY,EAAE,EAAE;SAChB;AAEgB,QAAA,IAAA,CAAA,sBAAsB,GAAG,SAAS,CAAC,qBAAqB,CAAC;AAGlE,QAAA,IAAA,CAAA,oBAAoB,GAAG,IAAI,GAAG,EAAuB;AA+I7D;IA7IO,iBAAiB,GAAA;AACvB,QAAA,GAAG,CAAC,IAAI,CACP,8NAA8N,CAC9N;;IASK,MAAM,OAAO,CAAC,KAAY,EAAA;AAChC,QAAA,MAAM,aAAa,GAAe;AACjC,YAAA,KAAK,kCACD,KAAK,CAAA,EAAA,EACR,OAAO,EAAE,MAAM,EACf,CAAA;AACD,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC;SAC3B;AACD,QAAA,IAAI,CAAC,KAAK,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,YAAY,EAAE,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GACzD;QAED,UAAU,CAAC,MAAK;YACf,IAAI,CAAC,KAAK,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,eAAe,KACzD,eAAe,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,IAAI,eAAe,CAAC,MAAM,KAAK;sBAEhE,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,eAAe,CAClB,EAAA,EAAA,MAAM,EAAE,SAAS,EAEnB,CAAA,GAAE,eAAe,CAClB,EAAA,CACD;SACD,EAAE,kBAAkB,CAAC;AAEtB,QAAA,OAAO,MAAK;AACX,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;AAChC,SAAC;;AAGM,IAAA,WAAW,CAAC,UAAsB,EAAA;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;QAC3E,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,UAAU,EAAE;YAC9C;;AAGD,QAAA,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,KACb,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,eAAe,KACzD,eAAe,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,eAAe,KAAE,MAAM,EAAE,UAAU,EAAG,CAAA,GAAE,eAAe,CACnG,GACD;QAED,UAAU,CAAC,MAAK;;YACf,IAAI,CAAC,KAAK,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CACb,EAAA,EAAA,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,eAAe,KAAK,eAAe,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,GACvG;YACD,IAAI,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;gBAClD,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;;AAE1D,YAAA,CAAA,EAAA,GAAA,MAAA,UAAU,CAAC,KAAK,EAAC,OAAO,kDAAI;SAC5B,EAAE,kBAAkB,CAAC;;AAQhB,IAAA,MAAM,QAAQ,CAAC,SAAA,GAAqB,KAAK,EAAA;QAC/C,IAAI,SAAS,EAAE;YACd,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,YAAY,EAAE,EAAE,EAAA,CAChB;AACD,YAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE;;aAC3B;YACN,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAElD,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,eAAe,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACjD,eAAe,CAAA,EAAA,EAClB,MAAM,EAAE,UAAU,EAAA,CAAA,CACjB,CAAC,EAAA,CACH;YAED,UAAU,CAAC,MAAK;gBACf,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,KACb,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,aAAa,CAAC,KAAK,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC,GACtI;AACD,gBAAA,aAAa,CAAC,OAAO,CAAC,CAAC,UAAU,KAAI;;oBACpC,IAAI,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;wBAClD,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;;AAE1D,oBAAA,CAAA,EAAA,GAAA,MAAA,UAAU,CAAC,KAAK,EAAC,OAAO,kDAAI;AAC7B,iBAAC,CAAC;aACF,EAAE,kBAAkB,CAAC;;;IAIhB,cAAc,CAAC,UAAsB,EAAE,OAAwB,EAAA;QACtE,IAAI,OAAO,IAAI,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACxH,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;YACtD,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC;;;IAI1E,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,KAClC,CAAC,CAAA,YAAY,qDACZ,MAAM,EAAE,IAAI,CAAC,sBAAsB,EACnC,KAAK,EAAC,uCAAuC,EAC7C,GAAG,EAAE;gBACJ,OAAO,EAAE,MAAK;AACb,oBAAA,KAAK,IAAI,CAAC,QAAQ,EAAE;iBACpB;AACD,aAAA,EAAA,CACc,CAChB,EACA,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,UAAU,MACvC,CAAC,CAAAA,WAAc,EACd,EAAA,GAAG,EAAE,UAAU,CAAC,EAAE,EAClB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAC3C,GAAG,EAAE,CAAC,OAAwB,KAAK,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACxB,CAAA,CACF,CAAC,CACI;;;;;;;;;"}

package/dist/kolibri/kol-toast-container.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t}from"./index-DqvPZ16l.js";import{t as o}from"./i18n-CaL2ODdQ.js";import{c as i}from"./dev.utils-Cv9uCwkA.js";import{l}from"./component-names-Dy77vq43.js";import{K as a}from"./Alert-2bYvhb8i.js";import"./variant-quote-BMV8GZX8.js";import"./component-4RtkhTfb.js";import{L as s}from"./common-DEEjER7G.js";import{a as r}from"./tslib.es6-QNbPBOk5.js";import{c}from"./clsx-COFh-Vc8.js";import"./i18n-B2d_exHc.js";import"./bem-registry-B9CzNnO1.js";import"./component-ijX_kUom.js";import"./Heading-C9p_CRv4.js";import"./normalizers-pgU77mXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const h=e=>{var{status:t,toast:o,onClose:i}=e,l=r(e,["status","toast","onClose"]);const{type:s,label:h,description:d,variant:f}=o;return n("div",{class:c("kol-toast-item",`kol-toast-item--${t}`)},n(a,{class:"kol-toast-item__alert",alert:true,label:h,level:0,hasCloser:true,type:s,variant:f||"card",onCloserClick:i},n("div",Object.assign({},l),d)))};const d='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#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-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .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-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    display: flex;\n    position: fixed;\n    z-index: 200;\n    max-width: 90vw;\n    flex-direction: column;\n  }\n  .kol-toast-container__close-all {\n    align-self: flex-end;\n  }\n}';const f=300;const m=class{constructor(n){e(this,n);this.state={_toastStates:[]};this.translateToastCloseAll=o("kol-toast-close-all");this.knownRenderFunctions=new Set}componentWillLoad(){s.warn("kol-toast-container is deprecated and will be removed in the next major version. Use kol-alert for inline notifications or kol-dialog for interactive messages instead. See https://github.com/public-ui/kolibri/issues/8372")}async enqueue(n){const e={toast:Object.assign(Object.assign({},n),{variant:"card"}),status:"adding",id:i("toast")};this.state=Object.assign(Object.assign({},this.state),{_toastStates:[e,...this.state._toastStates]});setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((n=>n.id===e.id&&n.status!=="removing"?Object.assign(Object.assign({},n),{status:"settled"}):n))})}),f);return()=>{this.handleClose(e)}}handleClose(n){const e=this.state._toastStates.find((e=>e.id===n.id));if(!e||e.status==="removing"){return}this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((e=>e.id===n.id?Object.assign(Object.assign({},e),{status:"removing"}):e))});setTimeout((()=>{var e,t;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((e=>e.id!==n.id))});if(typeof n.toast.render==="function"){this.knownRenderFunctions.delete(n.toast.render)}(t=(e=n.toast).onClose)===null||t===void 0?void 0:t.call(e)}),f)}async closeAll(n=false){if(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});this.knownRenderFunctions.clear()}else{const n=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:n.map((n=>Object.assign(Object.assign({},n),{status:"removing"})))});setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((e=>n.every((n=>n.id!==e.id))))});n.forEach((n=>{var e,t;if(typeof n.toast.render==="function"){this.knownRenderFunctions.delete(n.toast.render)}(t=(e=n.toast).onClose)===null||t===void 0?void 0:t.call(e)}))}),f)}}handleToastRef(n,e){if(e&&typeof n.toast.render==="function"&&!this.knownRenderFunctions.has(n.toast.render)){this.knownRenderFunctions.add(n.toast.render);n.toast.render(e,{close:()=>this.handleClose(n)})}}render(){return n(t,{key:"cf0e0e8cf3bc1561e28130d2deb7249d0c8f03b3",class:"kol-toast-container"},this.state._toastStates.length>1&&n(l,{key:"7028da8c47841524c340a67e3eee6a55c0965b7d",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{void this.closeAll()}}}),this.state._toastStates.map((e=>n(h,{key:e.id,onClose:()=>this.handleClose(e),ref:n=>this.handleToastRef(e,n),toast:e.toast,status:e.status}))))}};m.style={default:d};export{m as kol_toast_container};
+import{h as n,r as e,H as t}from"./index-CwtGN7ID.js";import{t as o}from"./i18n-BkwRYsvE.js";import{c as i}from"./dev.utils-Ce_5C3Pe.js";import{l}from"./component-names-Dy77vq43.js";import{K as a}from"./Alert-LeFfZ8Oj.js";import"./base-web-component-CArCAUxk.js";import"./component-DbrY6RW_.js";import{L as s}from"./common-DyILLof-.js";import{a as r}from"./tslib.es6-QNbPBOk5.js";import{c}from"./clsx-COFh-Vc8.js";import"./i18n-CMA39edx.js";import"./bem-registry-CqAKWtWY.js";import"./component-DI3pO3QY.js";import"./Heading-uCdB_mbH.js";import"./normalizers-B5NKuJgN.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const h=e=>{var{status:t,toast:o,onClose:i}=e,l=r(e,["status","toast","onClose"]);const{type:s,label:h,description:d,variant:f}=o;return n("div",{class:c("kol-toast-item",`kol-toast-item--${t}`)},n(a,{class:"kol-toast-item__alert",alert:true,label:h,level:0,hasCloser:true,type:s,variant:f||"card",onCloserClick:i},n("div",Object.assign({},l),d)))};const d='@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}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1782311579243"); /* IE9*/\n  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#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-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .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-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    display: flex;\n    position: fixed;\n    z-index: 200;\n    max-width: 90vw;\n    flex-direction: column;\n  }\n  .kol-toast-container__close-all {\n    align-self: flex-end;\n  }\n}';const f=300;const m=class{constructor(n){e(this,n);this.state={_toastStates:[]};this.translateToastCloseAll=o("kol-toast-close-all");this.knownRenderFunctions=new Set}componentWillLoad(){s.warn("kol-toast-container is deprecated and will be removed in the next major version. Use kol-alert for inline notifications or kol-dialog for interactive messages instead. See https://github.com/public-ui/kolibri/issues/8372")}async enqueue(n){const e={toast:Object.assign(Object.assign({},n),{variant:"card"}),status:"adding",id:i("toast")};this.state=Object.assign(Object.assign({},this.state),{_toastStates:[e,...this.state._toastStates]});setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((n=>n.id===e.id&&n.status!=="removing"?Object.assign(Object.assign({},n),{status:"settled"}):n))})}),f);return()=>{this.handleClose(e)}}handleClose(n){const e=this.state._toastStates.find((e=>e.id===n.id));if(!e||e.status==="removing"){return}this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map((e=>e.id===n.id?Object.assign(Object.assign({},e),{status:"removing"}):e))});setTimeout((()=>{var e,t;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((e=>e.id!==n.id))});if(typeof n.toast.render==="function"){this.knownRenderFunctions.delete(n.toast.render)}(t=(e=n.toast).onClose)===null||t===void 0?void 0:t.call(e)}),f)}async closeAll(n=false){if(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});this.knownRenderFunctions.clear()}else{const n=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:n.map((n=>Object.assign(Object.assign({},n),{status:"removing"})))});setTimeout((()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter((e=>n.every((n=>n.id!==e.id))))});n.forEach((n=>{var e,t;if(typeof n.toast.render==="function"){this.knownRenderFunctions.delete(n.toast.render)}(t=(e=n.toast).onClose)===null||t===void 0?void 0:t.call(e)}))}),f)}}handleToastRef(n,e){if(e&&typeof n.toast.render==="function"&&!this.knownRenderFunctions.has(n.toast.render)){this.knownRenderFunctions.add(n.toast.render);n.toast.render(e,{close:()=>this.handleClose(n)})}}render(){return n(t,{key:"41ab46ff3582bcf5059887ddff7b4e74efe22aed",class:"kol-toast-container"},this.state._toastStates.length>1&&n(l,{key:"67638c26d8d0c8a9b1255069aec40f90ab32ff0e",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{void this.closeAll()}}}),this.state._toastStates.map((e=>n(h,{key:e.id,onClose:()=>this.handleClose(e),ref:n=>this.handleToastRef(e,n),toast:e.toast,status:e.status}))))}};m.style={default:d};export{m as kol_toast_container};
 //# sourceMappingURL=kol-toast-container.entry.js.map

package/dist/kolibri/kol-toast-container.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","translate","createUniqueId","KolButtonTag","KolAlertFc","Log","__rest","clsx","ToastItemFc","_a","status","toast","onClose","other","type","label","description","variant","class","alert","level","hasCloser","onCloserClick","Object","assign","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","constructor","hostRef","this","state","_toastStates","translateToastCloseAll","knownRenderFunctions","Set","componentWillLoad","warn","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","current","find","t","_b","filter","render","delete","call","closeAll","immediate","clear","toastsToClose","every","toastToClose","forEach","handleToastRef","element","has","add","close","key","length","_label","_on","onClick","ref","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","translate","createUniqueId","KolButtonTag","KolAlertFc","Log","__rest","clsx","ToastItemFc","_a","status","toast","onClose","other","type","label","description","variant","class","alert","level","hasCloser","onCloserClick","Object","assign","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","constructor","hostRef","this","state","_toastStates","translateToastCloseAll","knownRenderFunctions","Set","componentWillLoad","warn","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","current","find","t","_b","filter","render","delete","call","closeAll","immediate","clear","toastsToClose","every","toastToClose","forEach","handleToastRef","element","has","add","close","key","length","_label","_on","onClick","ref","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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 { FocusableElement, KolFocusOptions, LabelPropType, ToolbarAPI, ToolbarItemPropType, ToolbarItemsPropType, ToolbarStates } 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 ToolbarAPI, FocusableElement {\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 { 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":";;;;;;;;;;;;AAuBO,MAAM,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,yBAAyB,CAAC,KAAK,EAAE,MAAK;AACrC,QAAA,mBAAmB,CAAC,KAAK,EAAE,MAAK;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;gBACjC,KAAK,GAAG,EAAE;;AAEX,YAAA,IAAI;AACH,gBAAA,KAAK,GAAG,SAAS,CAAwB,KAAK,CAAC;;YAC9C,OAAA,EAAA,EAAM;;YAGR,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,KAA0B,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,EAAE;AACrH,gBAAA,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;;AAEtC,SAAC,CAAC;AACH,KAAC,CAAC;AACH,CAAC;;ACvCD,MAAM,eAAe,GAAG,2nWAA2nW;;MC4BtoW,UAAU,GAAA,MAAA;AAPvB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAUiB,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,MAAM,EAAE,EAAE;SACV;AAEgB,QAAA,IAAY,CAAA,YAAA,GAAW,CAAC;AAEjC,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,GAAG,EAAyD;QA4BjF,IAAA,CAAA,UAAU,GAAG,CAAC,GAAwB,EAAE,KAAa,KAAiB;YAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AACvC,YAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,YAAY,IAAI,EAAC,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,SAAS,CAAA,GAAG,CAAC,GAAG,EAAE;AAE5E,YAAA,MAAM,KAAK,GAAG;AACb,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,KAAK,EAAE,iCAAiC;AACxC,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,QAAQ,EAAE,QAAQ;aAClB;AACD,YAAA,MAAM,QAAQ,GAAG,CAAC,EAAkD,KAAI;AACvE,gBAAA,IAAI,EAAE;oBAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;AAC3C,aAAC;YACD,OAAO,OAAO,CAAC,IAAI,KAAK,MAAM,IAC7B,CAAA,CAAC,YAAY,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAM,OAAO,IAAE,GAAG,EAAE,QAAQ,EAAA,CAAA,CAAiB,KAEpE,EAAC,cAAc,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAM,OAAO,EAAE,EAAA,GAAG,EAAE,QAAQ,EAAA,CAAA,CAAmB,CACxE;AACF,SAAC;AA8GD;IAtJO,MAAM,KAAK,CAAC,OAAyB,EAAA;AAC3C,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;QACnE,IAAI,gBAAgB,EAAE;AACrB,YAAA,OAAO,aAAa,CAAC,IAAI,CAAC,IAAK,EAAE,MAAM,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;;;AAQtE,IAAA,MAAM,KAAK,GAAA;AACjB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;QAC9D,IAAI,WAAW,EAAE;AAChB,YAAA,OAAO,aAAa,CAAC,IAAI,CAAC,IAAK,EAAE,YAAY,QAAQ,CAAC,WAAW,CAAC,CAAC;;;AAI7D,IAAA,aAAa,CAAC,IAAyB,EAAA;QAC9C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAc,GAAA,IAAI,EAAb,IAAI,GAAK,MAAA,CAAA,IAAI,EAArC,CAAA,QAAA,EAAA,WAAA,CAA8B,CAAO;AAC3C,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAY,IAAI,CAAA,EAAA,EAAE,MAAM,EAAE,SAAS,EAAG,CAAA;;IAsBhC,MAAM,GAAA;QACZ,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,qCAAA,EAAwC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAA,CAAE,EAAE,IAAI,EAAC,SAAS,gBAAa,IAAI,CAAC,KAAK,CAAC,MAAM,EACzH,EAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAClC;;AAmBS,IAAA,aAAa,CAAC,KAAqB,EAAA;AACnD,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIpB,IAAA,aAAa,CAAC,KAA4B,EAAA;AAChD,QAAA,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC;AACjC,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAC3B,IAAI,CAAC,wBAAwB,EAAE;;AAIzB,IAAA,mBAAmB,CAAC,KAA2B,EAAA;AACrD,QAAA,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC;;AASzB,IAAA,qBAAqB,CAAC,KAAc,EAAA;AAC3C,QAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,SAAS;;IAMtE,wBAAwB,GAAA;;AAC/B,QAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;;AAIrE,IAAA,aAAa,CAAC,KAAoB,EAAA;;AACxC,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAmB;QAC5C,MAAM,UAAU,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;AACnI,QAAA,IAAI,CAAC,UAAU;YAAE;QACjB,KAAK,CAAC,cAAc,EAAE;QAEtB,MAAM,aAAa,GAAG,CAAC,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,IAAI,CAAC;QACpD,IAAI,aAAa,GAAG,CAAC;YAAE;AACvB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;QACtC,IAAI,SAAS,GAAG,YAAY;QAE5B,QAAQ,UAAU;YACjB,KAAK,WAAW,CAAC,OAAO;YACxB,KAAK,WAAW,CAAC,SAAS;AACzB,gBAAA,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,aAAa;gBAC/D;YACD,KAAK,WAAW,CAAC,SAAS;YAC1B,KAAK,WAAW,CAAC,UAAU;AAC1B,gBAAA,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;gBAC/D;;AAGF,QAAA,IAAI,YAAY,KAAK,SAAS,EAAE;YAC/B;;QAGD,IAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,SAAS,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,EAAE;YAC9C;;AAGD,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC;AAClD,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,MAAK,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,KAAK,EAAE,CAAA;;;AAQb,IAAA,cAAc,CAAC,KAAiB,EAAA;AACtC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,wBAAwB,EAAE;;IAGzD,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;QAC3C,IAAI,CAAC,wBAAwB,EAAE;;;;;;;;;;;;;;;"}

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-DqvPZ16l.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-DEEjER7G.js";import{v as h}from"./label-Cg7TG_7b.js";import{K as d}from"./keyboard-DNd73LVa.js";import{v as f}from"./orientation-BzQXB0-V.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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#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:"8f602796128e3c4135044a18d7663a950655404d",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-CwtGN7ID.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-DyILLof-.js";import{v as h}from"./label-BiOix5de.js";import{K as d}from"./keyboard-DNd73LVa.js";import{v as f}from"./orientation-BptN6AOK.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=1782311579243"); /* IE9*/\n  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#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};
 //# 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","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":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAc,sCACdC,OAAmBC,MAAsB,4CACzCC,OAAgCC,OAA0BC,OAAgBC,MAAgB,mCAC1FC,MAAqB,kCACrBC,MAAmB,qCACnBC,MAA2B,wCAC3BC,OAAoBC,OAAoBC,OAAeC,MAAgB,8BAErF,MAAMC,EAAuB,CAACC,EAAWC,KACrCb,EAA0Ba,GAAO,KAC7BZ,EAAoBY,GAAO,KACvB,UAAWA,IAAU,YAAa,CAC9BA,EAAQ,EACZ,CACA,IACIA,EAAQX,EAAUW,EACtB,CACA,MAAOC,GACP,CACA,GAAIC,MAAMC,QAAQH,IAAUA,EAAMI,OAAOC,UAAiBA,IAAU,UAAYA,IAAU,OAAO,CAC7Ff,EAASS,EAAW,SAAUC,EAClC,IACF,GACJ,EAGN,MAAMM,EAAkB,4iWAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACR5B,EAAiB6B,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,GACRC,OAAQ,IAEZH,KAAKI,aAAe,EACpBJ,KAAKK,eAAiB,IAAIC,IAC1BN,KAAKO,WAAa,CAACC,EAAKC,KACpB,MAAMC,EAAUV,KAAKW,cAAcH,GACnC,MAAMI,EAAWH,IAAUT,KAAKI,gBAAkBM,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQG,WAAa,GAAK,EAC9H,MAAMC,EAAQ,CACVC,IAAKN,EACLO,MAAO,kCACPC,UAAWL,EACXM,SAAU,UAEd,MAAMC,EAAYC,IACd,GAAIA,EACApB,KAAKK,eAAegB,IAAIZ,EAAOW,EAAG,EAE1C,OAAOV,EAAQY,OAAS,OAAUlD,EAAEG,EAAcgD,OAAOC,OAAO,CAAC,EAAGV,EAAOJ,EAAS,CAAEe,IAAKN,KAAiB/C,EAAEI,EAAgB+C,OAAOC,OAAO,CAAC,EAAGV,EAAOJ,EAAS,CAAEe,IAAKN,IAAa,CAE5L,CACA,WAAMO,CAAMC,GACR,MAAMC,EAAmB5B,KAAKK,eAAewB,IAAI7B,KAAKI,cACtD,GAAIwB,EAAkB,CAClB,OAAO5C,EAAcgB,KAAK8B,MAAM,IAAM5C,EAAS0C,EAAkBD,IACrE,CACJ,CACA,WAAMI,GACF,MAAMC,EAAchC,KAAKK,eAAewB,IAAI7B,KAAKI,cACjD,GAAI4B,EAAa,CACb,OAAO/C,EAAce,KAAK8B,MAAMG,SAAY9C,EAAS6C,IACzD,CACJ,CACA,aAAArB,CAAcuB,GACV,MAAMC,OAAEA,EAAMtB,UAAEA,GAAcqB,EAAME,EAAO9D,EAAO4D,EAAM,CAAC,SAAU,cACnE,OAAOX,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGY,GAAO,CAAED,SAAQtB,aAC5D,CACA,MAAAwB,GACI,OAAQjE,EAAE,MAAO,CAAE2C,IAAK,2CAA4CC,MAAO,wCAAwChB,KAAKC,MAAMqC,eAAgBC,KAAM,UAAW,aAAcvC,KAAKC,MAAMC,QAAUF,KAAKC,MAAME,OAAOqC,IAAIxC,KAAKO,YACjO,CACA,aAAA1B,CAAcS,GACVT,EAAcmB,KAAMV,EACxB,CACA,aAAAmD,CAAcnD,GACVF,EAAqBY,KAAMV,GAC3BU,KAAKK,eAAeqC,QACpB1C,KAAK2C,0BACT,CACA,mBAAA5D,CAAoBO,GAChBP,EAAoBiB,KAAMV,EAC9B,CACA,qBAAAsD,CAAsBnC,GAClB,cAAcA,IAAU,SAAWT,KAAKK,eAAewB,IAAIpB,GAASoC,SACxE,CACA,wBAAAF,GACI,IAAIpD,EACJS,KAAKI,cAAgBb,EAAKS,KAAKC,MAAME,UAAY,MAAQZ,SAAY,OAAS,EAAIA,EAAGuD,WAAWZ,IAAUA,EAAKrB,WACnH,CACA,aAAAkC,CAAcC,GACV,IAAIzD,EAAI0D,EAAIC,EAAIC,EAChB,MAAMC,EAAaJ,EAAMK,KACzB,MAAMC,EAAa,CAACxE,EAAYyE,QAASzE,EAAY0E,UAAW1E,EAAY2E,WAAY3E,EAAY4E,WAAWC,SAASP,GACxH,IAAKE,EACD,OACJN,EAAMY,iBACN,MAAMC,IAAkBZ,GAAM1D,EAAKS,KAAKG,UAAY,MAAQZ,SAAY,OAAS,EAAIA,EAAGuE,UAAY,MAAQb,SAAY,EAAIA,EAAK,GAAK,EACtI,GAAIY,EAAgB,EAChB,OACJ,MAAMzD,EAAeJ,KAAKI,aAC1B,IAAI2D,EAAY3D,EAChB,OAAQgD,GACJ,KAAKtE,EAAYyE,QACjB,KAAKzE,EAAY4E,UACbK,EAAY3D,EAAe,EAAIA,EAAe,EAAIyD,EAClD,MACJ,KAAK/E,EAAY0E,UACjB,KAAK1E,EAAY2E,WACbM,EAAY3D,EAAeyD,EAAgBzD,EAAe,EAAI,EAC9D,MAER,GAAIA,IAAiB2D,EAAW,CAC5B,MACJ,CACA,IAAKZ,GAAMD,EAAKlD,KAAKC,MAAME,UAAY,MAAQ+C,SAAY,OAAS,EAAIA,EAAGa,MAAgB,MAAQZ,SAAY,OAAS,EAAIA,EAAGtC,UAAW,CACtI,MACJ,CACAb,KAAKI,aAAe2D,EACpB,MAAM7B,EAAOlC,KAAK4C,sBAAsBmB,GACxC,GAAI/D,KAAK8B,KAAM,MACLI,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKR,QAC3D,CACJ,CACA,cAAAsC,CAAehB,GACX,GAAIA,EAAMiB,SAAWjE,KAAK8B,KACtB9B,KAAK2C,0BACb,CACA,iBAAAuB,GACIlE,KAAKnB,cAAcmB,KAAKE,QACxBF,KAAKyC,cAAczC,KAAKG,QACxBH,KAAKjB,oBAAoBiB,KAAKsC,cAC9BtC,KAAK2C,0BACT,CACA,QAAIb,GAAS,OAAOzD,EAAW2B,KAAO,CACtC,mBAAWmE,GAAa,MAAO,CAC3BjE,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACXmC,aAAgB,CAAC,uBAClB,GAEPzC,EAAWuE,MAAQ,CACfC,QAASzE,UAGJC","ignoreList":[]}

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 l}from"./index-DqvPZ16l.js";import{B as s}from"./variant-quote-BMV8GZX8.js";import{T as r}from"./component-BFsdrctP.js";import{T as e}from"./controller-oT8Y98Yc.js";import"./common-DEEjER7G.js";import"./normalizers-pgU77mXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./component-4RtkhTfb.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-B9CzNnO1.js";import"./clsx-COFh-Vc8.js";import"./component-ijX_kUom.js";import"./align-floating-elements-DTTpkCAK.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./align-ChLoh-Dq.js";import"./label-DPd4-fag.js";import"./base-controller-CXhqh4cR.js";const a=class{constructor(t){i(this,t);this.controller=new e(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:"f677d58b886cdb9f1aab620608155ee412e0ef7d",class:"kol-tooltip"},t(r,{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 l(this)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{a as kol_tooltip_wc};
+import{r as i,h as t,H as o,g as e}from"./index-CwtGN7ID.js";import{B as s}from"./base-web-component-CArCAUxk.js";import{T as l}from"./component-fsnfw59D.js";import{T as r}from"./controller-CJs4fTO0.js";import"./common-DyILLof-.js";import"./normalizers-B5NKuJgN.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./component-DbrY6RW_.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-CqAKWtWY.js";import"./clsx-COFh-Vc8.js";import"./component-DI3pO3QY.js";import"./align-floating-elements-CqZdcuwL.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./align-DdWzcKWR.js";import"./label-BT-6lb8r.js";import"./base-controller-CXhqh4cR.js";const a=class{constructor(t){i(this,t);this.controller=new r(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(l,{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{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,0CACxBC,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,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":[]}

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-DqvPZ16l.js";import{c as l,u as a}from"./component-names-Dy77vq43.js";import{I as o}from"./component-ijX_kUom.js";import{e as n}from"./common-DEEjER7G.js";import{v as r}from"./href-yQN98Z4F.js";import{v as d}from"./label-Cg7TG_7b.js";import{v as h}from"./open-Djbpz6kg.js";import{c}from"./clsx-COFh-Vc8.js";import{c as v}from"./dev.utils-Cv9uCwkA.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-B9CzNnO1.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: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{_ as kol_tree_item_wc};
+import{r as e,h as t,H as i,g as s}from"./index-CwtGN7ID.js";import{c as l,u as a}from"./component-names-Dy77vq43.js";import{I as o}from"./component-DI3pO3QY.js";import{e as n}from"./common-DyILLof-.js";import{v as r}from"./href-CMm8l_Io.js";import{v as d}from"./label-BiOix5de.js";import{v as h}from"./open-DZ2Z5a7z.js";import{c}from"./clsx-COFh-Vc8.js";import{c as f}from"./dev.utils-Ce_5C3Pe.js";import"./tslib.es6-QNbPBOk5.js";import"./bem-registry-CqAKWtWY.js";const v=(e,t,i)=>{n(e,"_active",t,i)};const _=class{constructor(t){e(this,t);this.groupId=f("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:"033b9e4fa4869b03c27a23e26d682040f8d15029",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"4627c891d1bd05d9b0d4151b54e90a3efe38b37b",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{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:a?n:undefined,_ariaOwns:a?this.groupId:undefined,ref:e=>this.linkElement=e},t("span",{key:"f2fc1f85b52708c6792283a59d29954b6f4622ca",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:"83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3",class:"kol-tree-item__text"},r))),t("ul",{key:"dde87b4cbbab2833af27a1530842561fd376bd63",class:"kol-tree-item__children",hidden:!a||!n,role:"group",id:this.groupId},t("slot",{key:"36e347147c5c8a8f733a9aa8076d05d84f08c26b"}))))}validateActive(e){v(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{_ as kol_tree_item_wc};
 //# sourceMappingURL=kol-tree-item-wc.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item.entry.esm.js","sources":["src/components/tree-item/style.scss?tag=kol-tree-item&mode=default&encapsulation=shadow","src/components/tree-item/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\n\t.kol-tree-item {\n\t\t$root: &;\n\n\t\t&__link {\n\t\t\t.kol-link {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmin-height: var(--a11y-min-size);\n\t\t\t\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\n\t\t&__link-inner {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__children {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t.kol-span {\n\t\t\tplace-items: unset; // unset 'center' style from global layer\n\t\t}\n\n\t\t&__toggle-button,\n\t\t&__toggle-button-placeholder {\n\t\t\tdisplay: inline-flex;\n\t\t\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t&__text {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n","import { Component, h, type JSX, Method, Prop } from '@stencil/core';\n\nimport { KolTreeItemWcTag } from '../../core/component-names';\nimport type { HrefPropType, KolFocusOptions, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';\n\n@Component({\n\ttag: 'kol-tree-item', // keep in sync with `const TREE_ITEM_TAG_NAME`\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTreeItem implements TreeItemProps {\n\tprivate element?: HTMLKolTreeItemWcElement;\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\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() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focus(options?: KolFocusOptions) {\n\t\treturn this.element?.focus(options);\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method() async expand() {\n\t\treturn Promise.resolve(this.element?.expand());\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method() async collapse() {\n\t\treturn Promise.resolve(this.element?.collapse());\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method() async isOpen() {\n\t\treturn (await this.element?.isOpen()) ?? false;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeItemWcTag\n\t\t\t\t_active={this._active}\n\t\t\t\t_label={this._label}\n\t\t\t\t_open={this._open}\n\t\t\t\t_href={this._href}\n\t\t\t\tref={(element?: HTMLKolTreeItemWcElement) => (this.element = element)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolTreeItemWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,g8QAAg8Q;;MCY38Q,WAAW,GAAA,MAAA;;;;IA0Bb,MAAM,KAAK,CAAC,OAAyB,EAAA;;AAC9C,QAAA,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC,OAAO,CAAC;;AAM1B,IAAA,MAAM,MAAM,GAAA;;AACrB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE,CAAC;;AAMrC,IAAA,MAAM,QAAQ,GAAA;;AACvB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,CAAC;;AAMvC,IAAA,MAAM,MAAM,GAAA;;QACrB,OAAO,CAAA,EAAA,IAAC,OAAM,MAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;;IAGxC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,gBAAgB,qDAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,CAAC,OAAkC,MAAM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,EAAA,EAErE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACU;;;;;;;;;"}
+{"version":3,"file":"kol-tree-item.entry.esm.js","sources":["src/components/tree-item/style.scss?tag=kol-tree-item&mode=default&encapsulation=shadow","src/components/tree-item/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\n\t.kol-tree-item {\n\t\t$root: &;\n\n\t\t&__link {\n\t\t\t.kol-link {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmin-height: var(--a11y-min-size);\n\t\t\t\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\n\t\t&__link-inner {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__children {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t.kol-span {\n\t\t\tplace-items: unset; // unset 'center' style from global layer\n\t\t}\n\n\t\t&__toggle-button,\n\t\t&__toggle-button-placeholder {\n\t\t\tdisplay: inline-flex;\n\t\t\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t&__text {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n","import { Component, h, type JSX, Method, Prop } from '@stencil/core';\n\nimport { KolTreeItemWcTag } from '../../core/component-names';\nimport type { HrefPropType, KolFocusOptions, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';\n\n@Component({\n\ttag: 'kol-tree-item', // keep in sync with `const TREE_ITEM_TAG_NAME`\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTreeItem implements TreeItemProps {\n\tprivate element?: HTMLKolTreeItemWcElement;\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\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() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focus(options?: KolFocusOptions) {\n\t\treturn this.element?.focus(options);\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method() async expand() {\n\t\treturn Promise.resolve(this.element?.expand());\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method() async collapse() {\n\t\treturn Promise.resolve(this.element?.collapse());\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method() async isOpen() {\n\t\treturn (await this.element?.isOpen()) ?? false;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeItemWcTag\n\t\t\t\t_active={this._active}\n\t\t\t\t_label={this._label}\n\t\t\t\t_open={this._open}\n\t\t\t\t_href={this._href}\n\t\t\t\tref={(element?: HTMLKolTreeItemWcElement) => (this.element = element)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolTreeItemWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,swRAAswR;;MCYjxR,WAAW,GAAA,MAAA;;;;IA0Bb,MAAM,KAAK,CAAC,OAAyB,EAAA;;AAC9C,QAAA,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC,OAAO,CAAC;;AAM1B,IAAA,MAAM,MAAM,GAAA;;AACrB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE,CAAC;;AAMrC,IAAA,MAAM,QAAQ,GAAA;;AACvB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,CAAC;;AAMvC,IAAA,MAAM,MAAM,GAAA;;QACrB,OAAO,CAAA,EAAA,IAAC,OAAM,MAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;;IAGxC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,gBAAgB,qDAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,CAAC,OAAkC,MAAM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,EAAA,EAErE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACU;;;;;;;;;"}

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-DqvPZ16l.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-DEEjER7G.js";const t='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#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};
+import{r as n,h as e}from"./index-CwtGN7ID.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-DyILLof-.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=1782311579243"); /* IE9*/\n  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#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};
 //# sourceMappingURL=kol-tree-item.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","options","_a","element","expand","Promise","resolve","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,s3QAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,WAAME,CAAMC,GACR,IAAIC,EACJ,OAAQA,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGF,MAAMC,EAC7E,CACA,YAAMG,GACF,IAAIF,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGE,SACvF,CACA,cAAMG,GACF,IAAIL,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQjB,EAAEC,EAAkB,CAAEiB,IAAK,2CAA4CC,QAASb,KAAKa,QAASC,OAAQd,KAAKc,OAAQC,MAAOf,KAAKe,MAAOC,MAAOhB,KAAKgB,MAAOC,IAAMb,GAAaJ,KAAKI,QAAUA,GAAYV,EAAE,OAAQ,CAAEkB,IAAK,6CACpO,GAEJf,EAAYqB,MAAQ,CAChBC,QAASvB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","options","_a","element","expand","Promise","resolve","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,2rRAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,WAAME,CAAMC,GACR,IAAIC,EACJ,OAAQA,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGF,MAAMC,EAC7E,CACA,YAAMG,GACF,IAAIF,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGE,SACvF,CACA,cAAMG,GACF,IAAIL,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQjB,EAAEC,EAAkB,CAAEiB,IAAK,2CAA4CC,QAASb,KAAKa,QAASC,OAAQd,KAAKc,OAAQC,MAAOf,KAAKe,MAAOC,MAAOhB,KAAKgB,MAAOC,IAAMb,GAAaJ,KAAKI,QAAUA,GAAYV,EAAE,OAAQ,CAAEkB,IAAK,6CACpO,GAEJf,EAAYqB,MAAQ,CAChBC,QAASvB,UAGJC","ignoreList":[]}