@public-ui/sample-react 2.2.17 → 2.2.18-rc.0

package/dist/assets/kol-table-stateless-wc.entry-BJoqdOUx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-table-stateless-wc.entry-BJoqdOUx.js","sources":["../../../../components/dist/esm/kol-table-stateless-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-25e94a16.js';\nimport { g as KolIconTag, a as KolTooltipWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { M as emptyStringByArrayHandler, o as objectObjectHandler, l as parseJson, w as watchValidator, y as watchString } from './index-7a63e9eb.js';\nimport { E as Events } from './keyboard-77e19a81.js';\nimport { n as nonce } from './dev.utils-e0ebaf6c.js';\nimport { t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { v as validateTableData, a as validateTableDataFoot, d as validateTableCallbacks, b as validateTableSelection } from './table-selection-0290d830.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst validateTableHeaderCells = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            watchValidator(component, '_headerCells', (value) => typeof value === 'object' &&\n                value !== null &&\n                (value.horizontal === undefined ||\n                    (Array.isArray(value.horizontal) && value.horizontal.find((headerRow) => !Array.isArray(headerRow)) === undefined)) &&\n                (value.vertical === undefined || (Array.isArray(value.vertical) && value.vertical.find((headerCol) => !Array.isArray(headerCol)) === undefined)) &&\n                true, new Set(['TableHeaderCellsPropType']), value);\n        });\n    });\n};\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.horizontal = true;\n        this.cellsToRenderTimeouts = new Map();\n        this.dataToKeyMap = new Map();\n        this.checkboxRefs = [];\n        this.translateSort = translate('kol-sort');\n        this.renderTableRow = (row, rowIndex, isVertical) => {\n            var _a, _b;\n            let key = String(rowIndex);\n            if (this.horizontal && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.data)) {\n                key = (_b = this.getDataKey(row[0].data)) !== null && _b !== void 0 ? _b : key;\n            }\n            return (h(\"tr\", { key: `row-${key}` }, this.renderSelectionCell(row, rowIndex), row.map((cell, colIndex) => this.renderTableCell(cell, rowIndex, colIndex, isVertical))));\n        };\n        this.renderTableCell = (cell, rowIndex, colIndex, isVertical) => {\n            let key = `${rowIndex}-${colIndex}-${cell.label}`;\n            if (cell.data) {\n                const dataKey = this.getDataKey(cell.data);\n                key = dataKey ? `${dataKey}-${this.horizontal ? colIndex : rowIndex}` : key;\n            }\n            if (cell.asTd === false) {\n                return this.renderHeadingCell(cell, rowIndex, colIndex, isVertical);\n            }\n            else {\n                return (h(\"td\", { key: `cell-${key}`, class: {\n                        [cell.textAlign]: typeof cell.textAlign === 'string' && cell.textAlign.length > 0,\n                    }, colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                        textAlign: cell.textAlign,\n                        width: cell.width,\n                    }, ref: typeof cell.render === 'function'\n                        ? (el) => {\n                            this.cellRender(cell, el);\n                        }\n                        : undefined }, typeof cell.render !== 'function' ? cell.label : ''));\n            }\n        };\n        this.state = {\n            _data: [],\n            _label: '',\n            _headerCells: {\n                horizontal: [],\n                vertical: [],\n            },\n        };\n        this.tableDivElementHasScrollbar = false;\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headerCells = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._on = undefined;\n        this._selection = undefined;\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            beforePatch: (nextValue) => {\n                this.updateDataToKeyMap(nextValue);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value);\n    }\n    validateHeaderCells(value) {\n        validateTableHeaderCells(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_deprecatedMinWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateOn(value) {\n        validateTableCallbacks(this, value);\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    handleKeyDown(event) {\n        var _a;\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            const focusedElement = (_a = this.tableDivElement) === null || _a === void 0 ? void 0 : _a.querySelector(':focus');\n            let index = this.checkboxRefs.indexOf(focusedElement);\n            if (index > -1) {\n                event.preventDefault();\n                if (event.key === 'ArrowDown') {\n                    index = (index + 1) % this.checkboxRefs.length;\n                    this.checkboxRefs[index].focus();\n                }\n                else if (event.key === 'ArrowUp') {\n                    event.preventDefault();\n                    index = (index + this.checkboxRefs.length - 1) % this.checkboxRefs.length;\n                    this.checkboxRefs[index].focus();\n                }\n            }\n        }\n    }\n    componentDidRender() {\n        this.checkDivElementScrollbar();\n    }\n    componentDidLoad() {\n        if (this.tableDivElement && ResizeObserver) {\n            this.tableDivElementResizeObserver = new ResizeObserver(this.checkDivElementScrollbar.bind(this));\n            this.tableDivElementResizeObserver.observe(this.tableDivElement);\n        }\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableDivElementResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    checkDivElementScrollbar() {\n        if (this.tableDivElement) {\n            this.tableDivElementHasScrollbar = this.tableDivElement.scrollWidth > this.tableDivElement.clientWidth;\n        }\n    }\n    updateDataToKeyMap(data) {\n        data.forEach((data) => {\n            if (!this.dataToKeyMap.has(data)) {\n                this.dataToKeyMap.set(data, nonce());\n            }\n        });\n        this.dataToKeyMap.forEach((_, key) => {\n            if (!data.includes(key)) {\n                this.dataToKeyMap.delete(key);\n            }\n        });\n    }\n    getDataKey(data) {\n        return this.dataToKeyMap.get(data);\n    }\n    cellRender(cell, el) {\n        if (el) {\n            clearTimeout(this.cellsToRenderTimeouts.get(el));\n            this.cellsToRenderTimeouts.set(el, setTimeout(() => {\n                if (typeof cell.render === 'function') {\n                    const renderContent = cell.render(el, cell, cell.data, this.state._data);\n                    if (typeof renderContent === 'string') {\n                        el.textContent = renderContent;\n                    }\n                }\n            }));\n        }\n    }\n    getNumberOfCols(horizontalHeaders, data) {\n        let max = 0;\n        horizontalHeaders.forEach((row) => {\n            let count = 0;\n            Array.isArray(row) && row.forEach((col) => { var _a; return (count += (_a = col.colSpan) !== null && _a !== void 0 ? _a : 1); });\n            if (max < count) {\n                max = count;\n            }\n        });\n        if (max === 0) {\n            max = data.length;\n        }\n        return max;\n    }\n    getNumberOfRows(verticalHeaders, data) {\n        var _a;\n        let max = 0;\n        verticalHeaders.forEach((col) => {\n            let count = 0;\n            Array.isArray(col) && col.forEach((row) => { var _a; return (count += (_a = row.rowSpan) !== null && _a !== void 0 ? _a : 1); });\n            if (max < count) {\n                max = count;\n            }\n        });\n        if (max === 0) {\n            max = data.length;\n        }\n        else {\n            max -= ((_a = this.state._dataFoot) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        }\n        return max;\n    }\n    getThePrimaryHeadersWithKeyOrRenderFunction(headers) {\n        const primaryHeaders = [];\n        headers.forEach((cells) => {\n            cells.forEach((cell) => {\n                if (typeof cell.key === 'string' || typeof cell.render === 'function') {\n                    primaryHeaders.push(cell);\n                }\n            });\n        });\n        return primaryHeaders;\n    }\n    getPrimaryHeaders(headers) {\n        var _a, _b;\n        let primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_a = headers.horizontal) !== null && _a !== void 0 ? _a : []);\n        this.horizontal = true;\n        if (primaryHeaders.length === 0) {\n            primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_b = headers.vertical) !== null && _b !== void 0 ? _b : []);\n            if (primaryHeaders.length > 0) {\n                this.horizontal = false;\n            }\n        }\n        return primaryHeaders;\n    }\n    createDataField(data, headers, isFoot) {\n        var _a;\n        headers.horizontal = Array.isArray(headers === null || headers === void 0 ? void 0 : headers.horizontal) ? headers.horizontal : [];\n        headers.vertical = Array.isArray(headers === null || headers === void 0 ? void 0 : headers.vertical) ? headers.vertical : [];\n        const primaryHeader = this.getPrimaryHeaders(headers);\n        const maxCols = this.getNumberOfCols(headers.horizontal, data);\n        let maxRows = this.getNumberOfRows(headers.vertical, data);\n        let startRow = 0;\n        if (isFoot) {\n            startRow = maxRows;\n            maxRows += ((_a = this.state._dataFoot) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        }\n        const dataField = [];\n        const rowCount = [];\n        const rowSpans = [];\n        headers.vertical.forEach((_row, index) => {\n            rowCount[index] = 0;\n            rowSpans[index] = [];\n        });\n        for (let i = startRow; i < maxRows; i++) {\n            const dataRow = [];\n            headers.vertical.forEach((headerCells, index) => {\n                let rowsTotal = 0;\n                rowSpans[index].forEach((value) => (rowsTotal += value));\n                if (rowsTotal <= i) {\n                    const rows = headerCells[i - rowsTotal + rowCount[index]];\n                    if (typeof rows === 'object') {\n                        dataRow.push(Object.assign(Object.assign({}, rows), { asTd: false, data: {} }));\n                        let rowSpan = 1;\n                        if (typeof rows.rowSpan === 'number' && rows.rowSpan > 1) {\n                            rowSpan = rows.rowSpan;\n                        }\n                        rowSpans[index].push(rowSpan);\n                        if (typeof rows.colSpan === 'number' && rows.colSpan > 1) {\n                            for (let k = 1; k < rows.colSpan; k++) {\n                                rowSpans[index + k].push(rowSpan);\n                            }\n                        }\n                        rowCount[index]++;\n                    }\n                }\n            });\n            for (let j = 0; j < maxCols; j++) {\n                if (this.horizontal === true) {\n                    const row = isFoot && this.state._dataFoot ? this.state._dataFoot[i - startRow] : data[i];\n                    if (typeof primaryHeader[j] === 'object' &&\n                        primaryHeader[j] !== null &&\n                        typeof row === 'object' &&\n                        row !== null &&\n                        (typeof primaryHeader[j].key === 'string' || typeof primaryHeader[j].render === 'function')) {\n                        dataRow.push(Object.assign(Object.assign({}, primaryHeader[j]), { colSpan: undefined, data: row, label: row[primaryHeader[j].key], rowSpan: undefined }));\n                    }\n                }\n                else {\n                    if (typeof primaryHeader[i] === 'object' &&\n                        primaryHeader[i] !== null &&\n                        typeof data[j] === 'object' &&\n                        data[j] !== null &&\n                        (typeof primaryHeader[i].key === 'string' || typeof primaryHeader[i].render === 'function')) {\n                        dataRow.push(Object.assign(Object.assign({}, primaryHeader[i]), { colSpan: undefined, data: data[j], label: data[j][primaryHeader[i].key], rowSpan: undefined }));\n                    }\n                }\n            }\n            dataField.push(dataRow);\n        }\n        if (data.length === 0) {\n            let colspan = 0;\n            let rowspan = 0;\n            if (Array.isArray(headers.horizontal) && headers.horizontal.length > 0) {\n                headers.horizontal[0].forEach((col) => {\n                    colspan += col.colSpan || 1;\n                });\n            }\n            if (Array.isArray(headers.vertical) && headers.vertical.length > 0) {\n                colspan -= headers.vertical.length;\n                headers.vertical[0].forEach((row) => {\n                    rowspan += row.rowSpan || 1;\n                });\n            }\n            const emptyCell = {\n                colSpan: colspan,\n                label: translate('kol-no-entries'),\n                render: undefined,\n                rowSpan: Math.max(rowspan, 1),\n            };\n            if (dataField.length === 0) {\n                dataField.push([emptyCell]);\n            }\n            else {\n                dataField[0].push(emptyCell);\n            }\n        }\n        return dataField;\n    }\n    componentWillLoad() {\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaderCells(this._headerCells);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validateOn(this._on);\n        this.validateSelection(this._selection);\n    }\n    renderSelectionCell(row, rowIndex) {\n        var _a, _b, _c;\n        const selection = this.state._selection;\n        if (!selection)\n            return '';\n        const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n        const firstCellData = (_b = row[0]) === null || _b === void 0 ? void 0 : _b.data;\n        if (!firstCellData)\n            return '';\n        const keyProperty = firstCellData[keyPropertyName];\n        const isMultiple = selection.multiple || selection.multiple === undefined;\n        const selected = (_c = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _c === void 0 ? void 0 : _c.includes(keyProperty);\n        const label = selection.label(firstCellData);\n        const props = {\n            name: 'selection',\n            checked: selected,\n            id: keyProperty,\n            ['aria-label']: label,\n        };\n        return (h(\"td\", { key: `tbody-${rowIndex}-selection`, class: \"selection-cell\" }, h(\"div\", { class: `input ${selected ? 'checked' : ''}` }, isMultiple ? (h(\"label\", { class: \"checkbox-container\" }, h(KolIconTag, { class: \"icon\", _icons: `codicon ${selected ? 'codicon-check' : ''}`, _label: \"\" }), h(\"input\", Object.assign({ ref: (el) => el && this.checkboxRefs.push(el) }, props, { type: \"checkbox\", onInput: (event) => {\n                var _a, _b, _c;\n                const updatedSelectedKeys = !selected\n                    ? [...((_a = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) !== null && _a !== void 0 ? _a : []), keyProperty]\n                    : (_b = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _b === void 0 ? void 0 : _b.filter((key) => key !== keyProperty);\n                tryToDispatchKoliBriEvent('selection-change', this.host, updatedSelectedKeys);\n                if (typeof ((_c = this.state._on) === null || _c === void 0 ? void 0 : _c[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, updatedSelectedKeys !== null && updatedSelectedKeys !== void 0 ? updatedSelectedKeys : []);\n                }\n            } })))) : (h(\"label\", { class: \"radio-container\" }, h(\"input\", Object.assign({}, props, { type: \"radio\", onInput: (event) => {\n                var _a;\n                tryToDispatchKoliBriEvent('selection-change', this.host, keyProperty);\n                if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, keyProperty);\n                }\n            } })))), h(KolTooltipWcTag, { \"aria-hidden\": \"true\", class: \"input-tooltip\", _align: \"right\", _id: `${keyProperty}-label`, _label: label }))));\n    }\n    renderHeadingSelectionCell() {\n        var _a, _b;\n        const selection = this.state._selection;\n        if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n            return h(\"td\", { key: `thead-0-selection`, class: \"table__header-cell table__header-cell--horizontal selection-cell\" });\n        }\n        const keyPropertyName = (_a = selection === null || selection === void 0 ? void 0 : selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n        const selectedKeyLength = (_b = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _b === void 0 ? void 0 : _b.length;\n        const dataLength = this.state._data.length;\n        const isChecked = selectedKeyLength === dataLength;\n        const indeterminate = selectedKeyLength !== 0 && !isChecked;\n        let translationKey = 'kol-table-selection-indeterminate';\n        if (isChecked && !indeterminate) {\n            translationKey = 'kol-table-selection-none';\n        }\n        if (selectedKeyLength === 0) {\n            translationKey = 'kol-table-selection-all';\n        }\n        const label = translate(translationKey);\n        return (h(\"th\", { key: `thead-0-selection`, class: \"table__header-cell table__header-cell--horizontal selection-cell selection-control\" }, h(\"div\", { class: `input ${indeterminate ? 'indeterminate' : isChecked ? 'checked' : ''}` }, h(\"label\", { class: \"checkbox-container\" }, h(KolIconTag, { class: \"icon\", _icons: `codicon ${indeterminate ? 'codicon-remove' : isChecked ? 'codicon-check' : ''}`, _label: \"\" }), h(\"input\", { ref: (el) => el && this.checkboxRefs.push(el), name: \"selection\", checked: isChecked && !indeterminate, \"aria-label\": label, type: \"checkbox\", onInput: (event) => {\n                var _a;\n                const selections = !isChecked ? this.state._data.map((el) => el === null || el === void 0 ? void 0 : el[keyPropertyName]) : [];\n                tryToDispatchKoliBriEvent('selection-change', this.host, selections);\n                if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, selections);\n                }\n            } })), h(KolTooltipWcTag, { \"aria-hidden\": \"true\", class: \"input-tooltip\", _align: \"right\", _id: `${translationKey}-label`, _label: label }))));\n    }\n    renderHeaderTdCell() {\n        return (h(Fragment, null, Array.isArray(this.state._headerCells.horizontal) &&\n            this.state._headerCells.horizontal.length > 0 &&\n            Array.isArray(this.state._headerCells.vertical) &&\n            this.state._headerCells.vertical.length > 0 &&\n            Array.isArray(this.state._headerCells.horizontal) && (h(\"td\", { \"aria-hidden\": \"true\", colSpan: this.state._headerCells.vertical.length, rowSpan: this.state._headerCells.horizontal.length }))));\n    }\n    renderHeadingCell(cell, rowIndex, colIndex, isVertical) {\n        let ariaSort = 'none';\n        let sortButtonIcon = 'codicon codicon-fold';\n        if (cell.sortDirection) {\n            switch (cell.sortDirection) {\n                case 'ASC':\n                    sortButtonIcon = 'codicon codicon-chevron-up';\n                    ariaSort = 'ascending';\n                    break;\n                case 'DESC':\n                    sortButtonIcon = 'codicon codicon-chevron-down';\n                    ariaSort = 'descending';\n                    break;\n                default:\n                    ariaSort = 'none';\n            }\n        }\n        const scope = isVertical ? 'row' : typeof cell.colSpan === 'number' && cell.colSpan > 1 ? 'colgroup' : 'col';\n        const classNames = ['table__header-cell', isVertical ? 'table__header-cell--vertical' : 'table__header-cell--horizontal'];\n        if (typeof cell.textAlign === 'string' && cell.textAlign.length > 0) {\n            classNames.push(`table__header-cell--align-${cell.textAlign}`, `align-${cell.textAlign}`);\n        }\n        return (h(\"th\", { key: `${rowIndex}-${colIndex}-${cell.label}`, class: classNames.join(' '), scope: scope, colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                width: cell.width,\n            }, \"aria-sort\": ariaSort, \"data-sort\": `sort-${cell.sortDirection}` }, cell.sortDirection ? (h(KolButtonWcTag, { class: \"table-sort-button\", exportparts: \"icon\", _icons: { right: sortButtonIcon }, _label: cell.label, _ariaDescription: this.translateSort, _on: {\n                onClick: (event) => {\n                    var _a;\n                    if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSort) === 'function' && cell.key && cell.sortDirection) {\n                        this.state._on.onSort(event, {\n                            key: cell.key,\n                            currentSortDirection: cell.sortDirection,\n                        });\n                    }\n                },\n            } })) : (cell.label)));\n    }\n    renderSpacer(variant, cellDefs) {\n        var _a, _b;\n        const verticalHeaderColpan = ((_a = this.state._headerCells.vertical) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        const colspan = (_b = cellDefs === null || cellDefs === void 0 ? void 0 : cellDefs[0]) === null || _b === void 0 ? void 0 : _b.reduce((acc, row) => acc + (row.colSpan || 1), 0);\n        const selectionCell = this.state._selection ? 1 : 0;\n        return (h(\"tr\", { \"aria-hidden\": \"true\", class: `${variant}-spacer` }, h(\"td\", { colSpan: verticalHeaderColpan + colspan + selectionCell })));\n    }\n    renderFoot() {\n        if (!this.state._dataFoot || this.state._dataFoot.length === 0) {\n            return null;\n        }\n        const rows = this.createDataField(this.state._dataFoot, this.state._headerCells, true);\n        return (h(\"tfoot\", null, [\n            this.renderSpacer('foot', rows),\n            rows.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true)),\n        ]));\n    }\n    render() {\n        const dataField = this.createDataField(this.state._data, this.state._headerCells);\n        this.checkboxRefs = [];\n        return (h(Host, { key: '0a5d97fb01c3164f1ed19cc4a2d0f906f15d222c', class: \"kol-table-stateless-wc\" }, h(\"div\", { key: 'ebf859eb25e79cd3d77c574681e9a5450e957dad', ref: (element) => (this.tableDivElement = element), class: \"table\", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, h(\"table\", { key: '0c500843586f5c8b6c825ff4b1b841c24d2e0977', style: {\n                minWidth: this.state._deprecatedMinWidth || this.state._minWidth,\n            } }, h(\"caption\", { key: '3426c150695ee2dbd27144a9ee5659bd381c4f2f', id: \"caption\", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label), Array.isArray(this.state._headerCells.horizontal) && (h(\"thead\", { key: 'bc52da142f702612205b82a4c68732bfbd7c8352' }, [\n            this.state._headerCells.horizontal.map((cols, rowIndex) => (h(\"tr\", { key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) &&\n                cols.map((cell, colIndex) => {\n                    if (cell.asTd === true) {\n                        return (h(\"td\", { key: `thead-${rowIndex}-${colIndex}-${cell.label}`, class: [\n                                'table__header-cell',\n                                'table__header-cell--horizontal',\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? `table__header-cell--align-${cell.textAlign}` : undefined,\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? `align-${cell.textAlign}` : undefined,\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? cell.textAlign : undefined,\n                            ]\n                                .filter(Boolean)\n                                .join(' '), colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                                textAlign: cell.textAlign,\n                                width: cell.width,\n                            }, ref: typeof cell.render === 'function'\n                                ? (el) => {\n                                    this.cellRender(cell, el);\n                                }\n                                : undefined }, typeof cell.render !== 'function' ? cell.label : ''));\n                    }\n                    else {\n                        return this.renderHeadingCell(cell, rowIndex, colIndex, false);\n                    }\n                })))),\n            this.renderSpacer('head', this.state._headerCells.horizontal),\n        ])), h(\"tbody\", { key: 'c96ce64cba502b8693c5371a058430245cd42a07' }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_data\": [\"validateData\"],\n        \"_dataFoot\": [\"validateDataFoot\"],\n        \"_headerCells\": [\"validateHeaderCells\"],\n        \"_label\": [\"validateLabel\"],\n        \"_minWidth\": [\"validateMinWidth\"],\n        \"_on\": [\"validateOn\"],\n        \"_selection\": [\"validateSelection\"]\n    }; }\n};\n\nexport { KolTableStateless as kol_table_stateless_wc };\n\n//# sourceMappingURL=kol-table-stateless-wc.entry.js.map"],"names":["validateTableHeaderCells","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","watchValidator","headerRow","headerCol","KolTableStateless","hostRef","registerInstance","translate","row","rowIndex","isVertical","_a","_b","key","h","cell","colIndex","dataKey","el","validateTableData","nextValue","validateTableDataFoot","validateLabel","watchString","validateTableCallbacks","validateTableSelection","event","focusedElement","index","data","nonce","_","renderContent","horizontalHeaders","max","count","col","verticalHeaders","headers","primaryHeaders","cells","isFoot","primaryHeader","maxCols","maxRows","startRow","dataField","rowCount","rowSpans","_row","i","dataRow","headerCells","rowsTotal","rows","rowSpan","k","j","colspan","rowspan","emptyCell","_c","selection","keyPropertyName","firstCellData","keyProperty","isMultiple","selected","label","props","KolIconTag","updatedSelectedKeys","tryToDispatchKoliBriEvent","Events","KolTooltipWcTag","selectedKeyLength","dataLength","isChecked","indeterminate","translationKey","selections","Fragment","ariaSort","sortButtonIcon","scope","classNames","KolButtonWcTag","variant","cellDefs","verticalHeaderColpan","acc","selectionCell","Host","element","cols","getElement"],"mappings":"ycAAA;AAAA;AAAA,GAcA,MAAMA,EAA2B,CAACC,EAAWC,IAAU,CACnDC,EAA0BD,EAAO,IAAM,CACnCE,EAAoBF,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQG,EAAUH,CAAK,CAC3B,MACU,CACV,CACAI,EAAeL,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAClEA,IAAU,OACTA,EAAM,aAAe,QACjB,MAAM,QAAQA,EAAM,UAAU,GAAKA,EAAM,WAAW,KAAMK,GAAc,CAAC,MAAM,QAAQA,CAAS,CAAC,IAAM,UAC3GL,EAAM,WAAa,QAAc,MAAM,QAAQA,EAAM,QAAQ,GAAKA,EAAM,SAAS,KAAMM,GAAc,CAAC,MAAM,QAAQA,CAAS,CAAC,IAAM,SACrI,GAAM,IAAI,IAAI,CAAC,0BAA0B,CAAC,EAAGN,CAAK,CAC1D,CAAC,CACL,CAAC,CACL,EAEMO,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,GAClB,KAAK,sBAAwB,IAAI,IACjC,KAAK,aAAe,IAAI,IACxB,KAAK,aAAe,CAAA,EACpB,KAAK,cAAgBE,EAAU,UAAU,EACzC,KAAK,eAAiB,CAACC,EAAKC,EAAUC,IAAe,CACjD,IAAIC,EAAIC,EACR,IAAIC,EAAM,OAAOJ,CAAQ,EACzB,OAAI,KAAK,aAAgB,GAAAE,EAAKH,EAAI,CAAC,KAAO,MAAQG,IAAO,SAAkBA,EAAG,QAC1EE,GAAOD,EAAK,KAAK,WAAWJ,EAAI,CAAC,EAAE,IAAI,KAAO,MAAQI,IAAO,OAASA,EAAKC,GAEvEC,EAAE,KAAM,CAAE,IAAK,OAAOD,CAAG,EAAE,EAAI,KAAK,oBAAoBL,EAAKC,CAAQ,EAAGD,EAAI,IAAI,CAACO,EAAMC,IAAa,KAAK,gBAAgBD,EAAMN,EAAUO,EAAUN,CAAU,CAAC,CAAC,CAC3K,EACA,KAAK,gBAAkB,CAACK,EAAMN,EAAUO,EAAUN,IAAe,CAC7D,IAAIG,EAAM,GAAGJ,CAAQ,IAAIO,CAAQ,IAAID,EAAK,KAAK,GAC/C,GAAIA,EAAK,KAAM,CACX,MAAME,EAAU,KAAK,WAAWF,EAAK,IAAI,EACzCF,EAAMI,EAAU,GAAGA,CAAO,IAAI,KAAK,WAAaD,EAAWP,CAAQ,GAAKI,CAC5E,CACA,OAAIE,EAAK,OAAS,GACP,KAAK,kBAAkBA,EAAMN,EAAUO,EAAUN,CAAU,EAG1DI,EAAE,KAAM,CAAE,IAAK,QAAQD,CAAG,GAAI,MAAO,CACrC,CAACE,EAAK,SAAS,EAAG,OAAOA,EAAK,WAAc,UAAYA,EAAK,UAAU,OAAS,CACxG,EAAuB,QAASA,EAAK,QAAS,QAASA,EAAK,QAAS,MAAO,CACpD,UAAWA,EAAK,UAChB,MAAOA,EAAK,KACpC,EAAuB,IAAK,OAAOA,EAAK,QAAW,WACxBG,GAAO,CACN,KAAK,WAAWH,EAAMG,CAAE,CAC5B,EACE,MAAS,EAAI,OAAOH,EAAK,QAAW,WAAaA,EAAK,MAAQ,EAAE,CAElF,EACA,KAAK,MAAQ,CACT,MAAO,CAAA,EACP,OAAQ,GACR,aAAc,CACV,WAAY,CAAA,EACZ,SAAU,CAAA,CAC1B,CACA,EACQ,KAAK,4BAA8B,GACnC,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,IAAM,OACX,KAAK,WAAa,MACtB,CACA,aAAalB,EAAO,CAChBsB,EAAkB,KAAMtB,EAAO,CAC3B,YAAcuB,GAAc,CACxB,KAAK,mBAAmBA,CAAS,CACrC,CACZ,CAAS,CACL,CACA,iBAAiBvB,EAAO,CACpBwB,EAAsB,KAAMxB,CAAK,CACrC,CACA,oBAAoBA,EAAO,CACvBF,EAAyB,KAAME,CAAK,CACxC,CACA,cAAcA,EAAO,CACjByB,EAAc,KAAMzB,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpB0B,EAAY,KAAM,sBAAuB1B,EAAO,CAC5C,aAAc,MAC1B,CAAS,CACL,CACA,WAAWA,EAAO,CACd2B,EAAuB,KAAM3B,CAAK,CACtC,CACA,kBAAkBA,EAAO,CACrB4B,EAAuB,KAAM5B,CAAK,CACtC,CACA,cAAc6B,EAAO,CACjB,IAAIf,EACJ,GAAIe,EAAM,MAAQ,WAAaA,EAAM,MAAQ,YAAa,CACtD,MAAMC,GAAkBhB,EAAK,KAAK,mBAAqB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,QAAQ,EACjH,IAAIiB,EAAQ,KAAK,aAAa,QAAQD,CAAc,EAChDC,EAAQ,KACRF,EAAM,eAAc,EAChBA,EAAM,MAAQ,aACdE,GAASA,EAAQ,GAAK,KAAK,aAAa,OACxC,KAAK,aAAaA,CAAK,EAAE,MAAK,GAEzBF,EAAM,MAAQ,YACnBA,EAAM,eAAc,EACpBE,GAASA,EAAQ,KAAK,aAAa,OAAS,GAAK,KAAK,aAAa,OACnE,KAAK,aAAaA,CAAK,EAAE,MAAK,GAG1C,CACJ,CACA,oBAAqB,CACjB,KAAK,yBAAwB,CACjC,CACA,kBAAmB,CACX,KAAK,iBAAmB,iBACxB,KAAK,8BAAgC,IAAI,eAAe,KAAK,yBAAyB,KAAK,IAAI,CAAC,EAChG,KAAK,8BAA8B,QAAQ,KAAK,eAAe,EAEvE,CACA,sBAAuB,CACnB,IAAIjB,GACHA,EAAK,KAAK,iCAAmC,MAAQA,IAAO,QAAkBA,EAAG,WAAU,CAChG,CACA,0BAA2B,CACnB,KAAK,kBACL,KAAK,4BAA8B,KAAK,gBAAgB,YAAc,KAAK,gBAAgB,YAEnG,CACA,mBAAmBkB,EAAM,CACrBA,EAAK,QAASA,GAAS,CACd,KAAK,aAAa,IAAIA,CAAI,GAC3B,KAAK,aAAa,IAAIA,EAAMC,EAAK,CAAE,CAE3C,CAAC,EACD,KAAK,aAAa,QAAQ,CAACC,EAAGlB,IAAQ,CAC7BgB,EAAK,SAAShB,CAAG,GAClB,KAAK,aAAa,OAAOA,CAAG,CAEpC,CAAC,CACL,CACA,WAAWgB,EAAM,CACb,OAAO,KAAK,aAAa,IAAIA,CAAI,CACrC,CACA,WAAWd,EAAMG,EAAI,CACbA,IACA,aAAa,KAAK,sBAAsB,IAAIA,CAAE,CAAC,EAC/C,KAAK,sBAAsB,IAAIA,EAAI,WAAW,IAAM,CAChD,GAAI,OAAOH,EAAK,QAAW,WAAY,CACnC,MAAMiB,EAAgBjB,EAAK,OAAOG,EAAIH,EAAMA,EAAK,KAAM,KAAK,MAAM,KAAK,EACnE,OAAOiB,GAAkB,WACzBd,EAAG,YAAcc,EAEzB,CACJ,CAAC,CAAC,EAEV,CACA,gBAAgBC,EAAmBJ,EAAM,CACrC,IAAIK,EAAM,EACV,OAAAD,EAAkB,QAASzB,GAAQ,CAC/B,IAAI2B,EAAQ,EACZ,MAAM,QAAQ3B,CAAG,GAAKA,EAAI,QAAS4B,GAAQ,CAAE,IAAIzB,EAAI,OAAQwB,IAAUxB,EAAKyB,EAAI,WAAa,MAAQzB,IAAO,OAASA,EAAK,CAAI,CAAC,EAC3HuB,EAAMC,IACND,EAAMC,EAEd,CAAC,EACGD,IAAQ,IACRA,EAAML,EAAK,QAERK,CACX,CACA,gBAAgBG,EAAiBR,EAAM,CACnC,IAAIlB,EACJ,IAAIuB,EAAM,EACV,OAAAG,EAAgB,QAASD,GAAQ,CAC7B,IAAID,EAAQ,EACZ,MAAM,QAAQC,CAAG,GAAKA,EAAI,QAAS5B,GAAQ,CAAE,IAAIG,EAAI,OAAQwB,IAAUxB,EAAKH,EAAI,WAAa,MAAQG,IAAO,OAASA,EAAK,CAAI,CAAC,EAC3HuB,EAAMC,IACND,EAAMC,EAEd,CAAC,EACGD,IAAQ,EACRA,EAAML,EAAK,OAGXK,KAASvB,EAAK,KAAK,MAAM,aAAe,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAW,EAEpFuB,CACX,CACA,4CAA4CI,EAAS,CACjD,MAAMC,EAAiB,CAAA,EACvB,OAAAD,EAAQ,QAASE,GAAU,CACvBA,EAAM,QAASzB,GAAS,EAChB,OAAOA,EAAK,KAAQ,UAAY,OAAOA,EAAK,QAAW,aACvDwB,EAAe,KAAKxB,CAAI,CAEhC,CAAC,CACL,CAAC,EACMwB,CACX,CACA,kBAAkBD,EAAS,CACvB,IAAI3B,EAAIC,EACR,IAAI2B,EAAiB,KAAK,6CAA6C5B,EAAK2B,EAAQ,cAAgB,MAAQ3B,IAAO,OAASA,EAAK,CAAA,CAAE,EACnI,YAAK,WAAa,GACd4B,EAAe,SAAW,IAC1BA,EAAiB,KAAK,6CAA6C3B,EAAK0B,EAAQ,YAAc,MAAQ1B,IAAO,OAASA,EAAK,CAAA,CAAE,EACzH2B,EAAe,OAAS,IACxB,KAAK,WAAa,KAGnBA,CACX,CACA,gBAAgBV,EAAMS,EAASG,EAAQ,CACnC,IAAI9B,EACJ2B,EAAQ,WAAa,MAAM,QAA0DA,GAAQ,UAAU,EAAIA,EAAQ,WAAa,CAAA,EAChIA,EAAQ,SAAW,MAAM,QAA0DA,GAAQ,QAAQ,EAAIA,EAAQ,SAAW,CAAA,EAC1H,MAAMI,EAAgB,KAAK,kBAAkBJ,CAAO,EAC9CK,EAAU,KAAK,gBAAgBL,EAAQ,WAAYT,CAAI,EAC7D,IAAIe,EAAU,KAAK,gBAAgBN,EAAQ,SAAUT,CAAI,EACrDgB,EAAW,EACXJ,IACAI,EAAWD,EACXA,KAAajC,EAAK,KAAK,MAAM,aAAe,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAW,GAE/F,MAAMmC,EAAY,CAAA,EACZC,EAAW,CAAA,EACXC,EAAW,CAAA,EACjBV,EAAQ,SAAS,QAAQ,CAACW,EAAMrB,IAAU,CACtCmB,EAASnB,CAAK,EAAI,EAClBoB,EAASpB,CAAK,EAAI,CAAA,CACtB,CAAC,EACD,QAASsB,EAAIL,EAAUK,EAAIN,EAASM,IAAK,CACrC,MAAMC,EAAU,CAAA,EAChBb,EAAQ,SAAS,QAAQ,CAACc,EAAaxB,IAAU,CAC7C,IAAIyB,EAAY,EAEhB,GADAL,EAASpB,CAAK,EAAE,QAAS/B,GAAWwD,GAAaxD,CAAM,EACnDwD,GAAaH,EAAG,CAChB,MAAMI,EAAOF,EAAYF,EAAIG,EAAYN,EAASnB,CAAK,CAAC,EACxD,GAAI,OAAO0B,GAAS,SAAU,CAC1BH,EAAQ,KAAK,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIG,CAAI,EAAG,CAAE,KAAM,GAAO,KAAM,CAAA,CAAE,CAAE,CAAC,EAC9E,IAAIC,EAAU,EAKd,GAJI,OAAOD,EAAK,SAAY,UAAYA,EAAK,QAAU,IACnDC,EAAUD,EAAK,SAEnBN,EAASpB,CAAK,EAAE,KAAK2B,CAAO,EACxB,OAAOD,EAAK,SAAY,UAAYA,EAAK,QAAU,EACnD,QAASE,EAAI,EAAGA,EAAIF,EAAK,QAASE,IAC9BR,EAASpB,EAAQ4B,CAAC,EAAE,KAAKD,CAAO,EAGxCR,EAASnB,CAAK,GAClB,CACJ,CACJ,CAAC,EACD,QAAS6B,EAAI,EAAGA,EAAId,EAASc,IACzB,GAAI,KAAK,aAAe,GAAM,CAC1B,MAAMjD,EAAMiC,GAAU,KAAK,MAAM,UAAY,KAAK,MAAM,UAAUS,EAAIL,CAAQ,EAAIhB,EAAKqB,CAAC,EACpF,OAAOR,EAAce,CAAC,GAAM,UAC5Bf,EAAce,CAAC,IAAM,MACrB,OAAOjD,GAAQ,UACfA,IAAQ,OACP,OAAOkC,EAAce,CAAC,EAAE,KAAQ,UAAY,OAAOf,EAAce,CAAC,EAAE,QAAW,aAChFN,EAAQ,KAAK,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIT,EAAce,CAAC,CAAC,EAAG,CAAE,QAAS,OAAW,KAAMjD,EAAK,MAAOA,EAAIkC,EAAce,CAAC,EAAE,GAAG,EAAG,QAAS,MAAS,CAAE,CAAC,CAEhK,MAEQ,OAAOf,EAAcQ,CAAC,GAAM,UAC5BR,EAAcQ,CAAC,IAAM,MACrB,OAAOrB,EAAK4B,CAAC,GAAM,UACnB5B,EAAK4B,CAAC,IAAM,OACX,OAAOf,EAAcQ,CAAC,EAAE,KAAQ,UAAY,OAAOR,EAAcQ,CAAC,EAAE,QAAW,aAChFC,EAAQ,KAAK,OAAO,OAAO,OAAO,OAAO,GAAIT,EAAcQ,CAAC,CAAC,EAAG,CAAE,QAAS,OAAW,KAAMrB,EAAK4B,CAAC,EAAG,MAAO5B,EAAK4B,CAAC,EAAEf,EAAcQ,CAAC,EAAE,GAAG,EAAG,QAAS,MAAS,CAAE,CAAC,EAI5KJ,EAAU,KAAKK,CAAO,CAC1B,CACA,GAAItB,EAAK,SAAW,EAAG,CACnB,IAAI6B,EAAU,EACVC,EAAU,EACV,MAAM,QAAQrB,EAAQ,UAAU,GAAKA,EAAQ,WAAW,OAAS,GACjEA,EAAQ,WAAW,CAAC,EAAE,QAASF,GAAQ,CACnCsB,GAAWtB,EAAI,SAAW,CAC9B,CAAC,EAED,MAAM,QAAQE,EAAQ,QAAQ,GAAKA,EAAQ,SAAS,OAAS,IAC7DoB,GAAWpB,EAAQ,SAAS,OAC5BA,EAAQ,SAAS,CAAC,EAAE,QAAS9B,GAAQ,CACjCmD,GAAWnD,EAAI,SAAW,CAC9B,CAAC,GAEL,MAAMoD,EAAY,CACd,QAASF,EACT,MAAOnD,EAAU,gBAAgB,EACjC,OAAQ,OACR,QAAS,KAAK,IAAIoD,EAAS,CAAC,CAC5C,EACgBb,EAAU,SAAW,EACrBA,EAAU,KAAK,CAACc,CAAS,CAAC,EAG1Bd,EAAU,CAAC,EAAE,KAAKc,CAAS,CAEnC,CACA,OAAOd,CACX,CACA,mBAAoB,CAChB,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,oBAAoB,KAAK,YAAY,EAC1C,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,kBAAkB,KAAK,UAAU,CAC1C,CACA,oBAAoBtC,EAAKC,EAAU,CAC/B,IAAIE,EAAIC,EAAIiD,EACZ,MAAMC,EAAY,KAAK,MAAM,WAC7B,GAAI,CAACA,EACD,MAAO,GACX,MAAMC,GAAmBpD,EAAKmD,EAAU,mBAAqB,MAAQnD,IAAO,OAASA,EAAK,KACpFqD,GAAiBpD,EAAKJ,EAAI,CAAC,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,KAC5E,GAAI,CAACoD,EACD,MAAO,GACX,MAAMC,EAAcD,EAAcD,CAAe,EAC3CG,EAAaJ,EAAU,UAAYA,EAAU,WAAa,OAC1DK,GAAYN,EAA2DC,GAAU,gBAAkB,MAAQD,IAAO,OAAS,OAASA,EAAG,SAASI,CAAW,EAC3JG,EAAQN,EAAU,MAAME,CAAa,EACrCK,EAAQ,CACV,KAAM,YACN,QAASF,EACT,GAAIF,EACH,aAAeG,CAC5B,EACQ,OAAQtD,EAAE,KAAM,CAAE,IAAK,SAASL,CAAQ,aAAc,MAAO,gBAAgB,EAAIK,EAAE,MAAO,CAAE,MAAO,SAASqD,EAAW,UAAY,EAAE,EAAE,EAAID,EAAcpD,EAAE,QAAS,CAAE,MAAO,oBAAoB,EAAIA,EAAEwD,EAAY,CAAE,MAAO,OAAQ,OAAQ,WAAWH,EAAW,gBAAkB,EAAE,GAAI,OAAQ,EAAE,CAAE,EAAGrD,EAAE,QAAS,OAAO,OAAO,CAAE,IAAMI,GAAOA,GAAM,KAAK,aAAa,KAAKA,CAAE,CAAC,EAAImD,EAAO,CAAE,KAAM,WAAY,QAAU3C,GAAU,CAC5Z,IAAIf,EAAIC,EAAIiD,EACZ,MAAMU,EAAuBJ,GAEtBvD,EAA2DkD,GAAU,gBAAkB,MAAQlD,IAAO,OAAS,OAASA,EAAG,OAAQC,GAAQA,IAAQoD,CAAW,EAD/J,CAAC,IAAKtD,EAA2DmD,GAAU,gBAAkB,MAAQnD,IAAO,OAASA,EAAK,CAAA,EAAKsD,CAAW,EAEhJO,EAA0B,mBAAoB,KAAK,KAAMD,CAAmB,EACxE,QAASV,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAGY,EAAO,iBAAiB,IAAO,YACrG,KAAK,MAAM,IAAIA,EAAO,iBAAiB,EAAE/C,EAAO6C,GAAuF,CAAA,CAAE,CAEjJ,CAAC,CAAE,CAAC,CAAC,EAAMzD,EAAE,QAAS,CAAE,MAAO,iBAAiB,EAAIA,EAAE,QAAS,OAAO,OAAO,CAAA,EAAIuD,EAAO,CAAE,KAAM,QAAS,QAAU3C,GAAU,CACzH,IAAIf,EACJ6D,EAA0B,mBAAoB,KAAK,KAAMP,CAAW,EAChE,QAAStD,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG8D,EAAO,iBAAiB,IAAO,YACrG,KAAK,MAAM,IAAIA,EAAO,iBAAiB,EAAE/C,EAAOuC,CAAW,CAEnE,CAAC,CAAE,CAAC,CAAC,EAAInD,EAAE4D,EAAiB,CAAE,cAAe,OAAQ,MAAO,gBAAiB,OAAQ,QAAS,IAAK,GAAGT,CAAW,SAAU,OAAQG,CAAK,CAAE,CAAC,CAAC,CACpJ,CACA,4BAA6B,CACzB,IAAIzD,EAAIC,EACR,MAAMkD,EAAY,KAAK,MAAM,WAC7B,GAA2DA,GAAU,WAAc,GAC/E,OAAOhD,EAAE,KAAM,CAAE,IAAK,oBAAqB,MAAO,mEAAoE,EAE1H,MAAMiD,GAAmBpD,EAA2DmD,GAAU,mBAAqB,MAAQnD,IAAO,OAASA,EAAK,KAC1IgE,GAAqB/D,EAA2DkD,GAAU,gBAAkB,MAAQlD,IAAO,OAAS,OAASA,EAAG,OAChJgE,EAAa,KAAK,MAAM,MAAM,OAC9BC,EAAYF,IAAsBC,EAClCE,EAAgBH,IAAsB,GAAK,CAACE,EAClD,IAAIE,EAAiB,oCACjBF,GAAa,CAACC,IACdC,EAAiB,4BAEjBJ,IAAsB,IACtBI,EAAiB,2BAErB,MAAMX,EAAQ7D,EAAUwE,CAAc,EACtC,OAAQjE,EAAE,KAAM,CAAE,IAAK,oBAAqB,MAAO,oFAAoF,EAAIA,EAAE,MAAO,CAAE,MAAO,SAASgE,EAAgB,gBAAkBD,EAAY,UAAY,EAAE,EAAE,EAAI/D,EAAE,QAAS,CAAE,MAAO,oBAAoB,EAAIA,EAAEwD,EAAY,CAAE,MAAO,OAAQ,OAAQ,WAAWQ,EAAgB,iBAAmBD,EAAY,gBAAkB,EAAE,GAAI,OAAQ,EAAE,CAAE,EAAG/D,EAAE,QAAS,CAAE,IAAMI,GAAOA,GAAM,KAAK,aAAa,KAAKA,CAAE,EAAG,KAAM,YAAa,QAAS2D,GAAa,CAACC,EAAe,aAAcV,EAAO,KAAM,WAAY,QAAU1C,GAAU,CACpkB,IAAIf,EACJ,MAAMqE,EAAcH,EAAwG,CAAA,EAA5F,KAAK,MAAM,MAAM,IAAK3D,GAA+CA,IAAG6C,CAAe,CAAC,EACxHS,EAA0B,mBAAoB,KAAK,KAAMQ,CAAU,EAC/D,QAASrE,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG8D,EAAO,iBAAiB,IAAO,YACrG,KAAK,MAAM,IAAIA,EAAO,iBAAiB,EAAE/C,EAAOsD,CAAU,CAElE,CAAC,CAAE,CAAC,EAAGlE,EAAE4D,EAAiB,CAAE,cAAe,OAAQ,MAAO,gBAAiB,OAAQ,QAAS,IAAK,GAAGK,CAAc,SAAU,OAAQX,CAAK,CAAE,CAAC,CAAC,CACrJ,CACA,oBAAqB,CACjB,OAAQtD,EAAEmE,EAAU,KAAM,MAAM,QAAQ,KAAK,MAAM,aAAa,UAAU,GACtE,KAAK,MAAM,aAAa,WAAW,OAAS,GAC5C,MAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,GAC9C,KAAK,MAAM,aAAa,SAAS,OAAS,GAC1C,MAAM,QAAQ,KAAK,MAAM,aAAa,UAAU,GAAMnE,EAAE,KAAM,CAAE,cAAe,OAAQ,QAAS,KAAK,MAAM,aAAa,SAAS,OAAQ,QAAS,KAAK,MAAM,aAAa,WAAW,MAAM,CAAE,CAAE,CACvM,CACA,kBAAkBC,EAAMN,EAAUO,EAAUN,EAAY,CACpD,IAAIwE,EAAW,OACXC,EAAiB,uBACrB,GAAIpE,EAAK,cACL,OAAQA,EAAK,cAAa,CACtB,IAAK,MACDoE,EAAiB,6BACjBD,EAAW,YACX,MACJ,IAAK,OACDC,EAAiB,+BACjBD,EAAW,aACX,MACJ,QACIA,EAAW,MAC/B,CAEQ,MAAME,EAAQ1E,EAAa,MAAQ,OAAOK,EAAK,SAAY,UAAYA,EAAK,QAAU,EAAI,WAAa,MACjGsE,EAAa,CAAC,qBAAsB3E,EAAa,+BAAiC,gCAAgC,EACxH,OAAI,OAAOK,EAAK,WAAc,UAAYA,EAAK,UAAU,OAAS,GAC9DsE,EAAW,KAAK,6BAA6BtE,EAAK,SAAS,GAAI,SAASA,EAAK,SAAS,EAAE,EAEpFD,EAAE,KAAM,CAAE,IAAK,GAAGL,CAAQ,IAAIO,CAAQ,IAAID,EAAK,KAAK,GAAI,MAAOsE,EAAW,KAAK,GAAG,EAAG,MAAOD,EAAO,QAASrE,EAAK,QAAS,QAASA,EAAK,QAAS,MAAO,CACxJ,MAAOA,EAAK,KAC5B,EAAe,YAAamE,EAAU,YAAa,QAAQnE,EAAK,aAAa,EAAE,EAAIA,EAAK,cAAiBD,EAAEwE,EAAgB,CAAE,MAAO,oBAAqB,YAAa,OAAQ,OAAQ,CAAE,MAAOH,CAAc,EAAI,OAAQpE,EAAK,MAAO,iBAAkB,KAAK,cAAe,IAAK,CAChQ,QAAUW,GAAU,CAChB,IAAIf,EACA,QAASA,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAY,YAAcI,EAAK,KAAOA,EAAK,eACjH,KAAK,MAAM,IAAI,OAAOW,EAAO,CACzB,IAAKX,EAAK,IACV,qBAAsBA,EAAK,aACvD,CAAyB,CAET,CAChB,EAAe,EAAMA,EAAK,KAAM,CAC5B,CACA,aAAawE,EAASC,EAAU,CAC5B,IAAI7E,EAAIC,EACR,MAAM6E,IAAyB9E,EAAK,KAAK,MAAM,aAAa,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAW,EACnH+C,GAAW9C,EAAyD4E,IAAS,CAAC,KAAO,MAAQ5E,IAAO,OAAS,OAASA,EAAG,OAAO,CAAC8E,EAAKlF,IAAQkF,GAAOlF,EAAI,SAAW,GAAI,CAAC,EACzKmF,EAAgB,KAAK,MAAM,WAAa,EAAI,EAClD,OAAQ7E,EAAE,KAAM,CAAE,cAAe,OAAQ,MAAO,GAAGyE,CAAO,SAAS,EAAIzE,EAAE,KAAM,CAAE,QAAS2E,EAAuB/B,EAAUiC,CAAa,CAAE,CAAC,CAC/I,CACA,YAAa,CACT,GAAI,CAAC,KAAK,MAAM,WAAa,KAAK,MAAM,UAAU,SAAW,EACzD,OAAO,KAEX,MAAMrC,EAAO,KAAK,gBAAgB,KAAK,MAAM,UAAW,KAAK,MAAM,aAAc,EAAI,EACrF,OAAQxC,EAAE,QAAS,KAAM,CACrB,KAAK,aAAa,OAAQwC,CAAI,EAC9BA,EAAK,IAAI,CAAC9C,EAAKC,IAAa,KAAK,eAAeD,EAAKC,EAAU,EAAI,CAAC,CAChF,CAAS,CACL,CACA,QAAS,CACL,MAAMqC,EAAY,KAAK,gBAAgB,KAAK,MAAM,MAAO,KAAK,MAAM,YAAY,EAChF,YAAK,aAAe,CAAA,EACZhC,EAAE8E,EAAM,CAAE,IAAK,2CAA4C,MAAO,wBAAwB,EAAI9E,EAAE,MAAO,CAAE,IAAK,2CAA4C,IAAM+E,GAAa,KAAK,gBAAkBA,EAAU,MAAO,QAAS,SAAU,KAAK,4BAA8B,KAAO,MAAS,EAAI/E,EAAE,QAAS,CAAE,IAAK,2CAA4C,MAAO,CACpW,SAAU,KAAK,MAAM,qBAAuB,KAAK,MAAM,SACvE,CAAa,EAAIA,EAAE,UAAW,CAAE,IAAK,2CAA4C,GAAI,UAAW,SAAU,KAAK,4BAA8B,IAAM,MAAS,EAAI,KAAK,MAAM,MAAM,EAAG,MAAM,QAAQ,KAAK,MAAM,aAAa,UAAU,GAAMA,EAAE,QAAS,CAAE,IAAK,0CAA0C,EAAI,CAC9R,KAAK,MAAM,aAAa,WAAW,IAAI,CAACgF,EAAMrF,IAAcK,EAAE,KAAM,CAAE,IAAK,SAASL,CAAQ,EAAE,EAAI,KAAK,MAAM,YAAc,KAAK,2BAA0B,EAAIA,IAAa,GAAK,KAAK,mBAAkB,EAAI,MAAM,QAAQqF,CAAI,GACzNA,EAAK,IAAI,CAAC/E,EAAMC,IACRD,EAAK,OAAS,GACND,EAAE,KAAM,CAAE,IAAK,SAASL,CAAQ,IAAIO,CAAQ,IAAID,EAAK,KAAK,GAAI,MAAO,CACrE,qBACA,iCACA,OAAOA,EAAK,WAAc,UAAYA,EAAK,UAAU,OAAS,EAAI,6BAA6BA,EAAK,SAAS,GAAK,OAClH,OAAOA,EAAK,WAAc,UAAYA,EAAK,UAAU,OAAS,EAAI,SAASA,EAAK,SAAS,GAAK,OAC9F,OAAOA,EAAK,WAAc,UAAYA,EAAK,UAAU,OAAS,EAAIA,EAAK,UAAY,MACnH,EACiC,OAAO,OAAO,EACd,KAAK,GAAG,EAAG,QAASA,EAAK,QAAS,QAASA,EAAK,QAAS,MAAO,CACjE,UAAWA,EAAK,UAChB,MAAOA,EAAK,KAC5C,EAA+B,IAAK,OAAOA,EAAK,QAAW,WACxBG,GAAO,CACN,KAAK,WAAWH,EAAMG,CAAE,CAC5B,EACE,MAAS,EAAI,OAAOH,EAAK,QAAW,WAAaA,EAAK,MAAQ,EAAE,EAGnE,KAAK,kBAAkBA,EAAMN,EAAUO,EAAU,EAAK,CAEpE,CAAC,CAAE,EACR,KAAK,aAAa,OAAQ,KAAK,MAAM,aAAa,UAAU,CACxE,CAAS,EAAIF,EAAE,QAAS,CAAE,IAAK,4CAA8CgC,EAAU,IAAI,CAACtC,EAAKC,IAAa,KAAK,eAAeD,EAAKC,EAAU,EAAI,CAAC,CAAC,EAAG,KAAK,WAAU,CAAE,CAAC,CAAC,CACzK,CACA,IAAI,MAAO,CAAE,OAAOsF,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,aAAgB,CAAC,qBAAqB,EACtC,OAAU,CAAC,eAAe,EAC1B,UAAa,CAAC,kBAAkB,EAChC,IAAO,CAAC,YAAY,EACpB,WAAc,CAAC,mBAAmB,CAC1C,CAAO,CACP"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-tabs.entry-CKKuTHqy.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-25e94a16.js';\nimport { w as watchValidator, C as devHint, h as featureHint, L as Log, m as setState, F as watchNumber, v as watchJsonArrayString, x as uiUxHintMillerscheZahl, N as koliBriQuerySelector } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { K as KeyboardKey } from './keyboard-77e19a81.js';\nimport { a as validateAlign } from './align-f3101425.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.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-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 rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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    /*\\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  /* 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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\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    color: black;\\n    background-color: lightgray;\\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    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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\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-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-button-group {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  .tabs-button-group button {\\n    border-bottom-color: transparent;\\n    display: block;\\n    border-bottom-style: solid;\\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    order: 2;\\n    flex-direction: column;\\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    order: 0;\\n    flex-direction: column;\\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: '06943269902300193df86c432eeb87d4279b6e48', class: \"kol-tabs\" }, h(\"div\", { key: '746b496d80452724c1dc4d976e5fe024a6618619', ref: (el) => {\n                this.tabPanelsElement = el;\n            }, class: {\n                [`tabs-align-${this.state._align}`]: true,\n            } }, this.renderButtonGroup(), h(\"div\", { key: '2b66ede990e28f6257e4c17dd159e7e692ca44e5', 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":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-textarea.entry-iqtysxgp.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-25e94a16.js';\nimport { F as watchNumber, y as watchString, j as watchBoolean, w as watchValidator, m as setState, A as buildBadgeTextString, G as devWarning, B as showExpertSlot } from './index-7a63e9eb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e0ebaf6c.js';\nimport { g as getRenderStates } from './controller-c87b8bd9.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-1fac598e.js';\nimport { I as InputIconController } from './controller-icon-b3eb5a58.js';\nimport { d as debounce, v as validateHasCounter } from './debounce-99d34c2d.js';\nimport { v as validateRows } from './rows-8ed50d64.js';\nimport { v as validateSpellCheck } from './spell-check-82b14d35.js';\nimport './events-29e84d75.js';\nimport './associated.controller-d302adf7.js';\nimport './access-and-short-key-914780a7.js';\nimport './hide-label-0d754c8e.js';\nimport './label-7d1ce375.js';\nimport './tooltip-align-6964dd71.js';\nimport './align-f3101425.js';\nimport './icons-adcda9b0.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') {\n                this.component.state._currentLength = this.component._value.length;\n                this.component.state._currentLengthDebounced = this.component._value.length;\n            }\n        };\n        this.updateCurrentLengthDebounced = debounce((length) => {\n            setState(this.component, '_currentLengthDebounced', length);\n        }, 500);\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-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 rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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    /*\\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  /* 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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\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    color: black;\\n    background-color: lightgray;\\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    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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\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-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  }\\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  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    background-color: white;\\n    display: flex;\\n    align-items: center;\\n    cursor: pointer;\\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: '932e50ca620513717e574c4ecf1a5b743e93fef7', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, h(KolInputTag, { key: '93d8c07cc5a588825dcde4a15ee4856d87cf26da', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _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: 'b713ec67ec0e862bef532d04e5db1624d6c0b83f', 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(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'd1d32ae1c100ca457f47c9f366b65f0bd56408d6', slot: \"input\" }, h(\"textarea\", Object.assign({ key: '2fb99d49c542399366fa255c59f482064b442fb5', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-keyshortcuts\": this.state._shortKey, \"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                this.controller.updateCurrentLengthDebounced(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            _currentLengthDebounced: 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","debounce","length","setState","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","nonce","devWarning","v","getElement"],"mappings":"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"}

package/dist/assets/kol-toast-container.entry-BtT0mxOr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-toast-container.entry-BtT0mxOr.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-25e94a16.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { n as nonce } from './dev.utils-e0ebaf6c.js';\nimport { K as KolAlertFc } from './Alert-0e712d66.js';\nimport { t as KolButtonTag } from './component-names-4cb1c62b.js';\nimport './i18n-b14e6088.js';\nimport './index-7a63e9eb.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\n\nconst InternalToast = ({ key, onClose, onRef, toastState }) => {\n    return (h(\"div\", { class: `toast ${toastState.status}`, key: key },\n        h(KolAlertFc, { class: \"alert\", alert: true, label: toastState.toast.label, level: 0, hasCloser: true, type: toastState.toast.type, variant: toastState.toast.alertVariant || toastState.toast.variant || 'card', onCloserClick: onClose },\n            h(\"div\", { ref: onRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));\n};\n\nconst defaultStyleCss = \"/*\\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 rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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    /*\\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  /* 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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\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    color: black;\\n    background-color: lightgray;\\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    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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\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-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  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\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  :host {\\n    display: flex;\\n    position: fixed;\\n    z-index: 200;\\n    flex-direction: column;\\n  }\\n  .close-all {\\n    align-self: flex-end;\\n  }\\n}\";\nconst KolToastContainerDefaultStyle0 = defaultStyleCss;\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.knownRenderFunctions = new Set();\n        this.state = {\n            _toastStates: [],\n        };\n    }\n    async enqueue(toast) {\n        const newToastState = {\n            toast,\n            status: 'adding',\n            id: `toast-${nonce()}`,\n        };\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n        setTimeout(() => {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n                    ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n        }, TRANSITION_TIMEOUT);\n        return () => {\n            this.handleClose(newToastState);\n        };\n    }\n    handleClose(toastState) {\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n                if (localToastState.id === toastState.id) {\n                    localToastState.status = 'removing';\n                }\n                return localToastState;\n            }) });\n        setTimeout(() => {\n            var _a, _b;\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n            (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }, TRANSITION_TIMEOUT);\n    }\n    async closeAll(immediate = false) {\n        if (immediate) {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n        }\n        else {\n            const toastsToClose = [...this.state._toastStates];\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n            setTimeout(() => {\n                this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n                toastsToClose.forEach((toastState) => {\n                    var _a, _b;\n                    (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n                });\n            }, TRANSITION_TIMEOUT);\n        }\n    }\n    handleToastRef(toastState, element) {\n        if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n            this.knownRenderFunctions.add(toastState.toast.render);\n            toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n        }\n    }\n    render() {\n        return (h(Host, { key: '0675db1de5cfcaab05fce59f77a8690e21b33313', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: 'c9d662e674ee361eefa1229517bad7f7111807f4', _label: translate('kol-toast-close-all'), class: \"close-all\", _on: {\n                onClick: () => {\n                    void this.closeAll();\n                },\n            } })), this.state._toastStates.map((toastState) => (h(InternalToast, { key: toastState.id, onClose: () => this.handleClose(toastState), onRef: (element) => this.handleToastRef(toastState, element), toastState: toastState })))));\n    }\n};\nKolToastContainer.style = {\n    default: KolToastContainerDefaultStyle0\n};\n\nexport { KolToastContainer as kol_toast_container };\n\n//# sourceMappingURL=kol-toast-container.entry.js.map"],"names":["InternalToast","key","onClose","onRef","toastState","h","KolAlertFc","defaultStyleCss","KolToastContainerDefaultStyle0","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","toast","newToastState","nonce","localToastState","_a","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag","translate"],"mappings":"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"}

package/dist/assets/kol-toolbar.entry-BDZPg0Fn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-toolbar.entry-BDZPg0Fn.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-25e94a16.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { M as emptyStringByArrayHandler, o as objectObjectHandler, l as parseJson, i as isObject, m as setState } from './index-7a63e9eb.js';\nimport { j as KolLinkWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((items) => isObject(items))) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\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 rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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    /*\\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  /* 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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\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    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\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-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 {\\n    display: inline-block;\\n  }\\n  :is(a, button) {\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  :is(a, button)::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  /* TODO: Why we need this? */\\n  :is(a, button) > .kol-span-wc {\\n    width: 100%;\\n    margin: auto;\\n  }\\n}\\n@layer kol-component {\\n  .toolbar {\\n    display: flex;\\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\\n    flex-wrap: wrap;\\n    align-items: center;\\n  }\\n  .toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\nconst KolToolbarDefaultStyle0 = defaultStyleCss;\n\nconst TOOLBAR_ITEM_TAG_NAME = 'kol-toolbar-item';\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.indexToElement = new Map();\n        this.renderItem = (raw, index) => {\n            const element = this.normalizeItem(raw);\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                _tabIndex: tabIndex,\n                class: `button normal ${TOOLBAR_ITEM_TAG_NAME} `,\n            };\n            const catchRef = (el) => {\n                if (el)\n                    this.indexToElement.set(index, el);\n            };\n            return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n        };\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this._label = undefined;\n        this._items = undefined;\n    }\n    normalizeItem(item) {\n        const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n        return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n    }\n    render() {\n        return (h(Host, { key: '54fb48e2638c9649b2bd5d28c5dd99f1068d85d2', class: \"kol-toolbar\" }, h(\"div\", { key: '319331b36f3b26cdbbf80645175b868313fc11ec', class: \"toolbar\", role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem))));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d, _e;\n        const isArrowKey = event.code === 'ArrowRight' || event.code === 'ArrowLeft' || event.code === 'ArrowUp' || event.code === 'ArrowDown';\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n        if (lastItemIndex < 0)\n            return;\n        const currentIndex = this.currentIndex;\n        let nextIndex = currentIndex;\n        switch (event.code) {\n            case 'ArrowUp':\n            case 'ArrowLeft':\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case 'ArrowDown':\n            case 'ArrowRight':\n                nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n                break;\n        }\n        if (currentIndex === nextIndex)\n            return;\n        if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled)\n            return;\n        this.currentIndex = nextIndex;\n        void ((_e = this.getCurrentToolbarItem(nextIndex)) === null || _e === void 0 ? void 0 : _e.kolFocus());\n    }\n    handleBlur(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"]\n    }; }\n};\nKolToolbar.style = {\n    default: KolToolbarDefaultStyle0\n};\n\nexport { KolToolbar as kol_toolbar };\n\n//# sourceMappingURL=kol-toolbar.entry.js.map"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","isObject","setState","defaultStyleCss","KolToolbarDefaultStyle0","TOOLBAR_ITEM_TAG_NAME","KolToolbar","hostRef","registerInstance","raw","index","element","tabIndex","props","catchRef","el","h","KolLinkWcTag","KolButtonWcTag","item","_icons","_disabled","rest","__rest","Host","validateLabel","_a","event","_b","_c","_d","_e","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}

