@public-ui/sample-react 3.1.0 → 3.1.1

package/dist/assets/kol-table-stateful.entry-BvdLK3d9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-table-stateful.entry-BvdLK3d9.js","sources":["../../../../components/dist/esm/kol-table-stateful.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-BVfSKhpj.js';\nimport { i as KolPaginationWcTag, n as KolTableStatelessWcTag } from './component-names-C3fyby67.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { d as watchBoolean, w as watchValidator, s as setState, O as emptyStringByArrayHandler, e as watchString, p as parseJson, o as objectObjectHandler, j as devHint } from './common-Dd0zJQbD.js';\nimport { v as validateTableData, a as validateTableDataFoot, b as validateHasSettingsMenu, c as validateTableSelection, d as validateTableStatefulCallbacks, e as validateTableSettings } from './table-settings-DxLvhwRE.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { C as Callback } from './keyboard-D6PoWr38.js';\nimport { K as KolEvent, d as dispatchDomEvent } from './events-9-skLO0f.js';\nimport './i18n-CfLoIZ8T.js';\n\nconst validateAllowMultiSort = (component, value, options = {}) => {\n    watchBoolean(component, '_allowMultiSort', value, Object.assign({ defaultValue: false }, options));\n};\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'];\nconst validatePaginationPosition = (component, value) => {\n    watchValidator(component, `_paginationPosition`, (value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value), new Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'bottom',\n    });\n};\n\nconst defaultStyleCss = () => `@charset \"UTF-8\";  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-button::before {          content: \"​\";   }   .kol-button__text {     width: 100%;   }   .kol-popover-button__button {     display: inline-block;   }   .kol-popover-button__popover {     margin: 0;     padding: 0;     border: 0;   }   .kol-popover-button--inline .kol-popover-button__button {     display: inline;   }   .kol-table-settings {     background: #fff;     position: absolute;     top: 0;     right: 0;     z-index: 1;   }   .kol-table-settings .kol-popover-button__popover {     background: #fff;     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);     border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     border: 1px solid #d1d5db;   }   .kol-table-settings__columns-container {     max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));     margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     overflow: auto;   }   .kol-table-settings__columns {     display: grid;     gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     grid-auto-rows: min-content;     grid-template-columns: min-content minmax(max-content, 1fr) calc(100 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;   }   .kol-table-settings__column {     display: contents;   }   .kol-table {     display: block;     position: relative;     max-width: 100%;   }   .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {          outline: 5px auto Highlight;     outline: 5px auto -webkit-focus-ring-color;     outline-offset: 2px;   }   .kol-table__scroll-container {     overflow-x: auto;     overflow-y: hidden;   }   .kol-table__table {     width: 100%;   }   .kol-table__caption {     min-height: var(--a11y-min-size);     padding-right: var(--a11y-min-size);     text-align: start;   }   .kol-table__sort-button .kol-button {     color: inherit;   }   .kol-table__body {     text-align: left;   }   .kol-table__body .kol-button__text {     justify-items: start;   }   .kol-table__cell--align-left {     text-align: left;   }   .kol-table__cell--align-left .kol-button__text {     align-items: start;   }   .kol-table__cell--align-center {     text-align: center;   }   .kol-table__cell--align-center .kol-button__text {     align-items: center;   }   .kol-table__cell--align-right {     text-align: right;   }   .kol-table__cell--align-right .kol-button__text {     align-items: end;   }   .kol-table__cell--selection {     width: var(--a11y-min-size);     height: var(--a11y-min-size);     white-space: nowrap;   }   .kol-table__spacer {     display: none;   }   .kol-table__selection-label {     display: flex;     position: relative;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;     cursor: pointer;   }   .kol-table__selection-label--disabled {     cursor: not-allowed;   }   .kol-table__selection-icon {     display: block;     position: absolute;     inset: auto;     z-index: 1;   }   .kol-table__selection-input {     border-style: solid;     margin: 0;     appearance: none;     cursor: pointer;   }   .kol-table__selection-input:disabled {     cursor: not-allowed;   }   .kol-table__selection-input:before {     content: \"\";   }   .kol-table__selection-input--checkbox {     background-color: rgb(255, 255, 255);     display: flex;     position: relative;     width: calc(var(--a11y-min-size) / 2);     height: calc(var(--a11y-min-size) / 2);     border-width: 2px;     align-items: center;     justify-content: center;     line-height: 1.5;   }   .kol-table__selection-input--radio {     border-radius: 100%;     display: flex;     width: 1.5em;     min-width: 1.5em;     height: 1.5em;     min-height: 1.5em;     padding: 0;     border-width: 2px;   }   .kol-table__selection-input--radio:before {     border-radius: 100%;     width: 0.75em;     height: 0.75em;     margin: auto;   }   .kol-table__selection-input--radio:checked:before {     background-color: #000;   }   @media (forced-colors: active) {     .kol-table__selection-input--radio:checked:before {              background-color: selectedItem !important;     }   }   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-form-field {     display: grid;   }   .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {     cursor: pointer;   }   .kol-form-field--disabled .kol-form-field__label {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__label-text::after {     content: \"*\"/\"\";   }   .kol-form-field--disabled .kol-form-field__hint {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__tooltip .span-label::after {     content: \"*\"/\"\";   }   .kol-input-container {     background-color: transparent;     display: grid;     width: 100%;     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);     align-items: center;     grid-template-columns: 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--start) {     grid-template-columns: auto 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--end) {     grid-template-columns: 1fr auto;   }   .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {     grid-template-columns: auto 1fr auto;   }   .kol-input-container__container {     position: relative;   }   .kol-input-container__adornment {     display: flex;     align-items: center;   }   .kol-input-container__adornment .kol-icon {     display: grid;     height: var(--a11y-min-size);     place-items: center;   }   .kol-select {     background-color: transparent;     width: 100%;   }   .kol-select:not(:disabled) {     cursor: pointer;   }   .kol-select:not([multiple], [size]) {     height: 2.75em;   }   .kol-select:focus {     outline: none;   }   .kol-select__option:checked::before {     content: \"✓ \";   }   .kol-select {        }   .kol-select[multiple] option {     padding: calc((var(--a11y-min-size) - 16 * 1rem / var(--kolibri-root-font-size, 16)) / 2) 0.5em;   }   .kol-pagination {     display: grid;     gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     grid-template-columns: 1fr auto;   }   .kol-pagination__navigation-list {     display: inline-flex;     margin: 0;     padding: 0;     gap: 0.5em;     flex-wrap: wrap;     align-items: center;     list-style: none;   }   .kol-pagination__separator:before {     content: \"•••\";   }   .kol-pagination__page-size-select .kol-form-field-select {     align-items: center;     grid-template-columns: 1fr max-content;   }   .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {     display: grid;     place-items: center;   }   @media (min-width: 1024px) {     .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {       grid-auto-flow: column;     }   }   .kol-pagination {     display: flex;     flex-wrap: wrap;   }   @media (min-width: 1024px) {     .kol-pagination {       display: flex;     }   }   @media (max-width: 1024px) {     .kol-pagination {       flex-direction: column;     }   } }`;\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\nconst paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);\nconst KolTableStateful = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.tableWcRef = ref;\n        };\n        this.sortData = [];\n        this.showPagination = false;\n        this.pageStartSlice = 0;\n        this.pageEndSlice = 10;\n        this.disableSort = false;\n        this._paginationPosition = 'bottom';\n        this.state = {\n            _allowMultiSort: false,\n            _data: [],\n            _dataFoot: [],\n            _headers: {\n                horizontal: [],\n                vertical: [],\n            },\n            _label: '',\n            _minWidth: 'auto',\n            _pagination: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n            _sortedData: [],\n            _paginationPosition: 'bottom',\n            _hasSettingsMenu: false,\n        };\n        this.handlePagination = {\n            onClick: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    this.state._pagination._on.onClick(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePage: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePage) === 'function') {\n                    this.state._pagination._on.onChangePage(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePageSize: (event, pageSize) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePageSize) === 'function') {\n                    this.state._pagination._on.onChangePageSize(event, pageSize);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _pageSize: pageSize }));\n                setState(this, '_pageSize', pageSize);\n            },\n        };\n        this.onSelectionChange = (event) => {\n            event.stopPropagation();\n        };\n        this.updateSortedData = () => {\n            if (this.disableSort) {\n                setState(this, '_sortedData', this.state._data);\n                return;\n            }\n            const sortedData = [...this.state._data];\n            if (this.sortData.length > 0) {\n                sortedData.sort((a, b) => {\n                    for (let index = 0; index < this.sortData.length; index++) {\n                        const data = this.sortData[index];\n                        const result = data.compareFn(a, b, data.direction);\n                        if (result !== 0) {\n                            return data.direction === 'ASC' ? result : -result;\n                        }\n                    }\n                    return 0;\n                });\n            }\n            setState(this, '_sortedData', sortedData);\n        };\n    }\n    validateAllowMultiSort(value) {\n        validateAllowMultiSort(this, value, { defaultValue: false });\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validatePaginationPosition(value) {\n        validatePaginationPosition(this, value);\n    }\n    validateHasSettingsMenu(value) {\n        validateHasSettingsMenu(this, value);\n    }\n    changeCellSort(headerCell) {\n        var _a;\n        if (typeof headerCell.compareFn === 'function') {\n            if (!this.state._allowMultiSort && headerCell.key !== ((_a = this.sortData[0]) === null || _a === void 0 ? void 0 : _a.key)) {\n                this.sortData = [];\n            }\n            const index = this.sortData.findIndex((value) => value.key === headerCell.key);\n            if (index >= 0) {\n                const settings = this.sortData[index];\n                switch (settings.direction) {\n                    case 'ASC':\n                        settings.direction = 'DESC';\n                        break;\n                    case 'DESC':\n                        this.sortData.splice(index, 1);\n                        break;\n                    default:\n                        settings.direction = 'ASC';\n                        break;\n                }\n            }\n            else if (headerCell.key) {\n                this.sortData.push({\n                    label: headerCell.label,\n                    key: headerCell.key,\n                    compareFn: headerCell.compareFn,\n                    direction: 'ASC',\n                });\n            }\n            this.updateSortedData();\n        }\n    }\n    validateHeaders(value) {\n        emptyStringByArrayHandler(value, () => {\n            objectObjectHandler(value, () => {\n                try {\n                    value = parseJson(value);\n                }\n                catch (e) {\n                }\n                watchValidator(this, '_headers', (value) => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n                    hooks: {\n                        beforePatch: (nextValue) => {\n                            var _a, _b, _c, _d;\n                            const applySort = (headers) => {\n                                let hasSortedCells = false;\n                                this.sortData = [];\n                                headers.forEach((cell) => {\n                                    if (typeof cell.compareFn === 'function' && !cell.key) {\n                                        devHint(`[KolTableStateful] A sortable column requires the 'key' property.`);\n                                        return;\n                                    }\n                                    const key = cell.key;\n                                    if (!key) {\n                                        return;\n                                    }\n                                    const sortDirection = cell.sortDirection;\n                                    if (sortDirection === 'ASC' || sortDirection === 'DESC') {\n                                        if (typeof cell.compareFn === 'function') {\n                                            if (this.state._allowMultiSort || this.sortData.length === 0) {\n                                                this.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n                                            }\n                                            hasSortedCells = true;\n                                        }\n                                    }\n                                });\n                                if (hasSortedCells) {\n                                    setTimeout(() => this.updateSortedData());\n                                }\n                            };\n                            const headers = nextValue;\n                            (_a = headers.horizontal) === null || _a === void 0 ? void 0 : _a.forEach(applySort);\n                            (_b = headers.vertical) === null || _b === void 0 ? void 0 : _b.forEach(applySort);\n                            if (headers.horizontal && headers.vertical && ((_c = headers.horizontal) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = headers.vertical) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                                this.disableSort = true;\n                                devHint(`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`);\n                            }\n                        },\n                    },\n                });\n            });\n        });\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_minWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    validateOn(value) {\n        validateTableStatefulCallbacks(this, value);\n    }\n    validateTableSettings(value) {\n        validateTableSettings(this, value);\n    }\n    validatePagination(value) {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        this.showPagination = paginationValidator(value);\n        watchValidator(this, '_pagination', paginationValidator, new Set(['boolean', 'KoliBriTablePagination']), value, {\n            defaultValue: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n        });\n    }\n    componentDidLoad() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.addEventListener(KolEvent.selectionChange, this.onSelectionChange);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.removeEventListener(KolEvent.selectionChange, this.onSelectionChange);\n    }\n    componentWillLoad() {\n        this.validateAllowMultiSort(this._allowMultiSort);\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaders(this._headers);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validateOn(this._on);\n        this.validatePagination(this._pagination);\n        this.validatePaginationPosition(this._paginationPosition);\n        this.validateSelection(this._selection);\n        this.validateTableSettings(this._tableSettings);\n        this.validateHasSettingsMenu(this._hasSettingsMenu);\n    }\n    selectDisplayedData(data, pageSize, page) {\n        if (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n            this.pageStartSlice = pageSize * (page - 1);\n            this.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n            return data.slice(this.pageStartSlice, this.pageEndSlice);\n        }\n        else {\n            this.pageStartSlice = 0;\n            this.pageEndSlice = data.length;\n            return data;\n        }\n    }\n    renderPagination(position) {\n        const label = translate('kol-table-pagination-label', {\n            placeholders: {\n                label: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n            },\n        });\n        return (h(\"div\", { class: `kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}` }, h(\"span\", { role: \"status\", \"aria-live\": \"polite\" }, translate('kol-table-visible-range', {\n            placeholders: {\n                start: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n                end: this.pageEndSlice.toString(),\n                total: this.state._pagination && this.state._pagination._max > 0\n                    ? this.state._pagination._max.toString()\n                    : Array.isArray(this.state._data)\n                        ? this.state._data.length.toString()\n                        : '0',\n            },\n        })), h(\"div\", { class: \"kol-table-stateful__pagination-wrapper\" }, h(KolPaginationWcTag, { class: \"test\", _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: \"bottom\", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: label }))));\n    }\n    getHeaderCellSortState(headerCell) {\n        if (!this.disableSort && typeof headerCell.compareFn === 'function') {\n            if (headerCell.key) {\n                const data = this.sortData.find((value) => value.key === headerCell.key);\n                if (data === null || data === void 0 ? void 0 : data.direction) {\n                    return data.direction;\n                }\n            }\n            return 'NOS';\n        }\n    }\n    handleSort({ key }) {\n        const headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n        if (headerCell) {\n            this.changeCellSort(headerCell);\n        }\n    }\n    getSelectedData(selectedKeys) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection) {\n            const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n            const keys = Array.isArray(selectedKeys) ? selectedKeys : [selectedKeys];\n            const keySet = new Set(keys.map(String));\n            const data = this.state._sortedData.filter((item) => keySet.has(String(item[keyPropertyName])));\n            if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n                return data[0];\n            }\n            if (keyPropertyName)\n                return data;\n        }\n        return null;\n    }\n    handleSelectionChange(event, value) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection)\n            this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: Array.isArray(value) ? value : [value] }) });\n        const selectedData = this.getSelectedData(value);\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Callback.onSelectionChange]) === 'function') {\n            this.state._on[Callback.onSelectionChange](event, selectedData);\n        }\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.selectionChange, selectedData);\n        }\n    }\n    async getSelection() {\n        var _a;\n        const selectedKeys = ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) || [];\n        return this.getSelectedData(selectedKeys);\n    }\n    render() {\n        var _a, _b, _c, _d, _e, _f;\n        const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? ((_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10) : this.state._sortedData.length, this.state._pagination._page || 1);\n        const paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n        const paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n        const headerCells = {\n            horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],\n            vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],\n        };\n        return (h(Host, { key: '5ab8ff5b83647e809cddeccf2245696887bd12b4', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: 'a508c9984294f4be4f37b43ea4b8d5f7417c0818', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {\n                onSort: (_, payload) => {\n                    this.handleSort(payload);\n                },\n                onSelectionChange: (event, value) => {\n                    this.handleSelectionChange(event, value);\n                },\n            }, _selection: this.state._selection, _tableSettings: this.state._tableSettings, _hasSettingsMenu: this.state._hasSettingsMenu }), this.pageEndSlice > 0 && this.showPagination && paginationBottom));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_allowMultiSort\": [{\n                \"validateAllowMultiSort\": 0\n            }],\n        \"_data\": [{\n                \"validateData\": 0\n            }],\n        \"_dataFoot\": [{\n                \"validateDataFoot\": 0\n            }],\n        \"_paginationPosition\": [{\n                \"validatePaginationPosition\": 0\n            }],\n        \"_hasSettingsMenu\": [{\n                \"validateHasSettingsMenu\": 0\n            }],\n        \"_headers\": [{\n                \"validateHeaders\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_minWidth\": [{\n                \"validateMinWidth\": 0\n            }],\n        \"_selection\": [{\n                \"validateSelection\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_tableSettings\": [{\n                \"validateTableSettings\": 0\n            }],\n        \"_pagination\": [{\n                \"validatePagination\": 0\n            }]\n    }; }\n};\nKolTableStateful.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTableStateful as kol_table_stateful };\n"],"names":["validateAllowMultiSort","component","value","options","watchBoolean","paginationPositionPropTypeOptions","validatePaginationPosition","watchValidator","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","hostRef","registerInstance","ref","event","page","_a","setState","pageSize","sortedData","a","b","index","data","result","validateTableData","validateTableDataFoot","validateHasSettingsMenu","headerCell","settings","emptyStringByArrayHandler","objectObjectHandler","parseJson","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","cell","devHint","key","sortDirection","validateLabel","watchString","validateTableSelection","validateTableStatefulCallbacks","validateTableSettings","KolEvent","position","label","translate","KolPaginationWcTag","selectedKeys","selection","keyPropertyName","keys","keySet","item","selectedData","Callback","dispatchDomEvent","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","column","Host","KolTableStatelessWcTag","_","payload","getElement"],"mappings":"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"}

package/dist/assets/kol-table-stateless.entry-YhJvYYwN.js

@@ -1,2 +0,0 @@
-import{r as o,h as e,ac as i}from"./index-hDzmycZM.js";const l=()=>'@charset "UTF-8";  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-button::before {          content: "​";   }   .kol-button__text {     width: 100%;   }   .kol-popover-button__button {     display: inline-block;   }   .kol-popover-button__popover {     margin: 0;     padding: 0;     border: 0;   }   .kol-popover-button--inline .kol-popover-button__button {     display: inline;   }   .kol-table-settings {     background: #fff;     position: absolute;     top: 0;     right: 0;     z-index: 1;   }   .kol-table-settings .kol-popover-button__popover {     background: #fff;     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);     border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     border: 1px solid #d1d5db;   }   .kol-table-settings__columns-container {     max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));     margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     overflow: auto;   }   .kol-table-settings__columns {     display: grid;     gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     grid-auto-rows: min-content;     grid-template-columns: min-content minmax(max-content, 1fr) calc(100 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;   }   .kol-table-settings__column {     display: contents;   }   .kol-table {     display: block;     position: relative;     max-width: 100%;   }   .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {          outline: 5px auto Highlight;     outline: 5px auto -webkit-focus-ring-color;     outline-offset: 2px;   }   .kol-table__scroll-container {     overflow-x: auto;     overflow-y: hidden;   }   .kol-table__table {     width: 100%;   }   .kol-table__caption {     min-height: var(--a11y-min-size);     padding-right: var(--a11y-min-size);     text-align: start;   }   .kol-table__sort-button .kol-button {     color: inherit;   }   .kol-table__body {     text-align: left;   }   .kol-table__body .kol-button__text {     justify-items: start;   }   .kol-table__cell--align-left {     text-align: left;   }   .kol-table__cell--align-left .kol-button__text {     align-items: start;   }   .kol-table__cell--align-center {     text-align: center;   }   .kol-table__cell--align-center .kol-button__text {     align-items: center;   }   .kol-table__cell--align-right {     text-align: right;   }   .kol-table__cell--align-right .kol-button__text {     align-items: end;   }   .kol-table__cell--selection {     width: var(--a11y-min-size);     height: var(--a11y-min-size);     white-space: nowrap;   }   .kol-table__spacer {     display: none;   }   .kol-table__selection-label {     display: flex;     position: relative;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;     cursor: pointer;   }   .kol-table__selection-label--disabled {     cursor: not-allowed;   }   .kol-table__selection-icon {     display: block;     position: absolute;     inset: auto;     z-index: 1;   }   .kol-table__selection-input {     border-style: solid;     margin: 0;     appearance: none;     cursor: pointer;   }   .kol-table__selection-input:disabled {     cursor: not-allowed;   }   .kol-table__selection-input:before {     content: "";   }   .kol-table__selection-input--checkbox {     background-color: rgb(255, 255, 255);     display: flex;     position: relative;     width: calc(var(--a11y-min-size) / 2);     height: calc(var(--a11y-min-size) / 2);     border-width: 2px;     align-items: center;     justify-content: center;     line-height: 1.5;   }   .kol-table__selection-input--radio {     border-radius: 100%;     display: flex;     width: 1.5em;     min-width: 1.5em;     height: 1.5em;     min-height: 1.5em;     padding: 0;     border-width: 2px;   }   .kol-table__selection-input--radio:before {     border-radius: 100%;     width: 0.75em;     height: 0.75em;     margin: auto;   }   .kol-table__selection-input--radio:checked:before {     background-color: #000;   }   @media (forced-colors: active) {     .kol-table__selection-input--radio:checked:before {              background-color: selectedItem !important;     }   } }',a=class{constructor(t){o(this,t)}render(){return e(i,{key:"0bb344f2ce9af4bfcfe4f075b4a86343b33f275f",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_minWidth:this._minWidth,_on:this._on,_selection:this._selection,_tableSettings:this._tableSettings,_hasSettingsMenu:this._hasSettingsMenu})}};a.style={default:l()};export{a as kol_table_stateless};
-//# sourceMappingURL=kol-table-stateless.entry-YhJvYYwN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-table-stateless.entry-YhJvYYwN.js","sources":["../../../../components/dist/esm/kol-table-stateless.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { n as KolTableStatelessWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `@charset \"UTF-8\";  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-button::before {          content: \"​\";   }   .kol-button__text {     width: 100%;   }   .kol-popover-button__button {     display: inline-block;   }   .kol-popover-button__popover {     margin: 0;     padding: 0;     border: 0;   }   .kol-popover-button--inline .kol-popover-button__button {     display: inline;   }   .kol-table-settings {     background: #fff;     position: absolute;     top: 0;     right: 0;     z-index: 1;   }   .kol-table-settings .kol-popover-button__popover {     background: #fff;     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);     border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     border: 1px solid #d1d5db;   }   .kol-table-settings__columns-container {     max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));     margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     overflow: auto;   }   .kol-table-settings__columns {     display: grid;     gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     grid-auto-rows: min-content;     grid-template-columns: min-content minmax(max-content, 1fr) calc(100 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;   }   .kol-table-settings__column {     display: contents;   }   .kol-table {     display: block;     position: relative;     max-width: 100%;   }   .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {          outline: 5px auto Highlight;     outline: 5px auto -webkit-focus-ring-color;     outline-offset: 2px;   }   .kol-table__scroll-container {     overflow-x: auto;     overflow-y: hidden;   }   .kol-table__table {     width: 100%;   }   .kol-table__caption {     min-height: var(--a11y-min-size);     padding-right: var(--a11y-min-size);     text-align: start;   }   .kol-table__sort-button .kol-button {     color: inherit;   }   .kol-table__body {     text-align: left;   }   .kol-table__body .kol-button__text {     justify-items: start;   }   .kol-table__cell--align-left {     text-align: left;   }   .kol-table__cell--align-left .kol-button__text {     align-items: start;   }   .kol-table__cell--align-center {     text-align: center;   }   .kol-table__cell--align-center .kol-button__text {     align-items: center;   }   .kol-table__cell--align-right {     text-align: right;   }   .kol-table__cell--align-right .kol-button__text {     align-items: end;   }   .kol-table__cell--selection {     width: var(--a11y-min-size);     height: var(--a11y-min-size);     white-space: nowrap;   }   .kol-table__spacer {     display: none;   }   .kol-table__selection-label {     display: flex;     position: relative;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;     cursor: pointer;   }   .kol-table__selection-label--disabled {     cursor: not-allowed;   }   .kol-table__selection-icon {     display: block;     position: absolute;     inset: auto;     z-index: 1;   }   .kol-table__selection-input {     border-style: solid;     margin: 0;     appearance: none;     cursor: pointer;   }   .kol-table__selection-input:disabled {     cursor: not-allowed;   }   .kol-table__selection-input:before {     content: \"\";   }   .kol-table__selection-input--checkbox {     background-color: rgb(255, 255, 255);     display: flex;     position: relative;     width: calc(var(--a11y-min-size) / 2);     height: calc(var(--a11y-min-size) / 2);     border-width: 2px;     align-items: center;     justify-content: center;     line-height: 1.5;   }   .kol-table__selection-input--radio {     border-radius: 100%;     display: flex;     width: 1.5em;     min-width: 1.5em;     height: 1.5em;     min-height: 1.5em;     padding: 0;     border-width: 2px;   }   .kol-table__selection-input--radio:before {     border-radius: 100%;     width: 0.75em;     height: 0.75em;     margin: auto;   }   .kol-table__selection-input--radio:checked:before {     background-color: #000;   }   @media (forced-colors: active) {     .kol-table__selection-input--radio:checked:before {              background-color: selectedItem !important;     }   } }`;\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return (h(KolTableStatelessWcTag, { key: '0bb344f2ce9af4bfcfe4f075b4a86343b33f275f', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings, _hasSettingsMenu: this._hasSettingsMenu }));\n    }\n};\nKolTableStateless.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTableStateless as kol_table_stateless };\n"],"names":["defaultStyleCss","KolTableStateless","hostRef","registerInstance","h","KolTableStatelessWcTag"],"mappings":"uDAOA,MAAMA,EAAkB,IAAM,0+PAExBC,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAQE,EAAEC,EAAwB,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,aAAc,KAAK,aAAc,OAAQ,KAAK,OAAQ,UAAW,KAAK,UAAW,IAAK,KAAK,IAAK,WAAY,KAAK,WAAY,eAAgB,KAAK,eAAgB,iBAAkB,KAAK,iBAAkB,CAClV,CACJ,EACAJ,EAAkB,MAAQ,CACtB,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-tabs.entry-FIxb5xVL.js

@@ -1,2 +0,0 @@
-import{r as p,v as f,d as h,a as c,h as n,e as b,s as _,a6 as g,a0 as m,a1 as v,ad as y,g as k,w as T,m as w}from"./index-hDzmycZM.js";import{v as x}from"./align-D-ifSKu8-7Mn2tQC6.js";import{v as C}from"./label-Dnmzb2S_-YuosJx7D.js";import{c as P}from"./clsx-eK3rPvPS-B-dksMZM.js";import{t as B}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{K as r}from"./keyboard-D6PoWr38-BGYQJqo4.js";const u=["select-automatic","select-manual"],A=(e,t)=>{T(e,"_behavior",a=>typeof a=="string"&&u.includes(a),new Set([`KoliBriTabBehavior {${u.join(", ")}`]),t)},S=(e,t)=>{w(e,"_hasCreateButton",t)},H=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-tabs {     display: var(--display);     grid-template-columns: var(--grid-template-columns);     grid-template-rows: var(--grid-template-rows);   }   .kol-tabs--align-right {     --display: grid;     --grid-template-columns: 1fr auto;     --button-group-flex-direction: column;     --button-group-order: 2;   }   .kol-tabs--align-left {     --display: grid;     --grid-template-columns: auto 1fr;     --button-group-flex-direction: column;     --button-group-order: 0;   }   .kol-tabs--align-bottom {     --display: grid;     --grid-template-rows: 1fr auto;     --button-group-order: 2;   }   .kol-tabs__tabs-align-top {     --display: grid;     --grid-template-rows: auto 1fr;     --button-group-order: 0;   }   .kol-tabs__button-group {     display: flex;     order: var(--button-group-order);     flex-direction: var(--button-group-flex-direction);     flex-wrap: wrap;   }   .kol-tabs__button-group .kol-button {     border-bottom-color: transparent;     display: block;     border-bottom-style: solid;   }   .kol-tabs__panel {     height: 100%;   } }",I=class{constructor(e){p(this,e),this.onCreateLabel=`${B("kol-new")} …`,this.nextPossibleTabIndex=(t,a,o=1)=>{const i=a+o;return i<t.length?t[i]._disabled?this.nextPossibleTabIndex(t,a,o+1):i:a},this.prevPossibleTabIndex=(t,a,o=1)=>{const i=a-o;return i>=0?t[i]._disabled?this.prevPossibleTabIndex(t,a,o+1):i:a},this.onKeyDown=t=>{switch(t.key){case r.ArrowRight:this.goToNextTab(t);break;case r.ArrowLeft:this.goToPreviousTab(t);break;case r.Space:case r.Enter:this.activateFocusedTab(t);break}},this.onClickSelect=(t,a)=>{this.selectNextTabEvent(t,a)},this.onMouseDown=t=>{t.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=t=>{this.tabPanelHost=t},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(t,a,o=!0,i)=>{if(t>a.length-1&&(t=a.length-1),t<0&&(t=0),Array.isArray(a)&&a[t]&&a[t]._disabled){if(o===!0){if(t<a.length-1)return this.selectNextNotDisabledTab(t+1,a,!0,i||t);t=i||t,o=!1}if(o===!1){if(t>0)return this.selectNextNotDisabledTab(t-1,a,!1,i||t);f("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return t},this.syncSelectedAndTabs=(t,a,o,i)=>{let s;i==="_selected"?s=t:s=this.state._selected;let l;i==="_tabs"?l=t:l=this.state._tabs,l.length>0&&a.set("_selected",this.selectNextNotDisabledTab(s,l))},this.refreshTabPanels=()=>{var t,a,o,i;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let s=0;s<((t=this.state._tabs)===null||t===void 0?void 0:t.length);s++){const l=document.createElement("div");l.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${s}`),l.setAttribute("id",`tabpanel-${s}`),l.setAttribute("role","tabpanel"),l.setAttribute("hidden","");const d=document.createElement("slot");d.setAttribute("name",`tabpanel-slot-${s}`),l.appendChild(d),(a=this.tabPanelHost)===null||a===void 0||a.appendChild(l),typeof HTMLCollection<"u"&&((o=this.host)===null||o===void 0?void 0:o.children)instanceof HTMLCollection&&(!((i=this.host)===null||i===void 0)&&i.children[s])&&this.host.children[s].setAttribute("slot",`tabpanel-slot-${s}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((t,a)=>{a===this.state._selected?t.removeAttribute("hidden"):t.setAttribute("hidden","")})},this.onCreate=t=>{var a,o;t.preventDefault(),(o=(a=this.state._on)===null||a===void 0?void 0:a.onCreate)===null||o===void 0||o.call(a,t),this.host&&h(this.host,c.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return typeof this.currentFocusIndex=="number"?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return this._behavior==="select-manual"?"selectFocusOnly":"activateCompletely"}goToNextTab(e){const t=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,t,this.getKeyboardTabChangeMode())}goToPreviousTab(e){const t=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,t,this.getKeyboardTabChangeMode())}activateFocusedTab(e){typeof this.currentFocusIndex=="number"&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,t,a="activateCompletely"){var o,i;this.currentFocusIndex=t,this.focusTabById(t),a==="activateCompletely"&&(this._selected=t,(i=(o=this.state._tabs[t]._on)===null||o===void 0?void 0:o.onSelect)===null||i===void 0||i.call(o,e,t),this.onSelect(e,t))}renderButtonGroup(){return n("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,t)=>n(b,{_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===t?0:-1,_tooltipAlign:e._tooltipAlign,_buttonVariant:this.state._selected===t?"custom":void 0,_customClass:this.state._selected===t?"selected":void 0,_ariaControls:`tabpanel-${t}`,_ariaSelected:this.state._selected===t,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${t}`,_role:"tab",_value:t})),this.state._hasCreateButton&&n(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"codicon codicon-plus","data-testid":"tabs-create-button"}))}render(){return n("div",{key:"5ff105f158763851589016d153653f9082038b09",ref:e=>{this.tabPanelsElement=e},class:P("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),n("div",{key:"f474721466208ada0a986ba4e00863b025195fb4",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){x(this,e)}validateBehavior(e){A(this,e)}validateHasCreateButton(e){S(this,e)}validateLabel(e){C(this,e,{required:!0})}validateOn(e){if(typeof e=="object"&&e!==null){const t={};typeof e.onCreate=="function"&&(t.onCreate=e.onCreate),typeof e.onSelect=="function"&&(t.onSelect=e.onSelect),_(this,"_on",t)}}validateSelected(e){g(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){m(this,"_tabs",t=>typeof t=="object"&&t!==null&&typeof t._label=="string"&&t._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),v("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(e){if(this.tabPanelsElement){const t=y(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);t?.focus()}}onSelect(e,t){var a,o;(o=(a=this._on)===null||a===void 0?void 0:a.onSelect)===null||o===void 0||o.call(a,e,t),this.host&&h(this.host,c.select,t),this.focusTabById(t)}get host(){return k(this)}static get watchers(){return{_align:[{validateAlign:0}],_behavior:[{validateBehavior:0}],_hasCreateButton:[{validateHasCreateButton:0}],_label:[{validateLabel:0}],_on:[{validateOn:0}],_selected:[{validateSelected:0}],_tabs:[{validateTabs:0}]}}};I.style={default:H()};export{I as kol_tabs};
-//# sourceMappingURL=kol-tabs.entry-FIxb5xVL.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-tabs.entry-FIxb5xVL.js","sources":["../../../../components/dist/esm/kol-tabs.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-BVfSKhpj.js';\nimport { w as watchValidator, d as watchBoolean, j as devHint, s as setState, N as watchNumber, H as watchJsonArrayString, I as uiUxHintMillerscheZahl, P as koliBriQuerySelector } from './common-Dd0zJQbD.js';\nimport { v as validateAlign } from './align-D-ifSKu8.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport './i18n-CfLoIZ8T.js';\n\nconst tabBehaviorPropTypeOptions = ['select-automatic', 'select-manual'];\nconst validateTabBehavior = (component, value) => {\n    watchValidator(component, `_behavior`, (value) => typeof value === 'string' && tabBehaviorPropTypeOptions.includes(value), new Set([`KoliBriTabBehavior {${tabBehaviorPropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateHasCreateButton = (component, value) => {\n    watchBoolean(component, '_hasCreateButton', value);\n};\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-tabs {     display: var(--display);     grid-template-columns: var(--grid-template-columns);     grid-template-rows: var(--grid-template-rows);   }   .kol-tabs--align-right {     --display: grid;     --grid-template-columns: 1fr auto;     --button-group-flex-direction: column;     --button-group-order: 2;   }   .kol-tabs--align-left {     --display: grid;     --grid-template-columns: auto 1fr;     --button-group-flex-direction: column;     --button-group-order: 0;   }   .kol-tabs--align-bottom {     --display: grid;     --grid-template-rows: 1fr auto;     --button-group-order: 2;   }   .kol-tabs__tabs-align-top {     --display: grid;     --grid-template-rows: auto 1fr;     --button-group-order: 0;   }   .kol-tabs__button-group {     display: flex;     order: var(--button-group-order);     flex-direction: var(--button-group-flex-direction);     flex-wrap: wrap;   }   .kol-tabs__button-group .kol-button {     border-bottom-color: transparent;     display: block;     border-bottom-style: solid;   }   .kol-tabs__panel {     height: 100%;   } }`;\n\nconst KolTabs = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.onCreateLabel = `${translate('kol-new')} …`;\n        this.nextPossibleTabIndex = (tabs, offset, step = 1) => {\n            const nextOffset = offset + step;\n            if (nextOffset < tabs.length) {\n                if (tabs[nextOffset]._disabled) {\n                    return this.nextPossibleTabIndex(tabs, offset, step + 1);\n                }\n                return nextOffset;\n            }\n            return offset;\n        };\n        this.prevPossibleTabIndex = (tabs, offset, step = 1) => {\n            const nextOffset = offset - step;\n            if (nextOffset >= 0) {\n                if (tabs[nextOffset]._disabled) {\n                    return this.prevPossibleTabIndex(tabs, offset, step + 1);\n                }\n                return nextOffset;\n            }\n            return offset;\n        };\n        this.onKeyDown = (event) => {\n            switch (event.key) {\n                case KeyboardKey.ArrowRight:\n                    this.goToNextTab(event);\n                    break;\n                case KeyboardKey.ArrowLeft:\n                    this.goToPreviousTab(event);\n                    break;\n                case KeyboardKey.Space:\n                case KeyboardKey.Enter:\n                    this.activateFocusedTab(event);\n                    break;\n            }\n        };\n        this.onClickSelect = (event, index) => {\n            this.selectNextTabEvent(event, index);\n        };\n        this.onMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.callbacks = {\n            onClick: this.onClickSelect,\n            onMouseDown: this.onMouseDown,\n        };\n        this.catchTabPanelHost = (el) => {\n            this.tabPanelHost = el;\n        };\n        this._align = 'top';\n        this._hasCreateButton = false;\n        this._selected = 0;\n        this.state = {\n            _align: 'top',\n            _label: '',\n            _selected: 0,\n            _tabs: [],\n        };\n        this.selectNextNotDisabledTab = (selected, tabs, upOrDown = true, initialSelected) => {\n            if (selected > tabs.length - 1) {\n                selected = tabs.length - 1;\n            }\n            if (selected < 0) {\n                selected = 0;\n            }\n            if (Array.isArray(tabs) && tabs[selected]) {\n                if (tabs[selected]._disabled) {\n                    if (upOrDown === true) {\n                        if (selected < tabs.length - 1) {\n                            return this.selectNextNotDisabledTab(selected + 1, tabs, true, initialSelected || selected);\n                        }\n                        else {\n                            selected = initialSelected || selected;\n                            upOrDown = false;\n                        }\n                    }\n                    if (upOrDown === false) {\n                        if (selected > 0) {\n                            return this.selectNextNotDisabledTab(selected - 1, tabs, false, initialSelected || selected);\n                        }\n                        else {\n                            devHint(`[KolTabs] All tabs are disabled, and therefore no tab can be displayed.`);\n                        }\n                    }\n                }\n            }\n            return selected;\n        };\n        this.syncSelectedAndTabs = (nextValue, nextState, _component, key) => {\n            let selected;\n            if (key === '_selected') {\n                selected = nextValue;\n            }\n            else {\n                selected = this.state._selected;\n            }\n            let tabs;\n            if (key === '_tabs') {\n                tabs = nextValue;\n            }\n            else {\n                tabs = this.state._tabs;\n            }\n            if (tabs.length > 0) {\n                nextState.set('_selected', this.selectNextNotDisabledTab(selected, tabs));\n            }\n        };\n        this.refreshTabPanels = () => {\n            var _a, _b, _c, _d;\n            if (!this.tabPanelHost)\n                return;\n            while (this.tabPanelHost.firstChild) {\n                this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);\n            }\n            for (let i = 0; i < ((_a = this.state._tabs) === null || _a === void 0 ? void 0 : _a.length); i++) {\n                const div = document.createElement('div');\n                div.setAttribute('aria-labelledby', `${this.state._label.replace(/\\s/g, '-')}-tab-${i}`);\n                div.setAttribute('id', `tabpanel-${i}`);\n                div.setAttribute('role', 'tabpanel');\n                div.setAttribute('hidden', '');\n                const slot = document.createElement('slot');\n                slot.setAttribute('name', `tabpanel-slot-${i}`);\n                div.appendChild(slot);\n                (_b = this.tabPanelHost) === null || _b === void 0 ? void 0 : _b.appendChild(div);\n                if (typeof HTMLCollection !== 'undefined' && ((_c = this.host) === null || _c === void 0 ? void 0 : _c.children) instanceof HTMLCollection && ((_d = this.host) === null || _d === void 0 ? void 0 : _d.children[i])) {\n                    this.host.children[i].setAttribute('slot', `tabpanel-slot-${i}`);\n                }\n            }\n            this.updateVisiblePanel();\n        };\n        this.updateVisiblePanel = () => {\n            if (!this.tabPanelHost)\n                return;\n            Array.from(this.tabPanelHost.children).forEach((child, i) => {\n                if (i === this.state._selected) {\n                    child.removeAttribute('hidden');\n                }\n                else {\n                    child.setAttribute('hidden', '');\n                }\n            });\n        };\n        this.onCreate = (event) => {\n            var _a, _b;\n            event.preventDefault();\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (this.host) {\n                dispatchDomEvent(this.host, KolEvent.create);\n            }\n        };\n        this.onBlur = () => {\n            this.currentFocusIndex = undefined;\n        };\n    }\n    getCurrentFocusIndex() {\n        if (typeof this.currentFocusIndex === 'number') {\n            return this.currentFocusIndex;\n        }\n        return this.state._selected;\n    }\n    getKeyboardTabChangeMode() {\n        if (this._behavior === 'select-manual') {\n            return 'selectFocusOnly';\n        }\n        return 'activateCompletely';\n    }\n    goToNextTab(event) {\n        const nextFocusIndex = this.nextPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n        this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n    }\n    goToPreviousTab(event) {\n        const nextFocusIndex = this.prevPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n        this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n    }\n    activateFocusedTab(event) {\n        if (typeof this.currentFocusIndex === 'number') {\n            this.onSelect(event, this.currentFocusIndex);\n        }\n    }\n    selectNextTabEvent(event, nextTabIndex, changeMode = 'activateCompletely') {\n        var _a, _b;\n        this.currentFocusIndex = nextTabIndex;\n        this.focusTabById(nextTabIndex);\n        if (changeMode === 'activateCompletely') {\n            this._selected = nextTabIndex;\n            const tab = this.state._tabs[nextTabIndex];\n            (_b = (_a = tab._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, nextTabIndex);\n            this.onSelect(event, nextTabIndex);\n        }\n    }\n    renderButtonGroup() {\n        return (h(\"div\", { \"aria-label\": this.state._label, class: \"kol-tabs__button-group\", role: \"tablist\", onKeyDown: this.onKeyDown, onBlur: this.onBlur }, this.state._tabs.map((button, index) => (h(KolButtonWcTag, { _disabled: button._disabled, _icons: button._icons, _hideLabel: button._hideLabel, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _buttonVariant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, _role: \"tab\", _value: index }))), this.state._hasCreateButton && (h(KolButtonWcTag, { class: \"kol-tabs__button-create\", _label: this.onCreateLabel, _on: {\n                onClick: this.onCreate,\n            }, _icons: \"codicon codicon-plus\", \"data-testid\": \"tabs-create-button\" }))));\n    }\n    render() {\n        return (h(\"div\", { key: '5ff105f158763851589016d153653f9082038b09', ref: (el) => {\n                this.tabPanelsElement = el;\n            }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), h(\"div\", { key: 'f474721466208ada0a986ba4e00863b025195fb4', class: \"kol-tabs__content\", ref: this.catchTabPanelHost })));\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateBehavior(value) {\n        validateTabBehavior(this, value);\n    }\n    validateHasCreateButton(value) {\n        validateHasCreateButton(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCreate === 'function') {\n                callbacks.onCreate = value.onCreate;\n            }\n            if (typeof value.onSelect === 'function') {\n                callbacks.onSelect = value.onSelect;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    validateSelected(value) {\n        watchNumber(this, '_selected', value, {\n            hooks: {\n                beforePatch: this.syncSelectedAndTabs,\n            },\n        });\n    }\n    validateTabs(value) {\n        watchJsonArrayString(this, '_tabs', (item) => typeof item === 'object' && item !== null && typeof item._label === 'string' && item._label.length > 0, value, undefined, {\n            hooks: {\n                beforePatch: this.syncSelectedAndTabs,\n                afterPatch: this.refreshTabPanels,\n            },\n        });\n        uiUxHintMillerscheZahl('KolTabs', this.state._tabs.length);\n    }\n    componentWillLoad() {\n        this.validateAlign(this._align);\n        this.validateLabel(this._label);\n        this.validateOn(this._on);\n        this.validateSelected(this._selected);\n        this.validateTabs(this._tabs);\n        this.validateBehavior(this._behavior);\n        this.validateHasCreateButton(this._hasCreateButton);\n    }\n    componentDidRender() {\n        this.refreshTabPanels();\n    }\n    focusTabById(index) {\n        if (this.tabPanelsElement) {\n            const button = koliBriQuerySelector(`button#${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, this.tabPanelsElement);\n            button === null || button === void 0 ? void 0 : button.focus();\n        }\n    }\n    onSelect(event, index) {\n        var _a, _b;\n        (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, index);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.select, index);\n        }\n        this.focusTabById(index);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_align\": [{\n                \"validateAlign\": 0\n            }],\n        \"_behavior\": [{\n                \"validateBehavior\": 0\n            }],\n        \"_hasCreateButton\": [{\n                \"validateHasCreateButton\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_selected\": [{\n                \"validateSelected\": 0\n            }],\n        \"_tabs\": [{\n                \"validateTabs\": 0\n            }]\n    }; }\n};\nKolTabs.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTabs as kol_tabs };\n"],"names":["tabBehaviorPropTypeOptions","validateTabBehavior","component","value","watchValidator","validateHasCreateButton","watchBoolean","defaultStyleCss","KolTabs","hostRef","registerInstance","translate","tabs","offset","step","nextOffset","event","KeyboardKey","index","el","selected","upOrDown","initialSelected","devHint","nextValue","nextState","_component","key","_a","_b","_c","_d","i","div","slot","child","dispatchDomEvent","KolEvent","nextFocusIndex","nextTabIndex","changeMode","h","button","KolButtonWcTag","clsx","validateAlign","validateLabel","callbacks","setState","watchNumber","watchJsonArrayString","item","uiUxHintMillerscheZahl","koliBriQuerySelector","getElement"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{h as l,r as y,g as k,n as x,w}from"./index-hDzmycZM.js";import{c as d}from"./clsx-eK3rPvPS-B-dksMZM.js";import{F as L,g as R,c as C,d as H}from"./FormFieldStateWrapper-BD6_Aq_y-Bt2PU-LJ.js";import{I as z,a as S}from"./controller-icon-z0j8meAS-C-joMNrP.js";import{_ as h}from"./tslib.es6-CxX45GIN-BGVaTf34.js";import{n as B}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{a as M,v as O,b as T}from"./max-length-behavior-nTw1Zuyf-KStjBTH7.js";import{v as F}from"./placeholder-BVhy3BzI-DfeHlbLA.js";import{v as A}from"./read-only-BetTuumR-BCLChh9Q.js";import{v as j}from"./required-CnTTpFCN-CvjJVgRi.js";import{v as V}from"./rows-DtS-0sp9-BBrKh0Mv.js";import{v as q}from"./spell-check-B9ot-4t--BDiiALyM.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./i18n-LBpyQ66X-tgWLHoTR.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import"./access-and-short-key-B37XLwy2-COtfXnqU.js";import"./disabled-BhpAFgSp-XwsrDnWT.js";import"./hide-label-B9FhGrWP-B9enFW4p.js";import"./label-Dnmzb2S_-YuosJx7D.js";import"./tooltip-align-Cnin7S26-e-hO8qp6.js";import"./align-D-ifSKu8-7Mn2tQC6.js";import"./associated.controller-B9GDDaFL-C06Z5T1A.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js";import"./Icon-DazIQvDi-DtkY3Xyh.js";import"./icons-DNTuScEN-yEnXhcF2.js";import"./Heading-DwQEABii-THMC_gpR.js";const c=["vertical","none"],P=e=>typeof e=="string"&&c.includes(e),I=(e,t)=>{w(e,"_resize",P,new Set(c),t,{defaultValue:"vertical"})},D=e=>{const{class:t,msg:a,touched:i,readonly:r,disabled:o,required:s,ariaDescribedBy:u,hideLabel:p,label:m}=e,v=h(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),_=C(a,i),f=typeof a=="string"?"error":a?._type,g={"kol-textarea--disabled":!!o,"kol-textarea--required":!!s,"kol-textarea--touched":!!i,"kol-textarea--readonly":!!r,[`kol-textarea--${f||"error"}`]:_},b=Object.assign(Object.assign({class:d("kol-textarea",g,t),required:s,disabled:o,readonly:r},H({ariaDescribedBy:u,hideLabel:p,label:m})),v);return l("textarea",Object.assign({},b))};function K(e,t){var a;const r=[...R(e).ariaDescribedBy,...(a=t.ariaDescribedBy)!==null&&a!==void 0?a:[]],o=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},t),{ariaDescribedBy:r});return"_maxLength"in e&&"_maxLengthBehavior"in e&&e._maxLengthBehavior==="hard"&&(o.maxLength=e._maxLength),"_shortKey"in e&&(o["aria-keyshortcuts"]=e._shortKey),o}const W=e=>{var{state:t}=e,a=h(e,["state"]);return l(D,Object.assign({},K(t,a)))};class N extends S{constructor(t,a,i){super(t,a,i),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateHasCounter(t){M(this.component,t)}validateMaxLengthBehavior(t){O(this.component,t)}validateMaxLength(t){T(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(t){F(this.component,t)}validateReadOnly(t){A(this.component,t)}validateResize(t){I(this.component,t)}validateRequired(t){j(this.component,t)}validateRows(t){V(this.component,t)}validateSpellCheck(t){q(this.component,t)}validateValue(t){x(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const $=()=>' @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-form-field {     display: grid;   }   .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {     cursor: pointer;   }   .kol-form-field--disabled .kol-form-field__label {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__label-text::after {     content: "*"/"";   }   .kol-form-field--disabled .kol-form-field__hint {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__tooltip .span-label::after {     content: "*"/"";   }   .kol-input-container {     background-color: transparent;     display: grid;     width: 100%;     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);     align-items: center;     grid-template-columns: 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--start) {     grid-template-columns: auto 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--end) {     grid-template-columns: 1fr auto;   }   .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {     grid-template-columns: auto 1fr auto;   }   .kol-input-container__container {     position: relative;   }   .kol-input-container__adornment {     display: flex;     align-items: center;   }   .kol-input-container__adornment .kol-icon {     display: grid;     height: var(--a11y-min-size);     place-items: center;   }   .kol-textarea {     width: 100%;   }   .kol-textarea:focus {     outline: none;   } }',n=e=>{e.style.overflow="hidden";const t=e.rows,a=e.clientHeight/t;e.rows=1;const i=Math.round(e.scrollHeight/a);return e.rows=t,i},E=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async focus(){var e;return Promise.resolve((e=this.textareaRef)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}getFormFieldProps(){return{state:this.state,class:d("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getTextAreaProps(){const e=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}render(){return l(L,Object.assign({key:"8c0e36e0f3518438ad47719a0487838b50458bfa"},this.getFormFieldProps()),l(z,{key:"46550d2a7fe6d389b92205e55da49cd30e525fb3",state:this.state},l(W,Object.assign({key:"95bfd7318945abbd30a807e2f705946d8e2dabf1"},this.getTextAreaProps()))))}constructor(e){y(this,e),this.catchRef=t=>{this.textareaRef=t},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${B()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=n(this.textareaRef)),this.controller.onFacade.onInput(t))},this.controller=new N(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>n(this.textareaRef)?this.state._rows:n(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}get host(){return k(this)}static get watchers(){return{_accessKey:[{validateAccessKey:0}],_adjustHeight:[{validateAdjustHeight:0}],_disabled:[{validateDisabled:0}],_hideMsg:[{validateHideMsg:0}],_hideLabel:[{validateHideLabel:0}],_hasCounter:[{validateHasCounter:0}],_hint:[{validateHint:0}],_icons:[{validateIcons:0}],_id:[{validateId:0}],_label:[{validateLabel:0}],_maxLength:[{validateMaxLength:0}],_maxLengthBehavior:[{validateMaxLengthBehavior:0}],_msg:[{validateMsg:0}],_name:[{validateName:0}],_on:[{validateOn:0}],_placeholder:[{validatePlaceholder:0}],_readOnly:[{validateReadOnly:0}],_resize:[{validateResize:0}],_required:[{validateRequired:0}],_rows:[{validateRows:0}],_shortKey:[{validateShortKey:0}],_spellCheck:[{validateSpellCheck:0}],_syncValueBySelector:[{validateSyncValueBySelector:0}],_touched:[{validateTouched:0}],_value:[{validateValue:0}]}}};E.style={default:$()};export{E as kol_textarea};
-//# sourceMappingURL=kol-textarea.entry-Gj8OlVIj.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-textarea.entry-Gj8OlVIj.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-BVfSKhpj.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as getDefaultProps, c as checkHasMsg, g as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-BD6_Aq_y.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-z0j8meAS.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { w as watchValidator, e as watchString } from './common-Dd0zJQbD.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-nTw1Zuyf.js';\nimport { v as validatePlaceholder } from './placeholder-BVhy3BzI.js';\nimport { v as validateReadOnly } from './read-only-BetTuumR.js';\nimport { v as validateRequired } from './required-CnTTpFCN.js';\nimport { v as validateRows } from './rows-DtS-0sp9.js';\nimport { v as validateSpellCheck } from './spell-check-B9ot-4t-.js';\nimport './access-and-short-key-B37XLwy2.js';\nimport './disabled-BhpAFgSp.js';\nimport './hide-label-B9FhGrWP.js';\nimport './label-Dnmzb2S_.js';\nimport './tooltip-align-Cnin7S26.js';\nimport './align-D-ifSKu8.js';\nimport './events-9-skLO0f.js';\nimport './associated.controller-B9GDDaFL.js';\nimport './bootstrap-DcyDkVEo.js';\nimport './component-names-C3fyby67.js';\nimport './i18n-CfLoIZ8T.js';\nimport './isObject-DvSELytj.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-LBpyQ66X.js';\nimport './InternalUnderlinedBadgeText-BXMEPoNX.js';\nimport './Alert-I3c2hFqL.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\nimport './Icon-DazIQvDi.js';\nimport './icons-DNTuScEN.js';\n\nconst textareaResizeOptions = ['vertical', 'none'];\nconst isTextareaResizePropType = (value) => {\n    return typeof value === 'string' && textareaResizeOptions.includes(value);\n};\nconst validateResizeTextarea = (component, value) => {\n    watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n        defaultValue: 'vertical',\n    });\n};\n\nconst TextAreaFc = (props) => {\n    const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n    const showMsg = checkHasMsg(msg, touched);\n    const msgType = typeof msg === 'string' ? 'error' : msg === null || msg === void 0 ? void 0 : msg._type;\n    const stateCssClasses = {\n        ['kol-textarea--disabled']: Boolean(disabled),\n        ['kol-textarea--required']: Boolean(required),\n        ['kol-textarea--touched']: Boolean(touched),\n        ['kol-textarea--readonly']: Boolean(readonly),\n        [`kol-textarea--${msgType || 'error'}`]: showMsg,\n    };\n    const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n    return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state, other) {\n    var _a;\n    const renderStates = getRenderStates(state);\n    const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];\n    const props = Object.assign(Object.assign({ id: state._id, hideLabel: state._hideLabel, label: state._label, value: state._value, accessKey: state._accessKey, disabled: state._disabled, name: state._name, rows: state._rows, readonly: state._readOnly, required: state._required, placeholder: state._placeholder, touched: state._touched, msg: state._msg }, other), { ariaDescribedBy });\n    if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n        props.maxLength = state._maxLength;\n    }\n    if ('_shortKey' in state)\n        props['aria-keyshortcuts'] = state._shortKey;\n    return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n    var { state } = _a, other = __rest(_a, [\"state\"]);\n    return h(TextAreaFc, Object.assign({}, getTextAreaProps(state, other)));\n};\n\nclass TextareaController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.afterSyncCharCounter = () => {\n            if (typeof this.component._value === 'string') {\n                this.component.state._currentLength = this.component._value.length;\n                this.updateCurrentLengthDebounced(this.component._value.length);\n            }\n        };\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value);\n    }\n    validateMaxLengthBehavior(value) {\n        validateMaxLengthBehavior(this.component, value);\n    }\n    validateMaxLength(value) {\n        validateMaxLength(this.component, value, {\n            hooks: { afterPatch: this.afterSyncCharCounter },\n        });\n    }\n    validatePlaceholder(value) {\n        validatePlaceholder(this.component, value);\n    }\n    validateReadOnly(value) {\n        validateReadOnly(this.component, value);\n    }\n    validateResize(value) {\n        validateResizeTextarea(this.component, value);\n    }\n    validateRequired(value) {\n        validateRequired(this.component, value);\n    }\n    validateRows(value) {\n        validateRows(this.component, value);\n    }\n    validateSpellCheck(value) {\n        validateSpellCheck(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n        this.setFormAssociatedValue(this.component._value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateHasCounter(this.component._hasCounter);\n        this.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n        this.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateRequired(this.component._required);\n        this.validateResize(this.component._resize);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-form-field {     display: grid;   }   .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {     cursor: pointer;   }   .kol-form-field--disabled .kol-form-field__label {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__label-text::after {     content: \"*\"/\"\";   }   .kol-form-field--disabled .kol-form-field__hint {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__tooltip .span-label::after {     content: \"*\"/\"\";   }   .kol-input-container {     background-color: transparent;     display: grid;     width: 100%;     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);     align-items: center;     grid-template-columns: 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--start) {     grid-template-columns: auto 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--end) {     grid-template-columns: 1fr auto;   }   .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {     grid-template-columns: auto 1fr auto;   }   .kol-input-container__container {     position: relative;   }   .kol-input-container__adornment {     display: flex;     align-items: center;   }   .kol-input-container__adornment .kol-icon {     display: grid;     height: var(--a11y-min-size);     place-items: center;   }   .kol-textarea {     width: 100%;   }   .kol-textarea:focus {     outline: none;   } }`;\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        var _a;\n        return Promise.resolve((_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: clsx('kol-form-field-textarea', {\n                'kol-form-field--has-value': this.state._hasValue,\n                'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n            }),\n            tooltipAlign: this._tooltipAlign,\n            alert: this.showAsAlert(),\n        };\n    }\n    getTextAreaProps() {\n        const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n                resize: this.state._resize,\n            }, ariaDescribedBy }, this.controller.onFacade), { onInput: this.onInput, onFocus: (event) => {\n                this.controller.onFacade.onFocus(event);\n                this.inputHasFocus = true;\n            }, onBlur: (event) => {\n                this.controller.onFacade.onBlur(event);\n                this.inputHasFocus = false;\n            } });\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '8c0e36e0f3518438ad47719a0487838b50458bfa' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '46550d2a7fe6d389b92205e55da49cd30e525fb3', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '95bfd7318945abbd30a807e2f705946d8e2dabf1' }, this.getTextAreaProps())))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this._adjustHeight = false;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._hasCounter = false;\n        this._maxLengthBehavior = 'hard';\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _currentLengthDebounced: 0,\n            _hasValue: false,\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                this._value = this.textareaRef.value;\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMaxLength(value) {\n        this.controller.validateMaxLength(value);\n    }\n    validateMaxLengthBehavior(value) {\n        this.controller.validateMaxLengthBehavior(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateResize(value) {\n        this.controller.validateResize(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateRows(value) {\n        this.controller.validateRows(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentDidLoad() {\n        setTimeout(() => {\n            var _a;\n            if (this._adjustHeight === true && this.textareaRef) {\n                this._rows =\n                    ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n            }\n            else if (!this._rows) {\n                this._rows = 1;\n            }\n        }, 0);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n        this.state._hasValue = !!this.state._value;\n        this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [{\n                \"validateAccessKey\": 0\n            }],\n        \"_adjustHeight\": [{\n                \"validateAdjustHeight\": 0\n            }],\n        \"_disabled\": [{\n                \"validateDisabled\": 0\n            }],\n        \"_hideMsg\": [{\n                \"validateHideMsg\": 0\n            }],\n        \"_hideLabel\": [{\n                \"validateHideLabel\": 0\n            }],\n        \"_hasCounter\": [{\n                \"validateHasCounter\": 0\n            }],\n        \"_hint\": [{\n                \"validateHint\": 0\n            }],\n        \"_icons\": [{\n                \"validateIcons\": 0\n            }],\n        \"_id\": [{\n                \"validateId\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_maxLength\": [{\n                \"validateMaxLength\": 0\n            }],\n        \"_maxLengthBehavior\": [{\n                \"validateMaxLengthBehavior\": 0\n            }],\n        \"_msg\": [{\n                \"validateMsg\": 0\n            }],\n        \"_name\": [{\n                \"validateName\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_placeholder\": [{\n                \"validatePlaceholder\": 0\n            }],\n        \"_readOnly\": [{\n                \"validateReadOnly\": 0\n            }],\n        \"_resize\": [{\n                \"validateResize\": 0\n            }],\n        \"_required\": [{\n                \"validateRequired\": 0\n            }],\n        \"_rows\": [{\n                \"validateRows\": 0\n            }],\n        \"_shortKey\": [{\n                \"validateShortKey\": 0\n            }],\n        \"_spellCheck\": [{\n                \"validateSpellCheck\": 0\n            }],\n        \"_syncValueBySelector\": [{\n                \"validateSyncValueBySelector\": 0\n            }],\n        \"_touched\": [{\n                \"validateTouched\": 0\n            }],\n        \"_value\": [{\n                \"validateValue\": 0\n            }]\n    }; }\n};\nKolTextarea.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTextarea as kol_textarea };\n"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","msgType","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","TextAreaStateWrapper","TextareaController","InputIconController","name","host","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","watchString","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","v","getElement"],"mappings":"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"}

package/dist/assets/kol-toast-container.entry-yV_Wl1hI.js

@@ -1,2 +0,0 @@
-import{r as h,h as a,ae as p,H as b}from"./index-hDzmycZM.js";import{t as m}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{n as f}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{K as u}from"./Alert-I3c2hFqL-BJ91wMmi.js";import"./markdown-BSkXjaSn-CgWNYJ5a.js";import{_ as k}from"./tslib.es6-CxX45GIN-BGVaTf34.js";import{c as g}from"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";const _=t=>{var{status:o,toast:e,onClose:s}=t,i=k(t,["status","toast","onClose"]);const{type:l,label:r,description:c,variant:d}=e;return a("div",{class:g("kol-toast-item",`kol-toast-item--${o}`)},a(u,{class:"kol-toast-item__alert",alert:!0,label:r,level:0,hasCloser:!0,type:l,variant:d||"card",onCloserClick:s},a("div",Object.assign({},i),c)))},y=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   :host {     display: flex;     position: fixed;     z-index: 200;     max-width: 90vw;     flex-direction: column;   }   .kol-toast-container__close-all {     align-self: flex-end;   } }",n=300,v=class{constructor(t){h(this,t),this.state={_toastStates:[]},this.translateToastCloseAll=m("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(t){const o={toast:Object.assign(Object.assign({},t),{variant:"card"}),status:"adding",id:`toast-${f()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[o,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===o.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},n),()=>{this.handleClose(o)}}handleClose(t){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(o=>(o.id===t.id&&(o.status="removing"),o))}),setTimeout(()=>{var o,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(s=>s.id!==t.id)}),(e=(o=t.toast).onClose)===null||e===void 0||e.call(o)},n)}async closeAll(t=!1){if(t)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const o=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:o.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>o.every(s=>s.id!==e.id))}),o.forEach(e=>{var s,i;(i=(s=e.toast).onClose)===null||i===void 0||i.call(s)})},n)}}handleToastRef(t,o){o&&typeof t.toast.render=="function"&&!this.knownRenderFunctions.has(t.toast.render)&&(this.knownRenderFunctions.add(t.toast.render),t.toast.render(o,{close:()=>this.handleClose(t)}))}render(){return a(b,{key:"05182cc920080f5bc3c06bb647a1bf59c58fae8d",class:"kol-toast-container"},this.state._toastStates.length>1&&a(p,{key:"e4e196489dd617e994ba8c11c38893dd505db1e1",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(t=>a(_,{key:t.id,onClose:()=>this.handleClose(t),ref:o=>this.handleToastRef(t,o),toast:t.toast,status:t.status})))}};v.style={default:y()};export{v as kol_toast_container};
-//# sourceMappingURL=kol-toast-container.entry-yV_Wl1hI.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-toast-container.entry-yV_Wl1hI.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-BVfSKhpj.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { o as KolButtonTag } from './component-names-C3fyby67.js';\nimport { K as KolAlertFc } from './Alert-I3c2hFqL.js';\nimport './common-Dd0zJQbD.js';\nimport './markdown-BSkXjaSn.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-CfLoIZ8T.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\n\nconst ToastItemFc = (_a) => {\n    var { status, toast, onClose } = _a, other = __rest(_a, [\"status\", \"toast\", \"onClose\"]);\n    const { type, label, description, variant } = toast;\n    return (h(\"div\", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) }, h(KolAlertFc, { class: \"kol-toast-item__alert\", alert: true, label: label, level: 0, hasCloser: true, type: type, variant: variant || 'card', onCloserClick: onClose }, h(\"div\", Object.assign({}, other), description))));\n};\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   :host {     display: flex;     position: fixed;     z-index: 200;     max-width: 90vw;     flex-direction: column;   }   .kol-toast-container__close-all {     align-self: flex-end;   } }`;\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _toastStates: [],\n        };\n        this.translateToastCloseAll = translate('kol-toast-close-all');\n        this.knownRenderFunctions = new Set();\n    }\n    async enqueue(toast) {\n        const newToastState = {\n            toast: Object.assign(Object.assign({}, toast), { variant: 'card' }),\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: '05182cc920080f5bc3c06bb647a1bf59c58fae8d', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: 'e4e196489dd617e994ba8c11c38893dd505db1e1', _label: this.translateToastCloseAll, class: \"kol-toast-container__button-close-all\", _on: {\n                onClick: () => {\n                    void this.closeAll();\n                },\n            } })), this.state._toastStates.map((toastState) => (h(ToastItemFc, { key: toastState.id, onClose: () => this.handleClose(toastState), ref: (element) => this.handleToastRef(toastState, element), toast: toastState.toast, status: toastState.status })))));\n    }\n};\nKolToastContainer.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolToastContainer as kol_toast_container };\n"],"names":["ToastItemFc","_a","status","toast","onClose","other","__rest","type","label","description","variant","h","clsx","KolAlertFc","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","translate","newToastState","nonce","localToastState","toastState","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag"],"mappings":"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"}

package/dist/assets/kol-toolbar.entry-GxX9b6NQ.js

@@ -1,2 +0,0 @@
-import{r as b,h as m,j as p,e as f,g as u,ab as k,o as y,p as _,s as g}from"./index-hDzmycZM.js";import{_ as w}from"./tslib.es6-CxX45GIN-BGVaTf34.js";import{v as x}from"./label-Dnmzb2S_-YuosJx7D.js";import{K as a}from"./keyboard-D6PoWr38-BGYQJqo4.js";import{v}from"./orientation-eCMt8CD1-Czjtd99A.js";const I=(t,e)=>{k(e,()=>{y(e,()=>{typeof e>"u"&&(e=[]);try{e=_(e)}catch{}Array.isArray(e)&&e.every(o=>typeof o=="object"&&o!==null)&&g(t,"_items",e)})})},z=()=>'@charset "UTF-8";   @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-link {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-link::before {          content: "​";   }   .kol-link__text {     width: 100%;   }   .kol-toolbar {     display: flex;     flex-wrap: wrap;     align-items: center;   }   .kol-toolbar--orientation-vertical {     flex-direction: column;     align-items: stretch;   }   .kol-toolbar--orientation-vertical .kol-span {     align-items: flex-start;   }   .kol-toolbar:focus-within {     outline: 1px solid;     outline-offset: 2px;   } }',T=class{constructor(t){b(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(e,o)=>{const i=this.normalizeItem(e),s=o===this.currentIndex&&!i?._disabled?0:-1,n={key:o,class:"button normal kol-toolbar__item",_tabIndex:s},d=c=>{c&&this.indexToElement.set(o,c)};return"_href"in i?m(p,Object.assign({},i,n,{ref:d})):m(f,Object.assign({},i,n,{ref:d}))}}normalizeItem(t){const{_icons:e,_disabled:o}=t,i=w(t,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:e,_disabled:o})}render(){return m("div",{key:"9dd677a500fea840ccbfca4ee4d1eca92a06a903",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(t){x(this,t)}validateItems(t){I(this,t),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(t){v(this,t)}getCurrentToolbarItem(t){return typeof t=="number"?this.indexToElement.get(t):void 0}setFirstEnabledItemIndex(){var t;this.currentIndex=(t=this.state._items)===null||t===void 0?void 0:t.findIndex(e=>!e._disabled)}handleKeyDown(t){var e,o,i,s,n;const d=t.code;if(![a.ArrowUp,a.ArrowDown,a.ArrowRight,a.ArrowLeft].includes(d))return;t.preventDefault();const h=((o=(e=this._items)===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)-1;if(h<0)return;const l=this.currentIndex;let r=l;switch(d){case a.ArrowUp:case a.ArrowLeft:r=l>0?l-1:h;break;case a.ArrowDown:case a.ArrowRight:r=l<h?l+1:0;break}l!==r&&(!((s=(i=this.state._items)===null||i===void 0?void 0:i[r])===null||s===void 0)&&s._disabled||(this.currentIndex=r,(n=this.getCurrentToolbarItem(r))===null||n===void 0||n.focus()))}handleBlur(t){t.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return u(this)}static get watchers(){return{_label:[{validateLabel:0}],_items:[{validateItems:0}],_orientation:[{validateOrientation:0}]}}};T.style={default:z()};export{T as kol_toolbar};
-//# sourceMappingURL=kol-toolbar.entry-GxX9b6NQ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kol-toolbar.entry-GxX9b6NQ.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-BVfSKhpj.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport { O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { v as validateOrientation } from './orientation-eCMt8CD1.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = () => `@charset \"UTF-8\";   @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-link {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-link::before {          content: \"​\";   }   .kol-link__text {     width: 100%;   }   .kol-toolbar {     display: flex;     flex-wrap: wrap;     align-items: center;   }   .kol-toolbar--orientation-vertical {     flex-direction: column;     align-items: stretch;   }   .kol-toolbar--orientation-vertical .kol-span {     align-items: flex-start;   }   .kol-toolbar:focus-within {     outline: 1px solid;     outline-offset: 2px;   } }`;\n\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this.indexToElement = new Map();\n        this.renderItem = (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                class: 'button normal kol-toolbar__item',\n                _tabIndex: tabIndex,\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    }\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(\"div\", { key: '9dd677a500fea840ccbfca4ee4d1eca92a06a903', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    validateOrientation(value) {\n        validateOrientation(this, value);\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d, _e;\n        const pressedKey = event.code;\n        const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_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 (pressedKey) {\n            case KeyboardKey.ArrowUp:\n            case KeyboardKey.ArrowLeft:\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case KeyboardKey.ArrowDown:\n            case KeyboardKey.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.focus());\n    }\n    handleBlur(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.validateOrientation(this._orientation);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_items\": [{\n                \"validateItems\": 0\n            }],\n        \"_orientation\": [{\n                \"validateOrientation\": 0\n            }]\n    }; }\n};\nKolToolbar.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolToolbar as kol_toolbar };\n"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","setState","defaultStyleCss","KolToolbar","hostRef","registerInstance","raw","index","element","tabIndex","props","catchRef","el","h","KolLinkWcTag","KolButtonWcTag","item","_icons","_disabled","rest","__rest","validateLabel","validateOrientation","_a","event","_b","_c","_d","_e","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}

package/dist/assets/kol-tree-item.entry-Bw9Z_Rnu.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,ag as n}from"./index-hDzmycZM.js";const l=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tree-item {     --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));   }   .kol-tree-item__link .kol-link {     display: inline-flex;     min-height: var(--a11y-min-size);     padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));     padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     text-decoration: none;   }   .kol-tree-item__link--first-level .kol-link {     padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tree-item__link-inner {     display: flex;     align-items: center;   }   .kol-tree-item__children {     margin: 0;     padding: 0;     list-style: none;   }   .kol-tree-item .kol-span {     place-items: unset;   }   .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {     display: inline-flex;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;   }   .kol-tree-item__text {     text-decoration: underline;   } }",a=class{constructor(e){o(this,e)}async focus(){var e;return Promise.resolve((e=this.element)===null||e===void 0?void 0:e.focus())}async focusLink(){return this.focus()}async expand(){var e;return Promise.resolve((e=this.element)===null||e===void 0?void 0:e.expand())}async collapse(){var e;return Promise.resolve((e=this.element)===null||e===void 0?void 0:e.collapse())}async isOpen(){var e,i;return(i=await((e=this.element)===null||e===void 0?void 0:e.isOpen()))!==null&&i!==void 0?i:!1}render(){return t(n,{key:"10423bea3abc1e93d76d9cc740af25991e1944cf",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:e=>this.element=e},t("slot",{key:"efc07e646a66d0034caab0ff546529a70098c836"}))}};a.style={default:l()};export{a as kol_tree_item};
-//# sourceMappingURL=kol-tree-item.entry-Bw9Z_Rnu.js.map

package/dist/assets/kol-tree-item.entry-Bw9Z_Rnu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-tree-item.entry-Bw9Z_Rnu.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { q as KolTreeItemWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tree-item {     --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));   }   .kol-tree-item__link .kol-link {     display: inline-flex;     min-height: var(--a11y-min-size);     padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));     padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));     align-items: center;     text-decoration: none;   }   .kol-tree-item__link--first-level .kol-link {     padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tree-item__link-inner {     display: flex;     align-items: center;   }   .kol-tree-item__children {     margin: 0;     padding: 0;     list-style: none;   }   .kol-tree-item .kol-span {     place-items: unset;   }   .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {     display: inline-flex;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;   }   .kol-tree-item__text {     text-decoration: underline;   } }`;\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async focusLink() {\n        return this.focus();\n    }\n    async expand() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.expand());\n    }\n    async collapse() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.collapse());\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: '10423bea3abc1e93d76d9cc740af25991e1944cf', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: 'efc07e646a66d0034caab0ff546529a70098c836' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTreeItem as kol_tree_item };\n"],"names":["defaultStyleCss","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAOA,MAAMA,EAAkB,IAAM,4tGAExBC,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,MAAM,OAAQ,CACV,IAAIE,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAC9F,CACA,MAAM,WAAY,CACd,OAAO,KAAK,MAAK,CACrB,CACA,MAAM,QAAS,CACX,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,CAAE,CAC/F,CACA,MAAM,UAAW,CACb,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAQ,CAAE,CACjG,CACA,MAAM,QAAS,CACX,IAAIA,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EAClI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACjR,CACJ,EACAL,EAAY,MAAQ,CAChB,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-tree.entry-C2IgvRNv.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,af as i}from"./index-hDzmycZM.js";const a=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tree__treeview-navigation {     margin: 0;     padding: 0;     list-style: none;   }   .kol-tree:focus-within {     outline: 1px solid;     outline-offset: 2px;   } }",l=class{constructor(o){t(this,o)}render(){return e(i,{key:"c9729dc44fcf465925dc6a866d399e62413cf9e1",_label:this._label},e("slot",{key:"ff341bf2e8b093cedea4f62ee4c9f54403aa1e7c"}))}};l.style={default:a()};export{l as kol_tree};
-//# sourceMappingURL=kol-tree.entry-C2IgvRNv.js.map

package/dist/assets/kol-tree.entry-C2IgvRNv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-tree.entry-C2IgvRNv.js","sources":["../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { p as KolTreeWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tree__treeview-navigation {     margin: 0;     padding: 0;     list-style: none;   }   .kol-tree:focus-within {     outline: 1px solid;     outline-offset: 2px;   } }`;\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return (h(KolTreeWcTag, { key: 'c9729dc44fcf465925dc6a866d399e62413cf9e1', _label: this._label }, h(\"slot\", { key: 'ff341bf2e8b093cedea4f62ee4c9f54403aa1e7c' })));\n    }\n};\nKolTree.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolTree as kol_tree };\n"],"names":["defaultStyleCss","KolTree","hostRef","registerInstance","h","KolTreeWcTag"],"mappings":"uDAOA,MAAMA,EAAkB,IAAM,yxEAExBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACpK,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-version.entry-BXtJNh9a.js

@@ -1,2 +0,0 @@
-import{r as o,h as a,ah as t,H as l}from"./index-hDzmycZM.js";import{v as i}from"./label-Dnmzb2S_-YuosJx7D.js";import{t as n}from"./i18n-LBpyQ66X-tgWLHoTR.js";const r=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } }",s=class{constructor(e){o(this,e),this.translateVersion=n("kol-version"),this.state={_label:"0.0.0-alpha.0"}}render(){return a(l,{key:"e510fa48ba288ec02a12f779576f8b5044bffbb3",class:"kol-version"},a(t,{key:"c51ecb43bea94a9b609035916ff21e1fcd4be1fa",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:this.translateVersion}},_label:this.state._label}))}validateLabel(e){i(this,e,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:[{validateLabel:0}]}}};s.style={default:r()};export{s as kol_version};
-//# sourceMappingURL=kol-version.entry-BXtJNh9a.js.map

