@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","clsx","getDefaultProps","checkHasMsg","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","__rest","watchValidator","watchString","nonce","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","showMsg","msgType","_type","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","textareaRef","kolFocus","focus","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","catchRef","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","componentDidLoad","setTimeout","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","clsx","getDefaultProps","getMsgType","isMsgDefinedAndInputTouched","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","__rest","watchValidator","watchString","nonce","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","textareaRef","focus","Promise","resolve","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","catchRef","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","componentDidLoad","setTimeout","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","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 'clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\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 '../../styles/global' as *;\n@use '../../styles/kol-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\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 { nonce } 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';\n\nconst TRANSITION_TIMEOUT = 300;\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\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: `toast-${nonce()}`,\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\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) => {\n\t\t\t\tif (localToastState.id === toastState.id) {\n\t\t\t\t\tlocalToastState.status = 'removing';\n\t\t\t\t}\n\t\t\t\treturn 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\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} 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\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 'clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\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 '../../styles/global' as *;\n@use '../../styles/kol-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 { nonce } 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';\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 */\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\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: `toast-${nonce()}`,\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\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) => {\n\t\t\t\tif (localToastState.id === toastState.id) {\n\t\t\t\t\tlocalToastState.status = 'removing';\n\t\t\t\t}\n\t\t\t\treturn 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\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} 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\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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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as t,H as e}from"./index-iB2O5Z2w.js";import{t as o}from"./i18n-CQxlBXNV.js";import{n as i}from"./dev.utils-DczzdGZ6.js";import{n as a}from"./component-names-CkE54Ym7.js";import{K as s}from"./Alert-BVXxAiPu.js";import"./common-L1K0yh1S.js";import"./markdown-CVks1MC0.js";import{_ as l}from"./tslib.es6-CxX45GIN.js";import{c as r}from"./clsx-eK3rPvPS.js";import"./i18n-B-iJAw_i.js";import"./bem-CIn1qsbp.js";import"./browser-CyCtPZc0.js";import"./Heading-CYFoVwZo.js";const c=t=>{var{status:e,toast:o,onClose:i}=t,a=l(t,["status","toast","onClose"]);const{type:d,label:c,description:h,variant:m}=o;return n("div",{class:r("kol-toast-item",`kol-toast-item--${e}`)},n(s,{class:"kol-toast-item__alert",alert:!0,label:c,level:0,hasCloser:!0,type:d,variant:m||"card",onCloserClick:i},n("div",Object.assign({},a),h)))},d="/*\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: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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 {\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    flex-direction: column;\n  }\n  .kol-toast-container__close-all {\n    align-self: flex-end;\n  }\n}",h=300,m=class{constructor(n){t(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=o("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(t){const n={toast:Object.assign(Object.assign({},t),{variant:"card"}),status:"adding",id:`toast-${i()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[n,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>t.id===n.id&&"removing"!==t.status?Object.assign(Object.assign({},t),{status:"settled"}):t)})},h),()=>{this.handleClose(n)}}handleClose(t){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(n=>(n.id===t.id&&(n.status="removing"),n))}),setTimeout(()=>{var n,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(n=>n.id!==t.id)}),null===(e=(n=t.toast).onClose)||void 0===e||e.call(n)},h)}async closeAll(t=!1){if(t)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(t=>Object.assign(Object.assign({},t),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(n=>t.every(t=>t.id!==n.id))}),t.forEach(t=>{var n,e;null===(e=(n=t.toast).onClose)||void 0===e||e.call(n)})},h)}}handleToastRef(t,n){n&&"function"==typeof t.toast.render&&!this.knownRenderFunctions.has(t.toast.render)&&(this.knownRenderFunctions.add(t.toast.render),t.toast.render(n,{close:()=>this.handleClose(t)}))}render(){return n(e,{key:"59038f1cc016df1fb76b2436b4ad4598700e66a9",class:"kol-toast-container"},this.state._toastStates.length>1&&n(a,{key:"d2aea02a378c5631da3d47e8ab947e81eaa4174b",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(t=>n(c,{key:t.id,onClose:()=>this.handleClose(t),ref:n=>this.handleToastRef(t,n),toast:t.toast,status:t.status})))}};m.style={default:d};export{m as kol_toast_container};
+import{h as n,r as t,H as e}from"./index-CNB6DDYH.js";import{t as o}from"./i18n-CvQhdUrE.js";import{n as i}from"./dev.utils-BIeLAoxm.js";import{p as a}from"./component-names-B_kYyA8u.js";import{K as s}from"./Alert-DE6PjZZh.js";import"./common-BXXICkFX.js";import"./markdown-CaS836ev.js";import{_ as l}from"./tslib.es6-CxX45GIN.js";import{c as r}from"./clsx-eK3rPvPS.js";import"./i18n-B0tfVPMa.js";import"./bem-Bj_mJ2nm.js";import"./browser-DaourpHc.js";import"./Heading-CHhFhzd-.js";const d=t=>{var{status:e,toast:o,onClose:i}=t,a=l(t,["status","toast","onClose"]);const{type:d,label:c,description:h,variant:m}=o;return n("div",{class:r("kol-toast-item",`kol-toast-item--${e}`)},n(s,{class:"kol-toast-item__alert",alert:!0,label:c,level:0,hasCloser:!0,type:d,variant:m||"card",onCloserClick:i},n("div",Object.assign({},a),h)))},c="/*\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: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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 {\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}",h=300,m=class{constructor(n){t(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=o("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(t){const n={toast:Object.assign(Object.assign({},t),{variant:"card"}),status:"adding",id:`toast-${i()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[n,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>t.id===n.id&&"removing"!==t.status?Object.assign(Object.assign({},t),{status:"settled"}):t)})},h),()=>{this.handleClose(n)}}handleClose(t){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(n=>(n.id===t.id&&(n.status="removing"),n))}),setTimeout(()=>{var n,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(n=>n.id!==t.id)}),null===(e=(n=t.toast).onClose)||void 0===e||e.call(n)},h)}async closeAll(t=!1){if(t)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(t=>Object.assign(Object.assign({},t),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(n=>t.every(t=>t.id!==n.id))}),t.forEach(t=>{var n,e;null===(e=(n=t.toast).onClose)||void 0===e||e.call(n)})},h)}}handleToastRef(t,n){n&&"function"==typeof t.toast.render&&!this.knownRenderFunctions.has(t.toast.render)&&(this.knownRenderFunctions.add(t.toast.render),t.toast.render(n,{close:()=>this.handleClose(t)}))}render(){return n(e,{key:"40e9e249cceebf6d433444192d5199a2d7864f34",class:"kol-toast-container"},this.state._toastStates.length>1&&n(a,{key:"68a998df0fe18affd0db5e06fdfb92c9aee4abd8",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(t=>n(d,{key:t.id,onClose:()=>this.handleClose(t),ref:n=>this.handleToastRef(t,n),toast:t.toast,status:t.status})))}};m.style={default:c};export{m as kol_toast_container};

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","translate","nonce","KolButtonTag","KolAlertFc","__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","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","_b","filter","call","closeAll","immediate","toastsToClose","every","toastToClose","forEach","handleToastRef","element","render","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","nonce","KolButtonTag","KolAlertFc","__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","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","_b","filter","call","closeAll","immediate","toastsToClose","every","toastToClose","forEach","handleToastRef","element","render","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 { ButtonProps, 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  } & ButtonProps)\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\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\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 '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/kol-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, Prop, State, Watch } from '@stencil/core';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type { 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';\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 {\n\t@Element() 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\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};\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 {...element} {...props} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...element} {...props} 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) return;\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) return;\n\n\t\tthis.currentIndex = nextIndex;\n\t\tvoid this.getCurrentToolbarItem(nextIndex)?.kolFocus();\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('blur', { capture: true })\n\tpublic handleBlur(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 { ButtonProps, 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  } & ButtonProps)\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\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\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 '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/kol-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, Prop, State, Watch } from '@stencil/core';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type { 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';\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 {\n\t@Element() 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\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};\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 {...element} {...props} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...element} {...props} 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) return;\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) return;\n\n\t\tthis.currentIndex = nextIndex;\n\t\tvoid this.getCurrentToolbarItem(nextIndex)?.focus();\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('blur', { capture: true })\n\tpublic handleBlur(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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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,g as e}from"./index-iB2O5Z2w.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{f as i,d as l}from"./component-names-CkE54Ym7.js";import{O as a,o as s,p as r,s as d}from"./common-L1K0yh1S.js";import{v as h}from"./label-ohY9ajP0.js";import{K as c}from"./keyboard-D6PoWr38.js";import{v as m}from"./orientation-B0ErOlUK.js";const f=(n,e)=>{a(e,()=>{s(e,()=>{void 0===e&&(e=[]);try{e=r(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&d(n,"_items",e)})})},p="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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  :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  :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}",b=class{constructor(e){n(this,e),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const o=this.normalizeItem(n),a=e!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:e,class:"button normal kol-toolbar__item",_tabIndex:a},s=n=>{n&&this.indexToElement.set(e,n)};return"link"===o.type?t(i,Object.assign({},o,r,{ref:s})):t(l,Object.assign({},o,r,{ref:s}))}}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 t("div",{key:"ad1dc342681ec7b63f24b9212a5edb82301224c6",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){f(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){m(this,n)}getCurrentToolbarItem(n){return"number"==typeof n?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=null===(n=this.state._items)||void 0===n?void 0:n.findIndex(n=>!n._disabled)}handleKeyDown(n){var e,t,o,i,a;const l=n.code;if(![c.ArrowUp,c.ArrowDown,c.ArrowRight,c.ArrowLeft].includes(l))return;n.preventDefault();const r=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(r<0)return;const s=this.currentIndex;let d=s;switch(l){case c.ArrowUp:case c.ArrowLeft:d=s>0?s-1:r;break;case c.ArrowDown:case c.ArrowRight:d=s<r?s+1:0}s!==d&&((null===(i=null===(o=this.state._items)||void 0===o?void 0:o[d])||void 0===i?void 0:i._disabled)||(this.currentIndex=d,null===(a=this.getCurrentToolbarItem(d))||void 0===a||a.kolFocus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};b.style={default:p};export{b as kol_toolbar};
+import{r as n,h as t,g as e}from"./index-CNB6DDYH.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{f as i,d as l}from"./component-names-B_kYyA8u.js";import{O as a,o as s,p as r,s as d}from"./common-BXXICkFX.js";import{v as h}from"./label-Dkj9sxQK.js";import{K as c}from"./keyboard-DNd73LVa.js";import{v as m}from"./orientation-uIK98CL3.js";const f=(n,e)=>{a(e,()=>{s(e,()=>{void 0===e&&(e=[]);try{e=r(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&d(n,"_items",e)})})},p="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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  :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  :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}",b=class{constructor(e){n(this,e),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const o=this.normalizeItem(n),a=e!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:e,class:"button normal kol-toolbar__item",_tabIndex:a},s=n=>{n&&this.indexToElement.set(e,n)};return"link"===o.type?t(i,Object.assign({},o,r,{ref:s})):t(l,Object.assign({},o,r,{ref:s}))}}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 t("div",{key:"b8bf5d060d2390c8c4bbf3345d731074ff297541",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){f(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){m(this,n)}getCurrentToolbarItem(n){return"number"==typeof n?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=null===(n=this.state._items)||void 0===n?void 0:n.findIndex(n=>!n._disabled)}handleKeyDown(n){var e,t,o,i,a;const l=n.code;if(![c.ArrowUp,c.ArrowDown,c.ArrowRight,c.ArrowLeft].includes(l))return;n.preventDefault();const r=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(r<0)return;const s=this.currentIndex;let d=s;switch(l){case c.ArrowUp:case c.ArrowLeft:d=s>0?s-1:r;break;case c.ArrowDown:case c.ArrowRight:d=s<r?s+1:0}s!==d&&((null===(i=null===(o=this.state._items)||void 0===o?void 0:o[d])||void 0===i?void 0:i._disabled)||(this.currentIndex=d,null===(a=this.getCurrentToolbarItem(d))||void 0===a||a.focus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};b.style={default:p};export{b as kol_toolbar};

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","validateToolbarItems","component","value","e","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","catchRef","el","set","type","Object","assign","ref","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","get","undefined","_a","findIndex","handleKeyDown","event","_b","_c","_d","_e","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","kolFocus","handleBlur","target","host","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","validateToolbarItems","component","value","e","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","catchRef","el","set","type","Object","assign","ref","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","get","undefined","_a","findIndex","handleKeyDown","event","_b","_c","_d","_e","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","focus","handleBlur","target","host","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/schema/props/badge-text.ts","src/schema/props/id.ts","src/utils/overlay.ts","src/components/tooltip/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\nimport type { AccessKeyPropType } from './access-key';\nimport type { ShortKeyPropType } from './short-key';\n\n/* types */\nexport type BadgeTextPropType = AccessKeyPropType | ShortKeyPropType;\n\n/**\n * Defines the elements badge text.\n */\nexport type PropBadgeText = {\n\tbadgeText: BadgeTextPropType;\n};\n\n/* validator */\nexport const validateBadgeText = (component: Generic.Element.Component, value?: BadgeTextPropType): void => {\n\twatchString(component, '_badgeText', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type IdPropType = string;\n\n/**\n * Defines the internal ID of the primary component element.\n * @deprecated Will be removed in the next major version.\n */\nexport type PropId = {\n\tid: IdPropType;\n};\n\n/* validator */\n/** @deprecated Will be removed in the next major version. */\nexport const validateId = (component: Generic.Element.Component, value?: IdPropType): void => {\n\twatchString(component, '_id', value);\n};\n","/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n\t\tvisibleOverlay.style.setProperty('z-index', '999');\n\t});\n\tVISIBLE_OVERLAYS.add(overlay);\n\toverlay.style.setProperty('z-index', '1000');\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.delete(overlay);\n\tif (VISIBLE_OVERLAYS.size > 0) {\n\t\tconst last = Array.from(VISIBLE_OVERLAYS).pop();\n\t\tif (last) {\n\t\t\tlast.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateAlign, validateBadgeText, validateId, validateLabel } from '../../schema';\n\nimport { KolSpanFc } from '../../functional-components';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../utils/tooltip-open-tracking';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host!: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\n\t/**\n\t * Prevents the tooltip from showing during the current interaction session.\n\t * An \"interaction session\" (visit) is active while the user hovers over or focuses the trigger element.\n\t *\n\t * Behavior:\n\t * - Set to true when hideTooltip() is called (e.g., via Escape key, click, or programmatically)\n\t * - Remains true for the entire session, even if interaction type changes (e.g., from click to hover)\n\t * - Reset to false when the session ends (user leaves the element completely)\n\t * - Tooltip will show again on the next session unless manually hidden again\n\t */\n\tprivate isHiddenForCurrentVisit = false;\n\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t/**\n\t * Checks if a new interaction session is starting (no prior hover or focus active).\n\t */\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\t/**\n\t * Resets the hide flag when the interaction session ends.\n\t */\n\tprivate resetHideFlag = (): void => {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t};\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip = (): void => {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n\t\t\t\tonce: true,\n\t\t\t});\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hideTooltip() {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tvoid this.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseleave = (event: Event): void => {\n\t\tthis.hasMouseIn = this.tooltipElement?.contains((event as MouseEvent).relatedTarget as Node) ?? false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusout = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners = (el: Element): void => {\n\t\tel.addEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.addEventListener('mouseleave', this.handleMouseleave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate removeListeners = (el: Element): void => {\n\t\tel.removeEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseleave', this.handleMouseleave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate resyncListeners = (last?: Element | null, next?: Element | null, replacePreviousSibling = false): void => {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\t/**\n\t\t\t * This makes the next element to the last element for the next resync cycle.\n\t\t\t */\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t};\n\n\tprivate catchTooltipElement = (el?: HTMLDivElement): void => {\n\t\tthis.tooltipElement = el;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"kol-tooltip__floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate showOrHideTooltip = (): void => {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tvoid this.hideTooltip();\n\t\t\t}\n\t\t\t// Timing Guidelines for Exposing Hidden Content: https://www.nngroup.com/articles/timing-exposing-content/\n\t\t}, 300);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBadgeText(this._badgeText);\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label);\n\t}\n\n\tprivate handleEventListeners(): void {\n\t\tconst nextSibling = this.host?.previousElementSibling ?? null;\n\t\tthis.resyncListeners(this.previousSibling, nextSibling as Element, true);\n\t\tthis.resyncListeners(this.tooltipElement, this.tooltipElement);\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.previousSibling = this.host?.previousElementSibling ?? null;\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.handleEventListeners();\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentDidLoad)\n\t */\n\tpublic disconnectedCallback(): void {\n\t\tif (this.previousSibling /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/schema/props/badge-text.ts","src/schema/props/id.ts","src/utils/overlay.ts","src/components/tooltip/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\nimport type { AccessKeyPropType } from './access-key';\nimport type { ShortKeyPropType } from './short-key';\n\n/* types */\nexport type BadgeTextPropType = AccessKeyPropType | ShortKeyPropType;\n\n/**\n * Defines the elements badge text.\n */\nexport type PropBadgeText = {\n\tbadgeText: BadgeTextPropType;\n};\n\n/* validator */\nexport const validateBadgeText = (component: Generic.Element.Component, value?: BadgeTextPropType): void => {\n\twatchString(component, '_badgeText', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type IdPropType = string;\n\n/**\n * Defines the internal ID of the primary component element.\n * @deprecated Will be removed in the next major version.\n */\nexport type PropId = {\n\tid: IdPropType;\n};\n\n/* validator */\n/** @deprecated Will be removed in the next major version. */\nexport const validateId = (component: Generic.Element.Component, value?: IdPropType): void => {\n\twatchString(component, '_id', value);\n};\n","/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n\t\tvisibleOverlay.style.setProperty('z-index', '999');\n\t});\n\tVISIBLE_OVERLAYS.add(overlay);\n\toverlay.style.setProperty('z-index', '1000');\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.delete(overlay);\n\tif (VISIBLE_OVERLAYS.size > 0) {\n\t\tconst last = Array.from(VISIBLE_OVERLAYS).pop();\n\t\tif (last) {\n\t\t\tlast.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateAlign, validateBadgeText, validateId, validateLabel } from '../../schema';\n\nimport { KolSpanFc } from '../../functional-components';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../utils/tooltip-open-tracking';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host?: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\n\t/**\n\t * Prevents the tooltip from showing during the current interaction session.\n\t * An \"interaction session\" (visit) is active while the user hovers over or focuses the trigger element.\n\t *\n\t * Behavior:\n\t * - Set to true when hideTooltip() is called (e.g., via Escape key, click, or programmatically)\n\t * - Remains true for the entire session, even if interaction type changes (e.g., from click to hover)\n\t * - Reset to false when the session ends (user leaves the element completely)\n\t * - Tooltip will show again on the next session unless manually hidden again\n\t */\n\tprivate isHiddenForCurrentVisit = false;\n\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t/**\n\t * Checks if a new interaction session is starting (no prior hover or focus active).\n\t */\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\t/**\n\t * Resets the hide flag when the interaction session ends.\n\t */\n\tprivate resetHideFlag = (): void => {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t};\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip = (): void => {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n\t\t\t\tonce: true,\n\t\t\t});\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hideTooltip() {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tvoid this.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseleave = (event: Event): void => {\n\t\tthis.hasMouseIn = this.tooltipElement?.contains((event as MouseEvent).relatedTarget as Node) ?? false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusout = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners = (el: Element): void => {\n\t\tel.addEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.addEventListener('mouseleave', this.handleMouseleave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate removeListeners = (el: Element): void => {\n\t\tel.removeEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseleave', this.handleMouseleave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate resyncListeners = (last?: Element | null, next?: Element | null, replacePreviousSibling = false): void => {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\t/**\n\t\t\t * This makes the next element to the last element for the next resync cycle.\n\t\t\t */\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t};\n\n\tprivate catchTooltipElement = (el?: HTMLDivElement): void => {\n\t\tthis.tooltipElement = el;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"kol-tooltip__floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate showOrHideTooltip = (): void => {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tvoid this.hideTooltip();\n\t\t\t}\n\t\t\t// Timing Guidelines for Exposing Hidden Content: https://www.nngroup.com/articles/timing-exposing-content/\n\t\t}, 300);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBadgeText(this._badgeText);\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label);\n\t}\n\n\tprivate handleEventListeners(): void {\n\t\tconst nextSibling = this.host?.previousElementSibling ?? null;\n\t\tthis.resyncListeners(this.previousSibling, nextSibling as Element, true);\n\t\tthis.resyncListeners(this.tooltipElement, this.tooltipElement);\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.previousSibling = this.host?.previousElementSibling ?? null;\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.handleEventListeners();\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentDidLoad)\n\t */\n\tpublic disconnectedCallback(): void {\n\t\tif (this.previousSibling /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as e}from"./index-iB2O5Z2w.js";import{b as h,a as o}from"./align-floating-elements-DUQRrio7.js";import{e as a,r as l}from"./common-L1K0yh1S.js";import{v as n}from"./align-Bcqvz5vw.js";import{v as r}from"./label-ohY9ajP0.js";import"./Alert-BVXxAiPu.js";import"./i18n-CQxlBXNV.js";import{K as d}from"./Span-DFyIWuOc.js";import{t as c,a as f}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./component-names-CkE54Ym7.js";import"./bem-CIn1qsbp.js";import"./browser-CyCtPZc0.js";import"./Heading-CYFoVwZo.js";import"./i18n-B-iJAw_i.js";import"./Icon-BhuXTCGL.js";import"./reuse-CX4AQDkS.js";import"./markdown-CVks1MC0.js";import"./InternalUnderlinedBadgeText-CJyOdgkx.js";import"./isObject-DvSELytj.js";const m=(t,i)=>{a(t,"_badgeText",i)},u=(t,i)=>{a(t,"_id",i)},p=new Set;function v(t){p.forEach(t=>{t.style.setProperty("z-index","999")}),p.add(t),t.style.setProperty("z-index","1000")}function b(t){if(p.delete(t),p.size>0){const t=Array.from(p).pop();t&&t.style.setProperty("z-index","1000")}}const g=class{constructor(t){i(this,t),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){v(this.tooltipElement),c(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=h(t,i,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,e;this.hasMouseIn=null!==(e=null===(i=this.tooltipElement)||void 0===i?void 0:i.contains(t.relatedTarget))&&void 0!==e&&e,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,e=!1)=>{t&&this.removeListeners(t),i&&(e&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await o({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(b(this.tooltipElement),f(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return t(s,{key:"7a998733dae6a2c928b4107d885c19f5988fa24a",class:"kol-tooltip"},""!==this.state._label&&t("div",{key:"6b53ddaa12ca15d4822a4d4945d823f699d76510",class:"kol-tooltip__floating",ref:this.catchTooltipElement},t("div",{key:"0b48b4b9938ac6830b84c7731b9b5df89cbf9da7",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),t(d,{key:"0531c8d02198e37b81b9110cc683852730caa5fb",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){m(this,t)}validateAlign(t){n(this,t)}validateId(t){u(this,t)}validateLabel(t){r(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t,i;const e=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t,i;this.previousSibling=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return e(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{g as kol_tooltip_wc};
+import{r as t,h as i,H as s,g as e}from"./index-CNB6DDYH.js";import{b as h,a as o}from"./align-floating-elements-BmMJhjF1.js";import{e as a,r as l}from"./common-BXXICkFX.js";import{v as n}from"./align-C_bkzA-y.js";import{v as r}from"./label-Dkj9sxQK.js";import"./Alert-DE6PjZZh.js";import"./i18n-CvQhdUrE.js";import{K as d}from"./Span-ChmKrUVL.js";import{t as c,a as f}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./component-names-B_kYyA8u.js";import"./bem-Bj_mJ2nm.js";import"./browser-DaourpHc.js";import"./Heading-CHhFhzd-.js";import"./i18n-B0tfVPMa.js";import"./Icon-D2_cARs6.js";import"./reuse-CX4AQDkS.js";import"./markdown-CaS836ev.js";import"./InternalUnderlinedBadgeText-BFxFxw0s.js";import"./isObject-DvSELytj.js";const m=(t,i)=>{a(t,"_badgeText",i)},p=(t,i)=>{a(t,"_id",i)},u=new Set;function v(t){u.forEach(t=>{t.style.setProperty("z-index","999")}),u.add(t),t.style.setProperty("z-index","1000")}function b(t){if(u.delete(t),u.size>0){const t=Array.from(u).pop();t&&t.style.setProperty("z-index","1000")}}const j=class{constructor(i){t(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){v(this.tooltipElement),c(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=h(t,i,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,e;this.hasMouseIn=null!==(e=null===(i=this.tooltipElement)||void 0===i?void 0:i.contains(t.relatedTarget))&&void 0!==e&&e,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,e=!1)=>{t&&this.removeListeners(t),i&&(e&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await o({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(b(this.tooltipElement),f(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return i(s,{key:"efee2bbf85c5acdd5a489a249bd7bcf7b2cd3dc2",class:"kol-tooltip"},""!==this.state._label&&i("div",{key:"99955951f3dd9d2c04e330be7f783ff9ebb7250f",class:"kol-tooltip__floating",ref:this.catchTooltipElement},i("div",{key:"b023b51d943b2ffe5cb0773edb26a3c94e60829f",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),i(d,{key:"ca17df24e680c94f6c1859104937c390f401e81c",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){m(this,t)}validateAlign(t){n(this,t)}validateId(t){p(this,t)}validateLabel(t){r(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t,i;const e=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t,i;this.previousSibling=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return e(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{j as kol_tooltip_wc};

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

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item-wc.entry.esm.js","sources":["src/schema/props/active.ts","src/components/tree-item/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ActivePropType = boolean;\n\n/**\n * Defines whether something is active.\n */\nexport type PropActive = {\n\tactive: ActivePropType;\n};\n\n/* validator */\nexport const validateActive = (component: Generic.Element.Component, value: ActivePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_active', value, options);\n};\n","import { Component, Element, h, Host, type JSX, Method, Prop, State, Watch } from '@stencil/core';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolLinkWcTag, KolTreeTag } from '../../core/component-names';\nimport type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';\nimport { validateActive, validateHref, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\n\n@Component({\n\ttag: `kol-tree-item-wc`,\n\tshadow: false,\n})\nexport class KolTreeItemWc implements TreeItemAPI {\n\tprivate linkElement!: HTMLKolLinkWcElement;\n\tprivate groupId = `tree-group-${nonce()}`;\n\n\t@State() private level?: number;\n\t@Element() host!: HTMLElement;\n\n\tpublic render(): JSX.Element {\n\t\tconst { _href, _active, _hasChildren, _open, _label } = this.state;\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<li\n\t\t\t\t\tclass=\"kol-tree-item\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--level': `${this.level}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-tree-item__link', {\n\t\t\t\t\t\t\t'kol-tree-item__link--first-level': this.level === 0,\n\t\t\t\t\t\t\t'kol-tree-item__link--active': _active,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_href={_href}\n\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t_role=\"treeitem\"\n\t\t\t\t\t\t_tabIndex={_active ? 0 : -1}\n\t\t\t\t\t\t_ariaExpanded={_hasChildren ? _open : undefined}\n\t\t\t\t\t\t_ariaOwns={_hasChildren ? this.groupId : undefined}\n\t\t\t\t\t\tref={(element?: HTMLKolLinkWcElement) => (this.linkElement = element!)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"kol-tree-item__link-inner\" slot=\"expert\">\n\t\t\t\t\t\t\t{_hasChildren ? (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button\"\n\t\t\t\t\t\t\t\t\tonClick={(event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button-icon\"\n\t\t\t\t\t\t\t\t\t\t_icons={`codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`}\n\t\t\t\t\t\t\t\t\t\t_label={'' /* Label deliberately left empty */}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span class=\"kol-tree-item__toggle-button-placeholder\"></span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class=\"kol-tree-item__text\">{_label}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</KolLinkWcTag>\n\t\t\t\t\t<ul class=\"kol-tree-item__children\" hidden={!_hasChildren || !_open} role=\"group\" id={this.groupId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: TreeItemStates = {\n\t\t_active: false,\n\t\t_hasChildren: false,\n\t\t_href: '',\n\t\t_label: '',\n\t\t_open: false,\n\t};\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@Watch('_active') validateActive(value?: ActivePropType): void {\n\t\tvalidateActive(this, value || false);\n\t}\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_open') validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\t@Watch('_href') validateHref(value?: HrefPropType): void {\n\t\tvalidateHref(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActive(this._active);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateHref(this._href);\n\n\t\tthis.checkForChildren();\n\t\tthis.determineTreeItemDepth();\n\t}\n\n\tprivate determineTreeItemDepth() {\n\t\tlet level = 0;\n\t\tlet traverseItem: HTMLElement | null = (this.host.parentNode as unknown as ShadowRoot).host.parentNode as HTMLElement;\n\t\twhile (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n\t\t\ttraverseItem = traverseItem.parentElement;\n\t\t\tlevel += 1;\n\t\t}\n\t\tthis.level = level;\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.checkForChildren();\n\t}\n\n\tprivate checkForChildren() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_hasChildren: Boolean(this.host.querySelector('slot')?.assignedElements?.().length),\n\t\t};\n\t}\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focusLink() {\n\t\tawait this.linkElement.kolFocus();\n\t}\n\n\tprivate async handleExpandClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement.kolFocus();\n\t\tawait this.expand();\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async expand() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: true,\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate async handleCollapseClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tthis.linkElement.focus();\n\t\tawait this.collapse();\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async collapse() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: false,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async isOpen() {\n\t\treturn this.state._open ?? false;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tree-item-wc.entry.esm.js","sources":["src/schema/props/active.ts","src/components/tree-item/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ActivePropType = boolean;\n\n/**\n * Defines whether something is active.\n */\nexport type PropActive = {\n\tactive: ActivePropType;\n};\n\n/* validator */\nexport const validateActive = (component: Generic.Element.Component, value: ActivePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_active', value, options);\n};\n","import { Component, Element, h, Host, type JSX, Method, Prop, State, Watch } from '@stencil/core';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolLinkWcTag, KolTreeTag } from '../../core/component-names';\nimport type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';\nimport { validateActive, validateHref, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\n\n@Component({\n\ttag: `kol-tree-item-wc`,\n\tshadow: false,\n})\nexport class KolTreeItemWc implements TreeItemAPI {\n\tprivate linkElement?: HTMLKolLinkWcElement;\n\tprivate groupId = `tree-group-${nonce()}`;\n\n\t@State() private level?: number;\n\t@Element() host!: HTMLElement;\n\n\tpublic render(): JSX.Element {\n\t\tconst { _href, _active, _hasChildren, _open, _label } = this.state;\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<li\n\t\t\t\t\tclass=\"kol-tree-item\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--level': `${this.level}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-tree-item__link', {\n\t\t\t\t\t\t\t'kol-tree-item__link--first-level': this.level === 0,\n\t\t\t\t\t\t\t'kol-tree-item__link--active': _active,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_href={_href}\n\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t_role=\"treeitem\"\n\t\t\t\t\t\t_tabIndex={_active ? 0 : -1}\n\t\t\t\t\t\t_ariaExpanded={_hasChildren ? _open : undefined}\n\t\t\t\t\t\t_ariaOwns={_hasChildren ? this.groupId : undefined}\n\t\t\t\t\t\tref={(element?: HTMLKolLinkWcElement) => (this.linkElement = element!)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"kol-tree-item__link-inner\" slot=\"expert\">\n\t\t\t\t\t\t\t{_hasChildren ? (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button\"\n\t\t\t\t\t\t\t\t\tonClick={(event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button-icon\"\n\t\t\t\t\t\t\t\t\t\t_icons={`kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`}\n\t\t\t\t\t\t\t\t\t\t_label={'' /* Label deliberately left empty */}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span class=\"kol-tree-item__toggle-button-placeholder\"></span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class=\"kol-tree-item__text\">{_label}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</KolLinkWcTag>\n\t\t\t\t\t<ul class=\"kol-tree-item__children\" hidden={!_hasChildren || !_open} role=\"group\" id={this.groupId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: TreeItemStates = {\n\t\t_active: false,\n\t\t_hasChildren: false,\n\t\t_href: '',\n\t\t_label: '',\n\t\t_open: false,\n\t};\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@Watch('_active') validateActive(value?: ActivePropType): void {\n\t\tvalidateActive(this, value || false);\n\t}\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_open') validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\t@Watch('_href') validateHref(value?: HrefPropType): void {\n\t\tvalidateHref(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActive(this._active);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateHref(this._href);\n\n\t\tthis.checkForChildren();\n\t\tthis.determineTreeItemDepth();\n\t}\n\n\tprivate determineTreeItemDepth() {\n\t\tlet level = 0;\n\t\tlet traverseItem: HTMLElement | null = (this.host.parentNode as unknown as ShadowRoot).host.parentNode as HTMLElement;\n\t\twhile (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n\t\t\ttraverseItem = traverseItem.parentElement;\n\t\t\tlevel += 1;\n\t\t}\n\t\tthis.level = level;\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.checkForChildren();\n\t}\n\n\tprivate checkForChildren() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_hasChildren: Boolean(this.host.querySelector('slot')?.assignedElements?.().length),\n\t\t};\n\t}\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focus() {\n\t\treturn Promise.resolve(this.linkElement?.focus());\n\t}\n\n\tprivate async handleExpandClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement?.focus();\n\t\tawait this.expand();\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async expand() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: true,\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate async handleCollapseClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement?.focus();\n\t\tawait this.collapse();\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async collapse() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: false,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async isOpen() {\n\t\treturn this.state._open ?? false;\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,H as i,g as s}from"./index-iB2O5Z2w.js";import{c as a}from"./clsx-eK3rPvPS.js";import{f as l,e as o,x as n}from"./component-names-CkE54Ym7.js";import{d as c}from"./common-L1K0yh1S.js";import{v as r}from"./href-LHUCJ_IZ.js";import{v as h}from"./label-ohY9ajP0.js";import{v as d}from"./open-BFQWty8w.js";import{n as _}from"./dev.utils-DczzdGZ6.js";const f=(e,t,a)=>{c(e,"_active",t,a)},m=class{constructor(t){e(this,t),this.groupId=`tree-group-${_()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:n,_open:r,_label:h}=this.state;return t(i,{key:"5649eea22138bfd4814d801dd32e28cd352eef6d",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"0d8e7319a392ac8166d0fca80c297a1569de922a",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"9e92a6b0d8d17160ea861b805a4dd86454045445",class:a("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:n?r:void 0,_ariaOwns:n?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"ac68d83264cfa4386a054df43eb84ccb63451607",class:"kol-tree-item__link-inner",slot:"expert"},n?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>r?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(r?"chevron-down":"chevron-right"),_label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"3d339257fdc8689130aadcd4ebeb0d1fc3c4a1be",class:"kol-tree-item__text"},h))),t("ul",{key:"81618223386fe6386d556613e487fcd51f60c573",class:"kol-tree-item__children",hidden:!n||!r,role:"group",id:this.groupId},t("slot",{key:"3192a75104bc09cdb9713f220cda421b5a210d58"}))))}validateActive(e){f(this,e||!1)}validateLabel(e){h(this,e)}validateOpen(e){d(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(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==n&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{m as kol_tree_item_wc};
+import{r as e,h as t,H as i,g as s}from"./index-CNB6DDYH.js";import{c as a}from"./clsx-eK3rPvPS.js";import{f as l,e as o,y as n}from"./component-names-B_kYyA8u.js";import{d as r}from"./common-BXXICkFX.js";import{v as c}from"./href-BDekIhFd.js";import{v as d}from"./label-Dkj9sxQK.js";import{v as h}from"./open-Cuy37cT5.js";import{n as f}from"./dev.utils-BIeLAoxm.js";const _=(e,t,a)=>{r(e,"_active",t,a)},v=class{constructor(t){e(this,t),this.groupId=`tree-group-${f()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:n,_open:r,_label:d}=this.state;return t(i,{key:"e99bc051fe9fe90cd4a5aaf861d61d0d512c808a",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"e0ae86b656eab778f80852a40dd84cda832695a9",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"3ffea17f30ab8e461e936d691d7fd4389f04bf2c",class:a("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:n?r:void 0,_ariaOwns:n?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"dfd6fa644efe7efe4700ec74a5f1c50e82262494",class:"kol-tree-item__link-inner",slot:"expert"},n?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>r?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",_icons:"kolicon kolicon-"+(r?"chevron-down":"chevron-right"),_label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"ef4714af7a6a63c447b3df2647dc605d5c9693b9",class:"kol-tree-item__text"},d))),t("ul",{key:"34f5c43c0d6b3ecc0d78d6eb2101aa451e5d1cb2",class:"kol-tree-item__children",hidden:!n||!r,role:"group",id:this.groupId},t("slot",{key:"1ef6c1855acdebee823d68f7d0849fcd79d5d558"}))))}validateActive(e){_(this,e||!1)}validateLabel(e){d(this,e)}validateOpen(e){h(this,e)}validateHref(e){c(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==n&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focus(){var e;return Promise.resolve(null===(e=this.linkElement)||void 0===e?void 0:e.focus())}async handleExpandClick(e){var t;e.preventDefault(),await(null===(t=this.linkElement)||void 0===t?void 0:t.focus()),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){var t;e.preventDefault(),await(null===(t=this.linkElement)||void 0===t?void 0:t.focus()),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{v as kol_tree_item_wc};