npm - @public-ui/sample-react - Versions diffs - 3.0.1 → 3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0 - Mend

@public-ui/sample-react 3.0.1 → 3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0

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

Files changed (239) hide show

package/dist/assets/{kol-single-select.entry-DGYvKwRU.js.map → kol-single-select.entry-Cm8XNXBU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-single-select.entry-DGYvKwRU.js","sources":["../../../../components/dist/esm/kol-single-select.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { h, r as registerInstance, g as getElement } from './index-1ed13705.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { e as KolIconTag } from './component-names-7924d82a.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-c4b5c6cb.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-de12de48.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-9b8419a8.js';\nimport { g as getRenderStates, C as CustomSuggestionsToggleFc, a as CustomSuggestionsOptionsGroupFc, b as CustomSuggestionsOptionFc } from './CustomSuggestionsOptionsGroup-dcff90e4.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { n as nonce } from './dev.utils-cb61837d.js';\nimport { i as watchBoolean, w as watchValidator, B as watchString, E as watchNumber } from './index-ebe5a881.js';\nimport { f as fillKeyOptionMap, b as validateOptions } from './controller-ce246aad.js';\nimport './events-bad0a075.js';\nimport './associated.controller-92af2554.js';\nimport './bootstrap-93c7a706.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './tslib.es6-1173d062.js';\nimport './Alert-112aec59.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-733c8dda.js';\nimport './InternalUnderlinedBadgeText-781ef373.js';\nimport './isArray-7a60fa7f.js';\nimport './Icon-446dff9e.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\nimport './Input-8502a991.js';\nimport './orientation-409d844a.js';\n\nclass SingleSelectController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.keyOptionMap = new Map();\n this.afterPatchOptions = (value, _state, _component, key) => {\n if (key === '_value') {\n this.setFormAssociatedValue(value);\n }\n };\n this.beforePatchOptions = (_value, nextState) => {\n const options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n if (Array.isArray(options) && options.length > 0) {\n this.keyOptionMap.clear();\n fillKeyOptionMap(this.keyOptionMap, options);\n }\n };\n this.component = component;\n }\n validateOptions(value) {\n validateOptions(this.component, value, {\n hooks: {\n afterPatch: this.afterPatchOptions,\n beforePatch: this.beforePatchOptions,\n },\n });\n }\n validateRequired(value) {\n watchBoolean(this.component, '_required', value);\n }\n validateValue(value) {\n watchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n }\n validatePlaceholder(value) {\n watchString(this.component, '_placeholder', value);\n }\n validateHideClearButton(value) {\n watchBoolean(this.component, '_hideClearButton', value);\n }\n validateRows(value) {\n watchNumber(this.component, '_rows', value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateOptions(this.component._options);\n this.validateRequired(this.component._required);\n this.validateValue(this.component._value);\n this.validatePlaceholder(this.component._placeholder);\n this.validateHideClearButton(this.component._hideClearButton);\n this.validateRows(this.component._rows);\n }\n}\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. /\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n place-items: center;\\n display: flex;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n / Visible with forced colors /\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-option {\\n cursor: pointer;\\n white-space: normal;\\n overflow-wrap: break-word;\\n word-wrap: break-word;\\n line-height: 1.5;\\n }\\n .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\\n cursor: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-options-group {\\n display: block;\\n position: absolute;\\n list-style-type: none;\\n margin: 0;\\n padding: 0;\\n overflow-y: auto;\\n overflow-x: hidden;\\n z-index: 2;\\n background-color: white;\\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-toggle {\\n align-items: center;\\n display: flex;\\n height: var(--a11y-min-size);\\n width: var(--a11y-min-size);\\n }\\n .kol-custom-suggestions-toggle:not(:disabled) {\\n cursor: pointer;\\n }\\n}\\n@layer kol-component {\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"\\\";\\n }\\n}\\n@layer kol-component {\\n .kol-input-container {\\n align-items: center;\\n background-color: white;\\n display: grid;\\n grid-template-columns: 1fr;\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\\n@layer kol-component {\\n .kol-single-select__delete {\\n cursor: pointer;\\n }\\n .kol-single-select__delete--disabled {\\n cursor: not-allowed;\\n }\\n .kol-single-select__no-results-message {\\n cursor: default;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-single-select .kol-custom-suggestions-options-group {\\n max-height: calc((40rem / var(--kolibri-root-font-size, 16)) var(--visible-options, 5) + (2rem / var(--kolibri-root-font-size, 16))) !important;\\n }\\n}\";\nconst KolSingleSelectDefaultStyle0 = defaultStyleCss;\n\nconst KolSingleSelect = class {\n async getValue() {\n return this._value;\n }\n async kolFocus() {\n var _a;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n onBlur() {\n var _a;\n if (Array.isArray(this.state._options) && this.state._options.length > 0 && !this.state._options.some((option) => option.label === this._inputValue)) {\n this._inputValue = (_a = this.state._options.find((option) => option.value === this._value)) === null \|\| _a === void 0 ? void 0 : _a.label;\n this._filteredOptions = [...this.state._options];\n }\n this._isOpen = false;\n this._hasOpened = false;\n }\n clearSelection() {\n if (this.state._disabled) {\n return;\n }\n else {\n const emptyValue = null;\n this._focusedOptionIndex = -1;\n this._value = emptyValue;\n this._inputValue = '';\n this._filteredOptions = [...this.state._options];\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), true, emptyValue);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), emptyValue);\n }\n }\n selectOption(option) {\n this._value = option.value;\n this._inputValue = option.label;\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option.value } }), false, option.value);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option.value } }), option.value);\n this._filteredOptions = [...this.state._options];\n this.controller.setFormAssociatedValue(this._value);\n }\n onInput(event) {\n const target = event.target;\n this._inputValue = target.value;\n this._isOpen = true;\n this.setFilteredOptionsByQuery(target.value);\n this._focusedOptionIndex = -1;\n }\n handleKeyDownDropdown(event) {\n if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n event.preventDefault();\n this._isOpen = true;\n this.focusSuggestionStartingWith(event.key);\n }\n }\n setFilteredOptionsByQuery(query) {\n if ((query === null \|\| query === void 0 ? void 0 : query.trim()) === '') {\n this._filteredOptions = [...this.state._options];\n }\n else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n this._filteredOptions = this.state._options.filter((option) => {\n var _a, _b;\n return (_b = (_a = option.label) === null \|\| _a === void 0 ? void 0 : _a.toLowerCase()) === null \|\| _b === void 0 ? void 0 : _b.includes(query === null \|\| query === void 0 ? void 0 : query.toLowerCase());\n });\n }\n }\n moveFocus(delta) {\n if (!this._filteredOptions) {\n return;\n }\n let newIndex = this._focusedOptionIndex + delta;\n if (newIndex >= this._filteredOptions.length) {\n newIndex = 0;\n }\n if (newIndex < 0) {\n newIndex = this._filteredOptions.length - 1;\n }\n this._focusedOptionIndex = newIndex;\n this.focusOption(this._focusedOptionIndex);\n }\n focusOption(index) {\n if (this.refOptions) {\n const optionElement = this.refOptions[index];\n optionElement === null \|\| optionElement === void 0 ? void 0 : optionElement.focus();\n }\n }\n focusSuggestionStartingWith(char) {\n const charLowerCase = char.toLowerCase();\n const index = Array.isArray(this._filteredOptions) && this._filteredOptions.findIndex((option) => option.label.toLowerCase().startsWith(charLowerCase));\n if (typeof index === 'number') {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: 'kol-single-select',\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: this.state._disabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), 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 var _a;\n return (h(FormFieldStateWrapper, Object.assign({ key: '3be581bedba65017d37af23aa15b99adff79ec0f' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '0937db03f4b6c2fc3b91a87e3bcca079014a93a6', state: this.state }, h(\"div\", { key: '3ad19c192be283728807ac6bd34d90643baeff51', class: \"kol-single-select__group\" }, h(InputStateWrapper, Object.assign({ key: '52672442da47bf366871b9c5922e54023d5ed984' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (h(KolIconTag, { key: '275fe6ab7720074988ea09ca7173c805e41137a7', _icons: \"codicon codicon-close\", \"data-testid\": \"single-select-delete\", _label: translate('kol-delete-selection'), onClick: () => {\n var _a;\n this.clearSelection();\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, class: clsx('kol-single-select__delete', {\n 'kol-single-select__delete--disabled': this.state._disabled,\n }) })), h(CustomSuggestionsToggleFc, { key: '68ac00c8eed96090dabfad30bf19914127f4320c', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (h(CustomSuggestionsOptionsGroupFc, { key: 'e4278a4999682a51ffa6d2c188e8f5ce432e3317', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (h(CustomSuggestionsOptionFc, { index: index, option: option.label, ref: (el) => {\n if (el)\n this.refOptions[index] = el;\n }, selected: this._value === option.value, onClick: (event) => {\n var _a;\n this.selectOption(option);\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n this.toggleListbox(event);\n this._isOpen = false;\n this._hasOpened = false;\n }, onMouseOver: () => {\n if (!this.blockSuggestionMouseOver) {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }, onFocus: () => {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }, onKeyDown: (e) => {\n var _a;\n if (e.key === 'Enter' \|\| e.key === 'NumpadEnter') {\n this.selectOption(option);\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n this.toggleListbox(e);\n e.preventDefault();\n }\n } })))) : (h(\"li\", { class: \"kol-single-select__no-results-message\" }, translate('kol-no-results-message'), \" \")))))));\n }\n handleFocusOut() {\n setTimeout(() => {\n var _a;\n if (!((_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n this.onBlur();\n }\n }, 0);\n }\n handleWindowBlur() {\n this.onBlur();\n }\n handleKeyDown(event) {\n var _a, _b;\n const handleEvent = (isOpen, callback) => {\n var _a;\n event.preventDefault();\n if (isOpen !== undefined) {\n this._isOpen = isOpen;\n if (!isOpen) {\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n }\n callback === null \|\| callback === void 0 ? void 0 : callback();\n };\n switch (event.key) {\n case 'Down':\n case 'ArrowDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(1));\n break;\n }\n case 'Up':\n case 'ArrowUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(-1));\n break;\n }\n case 'Tab':\n if (this._isOpen) {\n this._isOpen = !this._isOpen;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n break;\n case 'Esc':\n case 'Escape': {\n this._hasOpened = false;\n this._isOpen = false;\n handleEvent(false);\n break;\n }\n case ' ': {\n if (this._isOpen) {\n if (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n this.selectOption(this._filteredOptions[this._focusedOptionIndex]);\n (_b = this.refInput) === null \|\| _b === void 0 ? void 0 : _b.focus();\n handleEvent(false);\n }\n }\n else {\n this.toggleListbox(event);\n }\n break;\n }\n case 'NumpadEnter':\n case 'Enter': {\n this.toggleListbox(event);\n this._hasOpened = false;\n this._isOpen = false;\n break;\n }\n case 'Home': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this._focusedOptionIndex = 0;\n this.focusOption(this._focusedOptionIndex);\n }\n });\n break;\n }\n case 'End': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n this.focusOption(this._focusedOptionIndex);\n }\n });\n break;\n }\n case 'PageUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n break;\n }\n case 'PageDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n break;\n }\n }\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.refOptions = [];\n this.catchRef = (ref) => {\n this.refInput = ref;\n };\n this.toggleListbox = (event) => {\n var _a;\n event === null \|\| event === void 0 ? void 0 : event.preventDefault();\n if (this.state._disabled) {\n return;\n }\n else {\n if (!this._hasOpened) {\n this._isOpen = true;\n this._hasOpened = true;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n const selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n this._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n this.focusOption(this._focusedOptionIndex);\n }\n }\n };\n this._focusedOptionIndex = -1;\n this._isOpen = false;\n this._filteredOptions = [];\n this._inputValue = '';\n this.blockSuggestionMouseOver = false;\n this._hasOpened = false;\n this._accessKey = undefined;\n this._placeholder = undefined;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._options = undefined;\n this._required = false;\n this._shortKey = undefined;\n this._syncValueBySelector = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = null;\n this._hideClearButton = false;\n this._rows = undefined;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _options: [],\n _hideClearButton: false,\n };\n this.inputHasFocus = false;\n this.controller = new SingleSelectController(this, 'single-select', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(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 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 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 validateOptions(value) {\n this.controller.validateOptions(value);\n this._filteredOptions = value;\n this.updateInputValue(this._value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(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 this.oldValue = value;\n this.updateInputValue(value);\n }\n validateHideClearButton(value) {\n this.controller.validateHideClearButton(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n handleMouseEvent() {\n this.blockSuggestionMouseOver = false;\n }\n updateInputValue(value) {\n if (Array.isArray(this._options)) {\n const matchedOption = this._options.find((option) => option.value === value);\n this._inputValue = matchedOption ? String(matchedOption.label) : '';\n }\n }\n componentWillLoad() {\n this.refOptions = [];\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.oldValue = this._value;\n this._filteredOptions = this.state._options;\n this.updateInputValue(this._value);\n }\n onChange(event) {\n var _a, _b;\n if (this.oldValue !== ((_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.value)) {\n this.oldValue = (_b = this.refInput) === null \|\| _b === void 0 ? void 0 : _b.value;\n }\n if (!this._isOpen) {\n this.controller.onFacade.onChange(event, this._value);\n }\n }\n onClick(event) {\n this.toggleListbox(event);\n this.controller.onFacade.onClick(event);\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_accessKey\": [\"validateAccessKey\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_options\": [\"validateOptions\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"],\n \"_hideClearButton \": [\"validateHideClearButton\"],\n \"_rows\": [\"validateRows\"]\n }; }\n};\nKolSingleSelect.style = {\n default: KolSingleSelectDefaultStyle0\n};\n\nexport { KolSingleSelect as kol_single_select };\n\n//# sourceMappingURL=kol-single-select.entry.js.map"],"names":["SingleSelectController","InputIconController","component","name","host","value","_state","_component","key","_value","nextState","options","fillKeyOptionMap","validateOptions","watchBoolean","watchValidator","v","watchString","watchNumber","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","_a","option","event","target","query","_b","delta","newIndex","index","optionElement","char","charLowerCase","ariaDescribedBy","getRenderStates","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolIconTag","translate","clsx","CustomSuggestionsToggleFc","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","handleEvent","isOpen","callback","hostRef","registerInstance","ref","selectedIndex","nonce","matchedOption","getElement"],"mappings":"quCAAA;AAAA;AAAA,GAoCA,MAAMA,UAA+BC,CAAoB,CACrD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,aAAe,IAAI,IACxB,KAAK,kBAAoB,CAACC,EAAOC,EAAQC,EAAYC,IAAQ,CACrDA,IAAQ,UACR,KAAK,uBAAuBH,CAAK,CAExC,EACD,KAAK,mBAAqB,CAACI,EAAQC,IAAc,CAC7C,MAAMC,EAAUD,EAAU,IAAI,UAAU,EAAIA,EAAU,IAAI,UAAU,EAAI,KAAK,UAAU,MAAM,SACzF,MAAM,QAAQC,CAAO,GAAKA,EAAQ,OAAS,IAC3C,KAAK,aAAa,MAAO,EACzBC,EAAiB,KAAK,aAAcD,CAAO,EAElD,EACD,KAAK,UAAYT,CACzB,CACI,gBAAgBG,EAAO,CACnBQ,EAAgB,KAAK,UAAWR,EAAO,CACnC,MAAO,CACH,WAAY,KAAK,kBACjB,YAAa,KAAK,kBACrB,CACb,CAAS,CACT,CACI,iBAAiBA,EAAO,CACpBS,EAAa,KAAK,UAAW,YAAaT,CAAK,CACvD,CACI,cAAcA,EAAO,CACjBU,EAAe,KAAK,UAAW,SAAWC,GAAMA,IAAM,OAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAGX,CAAK,CAC3G,CACI,oBAAoBA,EAAO,CACvBY,EAAY,KAAK,UAAW,eAAgBZ,CAAK,CACzD,CACI,wBAAwBA,EAAO,CAC3BS,EAAa,KAAK,UAAW,mBAAoBT,CAAK,CAC9D,CACI,aAAaA,EAAO,CAChBa,EAAY,KAAK,UAAW,QAASb,CAAK,CAClD,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,KAAK,gBAAgB,KAAK,UAAU,QAAQ,EAC5C,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,cAAc,KAAK,UAAU,MAAM,EACxC,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,wBAAwB,KAAK,UAAU,gBAAgB,EAC5D,KAAK,aAAa,KAAK,UAAU,KAAK,CAC9C,CACA,CAEA,MAAMc,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}
1	+ {"version":3,"file":"kol-single-select.entry-Cm8XNXBU.js","sources":["../../../../components/dist/esm/kol-single-select.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { h, r as registerInstance, g as getElement } from './index-1704c42b.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { e as KolIconTag } from './component-names-553d8bfa.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-67595fa6.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-256a4f31.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-fa236825.js';\nimport { g as getRenderStates, C as CustomSuggestionsToggleFc, a as CustomSuggestionsOptionsGroupFc, b as CustomSuggestionsOptionFc } from './CustomSuggestionsOptionsGroup-14853f08.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { n as nonce } from './dev.utils-7b2d1fa9.js';\nimport { i as watchBoolean, w as watchValidator, B as watchString, E as watchNumber } from './index-ebe5a881.js';\nimport { f as fillKeyOptionMap, b as validateOptions } from './controller-69d06fa0.js';\nimport './events-bad0a075.js';\nimport './associated.controller-22684481.js';\nimport './bootstrap-dcdb1765.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './tslib.es6-1173d062.js';\nimport './Alert-58253beb.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-1e98210c.js';\nimport './InternalUnderlinedBadgeText-ca1489f7.js';\nimport './isArray-7a60fa7f.js';\nimport './Icon-34fc4368.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\nimport './Input-0929c3c6.js';\nimport './orientation-409d844a.js';\n\nclass SingleSelectController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.keyOptionMap = new Map();\n this.afterPatchOptions = (value, _state, _component, key) => {\n if (key === '_value') {\n this.setFormAssociatedValue(value);\n }\n };\n this.beforePatchOptions = (_value, nextState) => {\n const options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n if (Array.isArray(options) && options.length > 0) {\n this.keyOptionMap.clear();\n fillKeyOptionMap(this.keyOptionMap, options);\n }\n };\n this.component = component;\n }\n validateOptions(value) {\n validateOptions(this.component, value, {\n hooks: {\n afterPatch: this.afterPatchOptions,\n beforePatch: this.beforePatchOptions,\n },\n });\n }\n validateRequired(value) {\n watchBoolean(this.component, '_required', value);\n }\n validateValue(value) {\n watchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n }\n validatePlaceholder(value) {\n watchString(this.component, '_placeholder', value);\n }\n validateHideClearButton(value) {\n watchBoolean(this.component, '_hideClearButton', value);\n }\n validateRows(value) {\n watchNumber(this.component, '_rows', value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateOptions(this.component._options);\n this.validateRequired(this.component._required);\n this.validateValue(this.component._value);\n this.validatePlaceholder(this.component._placeholder);\n this.validateHideClearButton(this.component._hideClearButton);\n this.validateRows(this.component._rows);\n }\n}\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n :host {\\n display: block;\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. /\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n place-items: center;\\n display: flex;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n / Visible with forced colors /\\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-option {\\n cursor: pointer;\\n white-space: normal;\\n overflow-wrap: break-word;\\n word-wrap: break-word;\\n line-height: 1.5;\\n }\\n .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\\n cursor: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-options-group {\\n display: block;\\n position: absolute;\\n list-style-type: none;\\n margin: 0;\\n padding: 0;\\n overflow-y: auto;\\n overflow-x: hidden;\\n z-index: 2;\\n background-color: white;\\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\\n }\\n}\\n@layer kol-component {\\n .kol-custom-suggestions-toggle {\\n align-items: center;\\n display: flex;\\n height: var(--a11y-min-size);\\n width: var(--a11y-min-size);\\n }\\n .kol-custom-suggestions-toggle:not(:disabled) {\\n cursor: pointer;\\n }\\n}\\n@layer kol-component {\\n .kol-form-field {\\n display: grid;\\n }\\n .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n cursor: pointer;\\n }\\n .kol-form-field--disabled .kol-form-field__label {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__label-text::after {\\n content: \\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"\\\";\\n }\\n}\\n@layer kol-component {\\n .kol-input-container {\\n align-items: center;\\n background-color: white;\\n display: grid;\\n grid-template-columns: 1fr;\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n grid-template-columns: auto 1fr auto;\\n }\\n .kol-input-container__container {\\n position: relative;\\n }\\n .kol-input-container__adornment {\\n display: flex;\\n align-items: center;\\n }\\n .kol-input-container__adornment .kol-icon {\\n display: grid;\\n height: var(--a11y-min-size);\\n place-items: center;\\n }\\n}\\n@layer kol-component {\\n .kol-input {\\n min-width: var(--a11y-min-size);\\n width: 100%;\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\\n@layer kol-component {\\n .kol-single-select__delete {\\n cursor: pointer;\\n }\\n .kol-single-select__delete--disabled {\\n cursor: not-allowed;\\n }\\n .kol-single-select__no-results-message {\\n cursor: default;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-single-select .kol-custom-suggestions-options-group {\\n max-height: calc((40rem / var(--kolibri-root-font-size, 16)) var(--visible-options, 5) + (2rem / var(--kolibri-root-font-size, 16))) !important;\\n }\\n}\";\nconst KolSingleSelectDefaultStyle0 = defaultStyleCss;\n\nconst KolSingleSelect = class {\n async getValue() {\n return this._value;\n }\n async kolFocus() {\n var _a;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n onBlur() {\n var _a;\n if (Array.isArray(this.state._options) && this.state._options.length > 0 && !this.state._options.some((option) => option.label === this._inputValue)) {\n this._inputValue = (_a = this.state._options.find((option) => option.value === this._value)) === null \|\| _a === void 0 ? void 0 : _a.label;\n this._filteredOptions = [...this.state._options];\n }\n this._isOpen = false;\n this._hasOpened = false;\n }\n clearSelection() {\n if (this.state._disabled) {\n return;\n }\n else {\n const emptyValue = null;\n this._focusedOptionIndex = -1;\n this._value = emptyValue;\n this._inputValue = '';\n this._filteredOptions = [...this.state._options];\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), true, emptyValue);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: emptyValue } }), emptyValue);\n }\n }\n selectOption(option) {\n this._value = option.value;\n this._inputValue = option.label;\n this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option.value } }), false, option.value);\n this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option.value } }), option.value);\n this._filteredOptions = [...this.state._options];\n this.controller.setFormAssociatedValue(this._value);\n }\n onInput(event) {\n const target = event.target;\n this._inputValue = target.value;\n this._isOpen = true;\n this.setFilteredOptionsByQuery(target.value);\n this._focusedOptionIndex = -1;\n }\n handleKeyDownDropdown(event) {\n if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n event.preventDefault();\n this._isOpen = true;\n this.focusSuggestionStartingWith(event.key);\n }\n }\n setFilteredOptionsByQuery(query) {\n if ((query === null \|\| query === void 0 ? void 0 : query.trim()) === '') {\n this._filteredOptions = [...this.state._options];\n }\n else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n this._filteredOptions = this.state._options.filter((option) => {\n var _a, _b;\n return (_b = (_a = option.label) === null \|\| _a === void 0 ? void 0 : _a.toLowerCase()) === null \|\| _b === void 0 ? void 0 : _b.includes(query === null \|\| query === void 0 ? void 0 : query.toLowerCase());\n });\n }\n }\n moveFocus(delta) {\n if (!this._filteredOptions) {\n return;\n }\n let newIndex = this._focusedOptionIndex + delta;\n if (newIndex >= this._filteredOptions.length) {\n newIndex = 0;\n }\n if (newIndex < 0) {\n newIndex = this._filteredOptions.length - 1;\n }\n this._focusedOptionIndex = newIndex;\n this.focusOption(this._focusedOptionIndex);\n }\n focusOption(index) {\n if (this.refOptions) {\n const optionElement = this.refOptions[index];\n optionElement === null \|\| optionElement === void 0 ? void 0 : optionElement.focus();\n }\n }\n focusSuggestionStartingWith(char) {\n const charLowerCase = char.toLowerCase();\n const index = Array.isArray(this._filteredOptions) && this._filteredOptions.findIndex((option) => option.label.toLowerCase().startsWith(charLowerCase));\n if (typeof index === 'number') {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: 'kol-single-select',\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: this.state._disabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), 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 var _a;\n return (h(FormFieldStateWrapper, Object.assign({ key: '23fc505e38f0d76c21eba472c85143cf15230f70' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'ef29ccf5ff6f6aa206c8e55b1eb534d4ade29617', state: this.state }, h(\"div\", { key: '4caf86c5feb559d8067f2c6fc9d8cf1d5809e62f', class: \"kol-single-select__group\" }, h(InputStateWrapper, Object.assign({ key: 'a6a72c275cbb6c944f635738190d5075dae6dde8' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (h(KolIconTag, { key: 'da7bb5a28584183085464e1c870bd1b1e9f5a54d', _icons: \"codicon codicon-close\", \"data-testid\": \"single-select-delete\", _label: translate('kol-delete-selection'), onClick: () => {\n var _a;\n this.clearSelection();\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, class: clsx('kol-single-select__delete', {\n 'kol-single-select__delete--disabled': this.state._disabled,\n }) })), h(CustomSuggestionsToggleFc, { key: '6ed5dfdd0465c0aa15745ed3b0210eec01f769e2', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (h(CustomSuggestionsOptionsGroupFc, { key: 'f6caab6259e0928ecdff02385e690ff6aba9bbb4', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (h(CustomSuggestionsOptionFc, { index: index, option: option.label, ref: (el) => {\n if (el)\n this.refOptions[index] = el;\n }, selected: this._value === option.value, onClick: (event) => {\n var _a;\n this.selectOption(option);\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n this.toggleListbox(event);\n this._isOpen = false;\n this._hasOpened = false;\n }, onMouseOver: () => {\n if (!this.blockSuggestionMouseOver) {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }, onFocus: () => {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }, onKeyDown: (e) => {\n var _a;\n if (e.key === 'Enter' \|\| e.key === 'NumpadEnter') {\n this.selectOption(option);\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n this.toggleListbox(e);\n e.preventDefault();\n }\n } })))) : (h(\"li\", { class: \"kol-single-select__no-results-message\" }, translate('kol-no-results-message'), \" \")))))));\n }\n handleFocusOut() {\n setTimeout(() => {\n var _a;\n if (!((_a = this.host) === null \|\| _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n this.onBlur();\n }\n }, 0);\n }\n handleWindowBlur() {\n this.onBlur();\n }\n handleKeyDown(event) {\n var _a, _b;\n const handleEvent = (isOpen, callback) => {\n var _a;\n event.preventDefault();\n if (isOpen !== undefined) {\n this._isOpen = isOpen;\n if (!isOpen) {\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n }\n callback === null \|\| callback === void 0 ? void 0 : callback();\n };\n switch (event.key) {\n case 'Down':\n case 'ArrowDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(1));\n break;\n }\n case 'Up':\n case 'ArrowUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(true, () => this.moveFocus(-1));\n break;\n }\n case 'Tab':\n if (this._isOpen) {\n this._isOpen = !this._isOpen;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n break;\n case 'Esc':\n case 'Escape': {\n this._hasOpened = false;\n this._isOpen = false;\n handleEvent(false);\n break;\n }\n case ' ': {\n if (this._isOpen) {\n if (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n this.selectOption(this._filteredOptions[this._focusedOptionIndex]);\n (_b = this.refInput) === null \|\| _b === void 0 ? void 0 : _b.focus();\n handleEvent(false);\n }\n }\n else {\n this.toggleListbox(event);\n }\n break;\n }\n case 'NumpadEnter':\n case 'Enter': {\n this.toggleListbox(event);\n this._hasOpened = false;\n this._isOpen = false;\n break;\n }\n case 'Home': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this._focusedOptionIndex = 0;\n this.focusOption(this._focusedOptionIndex);\n }\n });\n break;\n }\n case 'End': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => {\n if (this._isOpen) {\n this._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n this.focusOption(this._focusedOptionIndex);\n }\n });\n break;\n }\n case 'PageUp': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n break;\n }\n case 'PageDown': {\n this.blockSuggestionMouseOver = true;\n handleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n break;\n }\n }\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.refOptions = [];\n this.catchRef = (ref) => {\n this.refInput = ref;\n };\n this.toggleListbox = (event) => {\n var _a;\n event === null \|\| event === void 0 ? void 0 : event.preventDefault();\n if (this.state._disabled) {\n return;\n }\n else {\n if (!this._hasOpened) {\n this._isOpen = true;\n this._hasOpened = true;\n (_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.focus();\n const selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n this._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n this.focusOption(this._focusedOptionIndex);\n }\n }\n };\n this._focusedOptionIndex = -1;\n this._isOpen = false;\n this._filteredOptions = [];\n this._inputValue = '';\n this.blockSuggestionMouseOver = false;\n this._hasOpened = false;\n this._accessKey = undefined;\n this._placeholder = undefined;\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._msg = undefined;\n this._name = undefined;\n this._on = undefined;\n this._options = undefined;\n this._required = false;\n this._shortKey = undefined;\n this._syncValueBySelector = undefined;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = null;\n this._hideClearButton = false;\n this._rows = undefined;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _options: [],\n _hideClearButton: false,\n };\n this.inputHasFocus = false;\n this.controller = new SingleSelectController(this, 'single-select', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(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 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 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 validateOptions(value) {\n this.controller.validateOptions(value);\n this._filteredOptions = value;\n this.updateInputValue(this._value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(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 this.oldValue = value;\n this.updateInputValue(value);\n }\n validateHideClearButton(value) {\n this.controller.validateHideClearButton(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n handleMouseEvent() {\n this.blockSuggestionMouseOver = false;\n }\n updateInputValue(value) {\n if (Array.isArray(this._options)) {\n const matchedOption = this._options.find((option) => option.value === value);\n this._inputValue = matchedOption ? String(matchedOption.label) : '';\n }\n }\n componentWillLoad() {\n this.refOptions = [];\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.oldValue = this._value;\n this._filteredOptions = this.state._options;\n this.updateInputValue(this._value);\n }\n onChange(event) {\n var _a, _b;\n if (this.oldValue !== ((_a = this.refInput) === null \|\| _a === void 0 ? void 0 : _a.value)) {\n this.oldValue = (_b = this.refInput) === null \|\| _b === void 0 ? void 0 : _b.value;\n }\n if (!this._isOpen) {\n this.controller.onFacade.onChange(event, this._value);\n }\n }\n onClick(event) {\n this.toggleListbox(event);\n this.controller.onFacade.onClick(event);\n }\n static get delegatesFocus() { return true; }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_accessKey\": [\"validateAccessKey\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_id\": [\"validateId\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_options\": [\"validateOptions\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"],\n \"_hideClearButton \": [\"validateHideClearButton\"],\n \"_rows\": [\"validateRows\"]\n }; }\n};\nKolSingleSelect.style = {\n default: KolSingleSelectDefaultStyle0\n};\n\nexport { KolSingleSelect as kol_single_select };\n\n//# sourceMappingURL=kol-single-select.entry.js.map"],"names":["SingleSelectController","InputIconController","component","name","host","value","_state","_component","key","_value","nextState","options","fillKeyOptionMap","validateOptions","watchBoolean","watchValidator","v","watchString","watchNumber","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","_a","option","event","target","query","_b","delta","newIndex","index","optionElement","char","charLowerCase","ariaDescribedBy","getRenderStates","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolIconTag","translate","clsx","CustomSuggestionsToggleFc","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","handleEvent","isOpen","callback","hostRef","registerInstance","ref","selectedIndex","nonce","matchedOption","getElement"],"mappings":"quCAAA;AAAA;AAAA,GAoCA,MAAMA,UAA+BC,CAAoB,CACrD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,aAAe,IAAI,IACxB,KAAK,kBAAoB,CAACC,EAAOC,EAAQC,EAAYC,IAAQ,CACrDA,IAAQ,UACR,KAAK,uBAAuBH,CAAK,CAExC,EACD,KAAK,mBAAqB,CAACI,EAAQC,IAAc,CAC7C,MAAMC,EAAUD,EAAU,IAAI,UAAU,EAAIA,EAAU,IAAI,UAAU,EAAI,KAAK,UAAU,MAAM,SACzF,MAAM,QAAQC,CAAO,GAAKA,EAAQ,OAAS,IAC3C,KAAK,aAAa,MAAO,EACzBC,EAAiB,KAAK,aAAcD,CAAO,EAElD,EACD,KAAK,UAAYT,CACzB,CACI,gBAAgBG,EAAO,CACnBQ,EAAgB,KAAK,UAAWR,EAAO,CACnC,MAAO,CACH,WAAY,KAAK,kBACjB,YAAa,KAAK,kBACrB,CACb,CAAS,CACT,CACI,iBAAiBA,EAAO,CACpBS,EAAa,KAAK,UAAW,YAAaT,CAAK,CACvD,CACI,cAAcA,EAAO,CACjBU,EAAe,KAAK,UAAW,SAAWC,GAAMA,IAAM,OAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAGX,CAAK,CAC3G,CACI,oBAAoBA,EAAO,CACvBY,EAAY,KAAK,UAAW,eAAgBZ,CAAK,CACzD,CACI,wBAAwBA,EAAO,CAC3BS,EAAa,KAAK,UAAW,mBAAoBT,CAAK,CAC9D,CACI,aAAaA,EAAO,CAChBa,EAAY,KAAK,UAAW,QAASb,CAAK,CAClD,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,KAAK,gBAAgB,KAAK,UAAU,QAAQ,EAC5C,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,cAAc,KAAK,UAAU,MAAM,EACxC,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,wBAAwB,KAAK,UAAU,gBAAgB,EAC5D,KAAK,aAAa,KAAK,UAAU,KAAK,CAC9C,CACA,CAEA,MAAMc,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}

