@public-ui/sample-react 2.2.12 → 2.2.13-rc.0

package/dist/assets/kol-tabs.entry-BOEtl29T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tabs.entry-BOEtl29T.js","sources":["../../../../components/dist/esm/kol-tabs.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-3be16660.js';\nimport { w as watchValidator, C as devHint, h as featureHint, L as Log, l as setState, D as watchNumber, t as watchJsonArrayString, v as uiUxHintMillerscheZahl, N as koliBriQuerySelector } from './index-e32279bc.js';\nimport { t as translate } from './i18n-0835cc3b.js';\nimport { c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { K as KeyboardKey } from './keyboard-77e19a81.js';\nimport { a as validateAlign } from './align-d80dfc19.js';\nimport { v as validateLabel } from './label-c2f427ab.js';\nimport './i18n-eef4b287.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 defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\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  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of 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}\\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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\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-wc .tooltip-content {\\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  :host > div {\\n    display: grid;\\n  }\\n  .tabs-content {\\n    overflow: auto;\\n  }\\n  .tabs-button-group {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  .tabs-button-group button {\\n    border-bottom-color: transparent;\\n    border-bottom-style: solid;\\n    display: block;\\n  }\\n  div.grid,\\n  div[role=tabpanel] {\\n    height: 100%;\\n  }\\n  :host > .tabs-align-right {\\n    display: grid;\\n    grid-template-columns: 1fr auto;\\n  }\\n  :host > .tabs-align-right .tabs-button-group {\\n    flex-direction: column;\\n    order: 2;\\n  }\\n  :host > .tabs-align-right .tabs-button-group .kol-button-wc {\\n    width: 100%;\\n  }\\n  :host > .tabs-align-left {\\n    display: grid;\\n    grid-template-columns: auto 1fr;\\n  }\\n  :host > .tabs-align-left .tabs-button-group {\\n    flex-direction: column;\\n    order: 0;\\n  }\\n  :host > .tabs-align-left .tabs-button-group .kol-button-wc {\\n    width: 100%;\\n  }\\n  :host > .tabs-align-bottom {\\n    display: grid;\\n    grid-template-rows: 1fr auto;\\n  }\\n  :host > .tabs-align-bottom .tabs-button-group {\\n    order: 2;\\n  }\\n  :host > .tabs-align-bottom .tabs-button-group > div {\\n    display: flex;\\n    margin: 0 1em;\\n  }\\n  :host > .tabs-align-bottom .tabs-button-group > div > div:first-child {\\n    margin: 0 1em 0 0;\\n  }\\n  :host > .tabs-align-top {\\n    display: grid;\\n    grid-template-rows: auto 1fr;\\n  }\\n  :host > .tabs-align-top .tabs-button-group {\\n    order: 0;\\n  }\\n  :host > .tabs-align-top .tabs-button-group > div {\\n    display: flex;\\n  }\\n  :host > .tabs-align-top .tabs-button-group > div > div {\\n    margin: 0 1em;\\n  }\\n  :host > .tabs-align-top .tabs-button-group > div > div:first-child {\\n    margin: 0 1em 0 0;\\n  }\\n}\";\nconst KolTabsDefaultStyle0 = defaultStyleCss;\n\nconst KolTabs = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.onCreateLabel = `${translate('kol-new')} …`;\n        this.showCreateTab = false;\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            event.stopPropagation();\n        };\n        this.callbacks = {\n            onClick: this.onClickSelect,\n            onMouseDown: this.onMouseDown,\n        };\n        this.catchTabPanelHost = (el) => {\n            this.tabPanelHost = el;\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            event.stopPropagation();\n            if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCreate) === 'function') {\n                (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onCreate(event);\n            }\n        };\n        this.onBlur = () => {\n            this.currentFocusIndex = undefined;\n        };\n        this._align = 'top';\n        this._behavior = undefined;\n        this._label = undefined;\n        this._on = undefined;\n        this._selected = 0;\n        this._tabs = undefined;\n        this.state = {\n            _align: 'top',\n            _label: '',\n            _selected: 0,\n            _tabs: [],\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: \"tabs-button-group kol-button-group-wc\", 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, _variant: 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.showCreateTab && (h(KolButtonWcTag, { class: \"create-button\", _label: this.onCreateLabel, _on: {\n                onClick: this.onCreate,\n            } }))));\n    }\n    render() {\n        return (h(Host, { key: 'c8a57c143bad6f393f32b5dabb73aa4b85283678', class: \"kol-tabs\" }, h(\"div\", { key: '4bf7d0d4d05cd9978838cd19fefd308426b41ffd', ref: (el) => {\n                this.tabPanelsElement = el;\n            }, class: {\n                [`tabs-align-${this.state._align}`]: true,\n            } }, this.renderButtonGroup(), h(\"div\", { key: '5b5b9731a0523296c14429e8f636e6898d8f6400', class: \"tabs-content\", ref: this.catchTabPanelHost }))));\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateBehavior(value) {\n        validateTabBehavior(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            featureHint('[KolTabs] Prüfen, wie man auch einen EventCallback einzeln ändern kann.');\n            const callbacks = {};\n            if (typeof value.onCreate === 'function' || typeof value.onCreate === 'object') {\n                if (typeof value.onCreate === 'object') {\n                    if (typeof value.onCreate.label === 'string' && value.onCreate.label.length > 0) {\n                        this.onCreateLabel = value.onCreate.label;\n                    }\n                    else {\n                        Log.debug(`[KolTabs] The label text for New in {\n  onCreate: {\n    label: string (!),\n    callback: Function\n  }\n} is not set correctly.`);\n                    }\n                    if (typeof value.onCreate.callback === 'function') {\n                        callbacks.onCreate = value.onCreate.callback;\n                    }\n                    else {\n                        Log.debug(`[KolTabs] The onCreate callback function for New in {\n  onCreate: {\n    label: string,\n    callback: Function (!)\n  }\n} is not set correctly.`);\n                    }\n                }\n                else {\n                    callbacks.onCreate = value.onCreate;\n                }\n                this.showCreateTab = typeof callbacks.onCreate === 'function';\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    }\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        this.focusTabById(index);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_align\": [\"validateAlign\"],\n        \"_behavior\": [\"validateBehavior\"],\n        \"_label\": [\"validateLabel\"],\n        \"_on\": [\"validateOn\"],\n        \"_selected\": [\"validateSelected\"],\n        \"_tabs\": [\"validateTabs\"]\n    }; }\n};\nKolTabs.style = {\n    default: KolTabsDefaultStyle0\n};\n\nexport { KolTabs as kol_tabs };\n\n//# sourceMappingURL=kol-tabs.entry.js.map"],"names":["tabBehaviorPropTypeOptions","validateTabBehavior","component","value","watchValidator","defaultStyleCss","KolTabsDefaultStyle0","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","nextFocusIndex","nextTabIndex","changeMode","h","button","KolButtonWcTag","Host","validateAlign","validateLabel","featureHint","callbacks","Log","setState","watchNumber","watchJsonArrayString","item","uiUxHintMillerscheZahl","koliBriQuerySelector","getElement"],"mappings":"0UAAA;AAAA;AAAA,GAYA,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,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,cAAgB,GAAGE,EAAU,SAAS,CAAC,KAC5C,KAAK,cAAgB,GACrB,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,EACtBA,EAAM,gBAAiB,CAC1B,EACD,KAAK,UAAY,CACb,QAAS,KAAK,cACd,YAAa,KAAK,WACrB,EACD,KAAK,kBAAqBG,GAAO,CAC7B,KAAK,aAAeA,CACvB,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,EACtBA,EAAM,gBAAiB,EACnB,QAASY,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAc,cACnFC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,QAAkBA,EAAG,SAASb,CAAK,EAEnF,EACD,KAAK,OAAS,IAAM,CAChB,KAAK,kBAAoB,MAC5B,EACD,KAAK,OAAS,MACd,KAAK,UAAY,OACjB,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,UAAY,EACjB,KAAK,MAAQ,OACb,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,GACR,UAAW,EACX,MAAO,CAAE,CACZ,CACT,CACI,sBAAuB,CACnB,OAAI,OAAO,KAAK,mBAAsB,SAC3B,KAAK,kBAET,KAAK,MAAM,SAC1B,CACI,0BAA2B,CACvB,OAAI,KAAK,YAAc,gBACZ,kBAEJ,oBACf,CACI,YAAYA,EAAO,CACf,MAAMoB,EAAiB,KAAK,qBAAqB,KAAK,MAAM,MAAO,KAAK,sBAAsB,EAC9F,KAAK,mBAAmBpB,EAAOoB,EAAgB,KAAK,yBAAwB,CAAE,CACtF,CACI,gBAAgBpB,EAAO,CACnB,MAAMoB,EAAiB,KAAK,qBAAqB,KAAK,MAAM,MAAO,KAAK,sBAAsB,EAC9F,KAAK,mBAAmBpB,EAAOoB,EAAgB,KAAK,yBAAwB,CAAE,CACtF,CACI,mBAAmBpB,EAAO,CAClB,OAAO,KAAK,mBAAsB,UAClC,KAAK,SAASA,EAAO,KAAK,iBAAiB,CAEvD,CACI,mBAAmBA,EAAOqB,EAAcC,EAAa,qBAAsB,CACvE,IAAIV,EAAIC,EACR,KAAK,kBAAoBQ,EACzB,KAAK,aAAaA,CAAY,EAC1BC,IAAe,uBACf,KAAK,UAAYD,GAEhBR,GAAMD,EADK,KAAK,MAAM,MAAMS,CAAY,EACzB,OAAS,MAAQT,IAAO,OAAS,OAASA,EAAG,YAAc,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAIZ,EAAOqB,CAAY,EAC3I,KAAK,SAASrB,EAAOqB,CAAY,EAE7C,CACI,mBAAoB,CAChB,OAAQE,EAAE,MAAO,CAAE,aAAc,KAAK,MAAM,OAAQ,MAAO,wCAAyC,KAAM,UAAW,UAAW,KAAK,UAAW,OAAQ,KAAK,MAAQ,EAAE,KAAK,MAAM,MAAM,IAAI,CAACC,EAAQtB,IAAWqB,EAAEE,EAAgB,CAAE,UAAWD,EAAO,UAAW,OAAQA,EAAO,OAAQ,WAAYA,EAAO,WAAY,OAAQA,EAAO,OAAQ,IAAK,KAAK,UAAW,UAAW,KAAK,MAAM,YAActB,EAAQ,EAAI,GAAI,cAAesB,EAAO,cAAe,SAAU,KAAK,MAAM,YAActB,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,EAAO,CAAE,EAAG,KAAK,eAAkBqB,EAAEE,EAAgB,CAAE,MAAO,gBAAiB,OAAQ,KAAK,cAAe,IAAK,CACn1B,QAAS,KAAK,QACjB,CAAA,CAAE,CAAE,CACjB,CACI,QAAS,CACL,OAAQF,EAAEG,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAIH,EAAE,MAAO,CAAE,IAAK,2CAA4C,IAAMpB,GAAO,CACzJ,KAAK,iBAAmBA,CAC3B,EAAE,MAAO,CACN,CAAC,cAAc,KAAK,MAAM,MAAM,EAAE,EAAG,EACrD,CAAe,EAAE,KAAK,kBAAiB,EAAIoB,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,eAAgB,IAAK,KAAK,iBAAiB,CAAE,CAAC,CAAC,CAC7J,CACI,cAAcnC,EAAO,CACjBuC,EAAc,KAAMvC,CAAK,CACjC,CACI,iBAAiBA,EAAO,CACpBF,EAAoB,KAAME,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBwC,EAAc,KAAMxC,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,WAAWA,EAAO,CACd,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC7CyC,EAAY,yEAAyE,EACrF,MAAMC,EAAY,CAAE,GAChB,OAAO1C,EAAM,UAAa,YAAc,OAAOA,EAAM,UAAa,YAC9D,OAAOA,EAAM,UAAa,UACtB,OAAOA,EAAM,SAAS,OAAU,UAAYA,EAAM,SAAS,MAAM,OAAS,EAC1E,KAAK,cAAgBA,EAAM,SAAS,MAGpC2C,EAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKV,EAEA,OAAO3C,EAAM,SAAS,UAAa,WACnC0C,EAAU,SAAW1C,EAAM,SAAS,SAGpC2C,EAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKV,GAIJD,EAAU,SAAW1C,EAAM,SAE/B,KAAK,cAAgB,OAAO0C,EAAU,UAAa,YAEnD,OAAO1C,EAAM,UAAa,aAC1B0C,EAAU,SAAW1C,EAAM,UAE/B4C,EAAS,KAAM,MAAOF,CAAS,CAC3C,CACA,CACI,iBAAiB1C,EAAO,CACpB6C,EAAY,KAAM,YAAa7C,EAAO,CAClC,MAAO,CACH,YAAa,KAAK,mBACrB,CACb,CAAS,CACT,CACI,aAAaA,EAAO,CAChB8C,EAAqB,KAAM,QAAUC,GAAS,OAAOA,GAAS,UAAYA,IAAS,MAAQ,OAAOA,EAAK,QAAW,UAAYA,EAAK,OAAO,OAAS,EAAG/C,EAAO,OAAW,CACpK,MAAO,CACH,YAAa,KAAK,oBAClB,WAAY,KAAK,gBACpB,CACb,CAAS,EACDgD,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,CAC5C,CACI,oBAAqB,CACjB,KAAK,iBAAkB,CAC/B,CACI,aAAalC,EAAO,CAChB,GAAI,KAAK,iBAAkB,CACvB,MAAMsB,EAASa,EAAqB,UAAU,KAAK,MAAM,OAAO,QAAQ,MAAO,GAAG,CAAC,QAAQnC,CAAK,GAAI,KAAK,gBAAgB,EACzHsB,GAAW,MAAqCA,EAAO,MAAO,CAC1E,CACA,CACI,SAASxB,EAAOE,EAAO,CACnB,IAAIU,EAAIC,GACPA,GAAMD,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,YAAc,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAIZ,EAAOE,CAAK,EACrI,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,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,UAAa,CAAC,kBAAkB,EAChC,MAAS,CAAC,cAAc,CAChC,CAAM,CACN,EACA9C,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/kol-textarea.entry-D_yWg_HA.js