package/dist/assets/kol-version.entry-BXtJNh9a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-version.entry-BXtJNh9a.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-BVfSKhpj.js';\nimport './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { r as KolBadgeTag } from './component-names-C3fyby67.js';\nimport './i18n-CfLoIZ8T.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } }`;\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.translateVersion = translate('kol-version');\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'e510fa48ba288ec02a12f779576f8b5044bffbb3', class: \"kol-version\" }, h(KolBadgeTag, { key: 'c51ecb43bea94a9b609035916ff21e1fcd4be1fa', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'codicon codicon-versions', label: this.translateVersion },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [{\n                \"validateLabel\": 0\n            }]\n    }; }\n};\nKolVersion.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolVersion as kol_version };\n"],"names":["defaultStyleCss","KolVersion","hostRef","registerInstance","translate","h","Host","KolBadgeTag","value","validateLabel"],"mappings":"+JAUA,MAAMA,EAAkB,IAAM,olEAExBC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,iBAAmBE,EAAU,aAAa,EAC/C,KAAK,MAAQ,CACT,OAAQ,eACpB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,2BAA4B,MAAO,KAAK,gBAAgB,CACtF,EAAe,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACvC,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP,EACAP,EAAW,MAAQ,CACf,QAASD,EAAe,CAC5B"}

