npm - @public-ui/sample-react - Versions diffs - 3.0.6-rc.1 → 3.0.6 - Mend

@public-ui/sample-react 3.0.6-rc.1 → 3.0.6

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

Files changed (310) hide show

package/dist/assets/kol-tabs.entry-9kE1VpQ8.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-tabs.entry-9kE1VpQ8.js","sources":["../../../../components/dist/esm/kol-tabs.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-44UAWlcO.js';\nimport { w as watchValidator, d as watchBoolean, j as devHint, s as setState, N as watchNumber, H as watchJsonArrayString, I as uiUxHintMillerscheZahl, P as koliBriQuerySelector } from './common-8fBdMvJM.js';\nimport { v as validateAlign } from './align-CyK0wp7d.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-ZF6JbdVP.js';\n\nconst tabBehaviorPropTypeOptions = ['select-automatic', 'select-manual'];\nconst validateTabBehavior = (component, value) => {\n watchValidator(component, `_behavior`, (value) => typeof value === 'string' && tabBehaviorPropTypeOptions.includes(value), new Set([`KoliBriTabBehavior {${tabBehaviorPropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateHasCreateButton = (component, value) => {\n watchBoolean(component, '_hasCreateButton', value);\n};\n\nconst defaultStyleCss = \"/* 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 * {\\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 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: grid;\\n place-items: 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 place-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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\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);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\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}\\n@layer kol-component {\\n .kol-tabs {\\n display: var(--display);\\n grid-template-columns: var(--grid-template-columns);\\n grid-template-rows: var(--grid-template-rows);\\n }\\n .kol-tabs--align-right {\\n --display: grid;\\n --grid-template-columns: 1fr auto;\\n --button-group-flex-direction: column;\\n --button-group-order: 2;\\n }\\n .kol-tabs--align-left {\\n --display: grid;\\n --grid-template-columns: auto 1fr;\\n --button-group-flex-direction: column;\\n --button-group-order: 0;\\n }\\n .kol-tabs--align-bottom {\\n --display: grid;\\n --grid-template-rows: 1fr auto;\\n --button-group-order: 2;\\n }\\n .kol-tabs__tabs-align-top {\\n --display: grid;\\n --grid-template-rows: auto 1fr;\\n --button-group-order: 0;\\n }\\n .kol-tabs__button-group {\\n display: flex;\\n order: var(--button-group-order);\\n flex-direction: var(--button-group-flex-direction);\\n flex-wrap: wrap;\\n }\\n .kol-tabs__button-group .kol-button {\\n border-bottom-color: transparent;\\n display: block;\\n border-bottom-style: solid;\\n }\\n .kol-tabs__panel {\\n height: 100%;\\n }\\n}\";\n\nconst KolTabs = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.onCreateLabel = `${translate('kol-new')} …`;\n this.nextPossibleTabIndex = (tabs, offset, step = 1) => {\n const nextOffset = offset + step;\n if (nextOffset < tabs.length) {\n if (tabs[nextOffset]._disabled) {\n return this.nextPossibleTabIndex(tabs, offset, step + 1);\n }\n return nextOffset;\n }\n return offset;\n };\n this.prevPossibleTabIndex = (tabs, offset, step = 1) => {\n const nextOffset = offset - step;\n if (nextOffset >= 0) {\n if (tabs[nextOffset]._disabled) {\n return this.prevPossibleTabIndex(tabs, offset, step + 1);\n }\n return nextOffset;\n }\n return offset;\n };\n this.onKeyDown = (event) => {\n switch (event.key) {\n case KeyboardKey.ArrowRight:\n this.goToNextTab(event);\n break;\n case KeyboardKey.ArrowLeft:\n this.goToPreviousTab(event);\n break;\n case KeyboardKey.Space:\n case KeyboardKey.Enter:\n this.activateFocusedTab(event);\n break;\n }\n };\n this.onClickSelect = (event, index) => {\n this.selectNextTabEvent(event, index);\n };\n this.onMouseDown = (event) => {\n event.preventDefault();\n };\n this.callbacks = {\n onClick: this.onClickSelect,\n onMouseDown: this.onMouseDown,\n };\n this.catchTabPanelHost = (el) => {\n this.tabPanelHost = el;\n };\n this._align = 'top';\n this._hasCreateButton = false;\n this._selected = 0;\n this.state = {\n _align: 'top',\n _label: '',\n _selected: 0,\n _tabs: [],\n };\n this.selectNextNotDisabledTab = (selected, tabs, upOrDown = true, initialSelected) => {\n if (selected > tabs.length - 1) {\n selected = tabs.length - 1;\n }\n if (selected < 0) {\n selected = 0;\n }\n if (Array.isArray(tabs) && tabs[selected]) {\n if (tabs[selected]._disabled) {\n if (upOrDown === true) {\n if (selected < tabs.length - 1) {\n return this.selectNextNotDisabledTab(selected + 1, tabs, true, initialSelected || selected);\n }\n else {\n selected = initialSelected || selected;\n upOrDown = false;\n }\n }\n if (upOrDown === false) {\n if (selected > 0) {\n return this.selectNextNotDisabledTab(selected - 1, tabs, false, initialSelected || selected);\n }\n else {\n devHint(`[KolTabs] All tabs are disabled, and therefore no tab can be displayed.`);\n }\n }\n }\n }\n return selected;\n };\n this.syncSelectedAndTabs = (nextValue, nextState, _component, key) => {\n let selected;\n if (key === '_selected') {\n selected = nextValue;\n }\n else {\n selected = this.state._selected;\n }\n let tabs;\n if (key === '_tabs') {\n tabs = nextValue;\n }\n else {\n tabs = this.state._tabs;\n }\n if (tabs.length > 0) {\n nextState.set('_selected', this.selectNextNotDisabledTab(selected, tabs));\n }\n };\n this.refreshTabPanels = () => {\n var _a, _b, _c, _d;\n if (!this.tabPanelHost)\n return;\n while (this.tabPanelHost.firstChild) {\n this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);\n }\n for (let i = 0; i < ((_a = this.state._tabs) === null || _a === void 0 ? void 0 : _a.length); i++) {\n const div = document.createElement('div');\n div.setAttribute('aria-labelledby', `${this.state._label.replace(/\\s/g, '-')}-tab-${i}`);\n div.setAttribute('id', `tabpanel-${i}`);\n div.setAttribute('role', 'tabpanel');\n div.setAttribute('hidden', '');\n const slot = document.createElement('slot');\n slot.setAttribute('name', `tabpanel-slot-${i}`);\n div.appendChild(slot);\n (_b = this.tabPanelHost) === null || _b === void 0 ? void 0 : _b.appendChild(div);\n if (typeof HTMLCollection !== 'undefined' && ((_c = this.host) === null || _c === void 0 ? void 0 : _c.children) instanceof HTMLCollection && ((_d = this.host) === null || _d === void 0 ? void 0 : _d.children[i])) {\n this.host.children[i].setAttribute('slot', `tabpanel-slot-${i}`);\n }\n }\n this.updateVisiblePanel();\n };\n this.updateVisiblePanel = () => {\n if (!this.tabPanelHost)\n return;\n Array.from(this.tabPanelHost.children).forEach((child, i) => {\n if (i === this.state._selected) {\n child.removeAttribute('hidden');\n }\n else {\n child.setAttribute('hidden', '');\n }\n });\n };\n this.onCreate = (event) => {\n var _a, _b;\n event.preventDefault();\n (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.create);\n }\n };\n this.onBlur = () => {\n this.currentFocusIndex = undefined;\n };\n }\n getCurrentFocusIndex() {\n if (typeof this.currentFocusIndex === 'number') {\n return this.currentFocusIndex;\n }\n return this.state._selected;\n }\n getKeyboardTabChangeMode() {\n if (this._behavior === 'select-manual') {\n return 'selectFocusOnly';\n }\n return 'activateCompletely';\n }\n goToNextTab(event) {\n const nextFocusIndex = this.nextPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n }\n goToPreviousTab(event) {\n const nextFocusIndex = this.prevPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n }\n activateFocusedTab(event) {\n if (typeof this.currentFocusIndex === 'number') {\n this.onSelect(event, this.currentFocusIndex);\n }\n }\n selectNextTabEvent(event, nextTabIndex, changeMode = 'activateCompletely') {\n var _a, _b;\n this.currentFocusIndex = nextTabIndex;\n this.focusTabById(nextTabIndex);\n if (changeMode === 'activateCompletely') {\n this._selected = nextTabIndex;\n const tab = this.state._tabs[nextTabIndex];\n (_b = (_a = tab._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, nextTabIndex);\n this.onSelect(event, nextTabIndex);\n }\n }\n renderButtonGroup() {\n return (h(\"div\", { \"aria-label\": this.state._label, class: \"kol-tabs__button-group\", role: \"tablist\", onKeyDown: this.onKeyDown, onBlur: this.onBlur }, this.state._tabs.map((button, index) => (h(KolButtonWcTag, { _disabled: button._disabled, _icons: button._icons, _hideLabel: button._hideLabel, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _buttonVariant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, _role: \"tab\", _value: index }))), this.state._hasCreateButton && (h(KolButtonWcTag, { class: \"kol-tabs__button-create\", _label: this.onCreateLabel, _on: {\n onClick: this.onCreate,\n }, _icons: \"codicon codicon-plus\", \"data-testid\": \"tabs-create-button\" }))));\n }\n render() {\n return (h(\"div\", { key: 'c90d53464702512863a3483602ed15645a6c0484', ref: (el) => {\n this.tabPanelsElement = el;\n }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), h(\"div\", { key: '3e172f4835867233726b1ae2081e3a6729eb3b83', class: \"kol-tabs__content\", ref: this.catchTabPanelHost })));\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateBehavior(value) {\n validateTabBehavior(this, value);\n }\n validateHasCreateButton(value) {\n validateHasCreateButton(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n validateOn(value) {\n if (typeof value === 'object' && value !== null) {\n const callbacks = {};\n if (typeof value.onCreate === 'function') {\n callbacks.onCreate = value.onCreate;\n }\n if (typeof value.onSelect === 'function') {\n callbacks.onSelect = value.onSelect;\n }\n setState(this, '_on', callbacks);\n }\n }\n validateSelected(value) {\n watchNumber(this, '_selected', value, {\n hooks: {\n beforePatch: this.syncSelectedAndTabs,\n },\n });\n }\n validateTabs(value) {\n watchJsonArrayString(this, '_tabs', (item) => typeof item === 'object' && item !== null && typeof item._label === 'string' && item._label.length > 0, value, undefined, {\n hooks: {\n beforePatch: this.syncSelectedAndTabs,\n afterPatch: this.refreshTabPanels,\n },\n });\n uiUxHintMillerscheZahl('KolTabs', this.state._tabs.length);\n }\n componentWillLoad() {\n this.validateAlign(this._align);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateSelected(this._selected);\n this.validateTabs(this._tabs);\n this.validateBehavior(this._behavior);\n this.validateHasCreateButton(this._hasCreateButton);\n }\n componentDidRender() {\n this.refreshTabPanels();\n }\n focusTabById(index) {\n if (this.tabPanelsElement) {\n const button = koliBriQuerySelector(`button#${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, this.tabPanelsElement);\n button === null || button === void 0 ? void 0 : button.focus();\n }\n }\n onSelect(event, index) {\n var _a, _b;\n (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, index);\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.select, index);\n }\n this.focusTabById(index);\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_align\": [\"validateAlign\"],\n \"_behavior\": [\"validateBehavior\"],\n \"_hasCreateButton\": [\"validateHasCreateButton\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_selected\": [\"validateSelected\"],\n \"_tabs\": [\"validateTabs\"]\n }; }\n};\nKolTabs.style = {\n default: defaultStyleCss\n};\n\nexport { KolTabs as kol_tabs };\n//# sourceMappingURL=kol-tabs.entry.js.map\n"],"names":["tabBehaviorPropTypeOptions","validateTabBehavior","component","value","watchValidator","validateHasCreateButton","watchBoolean","defaultStyleCss","KolTabs","hostRef","registerInstance","translate","tabs","offset","step","nextOffset","event","KeyboardKey","index","el","selected","upOrDown","initialSelected","devHint","nextValue","nextState","_component","key","_a","_b","_c","_d","i","div","slot","child","dispatchDomEvent","KolEvent","nextFocusIndex","nextTabIndex","changeMode","h","button","KolButtonWcTag","clsx","validateAlign","validateLabel","callbacks","setState","watchNumber","watchJsonArrayString","item","uiUxHintMillerscheZahl","koliBriQuerySelector","getElement"],"mappings":"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"}

