npm - @public-ui/sample-react - Versions diffs - 3.0.3 → 3.0.4-fa8bcfa66607a9847a1359c0ca7d77fe673660d7.0 - Mend

@public-ui/sample-react 3.0.3 → 3.0.4-fa8bcfa66607a9847a1359c0ca7d77fe673660d7.0

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

Files changed (390) hide show

package/dist/assets/{kol-tabs.entry-YInViQQj.js.map → kol-tabs.entry-CYuU6tXu.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-tabs.entry-YInViQQj.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-CElQfBOC.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-7RW_NFNf.js';\nimport { v as validateAlign } from './align-DoCRbhrp.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { t as translate } from './i18n-yBVLeHdv.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-CjhRejiw.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 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(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\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 [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: 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 clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\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 border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\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 background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 }\\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 cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n contain: layout;\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-tabs {\\n display: var(--display);\\n grid-template-rows: var(--grid-template-rows);\\n grid-template-columns: var(--grid-template-columns);\\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__content {\\n overflow: auto;\\n }\\n .kol-tabs__button-group {\\n display: flex;\\n flex-wrap: wrap;\\n flex-direction: var(--button-group-flex-direction);\\n order: var(--button-group-order);\\n }\\n .kol-tabs__button-group .kol-button {\\n border-bottom-color: transparent;\\n border-bottom-style: solid;\\n display: block;\\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\n//# sourceMappingURL=kol-tabs.entry.js.map"],"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":"wXAAA;AAAA;AAAA,GAcA,MAAMA,EAA6B,CAAC,mBAAoB,eAAe,EACjEC,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAeF,EAAW,YAAcC,GAAU,OAAOA,GAAU,UAAYH,EAA2B,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBH,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,CAAK,CAC/M,EAEME,EAA0B,CAACH,EAAWC,IAAU,CAClDG,EAAaJ,EAAW,mBAAoBC,CAAK,CACrD,EAEMI,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,cAAgB,GAAGE,EAAU,SAAS,CAAC,KAC5C,KAAK,qBAAuB,CAACC,EAAMC,EAAQC,EAAO,IAAM,CACpD,MAAMC,EAAaF,EAASC,EAC5B,OAAIC,EAAaH,EAAK,OACdA,EAAKG,CAAU,EAAE,UACV,KAAK,qBAAqBH,EAAMC,EAAQC,EAAO,CAAC,EAEpDC,EAEJF,CACV,EACD,KAAK,qBAAuB,CAACD,EAAMC,EAAQC,EAAO,IAAM,CACpD,MAAMC,EAAaF,EAASC,EAC5B,OAAIC,GAAc,EACVH,EAAKG,CAAU,EAAE,UACV,KAAK,qBAAqBH,EAAMC,EAAQC,EAAO,CAAC,EAEpDC,EAEJF,CACV,EACD,KAAK,UAAaG,GAAU,CACxB,OAAQA,EAAM,IAAG,CACb,KAAKC,EAAY,WACb,KAAK,YAAYD,CAAK,EACtB,MACJ,KAAKC,EAAY,UACb,KAAK,gBAAgBD,CAAK,EAC1B,MACJ,KAAKC,EAAY,MACjB,KAAKA,EAAY,MACb,KAAK,mBAAmBD,CAAK,EAC7B,KACpB,CACS,EACD,KAAK,cAAgB,CAACA,EAAOE,IAAU,CACnC,KAAK,mBAAmBF,EAAOE,CAAK,CACvC,EACD,KAAK,YAAeF,GAAU,CAC1BA,EAAM,eAAgB,CACzB,EACD,KAAK,UAAY,CACb,QAAS,KAAK,cACd,YAAa,KAAK,WACrB,EACD,KAAK,kBAAqBG,GAAO,CAC7B,KAAK,aAAeA,CACvB,EACD,KAAK,OAAS,MACd,KAAK,iBAAmB,GACxB,KAAK,UAAY,EACjB,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,GACR,UAAW,EACX,MAAO,CAAE,CACZ,EACD,KAAK,yBAA2B,CAACC,EAAUR,EAAMS,EAAW,GAAMC,IAAoB,CAOlF,GANIF,EAAWR,EAAK,OAAS,IACzBQ,EAAWR,EAAK,OAAS,GAEzBQ,EAAW,IACXA,EAAW,GAEX,MAAM,QAAQR,CAAI,GAAKA,EAAKQ,CAAQ,GAChCR,EAAKQ,CAAQ,EAAE,UAAW,CAC1B,GAAIC,IAAa,GAAM,CACnB,GAAID,EAAWR,EAAK,OAAS,EACzB,OAAO,KAAK,yBAAyBQ,EAAW,EAAGR,EAAM,GAAMU,GAAmBF,CAAQ,EAG1FA,EAAWE,GAAmBF,EAC9BC,EAAW,EAEvC,CACoB,GAAIA,IAAa,GAAO,CACpB,GAAID,EAAW,EACX,OAAO,KAAK,yBAAyBA,EAAW,EAAGR,EAAM,GAAOU,GAAmBF,CAAQ,EAG3FG,EAAQ,yEAAyE,CAE7G,CACA,CAEY,OAAOH,CACV,EACD,KAAK,oBAAsB,CAACI,EAAWC,EAAWC,EAAYC,IAAQ,CAClE,IAAIP,EACAO,IAAQ,YACRP,EAAWI,EAGXJ,EAAW,KAAK,MAAM,UAE1B,IAAIR,EACAe,IAAQ,QACRf,EAAOY,EAGPZ,EAAO,KAAK,MAAM,MAElBA,EAAK,OAAS,GACda,EAAU,IAAI,YAAa,KAAK,yBAAyBL,EAAUR,CAAI,CAAC,CAE/E,EACD,KAAK,iBAAmB,IAAM,CAC1B,IAAIgB,EAAIC,EAAIC,EAAIC,EAChB,GAAK,KAAK,aAEV,MAAO,KAAK,aAAa,YACrB,KAAK,aAAa,YAAY,KAAK,aAAa,UAAU,EAE9D,QAASC,EAAI,EAAGA,IAAMJ,EAAK,KAAK,MAAM,SAAW,MAAQA,IAAO,OAAS,OAASA,EAAG,QAASI,IAAK,CAC/F,MAAMC,EAAM,SAAS,cAAc,KAAK,EACxCA,EAAI,aAAa,kBAAmB,GAAG,KAAK,MAAM,OAAO,QAAQ,MAAO,GAAG,CAAC,QAAQD,CAAC,EAAE,EACvFC,EAAI,aAAa,KAAM,YAAYD,CAAC,EAAE,EACtCC,EAAI,aAAa,OAAQ,UAAU,EACnCA,EAAI,aAAa,SAAU,EAAE,EAC7B,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,aAAa,OAAQ,iBAAiBF,CAAC,EAAE,EAC9CC,EAAI,YAAYC,CAAI,GACnBL,EAAK,KAAK,gBAAkB,MAAQA,IAAO,QAAkBA,EAAG,YAAYI,CAAG,EAC5E,OAAO,eAAmB,OAAiBH,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,oBAAqB,iBAAoB,GAAAC,EAAK,KAAK,QAAU,MAAQA,IAAO,SAAkBA,EAAG,SAASC,CAAC,IAC9M,KAAK,KAAK,SAASA,CAAC,EAAE,aAAa,OAAQ,iBAAiBA,CAAC,EAAE,CAEnF,CACY,KAAK,mBAAoB,EAC5B,EACD,KAAK,mBAAqB,IAAM,CACvB,KAAK,cAEV,MAAM,KAAK,KAAK,aAAa,QAAQ,EAAE,QAAQ,CAACG,EAAOH,IAAM,CACrDA,IAAM,KAAK,MAAM,UACjBG,EAAM,gBAAgB,QAAQ,EAG9BA,EAAM,aAAa,SAAU,EAAE,CAEnD,CAAa,CACJ,EACD,KAAK,SAAYnB,GAAU,CACvB,IAAIY,EAAIC,EACRb,EAAM,eAAgB,GACrBa,GAAMD,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,YAAc,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAIZ,CAAK,EAChI,KAAK,MACLoB,EAAiB,KAAK,KAAMC,EAAS,MAAM,CAElD,EACD,KAAK,OAAS,IAAM,CAChB,KAAK,kBAAoB,MAC5B,CACT,CACI,sBAAuB,CACnB,OAAI,OAAO,KAAK,mBAAsB,SAC3B,KAAK,kBAET,KAAK,MAAM,SAC1B,CACI,0BAA2B,CACvB,OAAI,KAAK,YAAc,gBACZ,kBAEJ,oBACf,CACI,YAAYrB,EAAO,CACf,MAAMsB,EAAiB,KAAK,qBAAqB,KAAK,MAAM,MAAO,KAAK,sBAAsB,EAC9F,KAAK,mBAAmBtB,EAAOsB,EAAgB,KAAK,yBAAwB,CAAE,CACtF,CACI,gBAAgBtB,EAAO,CACnB,MAAMsB,EAAiB,KAAK,qBAAqB,KAAK,MAAM,MAAO,KAAK,sBAAsB,EAC9F,KAAK,mBAAmBtB,EAAOsB,EAAgB,KAAK,yBAAwB,CAAE,CACtF,CACI,mBAAmBtB,EAAO,CAClB,OAAO,KAAK,mBAAsB,UAClC,KAAK,SAASA,EAAO,KAAK,iBAAiB,CAEvD,CACI,mBAAmBA,EAAOuB,EAAcC,EAAa,qBAAsB,CACvE,IAAIZ,EAAIC,EACR,KAAK,kBAAoBU,EACzB,KAAK,aAAaA,CAAY,EAC1BC,IAAe,uBACf,KAAK,UAAYD,GAEhBV,GAAMD,EADK,KAAK,MAAM,MAAMW,CAAY,EACzB,OAAS,MAAQX,IAAO,OAAS,OAASA,EAAG,YAAc,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAIZ,EAAOuB,CAAY,EAC3I,KAAK,SAASvB,EAAOuB,CAAY,EAE7C,CACI,mBAAoB,CAChB,OAAQE,EAAE,MAAO,CAAE,aAAc,KAAK,MAAM,OAAQ,MAAO,yBAA0B,KAAM,UAAW,UAAW,KAAK,UAAW,OAAQ,KAAK,MAAQ,EAAE,KAAK,MAAM,MAAM,IAAI,CAACC,EAAQxB,IAAWuB,EAAEE,EAAgB,CAAE,UAAWD,EAAO,UAAW,OAAQA,EAAO,OAAQ,WAAYA,EAAO,WAAY,OAAQA,EAAO,OAAQ,IAAK,KAAK,UAAW,UAAW,KAAK,MAAM,YAAcxB,EAAQ,EAAI,GAAI,cAAewB,EAAO,cAAe,eAAgB,KAAK,MAAM,YAAcxB,EAAQ,SAAW,OAAW,aAAc,KAAK,MAAM,YAAcA,EAAQ,WAAa,OAAW,cAAe,YAAYA,CAAK,GAAI,cAAe,KAAK,MAAM,YAAcA,EAAO,IAAK,GAAG,KAAK,MAAM,OAAO,QAAQ,MAAO,GAAG,CAAC,QAAQA,CAAK,GAAI,MAAO,MAAO,OAAQA,CAAO,CAAA,CAAE,EAAG,KAAK,MAAM,kBAAqBuB,EAAEE,EAAgB,CAAE,MAAO,0BAA2B,OAAQ,KAAK,cAAe,IAAK,CAC71B,QAAS,KAAK,QACjB,EAAE,OAAQ,uBAAwB,cAAe,oBAAoB,CAAE,CAAE,CACtF,CACI,QAAS,CACL,OAAQF,EAAE,MAAO,CAAE,IAAK,2CAA4C,IAAMtB,GAAO,CACzE,KAAK,iBAAmBA,CAC3B,EAAE,MAAOyB,EAAK,WAAY,mBAAmB,KAAK,MAAM,MAAM,EAAE,CAAC,EAAI,KAAK,kBAAmB,EAAEH,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,oBAAqB,IAAK,KAAK,iBAAmB,CAAA,CAAC,CAClO,CACI,cAActC,EAAO,CACjB0C,EAAc,KAAM1C,CAAK,CACjC,CACI,iBAAiBA,EAAO,CACpBF,EAAoB,KAAME,CAAK,CACvC,CACI,wBAAwBA,EAAO,CAC3BE,EAAwB,KAAMF,CAAK,CAC3C,CACI,cAAcA,EAAO,CACjB2C,EAAc,KAAM3C,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,WAAWA,EAAO,CACd,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC7C,MAAM4C,EAAY,CAAE,EAChB,OAAO5C,EAAM,UAAa,aAC1B4C,EAAU,SAAW5C,EAAM,UAE3B,OAAOA,EAAM,UAAa,aAC1B4C,EAAU,SAAW5C,EAAM,UAE/B6C,EAAS,KAAM,MAAOD,CAAS,CAC3C,CACA,CACI,iBAAiB5C,EAAO,CACpB8C,EAAY,KAAM,YAAa9C,EAAO,CAClC,MAAO,CACH,YAAa,KAAK,mBACrB,CACb,CAAS,CACT,CACI,aAAaA,EAAO,CAChB+C,EAAqB,KAAM,QAAUC,GAAS,OAAOA,GAAS,UAAYA,IAAS,MAAQ,OAAOA,EAAK,QAAW,UAAYA,EAAK,OAAO,OAAS,EAAGhD,EAAO,OAAW,CACpK,MAAO,CACH,YAAa,KAAK,oBAClB,WAAY,KAAK,gBACpB,CACb,CAAS,EACDiD,EAAuB,UAAW,KAAK,MAAM,MAAM,MAAM,CACjE,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,wBAAwB,KAAK,gBAAgB,CAC1D,CACI,oBAAqB,CACjB,KAAK,iBAAkB,CAC/B,CACI,aAAalC,EAAO,CAChB,GAAI,KAAK,iBAAkB,CACvB,MAAMwB,EAASW,EAAqB,UAAU,KAAK,MAAM,OAAO,QAAQ,MAAO,GAAG,CAAC,QAAQnC,CAAK,GAAI,KAAK,gBAAgB,EACzHwB,GAAW,MAAqCA,EAAO,MAAO,CAC1E,CACA,CACI,SAAS1B,EAAOE,EAAO,CACnB,IAAIU,EAAIC,GACPA,GAAMD,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,YAAc,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAIZ,EAAOE,CAAK,EACjI,KAAK,MACLkB,EAAiB,KAAK,KAAMC,EAAS,OAAQnB,CAAK,EAEtD,KAAK,aAAaA,CAAK,CAC/B,CACI,IAAI,MAAO,CAAE,OAAOoC,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,UAAa,CAAC,kBAAkB,EAChC,iBAAoB,CAAC,yBAAyB,EAC9C,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,UAAa,CAAC,kBAAkB,EAChC,MAAS,CAAC,cAAc,CAChC,CAAM,CACN,EACA9C,EAAQ,MAAQ,CACZ,QAASD,CACb"}
1	+ {"version":3,"file":"kol-tabs.entry-CYuU6tXu.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-DTM8XbOu.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-7RW_NFNf.js';\nimport { v as validateAlign } from './align-DoCRbhrp.js';\nimport { v as validateLabel } from './label-DAfXJvJZ.js';\nimport { t as translate } from './i18n-yBVLeHdv.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-CjhRejiw.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 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(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\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 [role=button],\\n button:not([role=link]),\\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: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\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(16rem / 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 contain: layout;\\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(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / 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__content {\\n overflow: auto;\\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\n//# sourceMappingURL=kol-tabs.entry.js.map"],"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-BYNNhfzX.js → kol-textarea.entry-CgpVpW-b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as d}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{F as w,g as L,c as R,a as z,e as S}from"./FormFieldStateWrapper-BlcmQgCr-aFbjo2ad.js";import{I as C,a as H}from"./controller-icon-BwQOD32P-9A6nvyjU.js";import{_ as h}from"./Heading-D6_TFw6T-Bn0pKBwe.js";import{n as B}from"./dev.utils-9pEPkxnH-EN4TBwsp.js";import{a as M,v as O,b as A}from"./max-length-behavior-BJuqKbOX-CiHhIeX2.js";import{v as T}from"./placeholder-ikSHqukt-CIFEScPX.js";import{v as q}from"./read-only-BAPnQth3-DH5WM3gP.js";import{v as F}from"./required-DZ5CUsrb-CSxQFffn.js";import{v as V}from"./rows-CRXE6nJb-BoYtjNwo.js";import{v as j}from"./spell-check-BwdT9MHK-BdAP1ePP.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-BscBrOtx-EE85zP3Z.js";import"./i18n-yBVLeHdv-B4Obv0JZ.js";import"./access-and-short-key-CIkiLGbP-WjkUsh6b.js";import"./disabled-DOGGfuG4-CAVQthQX.js";import"./hide-label-B1sxX0if-W_Q4CvYL.js";import"./label-DAfXJvJZ-BAobf5Rl.js";import"./tooltip-align-B_X7PRrT-DtSdUciW.js";import"./align-DoCRbhrp-DWrJ0InM.js";import"./associated.controller-DWb-3J2w-DwtsNn9O.js";import"./InternalUnderlinedBadgeText-DnxrXpNU-BJdaOWku.js";import"./Icon-DGehfe8Q-DwJi2jBz.js";import"./icons-mdo32hNB-BQAjObaK.js";/*!
+import{h as o,r as b,g as y,n as k,w as x}from"./index-evyzSoa8.js";import{c as d}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{F as w,g as L,c as R,a as z,e as S}from"./FormFieldStateWrapper-CCkAqaaL-CiIRBWj_.js";import{I as C,a as H}from"./controller-icon-LXybyI6W-BMG9wgVV.js";import{_ as h}from"./Heading-BYeuylXc-D5k__7G4.js";import{n as B}from"./dev.utils-vAdYjvGq-7oOjyax8.js";import{a as M,v as O,b as A}from"./max-length-behavior-BJuqKbOX-nwmqAp3x.js";import{v as T}from"./placeholder-ikSHqukt-DbhWWS-x.js";import{v as q}from"./read-only-BAPnQth3-B6bFUY77.js";import{v as F}from"./required-DZ5CUsrb-D8Kysvz7.js";import{v as V}from"./rows-CRXE6nJb-BWQyMMfY.js";import{v as j}from"./spell-check-BwdT9MHK-Cs7aQ0Dn.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-Bbh--qXI-B10QnyfN.js";import"./i18n-yBVLeHdv-CYQJSVOF.js";import"./access-and-short-key-CIkiLGbP-U05YoovN.js";import"./disabled-DOGGfuG4-CSUyKPVK.js";import"./hide-label-B1sxX0if-CS9210md.js";import"./label-DAfXJvJZ-C-PmADS4.js";import"./tooltip-align-B_X7PRrT-CQcqc7AY.js";import"./align-DoCRbhrp-BFXjZZ4R.js";import"./associated.controller-DWb-3J2w-DurX-506.js";import"./InternalUnderlinedBadgeText-CRfceIpy-Bs68tjfU.js";import"./Icon-BttEGYV4-Dc5Hd6IC.js";import"./icons-mdo32hNB-B7OogR4k.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const c=["vertical","none"],I=e=>typeof e=="string"&&c.includes(e),P=(e,t)=>{x(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={"kol-textarea--disabled":!!i,"kol-textarea--required":!!s,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${(n==null?void 0:n.type)||"error"}`]:v},_=Object.assign(Object.assign({class:d("kol-textarea",g,t),required:s,disabled:i,readonly:l},S({ariaDescribedBy:u,hideLabel:p,label:m})),f);return o("textarea",Object.assign({},_))};function K(e,t){var n;const l=[...L(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:R(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){M(this.component,t)}validateMaxLengthBehavior(t){O(this.component,t)}validateMaxLength(t){A(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(t){T(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){k(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=`/* forward the rem function */
 /*
@@ -10,13 +10,13 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -50,8 +50,8 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
   [role=button],
   button:not([role=link]),
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -92,13 +92,13 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -108,10 +108,10 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%;
     margin: 0;
     padding: 0;
-    width: 100%;
+    border: none;
     /* 100% needed for custom width from outside */
   }
   /*
@@ -122,18 +122,18 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
     display: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -168,9 +168,9 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span,
   [disabled]:focus .kol-span {
@@ -183,57 +183,57 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
   }
 }
 @layer kol-component {
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
   .kol-tooltip {
-    contain: layout;
     display: contents;
+    contain: layout;
   }
   .kol-tooltip__floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   .kol-tooltip__arrow {
-    background-color: #fff;
+    transform: rotate(45deg);
     color: #000;
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    background-color: #fff;
     position: absolute;
-    transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip__content {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
     position: relative;
     z-index: 1000;
   }
-  @keyframes fadeInOpacity {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
 }
 @layer kol-component {
   .kol-alert {
     display: grid;
   }
   .kol-alert__container {
-    place-items: center;
     display: flex;
+    place-items: center;
   }
   .kol-alert__container-content {
     flex-grow: 1;
@@ -265,13 +265,13 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
 }
 @layer kol-component {
   .kol-input-container {
-    align-items: center;
     background-color: white;
     display: grid;
-    grid-template-columns: 1fr;
-    min-height: var(--a11y-min-size);
-    min-width: var(--a11y-min-size);
     width: 100%;
+    min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
+    align-items: center;
+    grid-template-columns: 1fr;
   }
   .kol-input-container:has(> .kol-input-container__adornment--start) {
     grid-template-columns: auto 1fr;
@@ -303,4 +303,4 @@ import{h as o,r as b,g as y,n as k,w as x}from"./index-DuJ2kw-o.js";import{c as
     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(w,Object.assign({key:"a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72"},this.getFormFieldProps()),o(C,{key:"db4f3ed0dfa745c109a3a21346df79722b0f7595",state:this.state},o(W,Object.assign({key:"71376e1ff01a524c589632fff16023da5bb9774b"},this.getTextAreaProps()))))}constructor(e){b(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 y(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-BYNNhfzX.js.map
+//# sourceMappingURL=kol-textarea.entry-CgpVpW-b.js.map

package/dist/assets/{kol-textarea.entry-BYNNhfzX.js.map → kol-textarea.entry-CgpVpW-b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-textarea.entry-BYNNhfzX.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-CElQfBOC.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as getDefaultProps, c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './FormFieldStateWrapper-BlcmQgCr.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-BwQOD32P.js';\nimport { _ as __rest } from './Heading-D6_TFw6T.js';\nimport { w as watchValidator, e as watchString } from './common-7RW_NFNf.js';\nimport { n as nonce } from './dev.utils-9pEPkxnH.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-BJuqKbOX.js';\nimport { v as validatePlaceholder } from './placeholder-ikSHqukt.js';\nimport { v as validateReadOnly } from './read-only-BAPnQth3.js';\nimport { v as validateRequired } from './required-DZ5CUsrb.js';\nimport { v as validateRows } from './rows-CRXE6nJb.js';\nimport { v as validateSpellCheck } from './spell-check-BwdT9MHK.js';\nimport './access-and-short-key-CIkiLGbP.js';\nimport './disabled-DOGGfuG4.js';\nimport './hide-label-B1sxX0if.js';\nimport './label-DAfXJvJZ.js';\nimport './tooltip-align-B_X7PRrT.js';\nimport './align-DoCRbhrp.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-DWb-3J2w.js';\nimport './bootstrap-ChRg7xqg.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CjhRejiw.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-BscBrOtx.js';\nimport './i18n-yBVLeHdv.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\nimport './InternalUnderlinedBadgeText-DnxrXpNU.js';\nimport './Icon-DGehfe8Q.js';\nimport './icons-mdo32hNB.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 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--${(msg === null \|\| msg === void 0 ? void 0 : msg.type) \|\| '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: convertMsgToInternMsg(state._msg) }, other), { ariaDescribedBy });\n if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n props.maxLength = state._maxLength;\n }\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 = \"/ 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(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\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 [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: 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 clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\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 border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\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 background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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 }\\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 cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n contain: layout;\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. /\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n place-items: center;\\n display: flex;\\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(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\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}\\n@layer kol-component {\\n .kol-input-container {\\n align-items: center;\\n background-color: white;\\n display: grid;\\n grid-template-columns: 1fr;\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n width: 100%;\\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}\\n@layer kol-component {\\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\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","convertMsgToInternMsg","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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"}
1	+ {"version":3,"file":"kol-textarea.entry-CgpVpW-b.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-DTM8XbOu.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as getDefaultProps, c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './FormFieldStateWrapper-CCkAqaaL.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-LXybyI6W.js';\nimport { _ as __rest } from './Heading-BYeuylXc.js';\nimport { w as watchValidator, e as watchString } from './common-7RW_NFNf.js';\nimport { n as nonce } from './dev.utils-vAdYjvGq.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-BJuqKbOX.js';\nimport { v as validatePlaceholder } from './placeholder-ikSHqukt.js';\nimport { v as validateReadOnly } from './read-only-BAPnQth3.js';\nimport { v as validateRequired } from './required-DZ5CUsrb.js';\nimport { v as validateRows } from './rows-CRXE6nJb.js';\nimport { v as validateSpellCheck } from './spell-check-BwdT9MHK.js';\nimport './access-and-short-key-CIkiLGbP.js';\nimport './disabled-DOGGfuG4.js';\nimport './hide-label-B1sxX0if.js';\nimport './label-DAfXJvJZ.js';\nimport './tooltip-align-B_X7PRrT.js';\nimport './align-DoCRbhrp.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-DWb-3J2w.js';\nimport './bootstrap-ChRg7xqg.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CjhRejiw.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-Bbh--qXI.js';\nimport './i18n-yBVLeHdv.js';\nimport './bem-CwA0xXwr.js';\nimport './browser-D7tkBuSS.js';\nimport './InternalUnderlinedBadgeText-CRfceIpy.js';\nimport './Icon-BttEGYV4.js';\nimport './icons-mdo32hNB.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 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--${(msg === null \|\| msg === void 0 ? void 0 : msg.type) \|\| '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: convertMsgToInternMsg(state._msg) }, other), { ariaDescribedBy });\n if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n props.maxLength = state._maxLength;\n }\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 = \"/ 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(44rem / var(--kolibri-root-font-size, 16));\\n color: black;\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\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 [role=button],\\n button:not([role=link]),\\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: absolute;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip: rect(0 0 0 0);\\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(16rem / 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 contain: layout;\\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(10rem / var(--kolibri-root-font-size, 16));\\n height: calc(10rem / 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(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\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}\\n@layer kol-component {\\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}\\n@layer kol-component {\\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\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","convertMsgToInternMsg","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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"}