package/dist/assets/kol-tooltip-wc.entry-C61tRBS8.js

@@ -1,4 +0,0 @@
-import{r as a,P as n,h as o,d as h,H as r,m as d,t as p}from"./index-7WRSZKTT.js";import{b as c,a as u}from"./align-floating-elements-a7a489c8-ByZWe2kh.js";import{t as v,a as m}from"./tooltip-open-tracking-23a84b19-CZrYVTp5.js";import{v as f}from"./badge-text-553534d4-CMC8YLDf.js";import{v as g}from"./align-f3101425-B4vHQ56A.js";import{v as E}from"./label-7d1ce375-BFrJRMqI.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const b=(e,t)=>{p(e,"_id",t)},s=new Set;function T(e){s.forEach(t=>{t.style.setProperty("z-index","999")}),s.add(e),e.style.setProperty("z-index","1000")}function y(e){if(s.delete(e),s.size>0){const t=Array.from(s).pop();t&&t.style.setProperty("z-index","1000")}}const F=class{constructor(e){a(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),v(),this.tooltipElement.style.setProperty("display","block"),n().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=c(t,i,()=>{this.alignTooltip()})}},this.hideTooltip=()=>{this.tooltipElement&&(y(this.tooltipElement),m(),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),n().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,i,l=!1)=>{t&&this.removeListeners(t),i&&(l&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await u({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return o(r,{key:"c04cbc13912a59c5b863a27e4559392716829e00",class:"kol-tooltip-wc"},this.state._label!==""&&o("div",{key:"96ff93de26836c9e545c4590cd0770ad1f648be4",class:"tooltip-floating",ref:this.catchTooltipElement},o("div",{key:"ef6603e9458cad66fbc77d15b9b7c0e1102eae50",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),o(h,{key:"bef3edfd2c735a3997aef309fc19c4b789c7a254",class:"tooltip-area tooltip-content",id:this.state._id,_badgeText:this._badgeText,_label:this.state._label})))}validateBadgeText(e){f(this,e)}validateAlign(e){g(this,e)}validateId(e){b(this,e)}validateLabel(e){E(this,e,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var e;this.resyncListeners(this.previousSibling,(e=this.host)===null||e===void 0?void 0:e.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var e;this.previousSibling=(e=this.host)===null||e===void 0?void 0:e.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return d(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{F as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-C61tRBS8.js.map