package/dist/assets/{kol-textarea.entry-Q3JS9WH_.js → kol-textarea.entry-BfQs7ns0.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{F as L,g as R,c as z,d as S}from"./FormFieldStateWrapper-DiolLYSq-BRrr5AoA.js";import{I as C,a as H}from"./controller-icon-bVTIf-z3-LN0D0FY5.js";import{_ as h}from"./Heading-BX2W3g7O-DmGaCsu_.js";import{n as B}from"./dev.utils-BxUNRHGK-D61wuTtu.js";import{a as T,v as A,b as M}from"./max-length-behavior-BmNWss6T-B57cXZPU.js";import{v as O}from"./placeholder-6URRds0_-Dgv_Mmng.js";import{v as q}from"./read-only-CcRldJ9w-B_j_7ibF.js";import{v as F}from"./required-G86n77y0-BQbgB8oo.js";import{v as V}from"./rows-P4l3PNiA-_6y1alv6.js";import{v as j}from"./spell-check-DIsLAYgk-DRnhwzbY.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-B377MRFO-CosMJANV.js";import"./i18n-CdSCDnmA-BOSyN94s.js";import"./access-and-short-key-bcID78Ha-xYFWbYJ9.js";import"./disabled-BydergHu-DRNpUAHX.js";import"./hide-label-DRunOux4-CxA1-Ubo.js";import"./label-CdtNxOKu-mnnOiAtb.js";import"./tooltip-align-_VI7LehI-BeWSUaFb.js";import"./align-CyK0wp7d-DgCnwXrQ.js";import"./associated.controller-BKIODHIT-DJuV9WSE.js";import"./InternalUnderlinedBadgeText-CLrx-9jT-CzekU_Jw.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./Icon-Dh17fWbe-hlL-6PVL.js";import"./icons-72ER78AW-Dq7JoONG.js";/*!
+import{h as o,r as y,g as k,n as x,w}from"./index-DscFWUNz.js";import{c as d}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{F as L,g as R,c as z,d as S}from"./FormFieldStateWrapper-B7PqxuTo-B9gPPu8s.js";import{I as C,a as H}from"./controller-icon-aakQFHso-ZEJpn981.js";import{_ as h}from"./Heading-DT8fK42U-BBz359Il.js";import{n as B}from"./dev.utils-Bbi3sn8s-CRUPlhXY.js";import{a as T,v as A,b as M}from"./max-length-behavior-BmNWss6T-C6Ixe_n4.js";import{v as O}from"./placeholder-6URRds0_-DZlfATlW.js";import{v as q}from"./read-only-CcRldJ9w-BbbZIav_.js";import{v as F}from"./required-G86n77y0-C51wbbnh.js";import{v as V}from"./rows-P4l3PNiA-pEjM2ooU.js";import{v as j}from"./spell-check-DIsLAYgk-Gl3GQAJe.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-R2nEqfd2-D16I8H-s.js";import"./i18n-CdSCDnmA-Bln0Fy0B.js";import"./access-and-short-key-bcID78Ha-DRTQwReg.js";import"./disabled-BydergHu-CzPvfAdo.js";import"./hide-label-DRunOux4-CU6Cpw9a.js";import"./label-CdtNxOKu-DuSxxbJz.js";import"./tooltip-align-_VI7LehI-Bs86JxeC.js";import"./align-CyK0wp7d-DT9btF96.js";import"./associated.controller-BKIODHIT-CszLNc8h.js";import"./InternalUnderlinedBadgeText-dfa2g8TL-B5v3VETx.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./Icon-oHNRs_Az-BbbmR1N5.js";import"./icons-72ER78AW-BvK8yAOn.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const c=["vertical","none"],I=e=>typeof e=="string"&&c.includes(e),P=(e,t)=>{w(e,"_resize",I,new Set(c),t,{defaultValue:"vertical"})},D=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:i,required:s,ariaDescribedBy:u,hideLabel:p,label:m}=e,f=h(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v=z(n,a),g=typeof n=="string"?"error":n?._type,_={"kol-textarea--disabled":!!i,"kol-textarea--required":!!s,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${g||"error"}`]:v},b=Object.assign(Object.assign({class:d("kol-textarea",_,t),required:s,disabled:i,readonly:l},S({ariaDescribedBy:u,hideLabel:p,label:m})),f);return o("textarea",Object.assign({},b))};function K(e,t){var n;const l=[...R(e).ariaDescribedBy,...(n=t.ariaDescribedBy)!==null&&n!==void 0?n:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},t),{ariaDescribedBy:l});return"_maxLength"in e&&"_maxLengthBehavior"in e&&e._maxLengthBehavior==="hard"&&(i.maxLength=e._maxLength),i}const W=e=>{var{state:t}=e,n=h(e,["state"]);return o(D,Object.assign({},K(t,n)))};class N extends H{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateHasCounter(t){T(this.component,t)}validateMaxLengthBehavior(t){A(this.component,t)}validateMaxLength(t){M(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(t){O(this.component,t)}validateReadOnly(t){q(this.component,t)}validateResize(t){P(this.component,t)}validateRequired(t){F(this.component,t)}validateRows(t){V(this.component,t)}validateSpellCheck(t){j(this.component,t)}validateValue(t){x(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const E=`/*
+ */const c=["vertical","none"],I=e=>typeof e=="string"&&c.includes(e),P=(e,t)=>{w(e,"_resize",I,new Set(c),t,{defaultValue:"vertical"})},K=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:i,required:s,ariaDescribedBy:u,hideLabel:p,label:m}=e,f=h(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v=z(n,a),g=typeof n=="string"?"error":n?._type,_={"kol-textarea--disabled":!!i,"kol-textarea--required":!!s,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${g||"error"}`]:v},b=Object.assign(Object.assign({class:d("kol-textarea",_,t),required:s,disabled:i,readonly:l},S({ariaDescribedBy:u,hideLabel:p,label:m})),f);return o("textarea",Object.assign({},b))};function D(e,t){var n;const l=[...R(e).ariaDescribedBy,...(n=t.ariaDescribedBy)!==null&&n!==void 0?n:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},t),{ariaDescribedBy:l});return"_maxLength"in e&&"_maxLengthBehavior"in e&&e._maxLengthBehavior==="hard"&&(i.maxLength=e._maxLength),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const W=e=>{var{state:t}=e,n=h(e,["state"]);return o(K,Object.assign({},D(t,n)))};class N extends H{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateHasCounter(t){T(this.component,t)}validateMaxLengthBehavior(t){A(this.component,t)}validateMaxLength(t){M(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(t){O(this.component,t)}validateReadOnly(t){q(this.component,t)}validateResize(t){P(this.component,t)}validateRequired(t){F(this.component,t)}validateRows(t){V(this.component,t)}validateSpellCheck(t){j(this.component,t)}validateValue(t){x(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const E=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -21,7 +21,7 @@ import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}fro
     /*
      * Minimum size of interactive elements.
      */
-    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,
@@ -145,7 +145,7 @@ import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}fro
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -228,8 +228,8 @@ import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}fro
     background-color: #fff;
     position: absolute;
     z-index: 999;
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
+    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip__content {
     color: #000;
@@ -251,7 +251,7 @@ import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}fro
   }
   .kol-alert__closer {
     /* Visible with forced colors */
-    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
   }
   .kol-form-field {
     display: grid;
@@ -308,4 +308,4 @@ import{h as o,r as y,g as k,n as x,w}from"./index-Ci3EIMY6.js";import{c as d}fro
     outline: none;
   }
 }`,r=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/n);return e.rows=t,a},$=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:d("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getTextAreaProps(){const e=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}render(){return o(L,Object.assign({key:"a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72"},this.getFormFieldProps()),o(C,{key:"db4f3ed0dfa745c109a3a21346df79722b0f7595",state:this.state},o(W,Object.assign({key:"71376e1ff01a524c589632fff16023da5bb9774b"},this.getTextAreaProps()))))}constructor(e){y(this,e),this.catchRef=t=>{this.textareaRef=t},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${B()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=r(this.textareaRef)),this.controller.onFacade.onInput(t))},this.controller=new N(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>r(this.textareaRef)?this.state._rows:r(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return k(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};$.style={default:E};export{$ as kol_textarea};
-//# sourceMappingURL=kol-textarea.entry-Q3JS9WH_.js.map
+//# sourceMappingURL=kol-textarea.entry-BfQs7ns0.js.map

package/dist/assets/kol-textarea.entry-BfQs7ns0.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-textarea.entry-BfQs7ns0.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-44UAWlcO.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as getDefaultProps, c as checkHasMsg, g as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-B7PqxuTo.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-aakQFHso.js';\nimport { _ as __rest } from './Heading-DT8fK42U.js';\nimport { w as watchValidator, e as watchString } from './common-8fBdMvJM.js';\nimport { n as nonce } from './dev.utils-Bbi3sn8s.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-BmNWss6T.js';\nimport { v as validatePlaceholder } from './placeholder-6URRds0_.js';\nimport { v as validateReadOnly } from './read-only-CcRldJ9w.js';\nimport { v as validateRequired } from './required-G86n77y0.js';\nimport { v as validateRows } from './rows-P4l3PNiA.js';\nimport { v as validateSpellCheck } from './spell-check-DIsLAYgk.js';\nimport './access-and-short-key-bcID78Ha.js';\nimport './disabled-BydergHu.js';\nimport './hide-label-DRunOux4.js';\nimport './label-CdtNxOKu.js';\nimport './tooltip-align-_VI7LehI.js';\nimport './align-CyK0wp7d.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-BKIODHIT.js';\nimport './bootstrap-BiRnv4fV.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-ZF6JbdVP.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-R2nEqfd2.js';\nimport './i18n-CdSCDnmA.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\nimport './InternalUnderlinedBadgeText-dfa2g8TL.js';\nimport './reuse-CX4AQDkS.js';\nimport './Icon-oHNRs_Az.js';\nimport './icons-72ER78AW.js';\n\nconst textareaResizeOptions = ['vertical', 'none'];\nconst isTextareaResizePropType = (value) => {\n return typeof value === 'string' && textareaResizeOptions.includes(value);\n};\nconst validateResizeTextarea = (component, value) => {\n watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n defaultValue: 'vertical',\n });\n};\n\nconst TextAreaFc = (props) => {\n const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n const showMsg = checkHasMsg(msg, touched);\n const msgType = typeof msg === 'string' ? 'error' : msg === null || msg === void 0 ? void 0 : msg._type;\n const stateCssClasses = {\n ['kol-textarea--disabled']: Boolean(disabled),\n ['kol-textarea--required']: Boolean(required),\n ['kol-textarea--touched']: Boolean(touched),\n ['kol-textarea--readonly']: Boolean(readonly),\n [`kol-textarea--${msgType || 'error'}`]: showMsg,\n };\n const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state, other) {\n var _a;\n const renderStates = getRenderStates(state);\n const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];\n const props = Object.assign(Object.assign({ id: state._id, hideLabel: state._hideLabel, label: state._label, value: state._value, accessKey: state._accessKey, disabled: state._disabled, name: state._name, rows: state._rows, readonly: state._readOnly, required: state._required, placeholder: state._placeholder, touched: state._touched, msg: state._msg }, other), { ariaDescribedBy });\n if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n props.maxLength = state._maxLength;\n }\n if ('_shortKey' in state)\n props['aria-keyshortcuts'] = state._shortKey;\n return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n var { state } = _a, other = __rest(_a, [\"state\"]);\n return h(TextAreaFc, Object.assign({}, getTextAreaProps(state, other)));\n};\n\nclass TextareaController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.afterSyncCharCounter = () => {\n if (typeof this.component._value === 'string') {\n this.component.state._currentLength = this.component._value.length;\n this.updateCurrentLengthDebounced(this.component._value.length);\n }\n };\n this.component = component;\n }\n validateHasCounter(value) {\n validateHasCounter(this.component, value);\n }\n validateMaxLengthBehavior(value) {\n validateMaxLengthBehavior(this.component, value);\n }\n validateMaxLength(value) {\n validateMaxLength(this.component, value, {\n hooks: { afterPatch: this.afterSyncCharCounter },\n });\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateReadOnly(value) {\n validateReadOnly(this.component, value);\n }\n validateResize(value) {\n validateResizeTextarea(this.component, value);\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateRows(value) {\n validateRows(this.component, value);\n }\n validateSpellCheck(value) {\n validateSpellCheck(this.component, value);\n }\n validateValue(value) {\n watchString(this.component, '_value', value, {\n hooks: {\n afterPatch: this.afterSyncCharCounter,\n },\n });\n this.setFormAssociatedValue(this.component._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateHasCounter(this.component._hasCounter);\n this.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n this.validateMaxLength(this.component._maxLength);\n this.validatePlaceholder(this.component._placeholder);\n this.validateReadOnly(this.component._readOnly);\n this.validateRequired(this.component._required);\n this.validateResize(this.component._resize);\n this.validateRows(this.component._rows);\n this.validateSpellCheck(this.component._spellCheck);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"/*\\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 * {\\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 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: grid;\\n place-items: 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 place-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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\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);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\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}\\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 .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"*\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\";\\n }\\n .kol-input-container {\\n background-color: white;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-textarea {\\n width: 100%;\\n }\\n .kol-textarea:focus {\\n outline: none;\\n }\\n}\";\n\nconst increaseTextareaHeight = (el) => {\n el.style.overflow = 'hidden';\n const currentRows = el.rows;\n const rowHeight = el.clientHeight / currentRows;\n el.rows = 1;\n const nextRows = Math.round(el.scrollHeight / rowHeight);\n el.rows = currentRows;\n return nextRows;\n};\nconst KolTextarea = class {\n async getValue() {\n var _a;\n return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async kolFocus() {\n var _a;\n (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-form-field-textarea', {\n 'kol-form-field--has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getTextAreaProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n resize: this.state._resize,\n }, ariaDescribedBy }, this.controller.onFacade), { onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: 'a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'db4f3ed0dfa745c109a3a21346df79722b0f7595', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '71376e1ff01a524c589632fff16023da5bb9774b' }, this.getTextAreaProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.textareaRef = ref;\n };\n this._adjustHeight = false;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._readOnly = false;\n this._resize = 'vertical';\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _adjustHeight: false,\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _resize: 'vertical',\n };\n this.inputHasFocus = false;\n this.onInput = (event) => {\n if (this.textareaRef instanceof HTMLTextAreaElement) {\n this._value = this.textareaRef.value;\n if (this.state._adjustHeight) {\n this._rows = increaseTextareaHeight(this.textareaRef);\n }\n this.controller.onFacade.onInput(event);\n }\n };\n this.controller = new TextareaController(this, 'textarea', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAdjustHeight(value) {\n this.controller.validateAdjustHeight(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateId(value) {\n this.controller.validateId(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateResize(value) {\n this.controller.validateResize(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSpellCheck(value) {\n this.controller.validateSpellCheck(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentDidLoad() {\n setTimeout(() => {\n var _a;\n if (this._adjustHeight === true && this.textareaRef) {\n this._rows =\n ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n }\n else if (!this._rows) {\n this._rows = 1;\n }\n }, 0);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_adjustHeight\": [\"validateAdjustHeight\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_resize\": [\"validateResize\"],\n \"_required\": [\"validateRequired\"],\n \"_rows\": [\"validateRows\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_spellCheck\": [\"validateSpellCheck\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolTextarea.style = {\n default: defaultStyleCss\n};\n\nexport { KolTextarea as kol_textarea };\n//# sourceMappingURL=kol-textarea.entry.js.map\n"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","msgType","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","TextAreaStateWrapper","TextareaController","InputIconController","name","host","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","watchString","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","v","getElement"],"mappings":"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"}

package/dist/assets/{kol-toast-container.entry-CbPJ9yCG.js → kol-toast-container.entry-K5ahuN_V.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from"./i18n-CdSCDnmA-BOSyN94s.js";import{n as u}from"./dev.utils-BxUNRHGK-D61wuTtu.js";import{K as b}from"./Alert-B377MRFO-CosMJANV.js";import"./markdown-DL-PkOqb-BQgVzpf6.js";import{_ as g}from"./Heading-BX2W3g7O-DmGaCsu_.js";import{c as y}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r as h,h as s,ad as p,H as m}from"./index-DscFWUNz.js";import{t as f}from"./i18n-CdSCDnmA-Bln0Fy0B.js";import{n as u}from"./dev.utils-Bbi3sn8s-CRUPlhXY.js";import{K as b}from"./Alert-R2nEqfd2-D16I8H-s.js";import"./markdown-DL-PkOqb-zRCMnbWa.js";import{_ as g}from"./Heading-DT8fK42U-BBz359Il.js";import{c as y}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const k=n=>{var{status:t,toast:e,onClose:o}=n,i=g(n,["status","toast","onClose"]);const{type:l,label:r,description:d,variant:c}=e;return s("div",{class:y("kol-toast-item",`kol-toast-item--${t}`)},s(b,{class:"kol-toast-item__alert",alert:!0,label:r,level:0,hasCloser:!0,type:l,variant:c||"card",onCloserClick:o},s("div",Object.assign({},i),d)))},w=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -21,7 +21,7 @@ import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from
     /*
      * Minimum size of interactive elements.
      */
-    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,
@@ -145,7 +145,7 @@ import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -228,8 +228,8 @@ import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from
     background-color: #fff;
     position: absolute;
     z-index: 999;
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
+    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip__content {
     color: #000;
@@ -251,7 +251,7 @@ import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from
   }
   .kol-alert__closer {
     /* Visible with forced colors */
-    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
   }
   :host {
     display: flex;
@@ -263,4 +263,4 @@ import{r as h,h as s,ad as p,H as m}from"./index-Ci3EIMY6.js";import{t as f}from
     align-self: flex-end;
   }
 }`,a=300,_=class{constructor(n){h(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=f("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${u()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(o=>o.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)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(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(o=>o.id!==e.id))}),t.forEach(e=>{var o,i;(i=(o=e.toast).onClose)===null||i===void 0||i.call(o)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return s(m,{key:"e6841e1a26bc8c24de441ed1d444175021f8d7b5",class:"kol-toast-container"},this.state._toastStates.length>1&&s(p,{key:"938ab38123fd91e356eb63b4c315d1884eb37197",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>s(k,{key:n.id,onClose:()=>this.handleClose(n),ref:t=>this.handleToastRef(n,t),toast:n.toast,status:n.status})))}};_.style={default:w};export{_ as kol_toast_container};
-//# sourceMappingURL=kol-toast-container.entry-CbPJ9yCG.js.map
+//# sourceMappingURL=kol-toast-container.entry-K5ahuN_V.js.map

package/dist/assets/kol-toast-container.entry-K5ahuN_V.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-toast-container.entry-K5ahuN_V.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-44UAWlcO.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { n as nonce } from './dev.utils-Bbi3sn8s.js';\nimport { n as KolButtonTag } from './component-names-CkE54Ym7.js';\nimport { K as KolAlertFc } from './Alert-R2nEqfd2.js';\nimport './common-8fBdMvJM.js';\nimport './markdown-DL-PkOqb.js';\nimport { _ as __rest } from './Heading-DT8fK42U.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-ZF6JbdVP.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\n\nconst ToastItemFc = (_a) => {\n var { status, toast, onClose } = _a, other = __rest(_a, [\"status\", \"toast\", \"onClose\"]);\n const { type, label, description, variant } = toast;\n return (h(\"div\", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) }, h(KolAlertFc, { class: \"kol-toast-item__alert\", alert: true, label: label, level: 0, hasCloser: true, type: type, variant: variant || 'card', onCloserClick: onClose }, h(\"div\", Object.assign({}, other), description))));\n};\n\nconst defaultStyleCss = \"/*\\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 * {\\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 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: grid;\\n place-items: 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 place-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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\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);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\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}\\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}\";\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _toastStates: [],\n };\n this.translateToastCloseAll = translate('kol-toast-close-all');\n this.knownRenderFunctions = new Set();\n }\n async enqueue(toast) {\n const newToastState = {\n toast,\n status: 'adding',\n id: `toast-${nonce()}`,\n };\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n }, TRANSITION_TIMEOUT);\n return () => {\n this.handleClose(newToastState);\n };\n }\n handleClose(toastState) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n if (localToastState.id === toastState.id) {\n localToastState.status = 'removing';\n }\n return localToastState;\n }) });\n setTimeout(() => {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n }, TRANSITION_TIMEOUT);\n }\n async closeAll(immediate = false) {\n if (immediate) {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n }\n else {\n const toastsToClose = [...this.state._toastStates];\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n setTimeout(() => {\n this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n toastsToClose.forEach((toastState) => {\n var _a, _b;\n (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n });\n }, TRANSITION_TIMEOUT);\n }\n }\n handleToastRef(toastState, element) {\n if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n this.knownRenderFunctions.add(toastState.toast.render);\n toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n }\n }\n render() {\n return (h(Host, { key: 'e6841e1a26bc8c24de441ed1d444175021f8d7b5', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: '938ab38123fd91e356eb63b4c315d1884eb37197', _label: this.translateToastCloseAll, class: \"kol-toast-container__button-close-all\", _on: {\n onClick: () => {\n void this.closeAll();\n },\n } })), this.state._toastStates.map((toastState) => (h(ToastItemFc, { key: toastState.id, onClose: () => this.handleClose(toastState), ref: (element) => this.handleToastRef(toastState, element), toast: toastState.toast, status: toastState.status })))));\n }\n};\nKolToastContainer.style = {\n default: defaultStyleCss\n};\n\nexport { KolToastContainer as kol_toast_container };\n//# sourceMappingURL=kol-toast-container.entry.js.map\n"],"names":["ToastItemFc","_a","status","toast","onClose","other","__rest","type","label","description","variant","h","clsx","KolAlertFc","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","translate","newToastState","nonce","localToastState","toastState","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag"],"mappings":"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"}

package/dist/assets/{kol-toolbar.entry-DdgircwO.js → kol-toolbar.entry-DYyaRPHR.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./index-Ci3EIMY6.js";import{v as g}from"./label-CdtNxOKu-mnnOiAtb.js";import{v as k}from"./orientation-5kQWqijN-D2oQXVKZ.js";import{K as o}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
+import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./index-DscFWUNz.js";import{v as g}from"./label-CdtNxOKu-DuSxxbJz.js";import{v as k}from"./orientation-5kQWqijN-DhiB1QfB.js";import{K as o}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const w=(e,n)=>{b(n,()=>{f(n,()=>{typeof n>"u"&&(n=[]);try{n=u(n)}catch{}Array.isArray(n)&&n.every(t=>typeof t=="object"&&t!==null)&&y(e,"_items",n)})})},x=`@charset "UTF-8";
 /* forward the rem function */
@@ -22,7 +22,7 @@ import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./in
     /*
      * Minimum size of interactive elements.
      */
-    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,
@@ -146,7 +146,7 @@ import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./in
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -224,8 +224,8 @@ import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./in
     background-color: #fff;
     position: absolute;
     z-index: 999;
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
+    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip__content {
     color: #000;
@@ -241,7 +241,7 @@ import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./in
   .kol-link {
     display: inline-flex;
     place-items: center;
-    font-style: calc(16rem / var(--kolibri-root-font-size, 16));
+    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
     text-align: center;
     text-decoration-line: none;
   }
@@ -267,4 +267,4 @@ import{r as c,h as d,j as h,e as m,g as p,aa as b,o as f,p as u,s as y}from"./in
     outline-offset: 2px;
   }
 }`,v=class{constructor(e){c(this,e),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,t)=>{const l=t===this.currentIndex&&!n?._disabled?0:-1,s={key:t,class:"button normal kol-toolbar__item",_tabIndex:l},r=i=>{i&&this.indexToElement.set(t,i)};return"_href"in n?d(h,Object.assign({},n,s,{ref:r})):d(m,Object.assign({},n,s,{ref:r}))}}render(){return d("div",{key:"2b79702bb51922cea9ae81435bfce227b1c4ce5a",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(e){g(this,e)}validateItems(e){w(this,e)}validateOrientation(e){k(this,e)}getCurrentToolbarItem(e){return typeof e=="number"?this.indexToElement.get(e):void 0}setFirstEnabledItemIndex(){var e;this.currentIndex=(e=this.state._items)===null||e===void 0?void 0:e.findIndex(n=>!n._disabled)}handleKeyDown(e){var n,t;const l=e.code;if(![o.ArrowUp,o.ArrowDown,o.ArrowRight,o.ArrowLeft].includes(l))return;e.preventDefault();const r=((n=this._items)===null||n===void 0?void 0:n.length)-1,i=this.currentIndex;let a=0;switch(l){case o.ArrowUp:case o.ArrowLeft:a=i!==a?i-1:r;break;case o.ArrowDown:case o.ArrowRight:r!==i&&(a=i+1);break}i!==a&&(this.currentIndex=a,(t=this.getCurrentToolbarItem(a))===null||t===void 0||t.kolFocus())}handleBlur(e){e.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return p(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};v.style={default:x};export{v as kol_toolbar};
-//# sourceMappingURL=kol-toolbar.entry-DdgircwO.js.map
+//# sourceMappingURL=kol-toolbar.entry-DYyaRPHR.js.map

package/dist/assets/kol-toolbar.entry-DYyaRPHR.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kol-toolbar.entry-DYyaRPHR.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-44UAWlcO.js';\nimport { O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-8fBdMvJM.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { v as validateOrientation } from './orientation-5kQWqijN.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\n\nconst validateToolbarItems = (component, value) => {\n emptyStringByArrayHandler(value, () => {\n objectObjectHandler(value, () => {\n if (typeof value === 'undefined') {\n value = [];\n }\n try {\n value = parseJson(value);\n }\n catch (e) {\n }\n if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n setState(component, '_items', value);\n }\n });\n });\n};\n\nconst defaultStyleCss = \"@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 * {\\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 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: grid;\\n place-items: 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 place-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 @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\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);\\n max-width: 90vw;\\n max-height: 90vh;\\n visibility: hidden;\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\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}\\n@layer kol-component {\\n :host {\\n display: inline-block;\\n }\\n .kol-link {\\n display: inline-flex;\\n place-items: center;\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-align: center;\\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 width: 100%;\\n margin: auto;\\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:focus-within {\\n outline: 1px solid;\\n outline-offset: 2px;\\n }\\n}\";\n\nconst KolToolbar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.state = {\n _label: '',\n _items: [],\n };\n this.currentIndex = 0;\n this.indexToElement = new Map();\n this.renderItem = (element, index) => {\n const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n const props = {\n key: index,\n class: 'button normal kol-toolbar__item',\n _tabIndex: tabIndex,\n };\n const catchRef = (element) => {\n element && this.indexToElement.set(index, element);\n };\n return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n };\n }\n render() {\n return (h(\"div\", { key: '2b79702bb51922cea9ae81435bfce227b1c4ce5a', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateItems(value) {\n validateToolbarItems(this, value);\n }\n validateOrientation(value) {\n validateOrientation(this, value);\n }\n getCurrentToolbarItem(index) {\n return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n }\n setFirstEnabledItemIndex() {\n var _a;\n this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n }\n handleKeyDown(event) {\n var _a, _b;\n const pressedKey = event.code;\n const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n if (!isArrowKey)\n return;\n event.preventDefault();\n const lastItemIndex = ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1;\n const currentIndex = this.currentIndex;\n let nextIndex = 0;\n switch (pressedKey) {\n case KeyboardKey.ArrowUp:\n case KeyboardKey.ArrowLeft:\n nextIndex = currentIndex !== nextIndex ? currentIndex - 1 : lastItemIndex;\n break;\n case KeyboardKey.ArrowDown:\n case KeyboardKey.ArrowRight:\n if (lastItemIndex !== currentIndex)\n nextIndex = currentIndex + 1;\n break;\n }\n if (currentIndex === nextIndex)\n return;\n this.currentIndex = nextIndex;\n void ((_b = this.getCurrentToolbarItem(nextIndex)) === null || _b === void 0 ? void 0 : _b.kolFocus());\n }\n handleBlur(event) {\n if (event.target === this.host)\n this.setFirstEnabledItemIndex();\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateItems(this._items);\n this.validateOrientation(this._orientation);\n this.setFirstEnabledItemIndex();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_items\": [\"validateItems\"],\n \"_orientation\": [\"validateOrientation\"]\n }; }\n};\nKolToolbar.style = {\n default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","setState","defaultStyleCss","KolToolbar","hostRef","registerInstance","element","index","tabIndex","props","catchRef","h","KolLinkWcTag","KolButtonWcTag","validateLabel","validateOrientation","_a","item","event","_b","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}

package/dist/assets/{kol-tooltip-wc.entry-BkaiIC4a.js → kol-tooltip-wc.entry-W1G2F19J.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r,O as l,h as s,H as d,g as p,n as a}from"./index-Ci3EIMY6.js";import{b as c,a as u}from"./align-floating-elements-Bx4ukVlr-CXqnM4Ec.js";import{v as m}from"./align-CyK0wp7d-DgCnwXrQ.js";import{v}from"./label-CdtNxOKu-mnnOiAtb.js";import"./Alert-B377MRFO-CosMJANV.js";import{K as E}from"./Span-DBghS6-J-BkQF5yFk.js";import"./i18n-CdSCDnmA-BOSyN94s.js";import"./Heading-BX2W3g7O-DmGaCsu_.js";import"./markdown-DL-PkOqb-BQgVzpf6.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Icon-Dh17fWbe-hlL-6PVL.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./InternalUnderlinedBadgeText-CLrx-9jT-CzekU_Jw.js";/*!
+import{r,O as l,h as s,H as d,g as p,n as a}from"./index-DscFWUNz.js";import{b as c,a as u}from"./align-floating-elements-Bx4ukVlr-CFQB2kd1.js";import{v as m}from"./align-CyK0wp7d-DT9btF96.js";import{v}from"./label-CdtNxOKu-DuSxxbJz.js";import"./Alert-R2nEqfd2-D16I8H-s.js";import{K as E}from"./Span-43sGxXr7-LxLqNQk3.js";import"./i18n-CdSCDnmA-Bln0Fy0B.js";import"./Heading-DT8fK42U-BBz359Il.js";import"./markdown-DL-PkOqb-zRCMnbWa.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Icon-oHNRs_Az-BbbmR1N5.js";import"./reuse-CX4AQDkS-Cyh-fyjG.js";import"./InternalUnderlinedBadgeText-dfa2g8TL-B5v3VETx.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const b=(i,t)=>{a(i,"_badgeText",t)},g=(i,t)=>{a(i,"_id",t)},o=new Set;function T(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function f(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const n=300,M=class{constructor(i){r(this,i),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=c(t,e,()=>{this.alignTooltip()})}},this.showTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=setTimeout(()=>{this.showTooltip()},n)},this.hideTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=setTimeout(()=>{this.hideTooltip()},n)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,h=!1)=>{t&&this.removeListeners(t),e&&(h&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await u({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(f(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){this.showTooltipWithDelay()}handleMouseleave(){this.hideTooltipWithDelay()}handleFocusIn(){this.showTooltipWithDelay()}handleFocusout(){this.hideTooltipWithDelay()}render(){return s(d,{key:"60be1bd258bc5ae2b0ecce9374607d11476071b1",class:"kol-tooltip"},this.state._label!==""&&s("div",{key:"2af044756ca7d87c5b789181da84556a517c0ee4",class:"kol-tooltip__floating",ref:this.catchTooltipElement},s("div",{key:"057fc2de5c87f0f82e9477568992048bf3918e77",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),s(E,{key:"1ba456fb877c04c0dc1e93431f90db07f2e90b47",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){b(this,i)}validateAlign(i){m(this,i)}validateId(i){g(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling}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 p(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{M as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-BkaiIC4a.js.map
+//# sourceMappingURL=kol-tooltip-wc.entry-W1G2F19J.js.map

package/dist/assets/{kol-tooltip-wc.entry-BkaiIC4a.js.map → kol-tooltip-wc.entry-W1G2F19J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-tooltip-wc.entry-BkaiIC4a.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-DOWoBMgb.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-Bx4ukVlr.js';\nimport { e as watchString, A as getDocument } from './common-8fBdMvJM.js';\nimport { v as validateAlign } from './align-CyK0wp7d.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport './Alert-B377MRFO.js';\nimport { K as KolSpanFc } from './Span-DBghS6-J.js';\nimport './i18n-CdSCDnmA.js';\nimport './Heading-BX2W3g7O.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\nimport './Icon-Dh17fWbe.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-CLrx-9jT.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-ZF6JbdVP.js';\n\nconst validateBadgeText = (component, value) => {\n watchString(component, '_badgeText', value);\n};\n\nconst validateId = (component, value) => {\n watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n visibleOverlay.style.setProperty('z-index', '999');\n });\n VISIBLE_OVERLAYS.add(overlay);\n overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n VISIBLE_OVERLAYS.delete(overlay);\n if (VISIBLE_OVERLAYS.size > 0) {\n const last = Array.from(VISIBLE_OVERLAYS).pop();\n if (last) {\n last.style.setProperty('z-index', '1000');\n }\n }\n}\n\nconst TOOLTIP_DELAY = 300;\nconst KolTooltipWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.showTooltip = () => {\n if (this.previousSibling && this.tooltipElement) {\n showOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'block');\n getDocument().addEventListener('keyup', this.hideTooltipByEscape);\n const target = this.previousSibling;\n const tooltipEl = this.tooltipElement;\n this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n void this.alignTooltip();\n });\n }\n };\n this.showTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n clearTimeout(this.showTooltipTimeout);\n this.showTooltipTimeout = setTimeout(() => {\n this.showTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n this.hideTooltipTimeout = setTimeout(() => {\n void this.hideTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipByEscape = (event) => {\n if (event.key === 'Escape') {\n void this.hideTooltip();\n }\n };\n this.addListeners = (el) => {\n el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.addEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.addEventListener('focusin', this.handleFocusIn.bind(this));\n el.addEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.removeListeners = (el) => {\n el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.removeEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n el.removeEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n if (last) {\n this.removeListeners(last);\n }\n if (next) {\n if (replacePreviousSibling) {\n this.previousSibling = next;\n }\n this.addListeners(next);\n }\n };\n this.catchTooltipElement = (el) => {\n this.tooltipElement = el;\n };\n this.catchArrowElement = (element) => {\n this.arrowElement = element;\n };\n this._align = 'top';\n this.state = {\n _align: 'top',\n _label: '',\n };\n }\n async alignTooltip() {\n if (this.tooltipElement && this.previousSibling) {\n await alignFloatingElements({\n align: this._align,\n referenceElement: this.previousSibling,\n arrowElement: this.arrowElement,\n floatingElement: this.tooltipElement,\n });\n }\n }\n async hideTooltip() {\n clearTimeout(this.showTooltipTimeout);\n if (this.tooltipElement) {\n hideOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'none');\n this.tooltipElement.style.setProperty('visibility', 'hidden');\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n this.cleanupAutoPositioning = undefined;\n }\n }\n getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n }\n handleMouseEnter() {\n this.showTooltipWithDelay();\n }\n handleMouseleave() {\n this.hideTooltipWithDelay();\n }\n handleFocusIn() {\n this.showTooltipWithDelay();\n }\n handleFocusout() {\n this.hideTooltipWithDelay();\n }\n render() {\n return (h(Host, { key: '60be1bd258bc5ae2b0ecce9374607d11476071b1', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: '2af044756ca7d87c5b789181da84556a517c0ee4', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '057fc2de5c87f0f82e9477568992048bf3918e77', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '1ba456fb877c04c0dc1e93431f90db07f2e90b47', class: \"kol-tooltip__content\", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));\n }\n validateBadgeText(value) {\n validateBadgeText(this, value);\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateId(value) {\n validateId(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n componentWillLoad() {\n this.validateBadgeText(this._badgeText);\n this.validateAlign(this._align);\n this.validateId(this._id);\n this.validateLabel(this._label);\n }\n handleEventListeners() {\n var _a;\n this.resyncListeners(this.previousSibling, (_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.previousElementSibling, true);\n this.resyncListeners(this.tooltipElement, this.tooltipElement);\n }\n connectedCallback() {\n var _a;\n this.previousSibling = (_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.previousElementSibling;\n }\n componentDidRender() {\n this.handleEventListeners();\n }\n disconnectedCallback() {\n if (this.previousSibling) {\n this.removeListeners(this.previousSibling);\n this.previousSibling = undefined;\n }\n if (this.tooltipElement) {\n this.removeListeners(this.tooltipElement);\n }\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_badgeText\": [\"validateBadgeText\"],\n \"_align\": [\"validateAlign\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"]\n }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","TOOLTIP_DELAY","KolTooltipWc","hostRef","registerInstance","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanFc","validateAlign","validateLabel","_a","getElement"],"mappings":"qoBAAA;AAAA;AAAA,GAuBA,MAAMA,EAAoB,CAACC,EAAWC,IAAU,CAC5CC,EAAYF,EAAW,aAAcC,CAAK,CAC9C,EAEME,EAAa,CAACH,EAAWC,IAAU,CACrCC,EAAYF,EAAW,MAAOC,CAAK,CACvC,EAEMG,EAAmB,IAAI,IAC7B,SAASC,EAAYC,EAAS,CAC1BF,EAAiB,QAASG,GAAmB,CACzCA,EAAe,MAAM,YAAY,UAAW,KAAK,CACrD,CAAC,EACDH,EAAiB,IAAIE,CAAO,EAC5BA,EAAQ,MAAM,YAAY,UAAW,MAAM,CAC/C,CACA,SAASE,EAAYF,EAAS,CAE1B,GADAF,EAAiB,OAAOE,CAAO,EAC3BF,EAAiB,KAAO,EAAG,CAC3B,MAAMK,EAAO,MAAM,KAAKL,CAAgB,EAAE,IAAG,EACzCK,GACAA,EAAK,MAAM,YAAY,UAAW,MAAM,CAEhD,CACJ,CAEA,MAAMC,EAAgB,IAChBC,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,YAAc,IAAM,CACrB,GAAI,KAAK,iBAAmB,KAAK,eAAgB,CAC7CP,EAAY,KAAK,cAAc,EAC/B,KAAK,eAAe,MAAM,YAAY,UAAW,OAAO,EACxDS,EAAW,EAAG,iBAAiB,QAAS,KAAK,mBAAmB,EAChE,MAAMC,EAAS,KAAK,gBACdC,EAAY,KAAK,eACvB,KAAK,uBAAyBC,EAAWF,EAAQC,EAAW,IAAM,CACzD,KAAK,aAAY,CAC1B,CAAC,CACL,CACJ,EACA,KAAK,qBAAuB,IAAM,CAC9B,aAAa,KAAK,kBAAkB,EACpC,aAAa,KAAK,kBAAkB,EACpC,KAAK,mBAAqB,WAAW,IAAM,CACvC,KAAK,YAAW,CACpB,EAAGN,CAAa,CACpB,EACA,KAAK,qBAAuB,IAAM,CAC9B,aAAa,KAAK,kBAAkB,EACpC,KAAK,mBAAqB,WAAW,IAAM,CAClC,KAAK,YAAW,CACzB,EAAGA,CAAa,CACpB,EACA,KAAK,oBAAuBQ,GAAU,CAC9BA,EAAM,MAAQ,UACT,KAAK,YAAW,CAE7B,EACA,KAAK,aAAgBC,GAAO,CACxBA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC5DA,EAAG,iBAAiB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CAClE,EACA,KAAK,gBAAmBA,GAAO,CAC3BA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC/DA,EAAG,oBAAoB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CACrE,EACA,KAAK,gBAAkB,CAACV,EAAMW,EAAMC,EAAyB,KAAU,CAC/DZ,GACA,KAAK,gBAAgBA,CAAI,EAEzBW,IACIC,IACA,KAAK,gBAAkBD,GAE3B,KAAK,aAAaA,CAAI,EAE9B,EACA,KAAK,oBAAuBD,GAAO,CAC/B,KAAK,eAAiBA,CAC1B,EACA,KAAK,kBAAqBG,GAAY,CAClC,KAAK,aAAeA,CACxB,EACA,KAAK,OAAS,MACd,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,EACpB,CACI,CACA,MAAM,cAAe,CACb,KAAK,gBAAkB,KAAK,iBAC5B,MAAMC,EAAsB,CACxB,MAAO,KAAK,OACZ,iBAAkB,KAAK,gBACvB,aAAc,KAAK,aACnB,gBAAiB,KAAK,cACtC,CAAa,CAET,CACA,MAAM,aAAc,CAChB,aAAa,KAAK,kBAAkB,EAChC,KAAK,iBACLf,EAAY,KAAK,cAAc,EAC/B,KAAK,eAAe,MAAM,YAAY,UAAW,MAAM,EACvD,KAAK,eAAe,MAAM,YAAY,aAAc,QAAQ,EACxD,KAAK,yBACL,KAAK,uBAAsB,EAC3B,KAAK,uBAAyB,SAGtCM,EAAW,EAAG,oBAAoB,QAAS,KAAK,mBAAmB,CACvE,CACA,kBAAmB,CACf,KAAK,qBAAoB,CAC7B,CACA,kBAAmB,CACf,KAAK,qBAAoB,CAC7B,CACA,eAAgB,CACZ,KAAK,qBAAoB,CAC7B,CACA,gBAAiB,CACb,KAAK,qBAAoB,CAC7B,CACA,QAAS,CACL,OAAQU,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAI,KAAK,MAAM,SAAW,IAAOD,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,wBAAyB,IAAK,KAAK,mBAAmB,EAAIA,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,qBAAsB,IAAK,KAAK,iBAAiB,CAAE,EAAGA,EAAEE,EAAW,CAAE,IAAK,2CAA4C,MAAO,uBAAwB,GAAI,KAAK,MAAM,IAAK,UAAW,KAAK,WAAY,MAAO,KAAK,MAAM,MAAM,CAAE,CAAC,CAAE,CAC9hB,CACA,kBAAkBzB,EAAO,CACrBF,EAAkB,KAAME,CAAK,CACjC,CACA,cAAcA,EAAO,CACjB0B,EAAc,KAAM1B,CAAK,CAC7B,CACA,WAAWA,EAAO,CACdE,EAAW,KAAMF,CAAK,CAC1B,CACA,cAAcA,EAAO,CACjB2B,EAAc,KAAM3B,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnB,IAAI4B,EACJ,KAAK,gBAAgB,KAAK,iBAAkBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,uBAAwB,EAAI,EAChI,KAAK,gBAAgB,KAAK,eAAgB,KAAK,cAAc,CACjE,CACA,mBAAoB,CAChB,IAAIA,EACJ,KAAK,iBAAmBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,sBACpF,CACA,oBAAqB,CACjB,KAAK,qBAAoB,CAC7B,CACA,sBAAuB,CACf,KAAK,kBACL,KAAK,gBAAgB,KAAK,eAAe,EACzC,KAAK,gBAAkB,QAEvB,KAAK,gBACL,KAAK,gBAAgB,KAAK,cAAc,EAExC,KAAK,wBACL,KAAK,uBAAsB,CAEnC,CACA,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}
1	+ {"version":3,"file":"kol-tooltip-wc.entry-W1G2F19J.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-44UAWlcO.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-Bx4ukVlr.js';\nimport { e as watchString, A as getDocument } from './common-8fBdMvJM.js';\nimport { v as validateAlign } from './align-CyK0wp7d.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport './Alert-R2nEqfd2.js';\nimport { K as KolSpanFc } from './Span-43sGxXr7.js';\nimport './i18n-CdSCDnmA.js';\nimport './Heading-DT8fK42U.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-DhwfdDrM.js';\nimport './browser-DeS_gcJV.js';\nimport './Icon-oHNRs_Az.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-DL-PkOqb.js';\nimport './InternalUnderlinedBadgeText-dfa2g8TL.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-ZF6JbdVP.js';\n\nconst validateBadgeText = (component, value) => {\n watchString(component, '_badgeText', value);\n};\n\nconst validateId = (component, value) => {\n watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n visibleOverlay.style.setProperty('z-index', '999');\n });\n VISIBLE_OVERLAYS.add(overlay);\n overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n VISIBLE_OVERLAYS.delete(overlay);\n if (VISIBLE_OVERLAYS.size > 0) {\n const last = Array.from(VISIBLE_OVERLAYS).pop();\n if (last) {\n last.style.setProperty('z-index', '1000');\n }\n }\n}\n\nconst TOOLTIP_DELAY = 300;\nconst KolTooltipWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.showTooltip = () => {\n if (this.previousSibling && this.tooltipElement) {\n showOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'block');\n getDocument().addEventListener('keyup', this.hideTooltipByEscape);\n const target = this.previousSibling;\n const tooltipEl = this.tooltipElement;\n this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n void this.alignTooltip();\n });\n }\n };\n this.showTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n clearTimeout(this.showTooltipTimeout);\n this.showTooltipTimeout = setTimeout(() => {\n this.showTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipWithDelay = () => {\n clearTimeout(this.hideTooltipTimeout);\n this.hideTooltipTimeout = setTimeout(() => {\n void this.hideTooltip();\n }, TOOLTIP_DELAY);\n };\n this.hideTooltipByEscape = (event) => {\n if (event.key === 'Escape') {\n void this.hideTooltip();\n }\n };\n this.addListeners = (el) => {\n el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.addEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.addEventListener('focusin', this.handleFocusIn.bind(this));\n el.addEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.removeListeners = (el) => {\n el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n el.removeEventListener('mouseleave', this.handleMouseleave.bind(this));\n el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n el.removeEventListener('focusout', this.handleFocusout.bind(this));\n };\n this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n if (last) {\n this.removeListeners(last);\n }\n if (next) {\n if (replacePreviousSibling) {\n this.previousSibling = next;\n }\n this.addListeners(next);\n }\n };\n this.catchTooltipElement = (el) => {\n this.tooltipElement = el;\n };\n this.catchArrowElement = (element) => {\n this.arrowElement = element;\n };\n this._align = 'top';\n this.state = {\n _align: 'top',\n _label: '',\n };\n }\n async alignTooltip() {\n if (this.tooltipElement && this.previousSibling) {\n await alignFloatingElements({\n align: this._align,\n referenceElement: this.previousSibling,\n arrowElement: this.arrowElement,\n floatingElement: this.tooltipElement,\n });\n }\n }\n async hideTooltip() {\n clearTimeout(this.showTooltipTimeout);\n if (this.tooltipElement) {\n hideOverlay(this.tooltipElement);\n this.tooltipElement.style.setProperty('display', 'none');\n this.tooltipElement.style.setProperty('visibility', 'hidden');\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n this.cleanupAutoPositioning = undefined;\n }\n }\n getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n }\n handleMouseEnter() {\n this.showTooltipWithDelay();\n }\n handleMouseleave() {\n this.hideTooltipWithDelay();\n }\n handleFocusIn() {\n this.showTooltipWithDelay();\n }\n handleFocusout() {\n this.hideTooltipWithDelay();\n }\n render() {\n return (h(Host, { key: '60be1bd258bc5ae2b0ecce9374607d11476071b1', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: '2af044756ca7d87c5b789181da84556a517c0ee4', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '057fc2de5c87f0f82e9477568992048bf3918e77', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '1ba456fb877c04c0dc1e93431f90db07f2e90b47', class: \"kol-tooltip__content\", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));\n }\n validateBadgeText(value) {\n validateBadgeText(this, value);\n }\n validateAlign(value) {\n validateAlign(this, value);\n }\n validateId(value) {\n validateId(this, value);\n }\n validateLabel(value) {\n validateLabel(this, value, {\n required: true,\n });\n }\n componentWillLoad() {\n this.validateBadgeText(this._badgeText);\n this.validateAlign(this._align);\n this.validateId(this._id);\n this.validateLabel(this._label);\n }\n handleEventListeners() {\n var _a;\n this.resyncListeners(this.previousSibling, (_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.previousElementSibling, true);\n this.resyncListeners(this.tooltipElement, this.tooltipElement);\n }\n connectedCallback() {\n var _a;\n this.previousSibling = (_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.previousElementSibling;\n }\n componentDidRender() {\n this.handleEventListeners();\n }\n disconnectedCallback() {\n if (this.previousSibling) {\n this.removeListeners(this.previousSibling);\n this.previousSibling = undefined;\n }\n if (this.tooltipElement) {\n this.removeListeners(this.tooltipElement);\n }\n if (this.cleanupAutoPositioning) {\n this.cleanupAutoPositioning();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_badgeText\": [\"validateBadgeText\"],\n \"_align\": [\"validateAlign\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"]\n }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","TOOLTIP_DELAY","KolTooltipWc","hostRef","registerInstance","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanFc","validateAlign","validateLabel","_a","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item-wc.entry-sfYpgesU.js → kol-tree-item-wc.entry-M_2D25XL.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as o,h as a,j as r,i as c,H as h,aq as d,g as _,m as f}from"./index-Ci3EIMY6.js";import{v}from"./href-zZq6HYWf-6XHOGu0g.js";import{v as p}from"./label-CdtNxOKu-mnnOiAtb.js";import{v as m}from"./open-D9q98v46-DwgDYTCi.js";import{n as k}from"./dev.utils-BxUNRHGK-D61wuTtu.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r as o,h as a,j as r,i as c,H as h,aq as d,g as _,m as f}from"./index-DscFWUNz.js";import{v}from"./href-zZq6HYWf-Ck9QiEBy.js";import{v as p}from"./label-CdtNxOKu-DuSxxbJz.js";import{v as m}from"./open-D9q98v46-B5otfJDq.js";import{n as k}from"./dev.utils-Bbi3sn8s-CRUPlhXY.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const g=(e,t,i)=>{f(e,"_active",t,i)},E=class{constructor(e){o(this,e),this.groupId=`tree-group-${k()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:t,_hasChildren:i,_open:l,_label:n}=this.state;return a(h,{key:"e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"8e87e00dae2d0e6dcad5602e28b5642bc31702f5",class:b("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?l:void 0,_ariaOwns:i?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"2375f5ff6abe59419b5d4ef28e5e0f104034fef3",class:"kol-tree-item__link-inner",slot:"expert"},i?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>l?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(c,{class:"kol-tree-item__toggle-button-icon",_icons:`codicon codicon-${l?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"39c07661723143bfafcc6ee8e96e51bd88daa940",class:"kol-tree-item__text"},n))),a("ul",{key:"2bd2e3a880b4d1946f00e46784f476e69508441b",class:"kol-tree-item__children",hidden:!i||!l,role:"group",id:this.groupId},a("slot",{key:"472cc53e288b84a99a0190a82be67e04ce851f99"}))))}validateActive(e){g(this,e||!1)}validateLabel(e){p(this,e)}validateOpen(e){m(this,e)}validateHref(e){v(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(;t!==null&&t.tagName.toLowerCase()!==d&&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:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||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(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return _(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{E as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-sfYpgesU.js.map
+//# sourceMappingURL=kol-tree-item-wc.entry-M_2D25XL.js.map

package/dist/assets/{kol-tree-item-wc.entry-sfYpgesU.js.map → kol-tree-item-wc.entry-M_2D25XL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-tree-item-wc.entry-~~sfYpgesU~~.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-~~DOWoBMgb~~.js';\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\nimport { v as validateHref } from './href-zZq6HYWf.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { v as validateOpen } from './open-D9q98v46.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\nimport { n as nonce } from './dev.utils-~~BxUNRHGK~~.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\n\nconst validateActive = (component, value, options) => {\n watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.groupId = `tree-group-${nonce()}`;\n this.state = {\n _active: false,\n _hasChildren: false,\n _href: '',\n _label: '',\n _open: false,\n };\n }\n render() {\n const { _href, _active, _hasChildren, _open, _label } = this.state;\n return (h(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: \"kol-tree-item\", style: {\n '--level': `${this.level}`,\n } }, h(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {\n 'kol-tree-item__link--first-level': this.level === 0,\n 'kol-tree-item__link--active': _active,\n }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: \"kol-tree-item__children\", hidden: !_hasChildren \|\| !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));\n }\n validateActive(value) {\n validateActive(this, value \|\| false);\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateOpen(value) {\n validateOpen(this, value);\n }\n validateHref(value) {\n validateHref(this, value);\n }\n componentWillLoad() {\n this.validateActive(this._active);\n this.validateLabel(this._label);\n this.validateOpen(this._open);\n this.validateHref(this._href);\n this.checkForChildren();\n this.determineTreeItemDepth();\n }\n determineTreeItemDepth() {\n let level = 0;\n let traverseItem = this.host.parentNode.host.parentNode;\n while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n traverseItem = traverseItem.parentElement;\n level += 1;\n }\n this.level = level;\n }\n handleSlotchange() {\n this.checkForChildren();\n }\n checkForChildren() {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null \|\| _a === void 0 ? void 0 : _a.assignedElements) === null \|\| _b === void 0 ? void 0 : _b.call(_a).length) });\n }\n async focusLink() {\n await this.linkElement.kolFocus();\n }\n async handleExpandClick(event) {\n event.preventDefault();\n await this.linkElement.kolFocus();\n await this.expand();\n }\n async expand() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n }\n }\n async handleCollapseClick(event) {\n event.preventDefault();\n this.linkElement.focus();\n await this.collapse();\n }\n async collapse() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n }\n }\n async isOpen() {\n var _a;\n return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_active\": [\"validateActive\"],\n \"_label\": [\"validateLabel\"],\n \"_open\": [\"validateOpen\"],\n \"_href\": [\"validateHref\"]\n }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"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"}
1	+ {"version":3,"file":"kol-tree-item-wc.entry-M_2D25XL.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-44UAWlcO.js';\nimport { d as watchBoolean } from './common-8fBdMvJM.js';\nimport { v as validateHref } from './href-zZq6HYWf.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { v as validateOpen } from './open-D9q98v46.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\nimport { n as nonce } from './dev.utils-Bbi3sn8s.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\n\nconst validateActive = (component, value, options) => {\n watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.groupId = `tree-group-${nonce()}`;\n this.state = {\n _active: false,\n _hasChildren: false,\n _href: '',\n _label: '',\n _open: false,\n };\n }\n render() {\n const { _href, _active, _hasChildren, _open, _label } = this.state;\n return (h(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: \"kol-tree-item\", style: {\n '--level': `${this.level}`,\n } }, h(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {\n 'kol-tree-item__link--first-level': this.level === 0,\n 'kol-tree-item__link--active': _active,\n }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: \"kol-tree-item__children\", hidden: !_hasChildren \|\| !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));\n }\n validateActive(value) {\n validateActive(this, value \|\| false);\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateOpen(value) {\n validateOpen(this, value);\n }\n validateHref(value) {\n validateHref(this, value);\n }\n componentWillLoad() {\n this.validateActive(this._active);\n this.validateLabel(this._label);\n this.validateOpen(this._open);\n this.validateHref(this._href);\n this.checkForChildren();\n this.determineTreeItemDepth();\n }\n determineTreeItemDepth() {\n let level = 0;\n let traverseItem = this.host.parentNode.host.parentNode;\n while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n traverseItem = traverseItem.parentElement;\n level += 1;\n }\n this.level = level;\n }\n handleSlotchange() {\n this.checkForChildren();\n }\n checkForChildren() {\n var _a, _b;\n this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null \|\| _a === void 0 ? void 0 : _a.assignedElements) === null \|\| _b === void 0 ? void 0 : _b.call(_a).length) });\n }\n async focusLink() {\n await this.linkElement.kolFocus();\n }\n async handleExpandClick(event) {\n event.preventDefault();\n await this.linkElement.kolFocus();\n await this.expand();\n }\n async expand() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n }\n }\n async handleCollapseClick(event) {\n event.preventDefault();\n this.linkElement.focus();\n await this.collapse();\n }\n async collapse() {\n if (this.state._hasChildren) {\n this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n }\n }\n async isOpen() {\n var _a;\n return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_active\": [\"validateActive\"],\n \"_label\": [\"validateLabel\"],\n \"_open\": [\"validateOpen\"],\n \"_href\": [\"validateHref\"]\n }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"2UAAA;AAAA;AAAA,GAYA,MAAMA,EAAiB,CAACC,EAAWC,EAAOC,IAAY,CAClDC,EAAaH,EAAW,UAAWC,EAAOC,CAAO,CACrD,EAEME,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,QAAU,cAAcE,EAAK,CAAE,GACpC,KAAK,MAAQ,CACT,QAAS,GACT,aAAc,GACd,MAAO,GACP,OAAQ,GACR,MAAO,EACnB,CACI,CACA,QAAS,CACL,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,aAAAC,EAAc,MAAAC,EAAO,OAAAC,CAAM,EAAK,KAAK,MAC7D,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,aAAc,KAAK,iBAAiB,KAAK,IAAI,GAAKD,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,gBAAiB,MAAO,CACvM,UAAW,GAAG,KAAK,KAAK,EACxC,GAAiBA,EAAEE,EAAc,CAAE,IAAK,2CAA4C,MAAOC,EAAK,sBAAuB,CACvG,mCAAoC,KAAK,QAAU,EACnD,8BAA+BP,CAC/C,CAAa,EAAG,MAAOD,EAAO,OAAQ,GAAI,MAAO,WAAY,UAAWC,EAAU,EAAI,GAAI,cAAeC,EAAeC,EAAQ,OAAW,UAAWD,EAAe,KAAK,QAAU,OAAW,IAAMO,GAAa,KAAK,YAAcA,GAAYJ,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,4BAA6B,KAAM,QAAQ,EAAIH,EAAgBG,EAAE,OAAQ,CAAE,MAAO,+BAAgC,QAAUK,GAAWP,EAAQ,KAAK,KAAK,oBAAoBO,CAAK,EAAI,KAAK,KAAK,kBAAkBA,CAAK,GAAML,EAAEM,EAAY,CAAE,MAAO,oCAAqC,OAAQ,mBAAmBR,EAAQ,eAAiB,eAAe,GAAI,OAAQ,GAAI,CAAC,EAAME,EAAE,OAAQ,CAAE,MAAO,0CAA0C,CAAE,EAAIA,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,qBAAqB,EAAID,CAAM,CAAC,CAAC,EAAGC,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,0BAA2B,OAAQ,CAACH,GAAgB,CAACC,EAAO,KAAM,QAAS,GAAI,KAAK,OAAO,EAAIE,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CAAC,CAChjC,CACA,eAAeZ,EAAO,CAClBF,EAAe,KAAME,GAAS,EAAK,CACvC,CACA,cAAcA,EAAO,CACjBmB,EAAc,KAAMnB,CAAK,CAC7B,CACA,aAAaA,EAAO,CAChBoB,EAAa,KAAMpB,CAAK,CAC5B,CACA,aAAaA,EAAO,CAChBqB,EAAa,KAAMrB,CAAK,CAC5B,CACA,mBAAoB,CAChB,KAAK,eAAe,KAAK,OAAO,EAChC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAgB,EACrB,KAAK,uBAAsB,CAC/B,CACA,wBAAyB,CACrB,IAAIsB,EAAQ,EACRC,EAAe,KAAK,KAAK,WAAW,KAAK,WAC7C,KAAOA,IAAiB,MAAQA,EAAa,QAAQ,YAAW,IAAOC,GAAcD,IAAiB,SAAS,MAC3GA,EAAeA,EAAa,cAC5BD,GAAS,EAEb,KAAK,MAAQA,CACjB,CACA,kBAAmB,CACf,KAAK,iBAAgB,CACzB,CACA,kBAAmB,CACf,IAAIG,EAAIC,EACR,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,aAAc,GAAS,GAAAA,GAAMD,EAAK,KAAK,KAAK,cAAc,MAAM,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,oBAAsB,MAAQC,IAAO,SAAkBA,EAAG,KAAKD,CAAE,EAAE,QAAS,CACvP,CACA,MAAM,WAAY,CACd,MAAM,KAAK,YAAY,SAAQ,CACnC,CACA,MAAM,kBAAkBR,EAAO,CAC3BA,EAAM,eAAc,EACpB,MAAM,KAAK,YAAY,SAAQ,EAC/B,MAAM,KAAK,OAAM,CACrB,CACA,MAAM,QAAS,CACP,KAAK,MAAM,eACX,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,MAAO,EAAI,CAAE,EAEjF,CACA,MAAM,oBAAoBA,EAAO,CAC7BA,EAAM,eAAc,EACpB,KAAK,YAAY,MAAK,EACtB,MAAM,KAAK,SAAQ,CACvB,CACA,MAAM,UAAW,CACT,KAAK,MAAM,eACX,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,KAAK,EAAG,CAAE,MAAO,EAAK,CAAE,EAElF,CACA,MAAM,QAAS,CACX,IAAIQ,EACJ,OAAQA,EAAK,KAAK,MAAM,SAAW,MAAQA,IAAO,OAASA,EAAK,EACpE,CACA,IAAI,MAAO,CAAE,OAAOE,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,QAAW,CAAC,gBAAgB,EAC5B,OAAU,CAAC,eAAe,EAC1B,MAAS,CAAC,cAAc,EACxB,MAAS,CAAC,cAAc,CAChC,CAAO,CACP"}