package/dist/assets/multiple-Cj3JQafH-B5QdRmJ8.js

@@ -1,2 +0,0 @@
-import{m as o}from"./index-hDzmycZM.js";const i=(t,a,l)=>{o(t,"_multiple",a,l)};export{i as v};
-//# sourceMappingURL=multiple-Cj3JQafH-B5QdRmJ8.js.map

package/dist/assets/multiple-Cj3JQafH-B5QdRmJ8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiple-Cj3JQafH-B5QdRmJ8.js","sources":["../../../../components/dist/esm/multiple-Cj3JQafH.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-Dd0zJQbD.js';\n\nconst validateMultiple = (component, value, options) => {\n    watchBoolean(component, '_multiple', value, options);\n};\n\nexport { validateMultiple as v };\n"],"names":["validateMultiple","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAmB,CAACC,EAAWC,EAAOC,IAAY,CACpDC,EAAaH,EAAW,YAAaC,EAAOC,CAAO,CACvD"}

package/dist/assets/open-CbvHO4XG-n8QXh3_y.js

@@ -1,2 +0,0 @@
-import{m as t}from"./index-hDzmycZM.js";const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-CbvHO4XG-n8QXh3_y.js.map

package/dist/assets/open-CbvHO4XG-n8QXh3_y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-CbvHO4XG-n8QXh3_y.js","sources":["../../../../components/dist/esm/open-CbvHO4XG.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-Dd0zJQbD.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}