package/dist/assets/{kol-skip-nav.entry-CCrwQkwL.js → kol-skip-nav.entry-CSy751Z2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as l,h as e,j as o}from"./index-DfN2w0z5.js";import{r as i,a as s}from"./unique-nav-labels-e20db0b7-X1HP_pWC.js";import{w as r}from"./validation-9d549145-DSDUxF4W.js";import{v as d}from"./label-bf9966d0-DwwEzCUj.js";/*!
+import{r as l,h as e,j as o}from"./index-Dx6JIT5I.js";import{r as i,a as s}from"./unique-nav-labels-e20db0b7-w42QUByN.js";import{w as r}from"./validation-9d549145-B3xj-q8I.js";import{v as d}from"./label-bf9966d0-CdjHTn1_.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=`/*
  * This file contains all rules for accessibility.
@@ -190,5 +190,5 @@ import{r as l,h as e,j as o}from"./index-DfN2w0z5.js";import{r as i,a as s}from"
     left: unset;
     position: unset;
   }
-}`,c=h,b=class{constructor(n){l(this,n),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e("nav",{key:"6696f974f96add5529fce40c73c96429d6d46c14",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"44472c7c253cb6bdffd89d999d9b5f11a39bad22",class:"kol-skip-nav__list"},this.state._links.map((n,t)=>e("li",{class:"kol-skip-nav__list-item",key:t},e(o,Object.assign({},n))))))}validateLabel(n,t,a=!1){a||i(this.state._label),d(this,n,{required:!0}),s(this.state._label)}validateLinks(n){r("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};b.style={default:c};export{b as kol_skip_nav};
-//# sourceMappingURL=kol-skip-nav.entry-CCrwQkwL.js.map
+}`,c=h,b=class{constructor(n){l(this,n),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e("nav",{key:"fc580f9edeb7512ee0a0aafc3fdc5abbd805d90a",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"821ae6e29469bf0a078742202e18a2c8f80d9f71",class:"kol-skip-nav__list"},this.state._links.map((n,t)=>e("li",{class:"kol-skip-nav__list-item",key:t},e(o,Object.assign({},n))))))}validateLabel(n,t,a=!1){a||i(this.state._label),d(this,n,{required:!0}),s(this.state._label)}validateLinks(n){r("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};b.style={default:c};export{b as kol_skip_nav};
+//# sourceMappingURL=kol-skip-nav.entry-CSy751Z2.js.map

package/dist/assets/{kol-skip-nav.entry-CCrwQkwL.js.map → kol-skip-nav.entry-CSy751Z2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-skip-nav.entry-~~CCrwQkwL~~.js","sources":["../../../../components/dist/esm/kol-skip-nav.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h } from './index-~~1ed13705~~.js';\nimport './index-ebe5a881.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-e20db0b7.js';\nimport { w as watchNavLinks } from './validation-9d549145.js';\nimport { f as KolLinkWcTag } from './component-names-~~7924d82a~~.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-skip-nav__list {\\n display: grid;\\n list-style: none;\\n place-items: center;\\n }\\n .kol-skip-nav__list-item {\\n height: 0;\\n }\\n .kol-skip-nav .kol-link {\\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\\n overflow: hidden;\\n position: absolute;\\n z-index: 9999999;\\n line-height: 1;\\n }\\n .kol-skip-nav .kol-link:focus {\\n background-color: #fff;\\n left: unset;\\n position: unset;\\n }\\n}\";\nconst KolSkipNavDefaultStyle0 = defaultStyleCss;\n\nconst KolSkipNav = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._label = undefined;\n this._links = undefined;\n this.state = {\n _label: '',\n _links: [],\n };\n }\n render() {\n return (h(\"nav\", { key: '~~6696f974f96add5529fce40c73c96429d6d46c14~~', class: \"kol-skip-nav\", \"aria-label\": this.state._label }, h(\"ul\", { key: '~~44472c7c253cb6bdffd89d999d9b5f11a39bad22~~', class: \"kol-skip-nav__list\" }, this.state._links.map((link, index) => {\n return (h(\"li\", { class: \"kol-skip-nav__list-item\", key: index }, h(KolLinkWcTag, Object.assign({}, link))));\n }))));\n }\n validateLabel(value, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, value, {\n required: true,\n });\n addNavLabel(this.state._label);\n }\n validateLinks(value) {\n watchNavLinks('KolSkipNav', this, value);\n }\n componentWillLoad() {\n this.validateLabel(this._label, undefined, true);\n this.validateLinks(this._links);\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_links\": [\"validateLinks\"]\n }; }\n};\nKolSkipNav.style = {\n default: KolSkipNavDefaultStyle0\n};\n\nexport { KolSkipNav as kol_skip_nav };\n\n//# sourceMappingURL=kol-skip-nav.entry.js.map"],"names":["defaultStyleCss","KolSkipNavDefaultStyle0","KolSkipNav","hostRef","registerInstance","h","link","index","KolLinkWcTag","value","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchNavLinks"],"mappings":"iOAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA0BD,EAE1BE,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAE,CACb,CACT,CACI,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,eAAgB,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,oBAAsB,EAAE,KAAK,MAAM,OAAO,IAAI,CAACC,EAAMC,IACzOF,EAAE,KAAM,CAAE,MAAO,0BAA2B,IAAKE,CAAK,EAAIF,EAAEG,EAAc,OAAO,OAAO,CAAA,EAAIF,CAAI,CAAC,CAAC,CAC7G,CAAC,CAAC,CACX,CACI,cAAcG,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAAY,KAAK,MAAM,MAAM,CACrC,CACI,cAAcL,EAAO,CACjBM,EAAc,aAAc,KAAMN,CAAK,CAC/C,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAV,EAAW,MAAQ,CACf,QAASD,CACb"}
1	+ {"version":3,"file":"kol-skip-nav.entry-CSy751Z2.js","sources":["../../../../components/dist/esm/kol-skip-nav.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h } from './index-1704c42b.js';\nimport './index-ebe5a881.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-e20db0b7.js';\nimport { w as watchNavLinks } from './validation-9d549145.js';\nimport { f as KolLinkWcTag } from './component-names-553d8bfa.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-skip-nav__list {\\n display: grid;\\n list-style: none;\\n place-items: center;\\n }\\n .kol-skip-nav__list-item {\\n height: 0;\\n }\\n .kol-skip-nav .kol-link {\\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\\n overflow: hidden;\\n position: absolute;\\n z-index: 9999999;\\n line-height: 1;\\n }\\n .kol-skip-nav .kol-link:focus {\\n background-color: #fff;\\n left: unset;\\n position: unset;\\n }\\n}\";\nconst KolSkipNavDefaultStyle0 = defaultStyleCss;\n\nconst KolSkipNav = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._label = undefined;\n this._links = undefined;\n this.state = {\n _label: '',\n _links: [],\n };\n }\n render() {\n return (h(\"nav\", { key: 'fc580f9edeb7512ee0a0aafc3fdc5abbd805d90a', class: \"kol-skip-nav\", \"aria-label\": this.state._label }, h(\"ul\", { key: '821ae6e29469bf0a078742202e18a2c8f80d9f71', class: \"kol-skip-nav__list\" }, this.state._links.map((link, index) => {\n return (h(\"li\", { class: \"kol-skip-nav__list-item\", key: index }, h(KolLinkWcTag, Object.assign({}, link))));\n }))));\n }\n validateLabel(value, _oldValue, initial = false) {\n if (!initial) {\n removeNavLabel(this.state._label);\n }\n validateLabel(this, value, {\n required: true,\n });\n addNavLabel(this.state._label);\n }\n validateLinks(value) {\n watchNavLinks('KolSkipNav', this, value);\n }\n componentWillLoad() {\n this.validateLabel(this._label, undefined, true);\n this.validateLinks(this._links);\n }\n disconnectedCallback() {\n removeNavLabel(this.state._label);\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_links\": [\"validateLinks\"]\n }; }\n};\nKolSkipNav.style = {\n default: KolSkipNavDefaultStyle0\n};\n\nexport { KolSkipNav as kol_skip_nav };\n\n//# sourceMappingURL=kol-skip-nav.entry.js.map"],"names":["defaultStyleCss","KolSkipNavDefaultStyle0","KolSkipNav","hostRef","registerInstance","h","link","index","KolLinkWcTag","value","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchNavLinks"],"mappings":"iOAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA0BD,EAE1BE,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAE,CACb,CACT,CACI,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,eAAgB,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,oBAAsB,EAAE,KAAK,MAAM,OAAO,IAAI,CAACC,EAAMC,IACzOF,EAAE,KAAM,CAAE,MAAO,0BAA2B,IAAKE,CAAK,EAAIF,EAAEG,EAAc,OAAO,OAAO,CAAA,EAAIF,CAAI,CAAC,CAAC,CAC7G,CAAC,CAAC,CACX,CACI,cAAcG,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAAY,KAAK,MAAM,MAAM,CACrC,CACI,cAAcL,EAAO,CACjBM,EAAc,aAAc,KAAMN,CAAK,CAC/C,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAV,EAAW,MAAQ,CACf,QAASD,CACb"}

package/dist/assets/{kol-spin.entry-CMA-UdpG.js → kol-spin.entry-pof7td0U.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r,h as n,H as s,F as l,w as d}from"./index-DfN2w0z5.js";import{t}from"./i18n-260f0fe9-Dp1L11gL.js";import{c}from"./clsx-09a06a12-BT_IL7Fz.js";import{v as p}from"./show-fabfe6d7-BicnClu4.js";/*!
+import{r,h as n,H as s,F as l,w as d}from"./index-Dx6JIT5I.js";import{t}from"./i18n-260f0fe9-CHzGh0mC.js";import{c}from"./clsx-09a06a12-BT_IL7Fz.js";import{v as p}from"./show-fabfe6d7-DLL4afwd.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["cycle","dot","none"],h=(e,a)=>{d(e,"_variant",i=>typeof i=="string"&&o.includes(i),new Set(o),a)},m=`/*
  * This file contains all rules for accessibility.
@@ -302,5 +302,5 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DfN2w0z5.js";import{t}from"./i
     padding: calc(2rem / var(--kolibri-root-font-size, 16));
     position: relative;
   }
-}`,f=m;function b(e){switch(e){case"cycle":return n("span",{class:"kol-spin__loader"});case"none":return n("slot",{name:"expert"});default:return n(l,null,n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}const u=class{constructor(e){r(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return n(s,{key:"728409fcfcd08192157e7b2e561ec6c0c1f482c7",class:"kol-spin"},this.state._show?n("span",{"aria-busy":"true","aria-label":t("kol-action-running"),"aria-live":"polite",class:c("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`),role:"alert"},b(this.state._variant)):this.showToggled&&n("span",{"aria-label":t("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(e){this.showToggled=this.state._show===!0&&this._show===!1,p(this,e)}validateVariant(e){h(this,e)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};u.style={default:f};export{u as kol_spin};
-//# sourceMappingURL=kol-spin.entry-CMA-UdpG.js.map
+}`,f=m;function b(e){switch(e){case"cycle":return n("span",{class:"kol-spin__loader"});case"none":return n("slot",{name:"expert"});default:return n(l,null,n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--1"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--2"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--3"}),n("span",{class:"kol-spin__spinner-element kol-spin__spinner-element--neutral"}))}}const u=class{constructor(e){r(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return n(s,{key:"b862ca1a3c7cdc1ffbd8148e095fbd601c875ecb",class:"kol-spin"},this.state._show?n("span",{"aria-busy":"true","aria-label":t("kol-action-running"),"aria-live":"polite",class:c("kol-spin__spinner",`kol-spin__spinner--${this.state._variant}`),role:"alert"},b(this.state._variant)):this.showToggled&&n("span",{"aria-label":t("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(e){this.showToggled=this.state._show===!0&&this._show===!1,p(this,e)}validateVariant(e){h(this,e)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};u.style={default:f};export{u as kol_spin};
+//# sourceMappingURL=kol-spin.entry-pof7td0U.js.map

package/dist/assets/{kol-spin.entry-CMA-UdpG.js.map → kol-spin.entry-pof7td0U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-spin.entry-CMA-UdpG.js","sources":["../../../../components/dist/esm/kol-spin.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h, H as Host, F as Fragment } from './index-1ed13705.js';\nimport { w as watchValidator } from './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { v as validateShow } from './show-fabfe6d7.js';\nimport './i18n-45224cc3.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner--cycle {\\n width: calc(48rem / var(--kolibri-root-font-size, 16));\\n height: calc(48rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__loader {\\n display: block;\\n width: 100%;\\n height: 100%;\\n border-radius: 50%;\\n position: relative;\\n animation: 2s linear infinite rotate;\\n }\\n .kol-spin__loader::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 50%;\\n border: 5px solid #333;\\n animation: 3s linear infinite prixClipFix;\\n }\\n @keyframes rotate {\\n 100% {\\n transform: rotate(360deg);\\n }\\n }\\n @keyframes prixClipFix {\\n 0% {\\n border-color: #fff;\\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\\n }\\n 25% {\\n border-color: #666;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\\n }\\n 50% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\\n }\\n 75% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\\n }\\n 100% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\\n }\\n }\\n / https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling /\\n @media (prefers-reduced-motion) {\\n .kol-spin__loader {\\n animation-duration: 4s;\\n }\\n .kol-spin__loader::before {\\n animation-duration: 6s;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner--dot {\\n height: calc(16rem / var(--kolibri-root-font-size, 16));\\n width: calc(48rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element {\\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n border-radius: 50%;\\n border: calc(0.16rem / var(--kolibri-root-font-size, 16)) solid #fff;\\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--1 {\\n background-color: #000;\\n z-index: 0;\\n animation: 1s infinite spin1;\\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--2 {\\n background-color: #000;\\n z-index: 1;\\n animation: 1s infinite spin2;\\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--3 {\\n background-color: #000;\\n z-index: 1;\\n animation: 1s infinite spin2;\\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--neutral {\\n background-color: #666;\\n z-index: 0;\\n animation: 1s infinite spin3;\\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\n }\\n @keyframes spin1 {\\n 0% {\\n transform: scale(0);\\n }\\n 100% {\\n transform: scale(1);\\n }\\n }\\n @keyframes spin2 {\\n 0% {\\n transform: translate(0, 0);\\n }\\n 100% {\\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\\n }\\n }\\n @keyframes spin3 {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0);\\n }\\n }\\n / https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\\n @media (prefers-reduced-motion) {\\n .kol-spin__spinner-element {\\n animation-duration: 2s;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner {\\n display: block;\\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n position: relative;\\n }\\n}\";\nconst KolSpinDefaultStyle0 = defaultStyleCss;\n\nfunction renderSpin(variant) {\n switch (variant) {\n case 'cycle':\n return h(\"span\", { class: \"kol-spin__loader\" });\n case 'none':\n return h(\"slot\", { name: \"expert\" });\n default:\n return (h(Fragment, null, h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--1\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--2\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--3\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--neutral\" })));\n }\n}\nconst KolSpin = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.showToggled = false;\n this._show = false;\n this._variant = 'dot';\n this.state = {\n _variant: 'dot',\n };\n }\n render() {\n return (h(Host, { key: '728409fcfcd08192157e7b2e561ec6c0c1f482c7', class: \"kol-spin\" }, this.state._show ? (h(\"span\", { \"aria-busy\": \"true\", \"aria-label\": translate('kol-action-running'), \"aria-live\": \"polite\", class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: \"alert\" }, renderSpin(this.state._variant))) : (this.showToggled && h(\"span\", { \"aria-label\": translate('kol-action-done'), \"aria-busy\": \"false\", \"aria-live\": \"polite\", role: \"alert\" }))));\n }\n validateShow(value) {\n this.showToggled = this.state._show === true && this._show === false;\n validateShow(this, value);\n }\n validateVariant(value) {\n validateSpinVariant(this, value);\n }\n componentWillLoad() {\n this.validateShow(this._show);\n this.validateVariant(this._variant);\n }\n static get watchers() { return {\n \"_show\": [\"validateShow\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolSpin.style = {\n default: KolSpinDefaultStyle0\n};\n\nexport { KolSpin as kol_spin };\n\n//# sourceMappingURL=kol-spin.entry.js.map"],"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","Fragment","KolSpin","hostRef","registerInstance","Host","translate","clsx","validateShow"],"mappings":"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"}
1	+ {"version":3,"file":"kol-spin.entry-pof7td0U.js","sources":["../../../../components/dist/esm/kol-spin.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h, H as Host, F as Fragment } from './index-1704c42b.js';\nimport { w as watchValidator } from './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { v as validateShow } from './show-fabfe6d7.js';\nimport './i18n-45224cc3.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner--cycle {\\n width: calc(48rem / var(--kolibri-root-font-size, 16));\\n height: calc(48rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__loader {\\n display: block;\\n width: 100%;\\n height: 100%;\\n border-radius: 50%;\\n position: relative;\\n animation: 2s linear infinite rotate;\\n }\\n .kol-spin__loader::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 50%;\\n border: 5px solid #333;\\n animation: 3s linear infinite prixClipFix;\\n }\\n @keyframes rotate {\\n 100% {\\n transform: rotate(360deg);\\n }\\n }\\n @keyframes prixClipFix {\\n 0% {\\n border-color: #fff;\\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\\n }\\n 25% {\\n border-color: #666;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\\n }\\n 50% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\\n }\\n 75% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\\n }\\n 100% {\\n border-color: #000;\\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\\n }\\n }\\n / https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling /\\n @media (prefers-reduced-motion) {\\n .kol-spin__loader {\\n animation-duration: 4s;\\n }\\n .kol-spin__loader::before {\\n animation-duration: 6s;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner--dot {\\n height: calc(16rem / var(--kolibri-root-font-size, 16));\\n width: calc(48rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element {\\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n border-radius: 50%;\\n border: calc(0.16rem / var(--kolibri-root-font-size, 16)) solid #fff;\\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--1 {\\n background-color: #000;\\n z-index: 0;\\n animation: 1s infinite spin1;\\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--2 {\\n background-color: #000;\\n z-index: 1;\\n animation: 1s infinite spin2;\\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--3 {\\n background-color: #000;\\n z-index: 1;\\n animation: 1s infinite spin2;\\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-spin__spinner-element--neutral {\\n background-color: #666;\\n z-index: 0;\\n animation: 1s infinite spin3;\\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\n }\\n @keyframes spin1 {\\n 0% {\\n transform: scale(0);\\n }\\n 100% {\\n transform: scale(1);\\n }\\n }\\n @keyframes spin2 {\\n 0% {\\n transform: translate(0, 0);\\n }\\n 100% {\\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\\n }\\n }\\n @keyframes spin3 {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0);\\n }\\n }\\n / https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\\n @media (prefers-reduced-motion) {\\n .kol-spin__spinner-element {\\n animation-duration: 2s;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-spin__spinner {\\n display: block;\\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n position: relative;\\n }\\n}\";\nconst KolSpinDefaultStyle0 = defaultStyleCss;\n\nfunction renderSpin(variant) {\n switch (variant) {\n case 'cycle':\n return h(\"span\", { class: \"kol-spin__loader\" });\n case 'none':\n return h(\"slot\", { name: \"expert\" });\n default:\n return (h(Fragment, null, h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--1\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--2\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--3\" }), h(\"span\", { class: \"kol-spin__spinner-element kol-spin__spinner-element--neutral\" })));\n }\n}\nconst KolSpin = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.showToggled = false;\n this._show = false;\n this._variant = 'dot';\n this.state = {\n _variant: 'dot',\n };\n }\n render() {\n return (h(Host, { key: 'b862ca1a3c7cdc1ffbd8148e095fbd601c875ecb', class: \"kol-spin\" }, this.state._show ? (h(\"span\", { \"aria-busy\": \"true\", \"aria-label\": translate('kol-action-running'), \"aria-live\": \"polite\", class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: \"alert\" }, renderSpin(this.state._variant))) : (this.showToggled && h(\"span\", { \"aria-label\": translate('kol-action-done'), \"aria-busy\": \"false\", \"aria-live\": \"polite\", role: \"alert\" }))));\n }\n validateShow(value) {\n this.showToggled = this.state._show === true && this._show === false;\n validateShow(this, value);\n }\n validateVariant(value) {\n validateSpinVariant(this, value);\n }\n componentWillLoad() {\n this.validateShow(this._show);\n this.validateVariant(this._variant);\n }\n static get watchers() { return {\n \"_show\": [\"validateShow\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolSpin.style = {\n default: KolSpinDefaultStyle0\n};\n\nexport { KolSpin as kol_spin };\n\n//# sourceMappingURL=kol-spin.entry.js.map"],"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","Fragment","KolSpin","hostRef","registerInstance","Host","translate","clsx","validateShow"],"mappings":"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"}

package/dist/assets/{kol-split-button.entry-C1QuFb6E.js → kol-split-button.entry-D7IaQ1Ek.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as l,h as n,a9 as r,e as a}from"./index-DfN2w0z5.js";import{t as s}from"./i18n-260f0fe9-Dp1L11gL.js";import{c as d}from"./clsx-09a06a12-BT_IL7Fz.js";/*!
+import{r as l,h as n,aa as r,e as a}from"./index-Dx6JIT5I.js";import{t as s}from"./i18n-260f0fe9-CHzGh0mC.js";import{c as d}from"./clsx-09a06a12-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const c=`/*
  * This file contains all rules for accessibility.
@@ -267,5 +267,5 @@ import{r as l,h as n,a9 as r,e as a}from"./index-DfN2w0z5.js";import{t as s}from
   .kol-split-button .kol-popover__arrow {
     display: none;
   }
-}`,h=c,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:e=>{var o,i;e.stopPropagation(),typeof((o=this._on)===null||o===void 0?void 0:o.onClick)=="function"?(i=this._on)===null||i===void 0||i.onClick(e,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:e=>{e.stopPropagation(),this.toggleDropdown()}},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const t="kol-split-button-dropdown-label";return n("div",{key:"0c88a85fb8276e85ec24cb2e4c6d5b4ea5f4def5",class:"kol-split-button"},n("div",{key:"dc3714e07c2520223c2b8cad45898e9815282681",class:"kol-split-button__root"},n(a,{key:"4ccd051dd3d8aab40f6c8e6f848cc61da8325d76",class:d("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass=="string"&&this._customClass.length>0}),_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant}),n("div",{key:"3e95b357440e81f95d3c318edf1ee7e5ddcd1966",class:"kol-split-button__horizontal-line"}),n(a,{key:"4545c89c1f7edf6e75c4edce2c8a58a366d2cf52",class:"kol-split-button__secondary-button",_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?s(`${t}-close`):s(`${t}-open`),_on:this.clickToggleHandler})),n(r,{key:"db83c79d566cd73b83c36bcf6bdb83a5296a7243",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"81ff429669d7ac56bddadaffd1f733eeb10c0726"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:h};export{p as kol_split_button};
-//# sourceMappingURL=kol-split-button.entry-C1QuFb6E.js.map
+}`,h=c,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:e=>{var o,i;e.stopPropagation(),typeof((o=this._on)===null||o===void 0?void 0:o.onClick)=="function"?(i=this._on)===null||i===void 0||i.onClick(e,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:e=>{e.stopPropagation(),this.toggleDropdown()}},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const t="kol-split-button-dropdown-label";return n("div",{key:"adfeb36fc1c13115648cab2c692dcf28ede4f663",class:"kol-split-button"},n("div",{key:"6ddddfa00a901d7a1c02a242384ba6478955c13b",class:"kol-split-button__root"},n(a,{key:"73295b6c589ee559c4e301c6685568e0aa6359de",class:d("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass=="string"&&this._customClass.length>0}),_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant}),n("div",{key:"29f15b767934692234c76d6738696ea225488d24",class:"kol-split-button__horizontal-line"}),n(a,{key:"689696759403849639ec892383aad2d055ac1482",class:"kol-split-button__secondary-button",_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?s(`${t}-close`):s(`${t}-open`),_on:this.clickToggleHandler})),n(r,{key:"ba4151408b5ea8295eaee3f680ccd394e081464b",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"88c02a85478c3cedae8272e2f3f4848bbf031488"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:h};export{p as kol_split_button};
+//# sourceMappingURL=kol-split-button.entry-D7IaQ1Ek.js.map

package/dist/assets/{kol-split-button.entry-C1QuFb6E.js.map → kol-split-button.entry-D7IaQ1Ek.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-split-button.entry-C1QuFb6E.js","sources":["../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h } from './index-1ed13705.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { k as KolPopoverWcTag, b as KolButtonWcTag } from './component-names-7924d82a.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport './i18n-45224cc3.js';\nimport './index-ebe5a881.js';\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-popover {\\n height: 0;\\n position: absolute;\\n }\\n .kol-popover__content {\\n background-color: #fff;\\n min-height: max-content;\\n min-width: max-content;\\n opacity: 0;\\n position: absolute;\\n }\\n .kol-popover__content--visible {\\n animation: 0.3s ease-in forwards fadeInOpacity;\\n }\\n .kol-popover__content--disappear {\\n animation: 0.3s ease-in backwards fadeInOpacity;\\n }\\n .kol-popover__arrow {\\n background-color: inherit;\\n height: var(--font-size);\\n position: absolute;\\n rotate: 0.125turn;\\n width: var(--font-size);\\n z-index: -1;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-split-button {\\n display: flex;\\n position: relative;\\n }\\n .kol-split-button__root {\\n display: flex;\\n position: relative;\\n }\\n .kol-split-button__button {\\n flex-grow: 1;\\n text-align: left;\\n }\\n .kol-split-button .kol-popover__content {\\n margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-split-button .kol-popover__arrow {\\n display: none;\\n }\\n}\";\nconst KolSplitButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolSplitButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.clickButtonHandler = {\n onClick: (event) => {\n var _a, _b;\n event.stopPropagation();\n if (typeof ((_a = this._on) === null \|\| _a === void 0 ? void 0 : _a.onClick) === 'function') {\n (_b = this._on) === null \|\| _b === void 0 ? void 0 : _b.onClick(event, this._value);\n }\n else {\n this.toggleDropdown();\n }\n },\n };\n this.clickToggleHandler = {\n onClick: (event) => {\n event.stopPropagation();\n this.toggleDropdown();\n },\n };\n this.toggleDropdown = () => {\n this.state = Object.assign(Object.assign({}, this.state), { _show: !this.state._show });\n };\n this.handleOnClose = () => {\n this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n };\n this._ariaControls = undefined;\n this._ariaExpanded = undefined;\n this._ariaSelected = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._hideLabel = false;\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._name = undefined;\n this._on = undefined;\n this._role = undefined;\n this._syncValueBySelector = undefined;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._value = undefined;\n this._variant = 'normal';\n this.state = {\n _show: false,\n };\n }\n render() {\n const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n return (h(\"div\", { key: '0c88a85fb8276e85ec24cb2e4c6d5b4ea5f4def5', class: \"kol-split-button\" }, h(\"div\", { key: 'dc3714e07c2520223c2b8cad45898e9815282681', class: \"kol-split-button__root\" }, h(KolButtonWcTag, { key: '4ccd051dd3d8aab40f6c8e6f848cc61da8325d76', class: clsx('kol-split-button__button', {\n [this._variant]: this._variant !== 'custom',\n [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n }), _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), h(\"div\", { key: '3e95b357440e81f95d3c318edf1ee7e5ddcd1966', class: \"kol-split-button__horizontal-line\" }), h(KolButtonWcTag, { key: '4545c89c1f7edf6e75c4edce2c8a58a366d2cf52', class: \"kol-split-button__secondary-button\", _disabled: this._disabled, _hideLabel: true, _icons: \"codicon codicon-triangle-down\", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), h(KolPopoverWcTag, { key: 'db83c79d566cd73b83c36bcf6bdb83a5296a7243', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: '81ff429669d7ac56bddadaffd1f733eeb10c0726' }))));\n }\n async closePopup() {\n this.handleOnClose();\n return Promise.resolve();\n }\n static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","event","_a","_b","i18nDropdownLabel","h","KolButtonWcTag","clsx","translate","KolPopoverWcTag"],"mappings":"8JAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
1	+ {"version":3,"file":"kol-split-button.entry-D7IaQ1Ek.js","sources":["../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n /\nimport { r as registerInstance, h } from './index-1704c42b.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { l as KolPopoverWcTag, b as KolButtonWcTag } from './component-names-553d8bfa.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport './i18n-45224cc3.js';\nimport './index-ebe5a881.js';\n\nconst defaultStyleCss = \"/\\n * This file contains all rules for accessibility.\\n /\\n@layer kol-global {\\n :host {\\n /\\n * Minimum size of interactive elements.\\n /\\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n /\\n * No element should be used without a background and font color whose contrast ratio has\\n * not been checked. By initially setting the background color to white and the font color\\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n /\\n background-color: white;\\n color: black;\\n }\\n {\\n /\\n This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n hyphens: auto;\\n /\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n /\\n font-family: Verdana;\\n /\\n * Letter spacing is required for all texts.\\n /\\n letter-spacing: inherit;\\n /\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n /\\n word-break: break-word;\\n /\\n * Word spacing is required for all texts.\\n /\\n word-spacing: inherit;\\n }\\n /\\n * All interactive elements should have a minimum size of rem(44).\\n /\\n / input:not([type='checkbox'], [type='radio'], [type='range']), /\\n / option, /\\n / select, /\\n / textarea, /\\n [role=button],\\n button:not([role=link]),\\n .kol-input .input {\\n min-height: var(--a11y-min-size);\\n min-width: var(--a11y-min-size);\\n }\\n /\\n * Some interactive elements should not inherit the font-family and font-size.\\n /\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /\\n * All elements should inherit the font family from his parent element.\\n /\\n font-family: inherit;\\n /\\n * All elements should inherit the font size from his parent element.\\n /\\n font-size: inherit;\\n }\\n}\\n/\\n Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n \\n - https://www.a11yproject.com/posts/how-to-hide-content/\\n /\\n.visually-hidden {\\n clip: rect(0 0 0 0);\\n clip-path: inset(50%);\\n height: 1px;\\n overflow: hidden;\\n position: absolute;\\n white-space: nowrap;\\n width: 1px;\\n}\\n\\n@layer kol-global {\\n /\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n /\\n :is(a, button) {\\n background-color: transparent;\\n border: none;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n / 100% needed for custom width from outside /\\n }\\n /\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n /\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n background-color: lightgray;\\n color: black;\\n }\\n}\\n@layer kol-global {\\n :host {\\n font-size: rem(16);\\n /\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n /\\n max-width: 100%;\\n }\\n {\\n /\\n We prefer to box-sizing: border-box for all elements.\\n /\\n box-sizing: border-box;\\n }\\n .kol-span {\\n / KolSpan is a layout component with icons in all directions and a label text in the middle. /\\n display: grid;\\n place-items: center;\\n / The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. /\\n }\\n .kol-span__container {\\n display: flex;\\n place-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n / Reset browser agent style. /\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n cursor: not-allowed;\\n opacity: 0.5;\\n outline: none;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n}\\n@layer kol-component {\\n .kol-popover {\\n height: 0;\\n position: absolute;\\n }\\n .kol-popover__content {\\n background-color: #fff;\\n min-height: max-content;\\n min-width: max-content;\\n opacity: 0;\\n position: absolute;\\n }\\n .kol-popover__content--visible {\\n animation: 0.3s ease-in forwards fadeInOpacity;\\n }\\n .kol-popover__content--disappear {\\n animation: 0.3s ease-in backwards fadeInOpacity;\\n }\\n .kol-popover__arrow {\\n background-color: inherit;\\n height: var(--font-size);\\n position: absolute;\\n rotate: 0.125turn;\\n width: var(--font-size);\\n z-index: -1;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-tooltip {\\n display: contents;\\n }\\n .kol-tooltip__floating {\\n animation-duration: 0.25s;\\n animation-iteration-count: 1;\\n animation-name: fadeInOpacity;\\n animation-timing-function: ease-in;\\n display: none;\\n position: fixed;\\n visibility: hidden;\\n / Avoid layout interference - see https://floating-ui.com/docs/computePosition /\\n top: 0;\\n left: 0;\\n max-width: 90vw;\\n max-height: 90vh;\\n / Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width);\\n }\\n .kol-tooltip__arrow {\\n background-color: #fff;\\n color: #000;\\n height: calc(10rem / var(--kolibri-root-font-size, 16));\\n position: absolute;\\n transform: rotate(45deg);\\n width: calc(10rem / var(--kolibri-root-font-size, 16));\\n z-index: 999;\\n }\\n .kol-tooltip__content {\\n background-color: #fff;\\n color: #000;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes fadeInOpacity {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-split-button {\\n display: flex;\\n position: relative;\\n }\\n .kol-split-button__root {\\n display: flex;\\n position: relative;\\n }\\n .kol-split-button__button {\\n flex-grow: 1;\\n text-align: left;\\n }\\n .kol-split-button .kol-popover__content {\\n margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-split-button .kol-popover__arrow {\\n display: none;\\n }\\n}\";\nconst KolSplitButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolSplitButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.clickButtonHandler = {\n onClick: (event) => {\n var _a, _b;\n event.stopPropagation();\n if (typeof ((_a = this._on) === null \|\| _a === void 0 ? void 0 : _a.onClick) === 'function') {\n (_b = this._on) === null \|\| _b === void 0 ? void 0 : _b.onClick(event, this._value);\n }\n else {\n this.toggleDropdown();\n }\n },\n };\n this.clickToggleHandler = {\n onClick: (event) => {\n event.stopPropagation();\n this.toggleDropdown();\n },\n };\n this.toggleDropdown = () => {\n this.state = Object.assign(Object.assign({}, this.state), { _show: !this.state._show });\n };\n this.handleOnClose = () => {\n this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n };\n this._ariaControls = undefined;\n this._ariaExpanded = undefined;\n this._ariaSelected = undefined;\n this._customClass = undefined;\n this._disabled = false;\n this._hideLabel = false;\n this._icons = undefined;\n this._id = undefined;\n this._label = undefined;\n this._name = undefined;\n this._on = undefined;\n this._role = undefined;\n this._syncValueBySelector = undefined;\n this._tooltipAlign = 'top';\n this._type = 'button';\n this._value = undefined;\n this._variant = 'normal';\n this.state = {\n _show: false,\n };\n }\n render() {\n const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n return (h(\"div\", { key: 'adfeb36fc1c13115648cab2c692dcf28ede4f663', class: \"kol-split-button\" }, h(\"div\", { key: '6ddddfa00a901d7a1c02a242384ba6478955c13b', class: \"kol-split-button__root\" }, h(KolButtonWcTag, { key: '73295b6c589ee559c4e301c6685568e0aa6359de', class: clsx('kol-split-button__button', {\n [this._variant]: this._variant !== 'custom',\n [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n }), _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), h(\"div\", { key: '29f15b767934692234c76d6738696ea225488d24', class: \"kol-split-button__horizontal-line\" }), h(KolButtonWcTag, { key: '689696759403849639ec892383aad2d055ac1482', class: \"kol-split-button__secondary-button\", _disabled: this._disabled, _hideLabel: true, _icons: \"codicon codicon-triangle-down\", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), h(KolPopoverWcTag, { key: 'ba4151408b5ea8295eaee3f680ccd394e081464b', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: '88c02a85478c3cedae8272e2f3f4848bbf031488' }))));\n }\n async closePopup() {\n this.handleOnClose();\n return Promise.resolve();\n }\n static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","event","_a","_b","i18nDropdownLabel","h","KolButtonWcTag","clsx","translate","KolPopoverWcTag"],"mappings":"8JAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/assets/{kol-table-settings-wc.entry-C8ZlfiUm.js → kol-table-settings-wc.entry-4oHmGiQj.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as g,d as h,a as u,h as a,al as _,b as m,am as p,an as k,e as b,I as f,g as v}from"./index-DfN2w0z5.js";import{t as i}from"./i18n-260f0fe9-Dp1L11gL.js";/*!
+import{r as d,d as h,a as u,h as a,am as _,b as m,an as p,ao as k,e as b,J as v,g as f}from"./index-Dx6JIT5I.js";import{t as i}from"./i18n-260f0fe9-CHzGh0mC.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const C=class{constructor(t){g(this,t),this.tableSettings={columns:[]},this.errorMessage=null,this._tableSettings={columns:[]}}handleTableSettingsChange(t){this.tableSettings=Object.assign(Object.assign({},t),{columns:this.sortColumnsByPosition(t.columns)})}componentWillLoad(){this.handleTableSettingsChange(this._tableSettings)}sortColumnsByPosition(t){return[...t].sort((e,s)=>e.position-s.position)}moveColumn(t,e){const s=[...this.tableSettings.columns],n=s.findIndex(l=>l.key===t),o=e==="up"?n-1:n+1,c=s[n],r=s[o],d=s.map(l=>l.key===c.key?Object.assign(Object.assign({},l),{position:r.position}):l.key===r.key?Object.assign(Object.assign({},l),{position:c.position}):l);this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.sortColumnsByPosition(d)})}handleVisibilityChange(t,e){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===t?Object.assign(Object.assign({},s),{visible:!!e}):s)})}handleWidthChange(t,e){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===t?Object.assign(Object.assign({},s),{width:Number(e)}):s)})}handleCancel(){var t;(t=this.popoverRef)===null||t===void 0||t.hidePopover()}handleSubmit(t){var e;if(t.preventDefault(),this.tableSettings.columns.some(n=>n.visible))this.host&&(this.errorMessage=null,h(this.host,u.settingsChange,this.tableSettings),(e=this.popoverRef)===null||e===void 0||e.hidePopover());else{this.errorMessage=i("kol-table-settings-error-all-invisible");return}}render(){const t=[...this.tableSettings.columns].sort((e,s)=>e.position-s.position);return a(f,{key:"a3e0145a3399d8dee361f7e29e34198b1ec99b27",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"codicon codicon-settings-gear",_label:i("kol-table-settings"),_popoverAlign:"top",_hideLabel:!0},a("div",{key:"66f2e14ac78f6d865a6a6ad9e2393c94c42fa8a7",class:"kol-table-settings__content"},a(_,{key:"558f2b97ac8c7f049147125a642e5e4862108dda",_label:i("kol-table-settings"),_level:0}),this.errorMessage&&a(m,{key:"433c0381c504eff423516b40d899751ae5ea4658",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),a("form",{key:"404aae1da74273e840c1980fe3a94d126cbfbe8b",onSubmit:this.handleSubmit.bind(this)},a("div",{key:"d18a3fe79c0f576dbf23444eb06a744d003b77af",class:"kol-table-settings__columns-container"},a("div",{key:"adb1ad8d4afc6e0dc062f7dfb2cbbfebbc5b83d1",class:"kol-table-settings__columns"},t.map((e,s)=>a("div",{key:e.key,class:"kol-table-settings__column"},a(p,{_checked:e.visible,_label:i("kol-table-settings-show-column",{placeholders:{column:e.label}}),_value:!0,_hideLabel:!0,_on:{onInput:(n,o)=>this.handleVisibilityChange(e.key,o)}}),a("span",null,e.label),a(k,{_hideLabel:!0,_value:e.width,_label:i("kol-table-settings-column-width",{placeholders:{column:e.label}}),_min:1,_on:{onInput:(n,o)=>this.handleWidthChange(e.key,o)}}),a(b,{_icons:"codicon codicon-arrow-up",_label:i("kol-table-settings-move-up",{placeholders:{column:e.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(e.key,"up")},_disabled:s===0,"data-testid":"table-settings-move-up"}),a(b,{_icons:"codicon codicon-arrow-down",_label:i("kol-table-settings-move-down",{placeholders:{column:e.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(e.key,"down")},_disabled:s===t.length-1,"data-testid":"table-settings-move-down"}))))),a("div",{key:"07f4257444c1093dd6ec20a2cf7dfadc85699d85",class:"kol-table-settings__actions"},a(b,{key:"f190eb5faee74b857c23e1c5bb13ee8da9a5d96d",_label:i("kol-table-settings-cancel"),_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),a(b,{key:"e3954fe4f3bec3e0aff45b207e712efb352dca92",_label:i("kol-table-settings-apply"),_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return v(this)}static get watchers(){return{_tableSettings:["handleTableSettingsChange"]}}};export{C as kol_table_settings_wc};
-//# sourceMappingURL=kol-table-settings-wc.entry-C8ZlfiUm.js.map
+ */const C=class{constructor(t){d(this,t),this.tableSettings={columns:[]},this.errorMessage=null,this._tableSettings={columns:[]}}handleTableSettingsChange(t){this.tableSettings=Object.assign(Object.assign({},t),{columns:this.sortColumnsByPosition(t.columns)})}componentWillLoad(){this.handleTableSettingsChange(this._tableSettings)}sortColumnsByPosition(t){return[...t].sort((e,s)=>e.position-s.position)}moveColumn(t,e){const s=[...this.tableSettings.columns],n=s.findIndex(l=>l.key===t),o=e==="up"?n-1:n+1,c=s[n],r=s[o],g=s.map(l=>l.key===c.key?Object.assign(Object.assign({},l),{position:r.position}):l.key===r.key?Object.assign(Object.assign({},l),{position:c.position}):l);this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.sortColumnsByPosition(g)})}handleVisibilityChange(t,e){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===t?Object.assign(Object.assign({},s),{visible:!!e}):s)})}handleWidthChange(t,e){this.tableSettings=Object.assign(Object.assign({},this.tableSettings),{columns:this.tableSettings.columns.map(s=>s.key===t?Object.assign(Object.assign({},s),{width:Number(e)}):s)})}handleCancel(){var t;(t=this.popoverRef)===null||t===void 0||t.hidePopover()}handleSubmit(t){var e;if(t.preventDefault(),this.tableSettings.columns.some(n=>n.visible))this.host&&(this.errorMessage=null,h(this.host,u.settingsChange,this.tableSettings),(e=this.popoverRef)===null||e===void 0||e.hidePopover());else{this.errorMessage=i("kol-table-settings-error-all-invisible");return}}render(){const t=[...this.tableSettings.columns].sort((e,s)=>e.position-s.position);return a(v,{key:"efbe65355597dcc6a5b5b5e23077b037ab90318c",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"codicon codicon-settings-gear",_label:i("kol-table-settings"),_popoverAlign:"top",_hideLabel:!0},a("div",{key:"5b149682787c1fb1fb73faab858b7ec7d4d753e4",class:"kol-table-settings__content"},a(_,{key:"3e651488c0b04dfcd1acf8a32a4f060e4b08d0a6",_label:i("kol-table-settings"),_level:0}),this.errorMessage&&a(m,{key:"5b5cfdfdce5ae3da8b378a574abfea48b0c04460",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),a("form",{key:"b9b80cd51c8ec1e89c1559201e6e0f0287c48c86",onSubmit:this.handleSubmit.bind(this)},a("div",{key:"0675d6796ab9e94592dad2649933e5c3905026b6",class:"kol-table-settings__columns-container"},a("div",{key:"76eca8bcb960febf13c5ecd7f64cb1b8c295edc7",class:"kol-table-settings__columns"},t.map((e,s)=>a("div",{key:e.key,class:"kol-table-settings__column"},a(p,{_checked:e.visible,_label:i("kol-table-settings-show-column",{placeholders:{column:e.label}}),_value:!0,_hideLabel:!0,_on:{onInput:(n,o)=>this.handleVisibilityChange(e.key,o)}}),a("span",null,e.label),a(k,{_hideLabel:!0,_value:e.width,_label:i("kol-table-settings-column-width",{placeholders:{column:e.label}}),_min:1,_on:{onInput:(n,o)=>this.handleWidthChange(e.key,o)}}),a(b,{_icons:"codicon codicon-arrow-up",_label:i("kol-table-settings-move-up",{placeholders:{column:e.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(e.key,"up")},_disabled:s===0,"data-testid":"table-settings-move-up"}),a(b,{_icons:"codicon codicon-arrow-down",_label:i("kol-table-settings-move-down",{placeholders:{column:e.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>this.moveColumn(e.key,"down")},_disabled:s===t.length-1,"data-testid":"table-settings-move-down"}))))),a("div",{key:"b48eb18949304209ed611de05ce4ea26f4035fd5",class:"kol-table-settings__actions"},a(b,{key:"6a5ec1307960f14e0c3fbb513ccf7ea79914793a",_label:i("kol-table-settings-cancel"),_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),a(b,{key:"4f40c7f57985ee0f9264a3f33fe819bd9e9467cc",_label:i("kol-table-settings-apply"),_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return f(this)}static get watchers(){return{_tableSettings:["handleTableSettingsChange"]}}};export{C as kol_table_settings_wc};
+//# sourceMappingURL=kol-table-settings-wc.entry-4oHmGiQj.js.map

package/dist/assets/{kol-table-settings-wc.entry-C8ZlfiUm.js.map → kol-table-settings-wc.entry-4oHmGiQj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-table-settings-wc.entry-C8ZlfiUm.js","sources":["../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-1ed13705.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { r as KolHeadingTag, c as KolAlertWcTag, t as KolInputCheckboxTag, u as KolInputNumberTag, b as KolButtonWcTag, i as KolPopoverButtonWcTag } from './component-names-7924d82a.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-bad0a075.js';\nimport './i18n-45224cc3.js';\nimport './index-ebe5a881.js';\n\nconst KolTableSettings = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.tableSettings = { columns: [] };\n this.errorMessage = null;\n this._tableSettings = { columns: [] };\n }\n handleTableSettingsChange(newValue) {\n this.tableSettings = Object.assign(Object.assign({}, newValue), { columns: this.sortColumnsByPosition(newValue.columns) });\n }\n componentWillLoad() {\n this.handleTableSettingsChange(this._tableSettings);\n }\n sortColumnsByPosition(columns) {\n return [...columns].sort((colA, colB) => colA.position - colB.position);\n }\n moveColumn(columnId, direction) {\n const columnSettings = [...this.tableSettings.columns];\n const sourceIndex = columnSettings.findIndex((col) => col.key === columnId);\n const targetIndex = direction === 'up' ? sourceIndex - 1 : sourceIndex + 1;\n const source = columnSettings[sourceIndex];\n const target = columnSettings[targetIndex];\n const newCols = columnSettings.map((col) => {\n if (col.key === source.key)\n return Object.assign(Object.assign({}, col), { position: target.position });\n if (col.key === target.key)\n return Object.assign(Object.assign({}, col), { position: source.position });\n return col;\n });\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.sortColumnsByPosition(newCols) });\n }\n handleVisibilityChange(key, visible) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col)) });\n }\n handleWidthChange(key, width) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { width: Number(width) }) : col)) });\n }\n handleCancel() {\n var _a;\n void ((_a = this.popoverRef) === null \|\| _a === void 0 ? void 0 : _a.hidePopover());\n }\n handleSubmit(event) {\n var _a;\n event.preventDefault();\n const hasVisibleColumn = this.tableSettings.columns.some((column) => column.visible);\n if (!hasVisibleColumn) {\n this.errorMessage = translate('kol-table-settings-error-all-invisible');\n return;\n }\n else if (this.host) {\n this.errorMessage = null;\n dispatchDomEvent(this.host, KolEvent.settingsChange, this.tableSettings);\n void ((_a = this.popoverRef) === null \|\| _a === void 0 ? void 0 : _a.hidePopover());\n }\n }\n render() {\n const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);\n return (h(KolPopoverButtonWcTag, { key: 'a3e0145a3399d8dee361f7e29e34198b1ec99b27', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"codicon codicon-settings-gear\", _label: translate('kol-table-settings'), _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: '66f2e14ac78f6d865a6a6ad9e2393c94c42fa8a7', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: '558f2b97ac8c7f049147125a642e5e4862108dda', _label: translate('kol-table-settings'), _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '433c0381c504eff423516b40d899751ae5ea4658', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: '404aae1da74273e840c1980fe3a94d126cbfbe8b', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: 'd18a3fe79c0f576dbf23444eb06a744d003b77af', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: 'adb1ad8d4afc6e0dc062f7dfb2cbbfebbc5b83d1', class: \"kol-table-settings__columns\" }, sortedColumns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), h(\"span\", null, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: '07f4257444c1093dd6ec20a2cf7dfadc85699d85', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: 'f190eb5faee74b857c23e1c5bb13ee8da9a5d96d', _label: translate('kol-table-settings-cancel'), _buttonVariant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: 'e3954fe4f3bec3e0aff45b207e712efb352dca92', _label: translate('kol-table-settings-apply'), _buttonVariant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_tableSettings\": [\"handleTableSettingsChange\"]\n }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map"],"names":["KolTableSettings","hostRef","registerInstance","newValue","columns","colA","colB","columnId","direction","columnSettings","sourceIndex","col","targetIndex","source","target","newCols","key","visible","width","_a","event","column","dispatchDomEvent","KolEvent","translate","sortedColumns","a","b","h","KolPopoverButtonWcTag","el","KolHeadingTag","KolAlertWcTag","index","KolInputCheckboxTag","_","value","KolInputNumberTag","KolButtonWcTag","getElement"],"mappings":"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"}
1	+ {"version":3,"file":"kol-table-settings-wc.entry-4oHmGiQj.js","sources":["../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/!\n KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-1704c42b.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { t as KolHeadingTag, c as KolAlertWcTag, u as KolInputCheckboxTag, v as KolInputNumberTag, b as KolButtonWcTag, j as KolPopoverButtonWcTag } from './component-names-553d8bfa.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-bad0a075.js';\nimport './i18n-45224cc3.js';\nimport './index-ebe5a881.js';\n\nconst KolTableSettings = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.tableSettings = { columns: [] };\n this.errorMessage = null;\n this._tableSettings = { columns: [] };\n }\n handleTableSettingsChange(newValue) {\n this.tableSettings = Object.assign(Object.assign({}, newValue), { columns: this.sortColumnsByPosition(newValue.columns) });\n }\n componentWillLoad() {\n this.handleTableSettingsChange(this._tableSettings);\n }\n sortColumnsByPosition(columns) {\n return [...columns].sort((colA, colB) => colA.position - colB.position);\n }\n moveColumn(columnId, direction) {\n const columnSettings = [...this.tableSettings.columns];\n const sourceIndex = columnSettings.findIndex((col) => col.key === columnId);\n const targetIndex = direction === 'up' ? sourceIndex - 1 : sourceIndex + 1;\n const source = columnSettings[sourceIndex];\n const target = columnSettings[targetIndex];\n const newCols = columnSettings.map((col) => {\n if (col.key === source.key)\n return Object.assign(Object.assign({}, col), { position: target.position });\n if (col.key === target.key)\n return Object.assign(Object.assign({}, col), { position: source.position });\n return col;\n });\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.sortColumnsByPosition(newCols) });\n }\n handleVisibilityChange(key, visible) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col)) });\n }\n handleWidthChange(key, width) {\n this.tableSettings = Object.assign(Object.assign({}, this.tableSettings), { columns: this.tableSettings.columns.map((col) => (col.key === key ? Object.assign(Object.assign({}, col), { width: Number(width) }) : col)) });\n }\n handleCancel() {\n var _a;\n void ((_a = this.popoverRef) === null \|\| _a === void 0 ? void 0 : _a.hidePopover());\n }\n handleSubmit(event) {\n var _a;\n event.preventDefault();\n const hasVisibleColumn = this.tableSettings.columns.some((column) => column.visible);\n if (!hasVisibleColumn) {\n this.errorMessage = translate('kol-table-settings-error-all-invisible');\n return;\n }\n else if (this.host) {\n this.errorMessage = null;\n dispatchDomEvent(this.host, KolEvent.settingsChange, this.tableSettings);\n void ((_a = this.popoverRef) === null \|\| _a === void 0 ? void 0 : _a.hidePopover());\n }\n }\n render() {\n const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);\n return (h(KolPopoverButtonWcTag, { key: 'efbe65355597dcc6a5b5b5e23077b037ab90318c', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"codicon codicon-settings-gear\", _label: translate('kol-table-settings'), _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: '5b149682787c1fb1fb73faab858b7ec7d4d753e4', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: '3e651488c0b04dfcd1acf8a32a4f060e4b08d0a6', _label: translate('kol-table-settings'), _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '5b5cfdfdce5ae3da8b378a574abfea48b0c04460', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: 'b9b80cd51c8ec1e89c1559201e6e0f0287c48c86', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: '0675d6796ab9e94592dad2649933e5c3905026b6', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: '76eca8bcb960febf13c5ecd7f64cb1b8c295edc7', class: \"kol-table-settings__columns\" }, sortedColumns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), h(\"span\", null, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"codicon codicon-arrow-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: \"ghost\", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: 'b48eb18949304209ed611de05ce4ea26f4035fd5', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: '6a5ec1307960f14e0c3fbb513ccf7ea79914793a', _label: translate('kol-table-settings-cancel'), _buttonVariant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: '4f40c7f57985ee0f9264a3f33fe819bd9e9467cc', _label: translate('kol-table-settings-apply'), _buttonVariant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_tableSettings\": [\"handleTableSettingsChange\"]\n }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map"],"names":["KolTableSettings","hostRef","registerInstance","newValue","columns","colA","colB","columnId","direction","columnSettings","sourceIndex","col","targetIndex","source","target","newCols","key","visible","width","_a","event","column","dispatchDomEvent","KolEvent","translate","sortedColumns","a","b","h","KolPopoverButtonWcTag","el","KolHeadingTag","KolAlertWcTag","index","KolInputCheckboxTag","_","value","KolInputNumberTag","KolButtonWcTag","getElement"],"mappings":"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"}