@@ -0,0 +1,323 @@
+import{u as h,h as a,v as c,F as u,x as s,H as p,r as f,s as m,a0 as v,l as _,A as b,q as l,n as r,w as y}from"./index-Bvb9XsoR.js";import{n as g}from"./dev.utils-ca6328e7-CHU4njpz.js";import{g as w}from"./controller-d9005336-AEpbs-Uq.js";import{I as x}from"./InternalUnderlinedBadgeText-5c3ce08a-B2s62pih.js";import{I as k}from"./controller-icon-22e2a4c6-DOqkvSAP.js";import{v as z}from"./has-counter-451a5ec0-D32j5JiB.js";import{v as S}from"./rows-11065067-EwHVZIWc.js";import{v as C}from"./spell-check-99498ed1-BgRiBK3B.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-2ad4f930-YNkB_bYO.js";import"./access-and-short-key-25e651f4-CO7t6jfN.js";import"./hide-label-e3ae2cf6-Cn_YU1L2.js";import"./label-c2f427ab-CqjOOKaa.js";import"./tooltip-align-86e888fb-CTMgUNsU.js";import"./align-d80dfc19-BPR7NM6-.js";import"./icons-e36b4959-D4AYWGyH.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const d=["both","horizontal","vertical","none"];class R extends k{constructor(t,n,i){super(t,n,i),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateHasCounter(t){z(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){b(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){l(this.component,"_placeholder",t)}validateReadOnly(t){r(this.component,"_readOnly",t)}validateResize(t){y(this.component,"_resize",n=>typeof n=="string"&&d.includes(n),new Set(`String {${d.join(", ")}`),t)}validateRequired(t){r(this.component,"_required",t)}validateRows(t){S(this.component,t)}validateSpellCheck(t){C(this.component,t)}validateValue(t){l(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const L=`/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * 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;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%; /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+}
+@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%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+  .kol-span-wc {
+    display: grid;
+    place-items: center;
+  }
+  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  .kol-span-wc > span {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  /* This is the text label. */
+  .hide-label > .kol-span-wc > span > span {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [aria-disabled=true]:focus .kol-span-wc,
+  [disabled]:focus .kol-span-wc {
+    outline: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-component {
+  :host {
+    display: block;
+  }
+}
+@layer kol-component {
+  .kol-tooltip-wc {
+    display: contents;
+  }
+  .kol-tooltip-wc .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);
+  }
+  /* Shared between content and arrow */
+  .kol-tooltip-wc .tooltip-area {
+    background-color: #fff;
+    color: #000;
+  }
+  .kol-tooltip-wc .tooltip-arrow {
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
+    transform: rotate(45deg);
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    z-index: 999;
+  }
+  .kol-tooltip-wc .tooltip-content {
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .required label > span::after,
+  .required legend > span::after {
+    content: "*";
+  }
+}
+@layer kol-component {
+  input,
+  textarea {
+    cursor: text;
+  }
+  input[type=checkbox],
+  input[type=color],
+  input[type=file],
+  input[type=radio],
+  input[type=range],
+  label,
+  option,
+  select {
+    cursor: pointer;
+  }
+  /* input[type='checkbox'], */
+  /* input[type='radio'], */
+  /* input[type='range'], */
+  input[type=color],
+  input[type=date],
+  input[type=datetime-local],
+  input[type=email],
+  input[type=file],
+  input[type=month],
+  input[type=number],
+  input[type=password],
+  input[type=search],
+  input[type=tel],
+  input[type=text],
+  input[type=time],
+  input[type=url],
+  input[type=week],
+  option,
+  select,
+  textarea {
+    background-color: transparent;
+    width: 100%;
+  }
+  /* needed hack for vertical alignment */
+  input[type=file] {
+    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;
+  }
+  /* needed hack for vertical alignment */
+  select[multiple] option {
+    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;
+  }
+}
+@layer kol-component {
+  .kol-alert-wc {
+    display: grid;
+  }
+  .kol-alert-wc .heading {
+    display: flex;
+    place-items: center;
+    overflow: hidden;
+  }
+  .kol-alert-wc .heading > div {
+    flex-grow: 1;
+  }
+  .close {
+    /* Visible with forced colors */
+    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+  }
+}
+@layer kol-component {
+  .kol-input {
+    display: grid;
+  }
+  .kol-input .input-slot {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+  input:focus,
+  option:focus,
+  select:focus,
+  textarea:focus {
+    outline: 0;
+  }
+  .input {
+    align-items: center;
+    background-color: white;
+    cursor: pointer;
+    display: flex;
+  }
+  button:not([role=link]) {
+    min-height: auto;
+  }
+  .input > .kol-icon {
+    display: grid;
+    place-items: center;
+  }
+  .kol-input.required .input-tooltip .span-label::after {
+    content: "*";
+  }
+}`,H=L,o=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const i=Math.round(e.scrollHeight/n);return e.rows=t,i},K=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async focus(){await this.kolFocus()}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}render(){const{ariaDescribedBy:e}=w(this.state),t=h(this.state._label);return a(p,{key:"0d58a76b293ab2f240639779f244195f1927392a",class:{"kol-textarea":!0,"has-value":this.state._hasValue}},a(c,{key:"9feb383f7a1f0ddb6ec4b253237ef7429bd20228",class:{textarea:!0,"hide-label":!!this.state._hideLabel,"has-counter":!!this.state._hasCounter},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_disabled:this.state._disabled,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var n;return(n=this.textareaRef)===null||n===void 0?void 0:n.focus()},role:"presentation"},a("span",{key:"f66a8c3bf1545a49de67901f48d634585bea97da",slot:"label"},t?a("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?a(u,null,a(x,{badgeText:s(this.state._accessKey||this.state._shortKey),label:this.state._label})," ",a("span",{class:"badge-text-hint","aria-hidden":"true"},s(this.state._accessKey||this.state._shortKey))):a("span",null,this.state._label)),a("div",{key:"972aac69bd2408b7cd601733406253d2b3e72748",slot:"input"},a("textarea",Object.assign({key:"2cc63f47c854207d92b3510e3081ceb93c819df2",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:this.state._spellCheck},this.controller.onFacade,{onInput:this.onInput,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},style:{resize:this.state._resize},value:this.state._value})))))}constructor(e){f(this,e),this.catchRef=t=>{this.textareaRef=t},this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(m(this,"_currentLength",this.textareaRef.value.length),this.state._adjustHeight&&(this._rows=o(this.textareaRef)),this.controller.onFacade.onInput(t))},this._accessKey=void 0,this._adjustHeight=!1,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._resize="vertical",this._required=!1,this._rows=void 0,this._shortKey=void 0,this._spellCheck=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${g()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.controller=new R(this,"textarea",this.host)}showAsAlert(){return this.state._alert===void 0?!!this.state._touched&&!this.inputHasFocus:this.state._alert}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(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)}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){(e==="both"||e==="horizontal")&&v("In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`."),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)}validateTabIndex(e){this.controller.validateTabIndex(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>o(this.textareaRef)?this.state._rows:o(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 _(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};K.style={default:H};export{K as kol_textarea};
+//# sourceMappingURL=kol-textarea.entry-D_yWg_HA.js.map

package/dist/assets/kol-textarea.entry-D_yWg_HA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-textarea.entry-D_yWg_HA.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-3be16660.js';\nimport { D as watchNumber, x as watchString, i as watchBoolean, w as watchValidator, z as buildBadgeTextString, l as setState, F as devWarning, A as showExpertSlot } from './index-e32279bc.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-ca6328e7.js';\nimport { g as getRenderStates } from './controller-d9005336.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-5c3ce08a.js';\nimport { I as InputIconController } from './controller-icon-22e2a4c6.js';\nimport { v as validateHasCounter } from './has-counter-451a5ec0.js';\nimport { v as validateRows } from './rows-11065067.js';\nimport { v as validateSpellCheck } from './spell-check-99498ed1.js';\nimport './events-29e84d75.js';\nimport './associated.controller-2ad4f930.js';\nimport './access-and-short-key-25e651f4.js';\nimport './hide-label-e3ae2cf6.js';\nimport './label-c2f427ab.js';\nimport './tooltip-align-86e888fb.js';\nimport './align-d80dfc19.js';\nimport './icons-e36b4959.js';\n\nconst cssResizeOptions = ['both', 'horizontal', 'vertical', 'none'];\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' && this.component._value.length > 0) {\n                this.component.state._currentLength = this.component._value.length;\n            }\n        };\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n    }\n    validateMaxLength(value) {\n        watchNumber(this.component, '_maxLength', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n            min: 0,\n        });\n    }\n    validatePlaceholder(value) {\n        watchString(this.component, '_placeholder', value);\n    }\n    validateReadOnly(value) {\n        watchBoolean(this.component, '_readOnly', value);\n    }\n    validateResize(value) {\n        watchValidator(this.component, '_resize', (value) => typeof value === 'string' && cssResizeOptions.includes(value), new Set(`String {${cssResizeOptions.join(', ')}`), value);\n    }\n    validateRequired(value) {\n        watchBoolean(this.component, '_required', 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.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateResize(this.component._resize);\n        this.validateRequired(this.component._required);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\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  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of 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}\\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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\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-wc .tooltip-content {\\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  .required label > span::after,\\n  .required legend > span::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  input,\\n  textarea {\\n    cursor: text;\\n  }\\n  input[type=checkbox],\\n  input[type=color],\\n  input[type=file],\\n  input[type=radio],\\n  input[type=range],\\n  label,\\n  option,\\n  select {\\n    cursor: pointer;\\n  }\\n  /* input[type='checkbox'], */\\n  /* input[type='radio'], */\\n  /* input[type='range'], */\\n  input[type=color],\\n  input[type=date],\\n  input[type=datetime-local],\\n  input[type=email],\\n  input[type=file],\\n  input[type=month],\\n  input[type=number],\\n  input[type=password],\\n  input[type=search],\\n  input[type=tel],\\n  input[type=text],\\n  input[type=time],\\n  input[type=url],\\n  input[type=week],\\n  option,\\n  select,\\n  textarea {\\n    background-color: transparent;\\n    width: 100%;\\n  }\\n  /* needed hack for vertical alignment */\\n  input[type=file] {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n  }\\n  /* needed hack for vertical alignment */\\n  select[multiple] option {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n    overflow: hidden;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\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-input {\\n    display: grid;\\n  }\\n  .kol-input .input-slot {\\n    flex-grow: 1;\\n    overflow: hidden;\\n  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    align-items: center;\\n    background-color: white;\\n    cursor: pointer;\\n    display: flex;\\n  }\\n  button:not([role=link]) {\\n    min-height: auto;\\n  }\\n  .input > .kol-icon {\\n    display: grid;\\n    place-items: center;\\n  }\\n  .kol-input.required .input-tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\";\nconst KolTextareaDefaultStyle0 = defaultStyleCss;\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 focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { ariaDescribedBy } = getRenderStates(this.state);\n        const hasExpertSlot = showExpertSlot(this.state._label);\n        return (h(Host, { key: '0d58a76b293ab2f240639779f244195f1927392a', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, h(KolInputTag, { key: '9feb383f7a1f0ddb6ec4b253237ef7429bd20228', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: 'f66a8c3bf1545a49de67901f48d634585bea97da', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', h(\"span\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '972aac69bd2408b7cd601733406253d2b3e72748', slot: \"input\" }, h(\"textarea\", Object.assign({ key: '2cc63f47c854207d92b3510e3081ceb93c819df2', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: this.state._spellCheck }, 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            }, style: {\n                resize: this.state._resize,\n            }, value: this.state._value }))))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                setState(this, '_currentLength', this.textareaRef.value.length);\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this._accessKey = undefined;\n        this._adjustHeight = false;\n        this._alert = undefined;\n        this._disabled = false;\n        this._error = undefined;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._rows = undefined;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _hasValue: false,\n            _hideError: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        if (this.state._alert === undefined) {\n            return Boolean(this.state._touched) && !this.inputHasFocus;\n        }\n        return this.state._alert;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateAlert(value) {\n        this.controller.validateAlert(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateError(value) {\n        this.controller.validateError(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideError(value) {\n        this.controller.validateHideError(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(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    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        if (value === 'both' || value === 'horizontal') {\n            devWarning('In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`.');\n        }\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    validateTabIndex(value) {\n        this.controller.validateTabIndex(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        \"_alert\": [\"validateAlert\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_error\": [\"validateError\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideError\": [\"validateHideError\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\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        \"_tabIndex\": [\"validateTabIndex\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolTextarea.style = {\n    default: KolTextareaDefaultStyle0\n};\n\nexport { KolTextarea as kol_textarea };\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["cssResizeOptions","TextareaController","InputIconController","component","name","host","value","validateHasCounter","watchNumber","watchString","watchBoolean","watchValidator","validateRows","validateSpellCheck","defaultStyleCss","KolTextareaDefaultStyle0","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","_a","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","setState","nonce","devWarning","v","getElement"],"mappings":"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"}