package/dist/assets/orientation-eCMt8CD1-Czjtd99A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"orientation-eCMt8CD1-Czjtd99A.js","sources":["../../../../components/dist/esm/orientation-eCMt8CD1.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-Dd0zJQbD.js';\n\nconst orientationPropTypeOptions = ['horizontal', 'vertical'];\nconst validateOrientation = (component, value, defaultValue = 'horizontal') => {\n    watchValidator(component, `_orientation`, (value) => typeof value === 'string' && orientationPropTypeOptions.includes(value), new Set([`KoliBriOrientation {${orientationPropTypeOptions.join(', ')}`]), value, {\n        defaultValue,\n    });\n};\n\nexport { validateOrientation as v };\n"],"names":["orientationPropTypeOptions","validateOrientation","component","value","defaultValue","watchValidator"],"mappings":"wCAKA,MAAMA,EAA6B,CAAC,aAAc,UAAU,EACtDC,EAAsB,CAACC,EAAWC,EAAOC,EAAe,eAAiB,CAC3EC,EAAeH,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAAYH,EAA2B,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBH,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CAC5M,aAAAC,CACR,CAAK,CACL"}

package/dist/assets/placeholder-BVhy3BzI-DfeHlbLA.js

@@ -1,2 +0,0 @@
-import{n as r}from"./index-hDzmycZM.js";const l=(a,e,o={})=>{r(a,"_placeholder",e,o)};export{l as v};
-//# sourceMappingURL=placeholder-BVhy3BzI-DfeHlbLA.js.map