package/dist/assets/kol-tooltip-wc.entry-C61tRBS8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-tooltip-wc.entry-C61tRBS8.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-25e94a16.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-a7a489c8.js';\nimport { y as watchString, g as getDocument } from './index-7a63e9eb.js';\nimport { f as KolSpanWcTag } from './component-names-4cb1c62b.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-23a84b19.js';\nimport { v as validateBadgeText } from './badge-text-553534d4.js';\nimport { a as validateAlign } from './align-f3101425.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateId = (component, value) => {\n    watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n    VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n        visibleOverlay.style.setProperty('z-index', '999');\n    });\n    VISIBLE_OVERLAYS.add(overlay);\n    overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n    VISIBLE_OVERLAYS.delete(overlay);\n    if (VISIBLE_OVERLAYS.size > 0) {\n        const last = Array.from(VISIBLE_OVERLAYS).pop();\n        if (last) {\n            last.style.setProperty('z-index', '1000');\n        }\n    }\n}\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.hasFocusIn = false;\n        this.hasMouseIn = false;\n        this.showTooltip = () => {\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                tooltipOpened();\n                this.tooltipElement.style.setProperty('display', 'block');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape);\n                const target = this.previousSibling;\n                const tooltipEl = this.tooltipElement;\n                this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n                    void this.alignTooltip();\n                });\n            }\n        };\n        this.hideTooltip = () => {\n            if (this.tooltipElement) {\n                hideOverlay(this.tooltipElement);\n                tooltipClosed();\n                this.tooltipElement.style.setProperty('display', 'none');\n                this.tooltipElement.style.setProperty('visibility', 'hidden');\n                if (this.cleanupAutoPositioning) {\n                    this.cleanupAutoPositioning();\n                    this.cleanupAutoPositioning = undefined;\n                }\n            }\n            getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                this.hideTooltip();\n            }\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.addEventListener('mouseleave', this.handleMouseleave.bind(this));\n            el.addEventListener('focusin', this.handleFocusIn.bind(this));\n            el.addEventListener('focusout', this.handleFocusout.bind(this));\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.removeEventListener('mouseleave', this.handleMouseleave.bind(this));\n            el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n            el.removeEventListener('focusout', this.handleFocusout.bind(this));\n        };\n        this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n            if (last) {\n                this.removeListeners(last);\n            }\n            if (next) {\n                if (replacePreviousSibling) {\n                    this.previousSibling = next;\n                }\n                this.addListeners(next);\n            }\n        };\n        this.catchTooltipElement = (el) => {\n            this.tooltipElement = el;\n        };\n        this.catchArrowElement = (element) => {\n            this.arrowElement = element;\n        };\n        this.showOrHideTooltip = () => {\n            clearTimeout(this.overFocusTimeout);\n            this.overFocusTimeout = setTimeout(() => {\n                if (this.hasMouseIn || this.hasFocusIn) {\n                    this.showTooltip();\n                }\n                else {\n                    this.hideTooltip();\n                }\n            }, 300);\n        };\n        this._badgeText = undefined;\n        this._align = 'top';\n        this._id = undefined;\n        this._label = undefined;\n        this.state = {\n            _align: 'top',\n            _label: '',\n        };\n    }\n    async alignTooltip() {\n        if (this.tooltipElement && this.previousSibling) {\n            await alignFloatingElements({\n                align: this._align,\n                referenceElement: this.previousSibling,\n                arrowElement: this.arrowElement,\n                floatingElement: this.tooltipElement,\n            });\n        }\n    }\n    handleMouseEnter() {\n        this.hasMouseIn = true;\n        this.showOrHideTooltip();\n    }\n    handleMouseleave() {\n        this.hasMouseIn = false;\n        this.showOrHideTooltip();\n    }\n    handleFocusIn() {\n        this.hasFocusIn = true;\n        this.showOrHideTooltip();\n    }\n    handleFocusout() {\n        this.hasFocusIn = false;\n        this.showOrHideTooltip();\n    }\n    render() {\n        return (h(Host, { key: 'c04cbc13912a59c5b863a27e4559392716829e00', class: \"kol-tooltip-wc\" }, this.state._label !== '' && (h(\"div\", { key: '96ff93de26836c9e545c4590cd0770ad1f648be4', class: \"tooltip-floating\", ref: this.catchTooltipElement }, h(\"div\", { key: 'ef6603e9458cad66fbc77d15b9b7c0e1102eae50', class: \"tooltip-area tooltip-arrow\", ref: this.catchArrowElement }), h(KolSpanWcTag, { key: 'bef3edfd2c735a3997aef309fc19c4b789c7a254', class: \"tooltip-area tooltip-content\", id: this.state._id, _badgeText: this._badgeText, _label: this.state._label })))));\n    }\n    validateBadgeText(value) {\n        validateBadgeText(this, value);\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateId(value) {\n        validateId(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateBadgeText(this._badgeText);\n        this.validateAlign(this._align);\n        this.validateId(this._id);\n        this.validateLabel(this._label);\n    }\n    handleEventListeners() {\n        var _a;\n        this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a;\n        this.previousSibling = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling;\n    }\n    componentDidRender() {\n        this.handleEventListeners();\n    }\n    disconnectedCallback() {\n        if (this.previousSibling) {\n            this.removeListeners(this.previousSibling);\n            this.previousSibling = undefined;\n        }\n        if (this.tooltipElement) {\n            this.removeListeners(this.tooltipElement);\n        }\n        if (this.cleanupAutoPositioning) {\n            this.cleanupAutoPositioning();\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_badgeText\": [\"validateBadgeText\"],\n        \"_align\": [\"validateAlign\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map"],"names":["validateId","component","value","watchString","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","tooltipClosed","event","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanWcTag","validateBadgeText","validateAlign","validateLabel","_a","getElement"],"mappings":"4XAAA;AAAA;AAAA,GAYA,MAAMA,EAAa,CAACC,EAAWC,IAAU,CACrCC,EAAYF,EAAW,MAAOC,CAAK,CACvC,EAEME,EAAmB,IAAI,IAC7B,SAASC,EAAYC,EAAS,CAC1BF,EAAiB,QAASG,GAAmB,CACzCA,EAAe,MAAM,YAAY,UAAW,KAAK,CACrD,CAAC,EACDH,EAAiB,IAAIE,CAAO,EAC5BA,EAAQ,MAAM,YAAY,UAAW,MAAM,CAC/C,CACA,SAASE,EAAYF,EAAS,CAE1B,GADAF,EAAiB,OAAOE,CAAO,EAC3BF,EAAiB,KAAO,EAAG,CAC3B,MAAMK,EAAO,MAAM,KAAKL,CAAgB,EAAE,IAAG,EACzCK,GACAA,EAAK,MAAM,YAAY,UAAW,MAAM,CAEhD,CACJ,CAEK,MAACC,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,GAClB,KAAK,WAAa,GAClB,KAAK,YAAc,IAAM,CACrB,GAAI,KAAK,iBAAmB,KAAK,eAAgB,CAC7CN,EAAY,KAAK,cAAc,EAC/BQ,EAAa,EACb,KAAK,eAAe,MAAM,YAAY,UAAW,OAAO,EACxDC,EAAW,EAAG,iBAAiB,QAAS,KAAK,mBAAmB,EAChE,MAAMC,EAAS,KAAK,gBACdC,EAAY,KAAK,eACvB,KAAK,uBAAyBC,EAAWF,EAAQC,EAAW,IAAM,CACzD,KAAK,aAAY,CAC1B,CAAC,CACL,CACJ,EACA,KAAK,YAAc,IAAM,CACjB,KAAK,iBACLR,EAAY,KAAK,cAAc,EAC/BU,EAAa,EACb,KAAK,eAAe,MAAM,YAAY,UAAW,MAAM,EACvD,KAAK,eAAe,MAAM,YAAY,aAAc,QAAQ,EACxD,KAAK,yBACL,KAAK,uBAAsB,EAC3B,KAAK,uBAAyB,SAGtCJ,EAAW,EAAG,oBAAoB,QAAS,KAAK,mBAAmB,CACvE,EACA,KAAK,oBAAuBK,GAAU,CAC9BA,EAAM,MAAQ,UACd,KAAK,YAAW,CAExB,EACA,KAAK,aAAgBC,GAAO,CACxBA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAClEA,EAAG,iBAAiB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC5DA,EAAG,iBAAiB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CAClE,EACA,KAAK,gBAAmBA,GAAO,CAC3BA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrEA,EAAG,oBAAoB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAC/DA,EAAG,oBAAoB,WAAY,KAAK,eAAe,KAAK,IAAI,CAAC,CACrE,EACA,KAAK,gBAAkB,CAACX,EAAMY,EAAMC,EAAyB,KAAU,CAC/Db,GACA,KAAK,gBAAgBA,CAAI,EAEzBY,IACIC,IACA,KAAK,gBAAkBD,GAE3B,KAAK,aAAaA,CAAI,EAE9B,EACA,KAAK,oBAAuBD,GAAO,CAC/B,KAAK,eAAiBA,CAC1B,EACA,KAAK,kBAAqBG,GAAY,CAClC,KAAK,aAAeA,CACxB,EACA,KAAK,kBAAoB,IAAM,CAC3B,aAAa,KAAK,gBAAgB,EAClC,KAAK,iBAAmB,WAAW,IAAM,CACjC,KAAK,YAAc,KAAK,WACxB,KAAK,YAAW,EAGhB,KAAK,YAAW,CAExB,EAAG,GAAG,CACV,EACA,KAAK,WAAa,OAClB,KAAK,OAAS,MACd,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,EACpB,CACI,CACA,MAAM,cAAe,CACb,KAAK,gBAAkB,KAAK,iBAC5B,MAAMC,EAAsB,CACxB,MAAO,KAAK,OACZ,iBAAkB,KAAK,gBACvB,aAAc,KAAK,aACnB,gBAAiB,KAAK,cACtC,CAAa,CAET,CACA,kBAAmB,CACf,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,CACA,kBAAmB,CACf,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,CACA,eAAgB,CACZ,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,CACA,gBAAiB,CACb,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,gBAAgB,EAAI,KAAK,MAAM,SAAW,IAAOD,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,IAAK,KAAK,mBAAmB,EAAIA,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,6BAA8B,IAAK,KAAK,iBAAiB,CAAE,EAAGA,EAAEE,EAAc,CAAE,IAAK,2CAA4C,MAAO,+BAAgC,GAAI,KAAK,MAAM,IAAK,WAAY,KAAK,WAAY,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CAAE,CACjjB,CACA,kBAAkBzB,EAAO,CACrB0B,EAAkB,KAAM1B,CAAK,CACjC,CACA,cAAcA,EAAO,CACjB2B,EAAc,KAAM3B,CAAK,CAC7B,CACA,WAAWA,EAAO,CACdF,EAAW,KAAME,CAAK,CAC1B,CACA,cAAcA,EAAO,CACjB4B,EAAc,KAAM5B,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnB,IAAI6B,EACJ,KAAK,gBAAgB,KAAK,iBAAkBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,uBAAwB,EAAI,EAChI,KAAK,gBAAgB,KAAK,eAAgB,KAAK,cAAc,CACjE,CACA,mBAAoB,CAChB,IAAIA,EACJ,KAAK,iBAAmBA,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,sBACpF,CACA,oBAAqB,CACjB,KAAK,qBAAoB,CAC7B,CACA,sBAAuB,CACf,KAAK,kBACL,KAAK,gBAAgB,KAAK,eAAe,EACzC,KAAK,gBAAkB,QAEvB,KAAK,gBACL,KAAK,gBAAgB,KAAK,cAAc,EAExC,KAAK,wBACL,KAAK,uBAAsB,CAEnC,CACA,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}

package/dist/assets/tooltip-align-6964dd71-32NcQL5L.js

@@ -1,4 +0,0 @@
-import{a as o}from"./align-f3101425-B4vHQ56A.js";import"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
-//# sourceMappingURL=tooltip-align-6964dd71-32NcQL5L.js.map

package/src/scenarios/custom-tooltip-width.tsx

@@ -1,33 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-
-import { KolButton } from '@public-ui/react-v19';
-import { SampleDescription } from '../components/SampleDescription';
-import { useToasterService } from '../hooks/useToasterService';
-
-export const CustomTooltipWidth: FC = () => {
-	const { dummyClickEventHandler } = useToasterService();
-
-	const dummyEventHandler = {
-		onClick: dummyClickEventHandler,
-	};
-
-	return (
-		<>
-			<SampleDescription>
-				<p>
-					This sample demonstrates how a tooltip&apos;s width can be adjusted by defining the CSS custom property <code>--kol-tooltip-width</code> on one of the
-					parent elements.
-				</p>
-			</SampleDescription>
-
-			<KolButton
-				_label="Tooltip with fixed width"
-				_hideLabel
-				style={{ '--kol-tooltip-width': '400px' }}
-				_icons="codicon codicon-reactions"
-				_on={dummyEventHandler}
-			></KolButton>
-		</>
-	);
-};