npm - @public-ui/sample-react - Versions diffs - 4.1.1-rc.0 → 4.1.1-rc.2 - Mend

@public-ui/sample-react 4.1.1-rc.0 → 4.1.1-rc.2

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 (361) hide show

package/dist/assets/kol-input-range.entry-BhYJI6bn.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-input-range.entry-BhYJI6bn.js","sources":["../../../../components/dist/esm/kol-input-range.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-2R8yiTEB.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-SdWKU73w.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-Dopbz3nm.js';\nimport { I as InputStateWrapper, S as SuggestionsFc } from './InputStateWrapper-CmSl1Pup.js';\nimport { n as nonce } from './dev.utils-dsy3l66K.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateAutoComplete } from './auto-complete-69d94cWC.js';\nimport { v as validateSuggestions } from './suggestions-CAPtcaUM.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-DvMeCREp.js';\nimport './InternalUnderlinedBadgeText-7p1Sf6Uz.js';\nimport './Alert-BNnW6X1O.js';\nimport './bem-registry-B0PxCYiM.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-C4rnCYXm.js';\nimport './Icon-DiLz3fn_.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-3yKCAK8D.js';\n\nclass InputRangeController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.component = component;\n }\n validateAutoComplete(value) {\n validateAutoComplete(this.component, value);\n }\n validateMax(value) {\n this.validateNumber('_max', value);\n }\n validateMin(value) {\n this.validateNumber('_min', value);\n }\n validateStep(value) {\n this.validateNumber('_step', value);\n }\n validateSuggestions(value) {\n validateSuggestions(this.component, value);\n }\n validateValue(value) {\n this.validateNumber('_value', value);\n this.component._value = value;\n this.setFormAssociatedValue(this.component.state._value);\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateAutoComplete(this.component._autoComplete);\n this.validateMax(this.component._max);\n this.validateMin(this.component._min);\n this.validateStep(this.component._step);\n this.validateSuggestions(this.component._suggestions);\n this.validateValue(this.component._value);\n }\n}\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the text color from his parent element.\\n */\\n color: inherit;\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n .hastooltip {\\n z-index: 900 !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 opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert :host {\\n display: inline-block;\\n }\\n .kol-alert .kol-button {\\n display: flex;\\n min-height: var(--a11y-min-size);\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-decoration-line: none;\\n }\\n .kol-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\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 min-height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-input-range__inputs-wrapper {\\n display: flex;\\n flex-grow: 1;\\n flex-direction: row;\\n align-items: center;\\n }\\n .kol-input-range__input--number {\\n width: var(--kolibri-input-range--input-number--width);\\n }\\n .kol-input-range__input--range {\\n background-color: #d3d3d3;\\n display: inline-block;\\n /* Design-Hack - related with flex-grow */\\n width: 0;\\n height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n margin: 0;\\n padding: 0;\\n flex-grow: 1;\\n line-height: 1.5;\\n appearance: none;\\n border: 1px solid #000;\\n }\\n .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\\n cursor: pointer;\\n }\\n .kol-input-range__input--range::-webkit-slider-thumb {\\n background-color: #000;\\n border-radius: 20px;\\n width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n -webkit-appearance: none;\\n }\\n @media (prefers-contrast: more) or (forced-colors: active) {\\n .kol-input-range__input--range::-webkit-slider-thumb {\\n outline: 1px solid currentColor;\\n }\\n }\\n .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\\n cursor: pointer;\\n }\\n .kol-input-range__input--range::-moz-range-thumb {\\n background-color: #000;\\n border-radius: 20px;\\n width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\\n -moz-appearance: none;\\n }\\n}\";\n\nconst KolInputRange = class {\n async focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\n }\n getSanitizedFloatValue(value) {\n const floatValue = parseFloat(value);\n if (this.state._max && floatValue > this.state._max) {\n return this.state._max;\n }\n if (this.state._min && floatValue < this.state._min) {\n return this.state._min;\n }\n return floatValue;\n }\n remapValue(value) {\n if (this._initialValueType === 'NumberString') {\n return String(value);\n }\n return value;\n }\n async getValue() {\n if (this.refInputNumber !== undefined) {\n const value = this.refInputNumber.value;\n const floatValue = this.getSanitizedFloatValue(value);\n return this.remapValue(floatValue);\n }\n }\n componentDidLoad() {\n var _a;\n if (!this._value && ((_a = this.refInputRange) === null || _a === void 0 ? void 0 : _a.value)) {\n this.validateValue(parseFloat(this.refInputRange.value));\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-range', 'range'),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getGenericInputProps() {\n return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, this.state), { _suggestions: [] }) }, this.controller.onFacade), { onChange: this.onChange, onInput: this.onInput, onFocus: (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n }, onBlur: (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n } });\n }\n get hasSuggestions() {\n return Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n }\n getInputRangeProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { name: this.state._name ? `${this.state._name}-range` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, type: 'range', tabIndex: -1, id: undefined, 'aria-hidden': 'true', ref: this.catchInputRangeRef });\n }\n getInputNumberProps() {\n return Object.assign(Object.assign({}, this.getGenericInputProps()), { name: this.state._name ? `${this.state._name}-number` : undefined, list: this.hasSuggestions ? `${this.state._id}-list` : undefined, type: 'number', ref: this.catchInputNumberRef, onKeyDown: this.onKeyDown });\n }\n setInitialValueType(value) {\n if (this.controller.isNumberString(value)) {\n this._initialValueType = 'NumberString';\n }\n else {\n this._initialValueType = 'number';\n }\n }\n render() {\n const inputsWrapperStyle = {\n '--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n };\n return (h(FormFieldStateWrapper, Object.assign({ key: 'fa6009c92bd326a16075cb0a8f328ecde89a1b0d' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '4a0b51e44d330991b71c80944894cefab20ea89e', state: this.state }, h(\"div\", { key: 'e7ddf1ce4c09cad830906a611f63f6f56d8466ec', class: \"kol-input-range__inputs-wrapper\", style: inputsWrapperStyle }, h(InputStateWrapper, Object.assign({ key: 'a4bf095b5442f42ef75e6339fa0bc9131de97a04', class: \"kol-input-range__input kol-input-range__input--range\" }, this.getInputRangeProps())), h(InputStateWrapper, Object.assign({ key: '4a0446cce3a73c3487df549abc24064469d68c26', class: \"kol-input-range__input kol-input-range__input--number\" }, this.getInputNumberProps()))), this.hasSuggestions && h(SuggestionsFc, { key: '465bacc9d4ddae28ba87558ba6d5cdb93b27f732', id: this.state._id, suggestions: this.state._suggestions }))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchInputNumberRef = (element) => {\n var _a;\n if (element) {\n this.refInputNumber = element;\n if (!this._value && ((_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.value)) {\n this.validateValue(parseFloat(this.refInputNumber.value));\n }\n }\n };\n this.catchInputRangeRef = (element) => {\n if (element) {\n this.refInputRange = element;\n }\n };\n this.onInput = (event) => {\n const value = event.target.value;\n const floatValue = this.getSanitizedFloatValue(value);\n this.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n };\n this.onChange = (event) => {\n const value = event.target.value;\n const floatValue = this.getSanitizedFloatValue(value);\n const remappedValue = this.remapValue(floatValue);\n this.validateValue(remappedValue);\n this.controller.onFacade.onChange(event, remappedValue);\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this._autoComplete = 'off';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._max = 100;\n this._min = 0;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _min: 0,\n _max: 100,\n };\n this._initialValueType = 'number';\n this.inputHasFocus = false;\n this.controller = new InputRangeController(this, 'range', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(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 validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMax(value) {\n this.controller.validateMax(value);\n }\n validateMin(value) {\n this.controller.validateMin(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 validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateStep(value) {\n this.controller.validateStep(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(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 if (value !== undefined) {\n this.setInitialValueType(value);\n }\n }\n componentWillLoad() {\n if (this._value !== undefined) {\n this.setInitialValueType(this._value);\n }\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_min\": [\"validateMin\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_step\": [\"validateStep\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputRange.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputRange as kol_input_range };\n//# sourceMappingURL=kol-input-range.entry.js.map\n"],"names":["InputRangeController","InputIconController","component","name","host","value","validateAutoComplete","validateSuggestions","defaultStyleCss","KolInputRange","resolve","_a","floatValue","clsx","event","inputsWrapperStyle","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","hostRef","registerInstance","element","remappedValue","propagateSubmitEventToForm","nonce","getElement"],"mappings":"osCAqCA,MAAMA,UAA6BC,CAAoB,CACnD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACrB,CACA,qBAAqBG,EAAO,CACxBC,EAAqB,KAAK,UAAWD,CAAK,CAC9C,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACrC,CACA,aAAaA,EAAO,CAChB,KAAK,eAAe,QAASA,CAAK,CACtC,CACA,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CAC7C,CACA,cAAcA,EAAO,CACjB,KAAK,eAAe,SAAUA,CAAK,EACnC,KAAK,UAAU,OAASA,EACxB,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC3D,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,KAAK,qBAAqB,KAAK,UAAU,aAAa,EACtD,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,YAAY,KAAK,UAAU,IAAI,EACpC,KAAK,aAAa,KAAK,UAAU,KAAK,EACtC,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,cAAc,KAAK,UAAU,MAAM,CAC5C,CACJ,CAEA,MAAMG,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}

package/dist/assets/kol-input-text.entry-CNKZbAji.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-input-text.entry-CNKZbAji.js","sources":["../../../../components/dist/esm/kol-input-text.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-2R8yiTEB.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { F as FormFieldStateWrapper } from './FormFieldStateWrapper-SdWKU73w.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-Dopbz3nm.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-CmSl1Pup.js';\nimport { n as nonce } from './dev.utils-dsy3l66K.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport { a as InputTextController } from './controller-DgjtfYEk.js';\nimport './common-BIkdAxr0.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-DvMeCREp.js';\nimport './InternalUnderlinedBadgeText-7p1Sf6Uz.js';\nimport './Alert-BNnW6X1O.js';\nimport './bem-registry-B0PxCYiM.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-C4rnCYXm.js';\nimport './Icon-DiLz3fn_.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-3yKCAK8D.js';\nimport './spell-check-BcvxI-Fn.js';\nimport './suggestions-CAPtcaUM.js';\nimport './controller-cwZv_Ppb.js';\nimport './auto-complete-69d94cWC.js';\nimport './max-length-behavior-BfK6OnzA.js';\nimport './placeholder-D8vH7TM6.js';\nimport './read-only-C5tWj8H1.js';\nimport './required-Dt9l4wUg.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the text color from his parent element.\\n */\\n color: inherit;\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n .hastooltip {\\n z-index: 900 !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 opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert :host {\\n display: inline-block;\\n }\\n .kol-alert .kol-button {\\n display: flex;\\n min-height: var(--a11y-min-size);\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-decoration-line: none;\\n }\\n .kol-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\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 min-height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n}\";\n\nconst KolInputText = class {\n async getValue() {\n var _a;\n return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n }\n async focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\n }\n async selectionStart() {\n var _a;\n return Promise.resolve((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.selectionStart);\n }\n async selectioconEnd() {\n var _a;\n return Promise.resolve((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.selectionEnd);\n }\n async setSelectionRange(selectionStart, selectionEnd, selectionDirection) {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n async setSelectionStart(selectionStart) {\n var _a;\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setSelectionRange(selectionStart, selectionStart);\n }\n async setRangeText(replacement, selectionStart, selectionEnd, selectMode) {\n var _a, _b;\n if (selectionStart && selectionEnd) {\n (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n }\n else {\n (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.setRangeText(replacement);\n }\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-input-text', this.state._type, {\n 'has-value': this.state._hasValue,\n 'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n }),\n tooltipAlign: this._tooltipAlign,\n alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, ariaDescribedBy }, this.controller.onFacade), { onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown });\n }\n render() {\n return (h(FormFieldStateWrapper, Object.assign({ key: '5b2f79fc63b889b52f0369be822edeadae218934' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '246837c2083d17b5773efd67081b47ce6f852be2', state: this.state }, h(InputStateWrapper, Object.assign({ key: '938ed60af361b9227a191433c28f1befe0fd36e8' }, this.getInputProps())))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.inputRef = ref;\n };\n this.onBlur = (event) => {\n this.controller.onFacade.onBlur(event);\n this.inputHasFocus = false;\n };\n this.onChange = (event) => {\n var _a;\n const value = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n if (this.oldValue !== value) {\n this.oldValue = value;\n }\n this.controller.onFacade.onChange(event);\n };\n this.onFocus = (event) => {\n this.controller.onFacade.onFocus(event);\n this.inputHasFocus = true;\n };\n this.onInput = (event) => {\n var _a, _b;\n this._value = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';\n this.controller.onFacade.onInput(event);\n };\n this.onKeyDown = (event) => {\n this.controller.onFacade.onKeyDown(event);\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n propagateSubmitEventToForm({\n form: this.host});\n }\n };\n this._autoComplete = 'off';\n this._hasCounter = false;\n this._maxLengthBehavior = 'hard';\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._readOnly = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._type = 'text';\n this.state = {\n _currentLength: 0,\n _currentLengthDebounced: 0,\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _suggestions: [],\n _type: 'text',\n };\n this.inputHasFocus = false;\n this.controller = new InputTextController(this, 'text', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\n }\n validateAccessKey(value) {\n this.controller.validateAccessKey(value);\n }\n validateAutoComplete(value) {\n this.controller.validateAutoComplete(value);\n }\n validateMaxLengthBehavior(value) {\n this.controller.validateMaxLengthBehavior(value);\n }\n validateDisabled(value) {\n this.controller.validateDisabled(value);\n }\n validateHideMsg(value) {\n this.controller.validateHideMsg(value);\n }\n validateHideLabel(value) {\n this.controller.validateHideLabel(value);\n }\n validateHasCounter(value) {\n this.controller.validateHasCounter(value);\n }\n validateHint(value) {\n this.controller.validateHint(value);\n }\n validateIcons(value) {\n this.controller.validateIcons(value);\n }\n validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMaxLength(value) {\n this.controller.validateMaxLength(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateName(value) {\n this.controller.validateName(value);\n }\n validateOn(value) {\n this.controller.validateOn(value);\n }\n validatePattern(value) {\n this.controller.validatePattern(value);\n }\n validatePlaceholder(value) {\n this.controller.validatePlaceholder(value);\n }\n validateReadOnly(value) {\n this.controller.validateReadOnly(value);\n }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSpellCheck(value) {\n this.controller.validateSpellCheck(value);\n }\n validateSuggestions(value) {\n this.controller.validateSuggestions(value);\n }\n validateSmartButton(value) {\n this.controller.validateSmartButton(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateType(value) {\n this.controller.validateType(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n this.oldValue = value;\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.oldValue = this._value;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_autoComplete\": [\"validateAutoComplete\"],\n \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hasCounter\": [\"validateHasCounter\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_maxLength\": [\"validateMaxLength\"],\n \"_msg\": [\"validateMsg\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_pattern\": [\"validatePattern\"],\n \"_placeholder\": [\"validatePlaceholder\"],\n \"_readOnly\": [\"validateReadOnly\"],\n \"_required\": [\"validateRequired\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_spellCheck\": [\"validateSpellCheck\"],\n \"_suggestions\": [\"validateSuggestions\"],\n \"_smartButton\": [\"validateSmartButton\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_touched\": [\"validateTouched\"],\n \"_type\": [\"validateType\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\nKolInputText.style = {\n default: defaultStyleCss\n};\n\nexport { KolInputText as kol_input_text };\n//# sourceMappingURL=kol-input-text.entry.js.map\n"],"names":["defaultStyleCss","KolInputText","_a","resolve","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","_b","clsx","ariaDescribedBy","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","value","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"w9CA4CA,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;AAAA;AAAA;AAAA;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"}

package/dist/assets/kol-link-wc.entry-BWD0Teh2.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as h,Z as c,d as _,a as v,x as f,h as s,K as b,i as p,H as u,ah as m,g,w as k,q as n}from"./index-BHgsTqZl.js";import{s as C}from"./reuse-CX4AQDkS-BaVSFETn.js";import{v as y,a as l,b as A,c as K}from"./access-and-short-key-CPX70LXd-Ds8fWfPi.js";import{v as L,a as x,b as w,c as T,d as I}from"./variant-class-name-DbXpwWql-Cvg5O-hP.js";import{v as O}from"./custom-class-DyUifVn_-CjkYS5rc.js";import{v as V}from"./disabled-BdPI9eda-NAkI1UuL.js";import{v as D}from"./hide-label-ByItyHgV-B2y_8ev8.js";import{v as E}from"./href-BtQW7uxb-Dz4SeEMG.js";import{v as R}from"./icons-CmA8Oww0-CvPbNxG_.js";import{v as S}from"./inline-q8GZVjiZ-DdZT25Qs.js";import{a as H}from"./label-C18ud7Yt-yM3sNxuo.js";import{v as j}from"./tooltip-align-DodV1tEH-Dq3k_tgv.js";import"./Alert-BNnW6X1O-Cdchk79R.js";import{c as $}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{t as N}from"./i18n-DvMeCREp-CJH-xzs9.js";import{K as W}from"./Span-BdWhVqpE-DJEf9vtm.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-BWEzLPZi-CgOUkkh0.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./align-DDUsWnWP-CMEORvB8.js";import"./Heading-C4rnCYXm-DE5dfHs4.js";import"./Icon-DiLz3fn_-eFma6WUT.js";import"./InternalUnderlinedBadgeText-7p1Sf6Uz-BDmO9Dk4.js";const r=["date","location","page","step","time","true","false"],q=(t,a)=>{k(t,"_ariaCurrentValue",e=>typeof e=="string"&&r.includes(e),new Set([`AriaCurrentValue {${r.join(", ")}`]),a,{defaultValue:"page"})},P=(t,a)=>{n(t,"_ariaOwns",a,{defaultValue:void 0})},F=(t,a)=>{n(t,"_download",a)},B=(t,a)=>{typeof a=="object"&&typeof a?.onClick=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},Z=(t,a)=>{n(t,"_target",a)},bt=class{constructor(t){h(this,t),this.translateOpenLinkInTab=N("kol-open-link-in-tab"),this.catchRef=a=>{this.anchorRef=a},this.hideTooltip=()=>{var a;(a=this.tooltipRef)===null\|\|a===void 0\|\|a.hideTooltip()},this.onClick=a=>{var e,i;this.state._hideLabel&&this.hideTooltip(),this.state._disabled===!0?a.preventDefault():(typeof((e=this.state._on)===null\|\|e===void 0?void 0:e.onClick)=="function"&&(a.preventDefault(),c(a,this.anchorRef),(i=this.state._on)===null\|\|i===void 0\|\|i.onClick(a,this.state._href)),this.host&&_(this.host,v.click,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",e={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&f("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:e}},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._tooltipAlign="right",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async focus(){return await new Promise(t=>{const a=this.anchorRef;requestAnimationFrame(()=>{a?.focus(),t()})})}render(){var t;const{isExternal:a,tagAttrs:e}=this.getRenderValues(),i=C(this.state._label),o=(t=this.state._ariaDescription)===null\|\|t===void 0?void 0:t.trim();return s(u,{key:"c202c86b81f96025f9ff625b698b8e76630b44f7"},s("a",Object.assign({key:"920e43fa27eeac6f56fc9a3a8b80a3a3548a5169",ref:this.catchRef},e,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-description":o\|\|void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":typeof this.state._ariaExpanded=="boolean"?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?`${this.state._label}${a?` (${this.translateOpenLinkInTab})`:""}`:void 0,"aria-keyshortcuts":this.state._shortKey,class:$("kol-link",{"kol-link--disabled":this.state._disabled===!0,"kol-link--external-link":a,"kol-link--hide-label":this.state._hideLabel===!0,[`kol-link--${this.state._variant}`]:this.state._variant!==void 0,"kol-link--inline":this.state._inline===!0,"kol-link--standalone":this.state._inline===!1,[this.state._customClass]:this.state._variant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),s(W,{key:"5594d6d55e05f8c41dca31f9500f0db25806efda",class:"kol-link__text",badgeText:this.state._accessKey\|\|this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:i?"":this.state._label\|\|this.state._href},s("slot",{key:"3fb6b66a1390abddadb2c40aa57142a5e6f6e61e",name:"expert",slot:"expert"})),a&&s(p,{key:"f84bdf9e1984fcd1b999e7ead1748f09f8f06a2d",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"kolicon-link-external","aria-hidden":this.state._hideLabel})),this.state._hideLabel===!0&&s(b,{key:"619ebd8fe524c58b12b28e28c80aa3df0b195939","aria-hidden":"true",class:"kol-link__tooltip",ref:d=>this.tooltipRef=d,hidden:i,_badgeText:this.state._accessKey\|\|this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label\|\|this.state._href}))}validateAccessKey(t){y(this,t),l(t,this._shortKey)}validateAriaCurrentValue(t){q(this,t)}validateAriaControls(t){L(this,t)}validateAriaDescription(t){x(this,t)}validateAriaExpanded(t){w(this,t)}validateAriaOwns(t){P(this,t)}validateCustomClass(t){O(this,t)}validateDisabled(t){V(this,t)}validateDownload(t){F(this,t)}validateHideLabel(t){D(this,t)}validateHref(t){E(this,t,{required:!0})}validateIcons(t){R(this,t)}validateInline(t){S(this,t,{defaultValue:!0})}validateLabel(t){H(this,t)}validateOn(t){B(this,t)}validateRole(t){T(this,t)}validateShortKey(t){A(this,t),l(this._accessKey,t)}validateTabIndex(t){K(this,t)}validateTarget(t){Z(this,t)}validateTooltipAlign(t){j(this,t)}validateVariantClassName(t){I(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateInline(this._inline),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateVariantClassName(this._variant),this.unsubscribeOnLocationChange=m(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),l(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return g(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_inline:["validateInline"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariantClassName"]}}};export{bt as kol_link_wc};
2	- //# sourceMappingURL=kol-link-wc.entry-BWD0Teh2.js.map

package/dist/assets/kol-link-wc.entry-BWD0Teh2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-link-wc.entry-BWD0Teh2.js","sources":["../../../../components/dist/esm/kol-link-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-2R8yiTEB.js';\nimport { a as KolTooltipWcTag, d as KolIconTag } from './component-names-CqTpXVIM.js';\nimport { b as watchValidator, g as watchString, M as setEventTarget, k as devHint } from './common-BIkdAxr0.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-CPX70LXd.js';\nimport { v as validateAriaControls, a as validateAriaDescription, b as validateAriaExpanded, c as validateAlternativeButtonLinkRole, d as validateVariantClassName } from './variant-class-name-DbXpwWql.js';\nimport { v as validateCustomClass } from './custom-class-DyUifVn_.js';\nimport { v as validateDisabled } from './disabled-BdPI9eda.js';\nimport { v as validateHideLabel } from './hide-label-ByItyHgV.js';\nimport { v as validateHref } from './href-BtQW7uxb.js';\nimport { v as validateIcons } from './icons-CmA8Oww0.js';\nimport { v as validateInline } from './inline-q8GZVjiZ.js';\nimport { a as validateLabelWithExpertSlot } from './label-C18ud7Yt.js';\nimport { v as validateTooltipAlign } from './tooltip-align-DodV1tEH.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-DHTi_wtD.js';\nimport { o as onLocationChange } from './ariaCurrentService-YoLNpD5S.js';\nimport './Alert-BNnW6X1O.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { t as translate } from './i18n-DvMeCREp.js';\nimport { K as KolSpanFc } from './Span-BdWhVqpE.js';\nimport './align-DDUsWnWP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-registry-B0PxCYiM.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-C4rnCYXm.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-DiLz3fn_.js';\nimport './markdown-BWEzLPZi.js';\nimport './InternalUnderlinedBadgeText-7p1Sf6Uz.js';\nimport './isObject-DvSELytj.js';\n\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'];\nconst validateAriaCurrentValue = (component, value) => {\n watchValidator(component, `_ariaCurrentValue`, (value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value), new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]), value, {\n defaultValue: 'page',\n });\n};\n\nconst validateAriaOwns = (component, value) => {\n watchString(component, '_ariaOwns', value, {\n defaultValue: undefined,\n });\n};\n\nconst validateDownload = (component, value) => {\n watchString(component, '_download', value);\n};\n\nconst validateLinkCallbacks = (component, value) => {\n if (typeof value === 'object' && typeof (value === null || value === void 0 ? void 0 : value.onClick) === 'function') {\n component.state = Object.assign(Object.assign({}, component.state), { _on: value });\n }\n};\n\nconst validateLinkTarget = (component, value) => {\n watchString(component, '_target', value);\n};\n\nconst KolLinkWc = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.translateOpenLinkInTab = translate('kol-open-link-in-tab');\n this.catchRef = (ref) => {\n this.anchorRef = ref;\n };\n this.hideTooltip = () => {\n var _a;\n void ((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n };\n this.onClick = (event) => {\n var _a, _b;\n if (this.state._hideLabel) {\n this.hideTooltip();\n }\n if (this.state._disabled === true) {\n event.preventDefault();\n }\n else {\n if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n event.preventDefault();\n setEventTarget(event, this.anchorRef);\n (_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this.state._href);\n }\n if (this.host) {\n dispatchDomEvent(this.host, KolEvent.click, this.state._href);\n }\n }\n };\n this.getRenderValues = () => {\n const isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n const tagAttrs = {\n href: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n target: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n rel: isExternal ? 'noopener' : undefined,\n download: typeof this.state._download === 'string' ? this.state._download : undefined,\n };\n if (this.state._hideLabel === true && !this.state._label) {\n devHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n }\n return { isExternal, tagAttrs };\n };\n this._disabled = false;\n this._hideLabel = false;\n this._inline = true;\n this._tooltipAlign = 'right';\n this.state = {\n _ariaCurrentValue: 'page',\n _href: '',\n _icons: {},\n };\n }\n async focus() {\n return await new Promise((resolve) => {\n const ref = this.anchorRef;\n requestAnimationFrame(() => {\n ref === null || ref === void 0 ? void 0 : ref.focus();\n resolve();\n });\n });\n }\n render() {\n var _a;\n const { isExternal, tagAttrs } = this.getRenderValues();\n const hasExpertSlot = showExpertSlot(this.state._label);\n const ariaDescription = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim();\n return (h(Host, { key: 'c202c86b81f96025f9ff625b698b8e76630b44f7' }, h(\"a\", Object.assign({ key: '920e43fa27eeac6f56fc9a3a8b80a3a3548a5169', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, \"aria-current\": this.state._ariaCurrent, \"aria-controls\": this.state._ariaControls, \"aria-description\": ariaDescription || undefined, \"aria-disabled\": this.state._disabled ? 'true' : undefined, \"aria-expanded\": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, \"aria-owns\": this.state._ariaOwns, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string'\n ? `${this.state._label}${isExternal ? ` (${this.translateOpenLinkInTab})` : ''}`\n : undefined, \"aria-keyshortcuts\": this.state._shortKey, class: clsx('kol-link', {\n 'kol-link--disabled': this.state._disabled === true,\n 'kol-link--external-link': isExternal,\n 'kol-link--hide-label': this.state._hideLabel === true,\n [`kol-link--${this.state._variant}`]: this.state._variant !== undefined,\n 'kol-link--inline': this.state._inline === true,\n 'kol-link--standalone': this.state._inline === false,\n [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n }) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), h(KolSpanFc, { key: '5594d6d55e05f8c41dca31f9500f0db25806efda', class: \"kol-link__text\", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, h(\"slot\", { key: '3fb6b66a1390abddadb2c40aa57142a5e6f6e61e', name: \"expert\", slot: \"expert\" })), isExternal && (h(KolIconTag, { key: 'f84bdf9e1984fcd1b999e7ead1748f09f8f06a2d', class: \"kol-link__icon\", _label: this.state._hideLabel ? '' : this.translateOpenLinkInTab, _icons: 'kolicon-link-external', \"aria-hidden\": this.state._hideLabel }))), this.state._hideLabel === true && (h(KolTooltipWcTag, { key: '619ebd8fe524c58b12b28e28c80aa3df0b195939', \"aria-hidden\": \"true\", class: \"kol-link__tooltip\", ref: (ref) => (this.tooltipRef = ref), hidden: hasExpertSlot, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }))));\n }\n validateAccessKey(value) {\n validateAccessKey(this, value);\n validateAccessAndShortKey(value, this._shortKey);\n }\n validateAriaCurrentValue(value) {\n validateAriaCurrentValue(this, value);\n }\n validateAriaControls(value) {\n validateAriaControls(this, value);\n }\n validateAriaDescription(value) {\n validateAriaDescription(this, value);\n }\n validateAriaExpanded(value) {\n validateAriaExpanded(this, value);\n }\n validateAriaOwns(value) {\n validateAriaOwns(this, value);\n }\n validateCustomClass(value) {\n validateCustomClass(this, value);\n }\n validateDisabled(value) {\n validateDisabled(this, value);\n }\n validateDownload(value) {\n validateDownload(this, value);\n }\n validateHideLabel(value) {\n validateHideLabel(this, value);\n }\n validateHref(value) {\n validateHref(this, value, {\n required: true,\n });\n }\n validateIcons(value) {\n validateIcons(this, value);\n }\n validateInline(value) {\n validateInline(this, value, {\n defaultValue: true,\n });\n }\n validateLabel(value) {\n validateLabelWithExpertSlot(this, value);\n }\n validateOn(value) {\n validateLinkCallbacks(this, value);\n }\n validateRole(value) {\n validateAlternativeButtonLinkRole(this, value);\n }\n validateShortKey(value) {\n validateShortKey(this, value);\n validateAccessAndShortKey(this._accessKey, value);\n }\n validateTabIndex(value) {\n validateTabIndex(this, value);\n }\n validateTarget(value) {\n validateLinkTarget(this, value);\n }\n validateTooltipAlign(value) {\n validateTooltipAlign(this, value);\n }\n validateVariantClassName(value) {\n validateVariantClassName(this, value);\n }\n componentWillLoad() {\n this.validateAccessKey(this._accessKey);\n this.validateAriaCurrentValue(this._ariaCurrentValue);\n this.validateAriaControls(this._ariaControls);\n this.validateAriaDescription(this._ariaDescription);\n this.validateAriaExpanded(this._ariaExpanded);\n this.validateAriaOwns(this._ariaOwns);\n this.validateCustomClass(this._customClass);\n this.validateDisabled(this._disabled);\n this.validateDownload(this._download);\n this.validateHideLabel(this._hideLabel);\n this.validateHref(this._href);\n this.validateIcons(this._icons);\n this.validateInline(this._inline);\n this.validateLabel(this._label);\n this.validateOn(this._on);\n this.validateRole(this._role);\n this.validateShortKey(this._shortKey);\n this.validateTabIndex(this._tabIndex);\n this.validateTarget(this._target);\n this.validateTooltipAlign(this._tooltipAlign);\n this.validateVariantClassName(this._variant);\n this.unsubscribeOnLocationChange = onLocationChange((location) => {\n this.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n });\n validateAccessAndShortKey(this._accessKey, this._shortKey);\n }\n disconnectedCallback() {\n if (this.unsubscribeOnLocationChange) {\n this.unsubscribeOnLocationChange();\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_ariaCurrentValue\": [\"validateAriaCurrentValue\"],\n \"_ariaControls\": [\"validateAriaControls\"],\n \"_ariaDescription\": [\"validateAriaDescription\"],\n \"_ariaExpanded\": [\"validateAriaExpanded\"],\n \"_ariaOwns\": [\"validateAriaOwns\"],\n \"_customClass\": [\"validateCustomClass\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_download\": [\"validateDownload\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_href\": [\"validateHref\"],\n \"_icons\": [\"validateIcons\"],\n \"_inline\": [\"validateInline\"],\n \"_label\": [\"validateLabel\"],\n \"_on\": [\"validateOn\"],\n \"_role\": [\"validateRole\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_target\": [\"validateTarget\"],\n \"_tooltipAlign\": [\"validateTooltipAlign\"],\n \"_variant\": [\"validateVariantClassName\"]\n }; }\n};\n\nexport { KolLinkWc as kol_link_wc };\n//# sourceMappingURL=kol-link-wc.entry.js.map\n"],"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","validateAriaOwns","watchString","validateDownload","validateLinkCallbacks","validateLinkTarget","KolLinkWc","hostRef","registerInstance","translate","ref","_a","event","_b","setEventTarget","dispatchDomEvent","KolEvent","isExternal","tagAttrs","devHint","resolve","hasExpertSlot","showExpertSlot","ariaDescription","h","Host","clsx","KolSpanFc","KolIconTag","KolTooltipWcTag","validateAccessKey","validateAccessAndShortKey","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateInline","validateLabelWithExpertSlot","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTooltipAlign","validateVariantClassName","onLocationChange","location","getElement"],"mappings":"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"}

package/dist/assets/kol-popover-wc.entry-Dm-1Lgis.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as m,d as g,a as E,M as v,h as l,H as f,w as u}from"./index-BHgsTqZl.js";import{a as _,b as y}from"./align-floating-elements-B53gjKzS-JGU3Edii.js";import{v as b}from"./align-DDUsWnWP-CMEORvB8.js";import{v as w}from"./show-DWCKSt29-Ciw2fkp1.js";import{c as d}from"./clsx-COFh-Vc8-D7cYsJM5.js";const P=(t,e)=>{u(t,"_on",o=>typeof o=="object"&&o!==null,new Set(["PopoverCallbacksPropType {Events.onClose}"]),e)},C=class{constructor(t){m(this,t),this.alignPopover=async()=>{this.popoverElement&&(this.triggerElement&&await _({align:this._align,referenceElement:this.triggerElement,arrowElement:this.arrowElement,floatingElement:this.popoverElement}),this.popoverElement.style.removeProperty("visibility"))},this.handleBeforeToggle=e=>{e.newState==="open"&&this.popoverElement&&(this.popoverElement.style.visibility="hidden")},this.handleToggle=e=>{var o,n,r,a,s,h;const p=e,i=p.newState==="open";if(this.state=Object.assign(Object.assign({},this.state),{_show:i,_visible:i}),i)(o=this.cleanupAutoUpdate)===null\|\|o===void 0\|\|o.call(this),this.triggerElement&&this.popoverElement&&(this.cleanupAutoUpdate=y(this.triggerElement,this.popoverElement,()=>{this.alignPopover()})),this.addListenersToBody(),this.alignPopover();else{(n=this.cleanupAutoUpdate)===null\|\|n===void 0\|\|n.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody();const c=(r=this.lastCloseEvent)!==null&&r!==void 0?r:p;this.lastCloseEvent=void 0,(a=this.triggerElement)===null\|\|a===void 0\|\|a.focus(),(h=(s=this.state._on)===null\|\|s===void 0?void 0:s.onClose)===null\|\|h===void 0\|\|h.call(s,c),this.host&&g(this.host,E.close)}this._show!==i&&(this._show=i)},this.catchHostAndTriggerElement=e=>{e&&(this.host=e,this.triggerElement=e.previousElementSibling)},this.catchPopoverElement=e=>{this.popoverElement&&(this.popoverElement.removeEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.removeEventListener("toggle",this.handleToggle)),this.popoverElement=e,this.popoverElement&&(this.popoverElement.addEventListener("beforetoggle",this.handleBeforeToggle),this.popoverElement.addEventListener("toggle",this.handleToggle),this.syncPopoverVisibility())},this.catchArrowElement=e=>{this.arrowElement=e},this.requestHide=e=>{var o;this.lastCloseEvent=e,(o=this.popoverElement)===null\|\|o===void 0\|\|o.hidePopover()},this.handleEscape=e=>{e.key==="Escape"&&this.requestHide(e)},this.hidePopoverByClickOutside=e=>{this.host&&!this.host.contains(e.target)&&this.requestHide(e)},this.handleScroll=()=>{this.alignPopover()},this._align="top",this._show=!1,this.state={_align:"top",_on:{},_show:!1,_visible:!1}}addListenersToBody(){var t;const e=v(),o=e.body;o.addEventListener("keyup",this.handleEscape,{capture:!0}),o.addEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),(t=e.scrollingElement)===null\|\|t===void 0\|\|t.addEventListener("scroll",this.handleScroll,{passive:!0})}removeListenersFromBody(){var t;const e=v(),o=e.body;o.removeEventListener("keyup",this.handleEscape,{capture:!0}),o.removeEventListener("click",this.hidePopoverByClickOutside,{capture:!0}),(t=e.scrollingElement)===null\|\|t===void 0\|\|t.removeEventListener("scroll",this.handleScroll)}syncPopoverVisibility(){if(!this.popoverElement)return;const t=()=>{if(!this.popoverElement)return;const e=this.popoverElement.matches(":popover-open");this._show?e\|\|this.popoverElement.showPopover():e&&this.popoverElement.hidePopover()};this.popoverElement.isConnected?t():requestAnimationFrame(()=>{t()})}render(){return l(f,{key:"c935ecea29ed4ef3b51611f7743dc710d7df5a8f",ref:this.catchHostAndTriggerElement,class:"kol-popover"},l("div",{key:"4343375f9ca3478474359dcf1d295e6897cee3a1",class:d("kol-popover__content",{"kol-popover__content--visible":this.state._visible}),ref:this.catchPopoverElement,popover:"auto"},l("div",{key:"28a8f8a066fd157737730999e7b6768a9ba2c5a9",class:d("kol-popover__arrow",`kol-popover__arrow--${this.state._align}`),ref:this.catchArrowElement}),l("slot",{key:"468f57ed56cb7b9f79bd7e9f4488c300e389c546"})))}validateAlign(t){b(this,t),this.alignPopover()}validateOn(t){P(this,t)}validateShow(t){if(w(this,t),this.popoverElement){const e=this.popoverElement.matches(":popover-open");if(t){if(!e)try{this.popoverElement.showPopover()}catch{}}else if(e)try{this.popoverElement.hidePopover()}catch{}}}componentWillLoad(){this.validateAlign(this._align),this.validateShow(this._show)}disconnectedCallback(){var t,e,o;(t=this.popoverElement)===null\|\|t===void 0\|\|t.removeEventListener("beforetoggle",this.handleBeforeToggle),(e=this.popoverElement)===null\|\|e===void 0\|\|e.removeEventListener("toggle",this.handleToggle),(o=this.cleanupAutoUpdate)===null\|\|o===void 0\|\|o.call(this),this.cleanupAutoUpdate=void 0,this.removeListenersFromBody()}static get watchers(){return{_align:["validateAlign"],_on:["validateOn"],_show:["validateShow"]}}};export{C as kol_popover_wc};
2	- //# sourceMappingURL=kol-popover-wc.entry-Dm-1Lgis.js.map

package/dist/assets/kol-progress.entry-Cs-x8zge.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-progress.entry-Cs-x8zge.js","sources":["../../../../components/dist/esm/kol-progress.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-2R8yiTEB.js';\nimport { g as watchString, b as watchValidator, N as watchNumber } from './common-BIkdAxr0.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\n\nconst validateUnit = (component, value) => {\n watchString(component, '_unit', value);\n};\n\nconst progressVariantOptions = ['bar', 'cycle'];\nconst isProgressVariantPropType = (value) => {\n return typeof value === 'string' && progressVariantOptions.includes(value);\n};\nconst validateVariantProgress = (component, value) => {\n watchValidator(component, '_variant', isProgressVariantPropType, new Set(progressVariantOptions), value);\n};\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the text color from his parent element.\\n */\\n color: inherit;\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n .hastooltip {\\n z-index: 900 !important;\\n }\\n}\\n@layer kol-component {\\n .kol-progress__bar {\\n display: grid;\\n column-gap: 0.05rem;\\n align-items: center;\\n grid-template-areas: \\\"LABEL LABEL LABEL\\\" \\\"BAR VALUE UNIT\\\";\\n grid-template-columns: 1fr auto;\\n }\\n .kol-progress__bar-label {\\n grid-column-end: 2;\\n grid-area: LABEL;\\n }\\n .kol-progress__bar svg {\\n grid-area: BAR;\\n }\\n .kol-progress__bar-value {\\n grid-area: VALUE;\\n text-align: right;\\n }\\n .kol-progress__bar-unit {\\n grid-area: UNIT;\\n }\\n .kol-progress__bar-border {\\n fill: transparent;\\n stroke: black;\\n }\\n .kol-progress__bar-background {\\n fill: lightgray;\\n stroke: white;\\n }\\n .kol-progress__bar-progress {\\n fill: #0075ff;\\n stroke: transparent;\\n }\\n @media (prefers-reduced-motion: no-preference) {\\n .kol-progress__bar-progress {\\n transition: 250ms ease-in-out 50ms;\\n }\\n }\\n .kol-progress__cycle {\\n display: grid;\\n align-content: center;\\n justify-items: center;\\n grid-template-areas: \\\"ALL\\\";\\n grid-template-columns: auto;\\n }\\n .kol-progress__cycle > * {\\n grid-area: ALL;\\n }\\n .kol-progress__cycle-text {\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n font-size: x-small;\\n text-align: center;\\n }\\n .kol-progress__cycle-text * {\\n background-color: white;\\n }\\n .kol-progress__cycle-background {\\n fill: transparent;\\n stroke: lightgray;\\n }\\n .kol-progress__cycle-border {\\n fill: transparent;\\n stroke: black;\\n }\\n .kol-progress__cycle-whitespace {\\n fill: transparent;\\n stroke: white;\\n }\\n .kol-progress__cycle-progress {\\n transform: rotate(-90deg);\\n transform-origin: 50% 50%;\\n fill: transparent;\\n stroke: #0075ff;\\n }\\n @media (prefers-reduced-motion: no-preference) {\\n .kol-progress__cycle-progress {\\n transition: 250ms ease-in-out 50ms;\\n }\\n }\\n}\";\n\nconst CycleSvg = ({ state }) => {\n const fullCircle = 342;\n return (h(\"svg\", { width: \"100\", viewBox: \"0 0 120 120\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"circle\", { class: \"kol-progress__cycle-background\", cx: \"60\", cy: \"60\", r: \"54.5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"8\" }), h(\"circle\", { class: \"kol-progress__cycle-whitespace\", cx: \"60\", cy: \"60\", r: \"59\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\" }), h(\"circle\", { class: \"kol-progress__cycle-border\", cx: \"60\", cy: \"60\", r: \"59\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-whitespace\", cx: \"60\", cy: \"60\", r: \"51\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-border\", cx: \"60\", cy: \"60\", r: \"50\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\" }), h(\"circle\", { class: \"kol-progress__cycle-progress\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-linecap\": \"round\", \"stroke-dasharray\": `${Math.round((state._value / state._max) * fullCircle)}px ${fullCircle}px`, \"stroke-width\": \"6\", cx: \"60\", cy: \"60\", r: \"54.5\" })));\n};\nconst BarSvg = ({ state }) => {\n const percentage = 100 * (state._value / state._max);\n return (h(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"100%\", height: \"12\", overflow: \"visible\" }, h(\"rect\", { class: \"kol-progress__bar-background\", x: \"1\", y: \"1\", height: \"11\", rx: \"5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\", width: \"100%\" }), h(\"rect\", { class: \"kol-progress__bar-border\", x: \"1\", y: \"1\", height: \"11\", rx: \"5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"1\", width: \"100%\" }), h(\"rect\", { class: \"kol-progress__bar-progress\", x: \"3\", y: \"3\", height: \"7\", rx: \"3.5\", fill: \"currentColor\", stroke: \"currentColor\", \"stroke-width\": \"3\", style: { width: `calc(${percentage}% - 4px)` } })));\n};\nconst createProgressSVG = (state) => {\n switch (state._variant) {\n case 'cycle':\n return h(CycleSvg, { state: state });\n case 'bar':\n return h(BarSvg, { state: state });\n default:\n throw new Error(`Progress variant ${state._variant} not implemented.`);\n }\n};\nconst KolProgress = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._unit = '%';\n this.state = {\n _max: 100,\n _unit: '%',\n _value: 0,\n _variant: 'bar',\n _liveValue: 0,\n };\n }\n render() {\n const isPercentage = this.state._unit === '%';\n const liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}` : this.state._liveValue;\n const displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;\n return (h(\"div\", { key: 'fc7f5cdf4798854b0b41945c69f7feb3af75d50c', class: \"kol-progress\" }, h(\"div\", { key: '5ab61be685c82aceb117af33b6ad578dc12a3775', \"aria-hidden\": \"true\", class: {\n 'kol-progress__cycle': this.state._variant === 'cycle',\n 'kol-progress__bar': this.state._variant === 'bar',\n } }, this.state._variant === 'bar' && this.state._label && h(\"div\", { key: 'f9917e700dc7d6c3b78f705b600b499529bbb2b7', class: \"kol-progress__bar-label\" }, this.state._label), createProgressSVG(this.state), this.state._variant === 'cycle' && (h(\"div\", { key: 'bb719478ebe2e5226e538bc8d07207d5c6cbc1c1', class: \"kol-progress__cycle-text\" }, this.state._label && h(\"div\", { key: '777582abb2582950a50e77e1d477dfe52a2abbec', class: \"kol-progress__cycle-label\" }, this.state._label), h(\"div\", { key: 'a5a04f2c22a3536ea8e95bc5d858f9b1ddb3b462', class: \"kol-progress__cycle-value\" }, `${displayValue} ${this.state._unit}`))), this.state._variant === 'bar' && (h(\"div\", { key: 'b89f4d178376b85b78f085e56aacc80df07f44b1', class: \"kol-progress__bar-value\", style: { width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` } }, displayValue)), this.state._variant === 'bar' && h(\"div\", { key: 'd35b3c9d91c8a78a994da485d80e8faf29cb23b5', class: \"kol-progress__bar-unit\" }, this.state._unit)), h(\"progress\", { key: 'b4d92e59e667619e4c6aadd8cbf0ae20f1d325ea', class: \"visually-hidden\", \"aria-busy\": this.state._value < this.state._max ? 'true' : 'false', max: this.state._max, value: this.state._value }), h(\"span\", { key: '73d21662ce19a724bede515ff55ec4f62bcd6fa0', \"aria-live\": \"polite\", \"aria-relevant\": \"removals text\", class: \"visually-hidden\" }, isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`)));\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateMax(value) {\n if (typeof value !== 'number') {\n value = 100;\n }\n watchNumber(this, '_max', value, {\n required: true,\n });\n }\n validateUnit(value) {\n validateUnit(this, value);\n }\n validateValue(value) {\n if (typeof value !== 'number') {\n value = 0;\n }\n watchNumber(this, '_value', value, {\n required: true,\n });\n }\n validateVariant(value) {\n validateVariantProgress(this, value);\n }\n componentWillLoad() {\n this.validateLabel(this._label);\n this.validateMax(this._max);\n this.validateUnit(this._unit);\n this.validateValue(this._value);\n this.validateVariant(this._variant);\n this.state = Object.assign(Object.assign({}, this.state), { _liveValue: this.state._value });\n this.interval = setInterval(() => {\n if (this.state._liveValue !== this.state._value) {\n this.state = Object.assign(Object.assign({}, this.state), { _liveValue: this.state._value });\n }\n }, 5000);\n }\n disconnectedCallback() {\n clearInterval(this.interval);\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_max\": [\"validateMax\"],\n \"_unit\": [\"validateUnit\"],\n \"_value\": [\"validateValue\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolProgress.style = {\n default: defaultStyleCss\n};\n\nexport { KolProgress as kol_progress };\n//# sourceMappingURL=kol-progress.entry.js.map\n"],"names":["validateUnit","component","value","watchString","progressVariantOptions","isProgressVariantPropType","validateVariantProgress","watchValidator","defaultStyleCss","CycleSvg","state","h","BarSvg","percentage","createProgressSVG","KolProgress","hostRef","registerInstance","isPercentage","liveProgressValue","displayValue","validateLabel","watchNumber"],"mappings":"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"}

package/dist/assets/kol-quote.entry-BuQsYnCs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-quote.entry-BuQsYnCs.js","sources":["../../../../components/dist/esm/kol-quote.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-2R8yiTEB.js';\nimport { g as watchString, b as watchValidator } from './common-BIkdAxr0.js';\nimport { s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport { k as KolLinkTag } from './component-names-CqTpXVIM.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\n\nconst validateQuote = (component, value) => {\n watchString(component, '_quote', value, {\n required: true,\n });\n};\n\nconst quoteVariantOptions = ['block', 'inline'];\nconst isQuoteVariantPropType = (value) => {\n return typeof value === 'string' && quoteVariantOptions.includes(value);\n};\nconst validateVariantQuote = (component, value) => {\n watchValidator(component, '_variant', isQuoteVariantPropType, new Set(quoteVariantOptions), value);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the text color from his parent element.\\n */\\n color: inherit;\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n .hastooltip {\\n z-index: 900 !important;\\n }\\n}\\n@layer kol-component {\\n .kol-quote {\\n display: inline;\\n margin: 0;\\n padding: 0;\\n }\\n .kol-quote--block .kol-quote__cite::before {\\n padding-right: 0.5em;\\n }\\n .kol-quote--inline .kol-quote__cite::before {\\n padding: 0.5em;\\n }\\n .kol-quote__cite::before {\\n content: \\\"—\\\";\\n }\\n .kol-quote--block .kol-quote__figcaption {\\n display: inline;\\n margin: 0;\\n padding: 0;\\n }\\n .kol-quote__blockquote::before {\\n content: open-quote;\\n }\\n .kol-quote__blockquote::after {\\n content: close-quote;\\n }\\n}\";\n\nconst KolQuote = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this._variant = 'inline';\n this.state = {\n _href: '',\n _quote: '',\n _variant: 'inline',\n };\n }\n validateLabel(value) {\n validateLabel(this, value);\n }\n validateHref(value) {\n watchString(this, '_href', value, {\n required: true,\n });\n }\n validateQuote(value) {\n validateQuote(this, value);\n }\n validateVariant(value) {\n validateVariantQuote(this, value);\n }\n componentWillLoad() {\n this.validateHref(this._href);\n this.validateLabel(this._label);\n this.validateQuote(this._quote);\n this.validateVariant(this._variant);\n }\n render() {\n const hasExpertSlot = showExpertSlot(this.state._quote);\n return (h(\"figure\", { key: '995e7d373d3a732dc5ad67fef28e964fa938d534', class: clsx('kol-quote', `kol-quote--${this.state._variant}`) }, this.state._variant === 'block' ? (h(\"blockquote\", { class: \"kol-quote__blockquote\", cite: this.state._href }, this.state._quote, h(\"span\", { \"aria-hidden\": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, h(\"slot\", { name: \"expert\" })))) : (h(\"q\", { class: \"kol-quote__quote\", cite: this.state._href }, this.state._quote, h(\"span\", { \"aria-hidden\": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, h(\"slot\", { name: \"expert\" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (h(\"figcaption\", { key: 'b6309e2b1006c34ccfc954197b597b384cfbad9f', class: \"kol-quote__figcaption\" }, h(\"cite\", { key: '36d5c701b54b7e018b94251ab9e1bd83e6895455', class: \"kol-quote__cite\" }, h(KolLinkTag, { key: '109ea86ed460a3979e8432a230f763674abf59d7', _href: this.state._href, _label: this.state._label, _target: \"_blank\" }))))));\n }\n static get watchers() { return {\n \"_label\": [\"validateLabel\"],\n \"_href\": [\"validateHref\"],\n \"_quote\": [\"validateQuote\"],\n \"_variant\": [\"validateVariant\"]\n }; }\n};\nKolQuote.style = {\n default: defaultStyleCss\n};\n\nexport { KolQuote as kol_quote };\n//# sourceMappingURL=kol-quote.entry.js.map\n"],"names":["validateQuote","component","value","watchString","quoteVariantOptions","isQuoteVariantPropType","validateVariantQuote","watchValidator","defaultStyleCss","KolQuote","hostRef","registerInstance","validateLabel","hasExpertSlot","showExpertSlot","h","clsx","KolLinkTag"],"mappings":"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"}

package/dist/assets/kol-select-wc.entry-By_bpB5t.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{h as n,r as b,g as O,W as A,F as M}from"./index-BHgsTqZl.js";import{c as u}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{F as w,g as V,a as F,i as P,d as k}from"./FormFieldStateWrapper-SdWKU73w-ylmNvlnj.js";import{I,a as S}from"./controller-icon-Dopbz3nm-Ckicw2dk.js";import{_ as p}from"./tslib.es6-CxX45GIN-BGVaTf34.js";import{n as R}from"./dev.utils-dsy3l66K-Bgv0kQDq.js";import{p as L}from"./controller-zA71XEOV-DyDdVnYC.js";import{v as K}from"./multiple-BgWWOenK-_LM4_oND.js";import{f as T,v as q}from"./controller-DeT6XiIB-Cp_ypmTj.js";import{v as B}from"./required-Dt9l4wUg-WherYhmM.js";import{v as C}from"./rows-CN7sG0G_-CzjP1Kkv.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./i18n-DvMeCREp-CJH-xzs9.js";import"./Alert-BNnW6X1O-Cdchk79R.js";import"./access-and-short-key-CPX70LXd-Ds8fWfPi.js";import"./disabled-BdPI9eda-NAkI1UuL.js";import"./hide-label-ByItyHgV-B2y_8ev8.js";import"./label-C18ud7Yt-yM3sNxuo.js";import"./tooltip-align-DodV1tEH-Dq3k_tgv.js";import"./align-DDUsWnWP-CMEORvB8.js";import"./associated.controller-CdEaJGVD-N90p9Kwj.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-7p1Sf6Uz-BDmO9Dk4.js";import"./Icon-DiLz3fn_-eFma6WUT.js";import"./icons-CmA8Oww0-CvPbNxG_.js";import"./orientation-pWOiDBRo-CJaY5Xc5.js";import"./Heading-C4rnCYXm-DE5dfHs4.js";const N=e=>{var{baseClassName:t="kol-select",class:i,index:o,selectedValue:a,selected:s,value:l,label:r,disabled:c}=e,d=p(e,["baseClassName","class","index","selectedValue","selected","value","label","disabled"]);a===void 0?a=[]:Array.isArray(a)\|\|(a=[a]);const h=s\|\|a.includes(l);return n("option",Object.assign({class:u(`${t}__option`,{[`${t}__option--selected`]:h,[`${t}__option--disabled`]:c},i),selected:h,disabled:c,value:o},d),r)},f=({baseClassName:e,preKey:t,options:i,disabled:o,value:a,OptionProps:s={},OptionGroupProps:l={}})=>i?.length?n(M,null,i.map((r,c)=>{const d=[t,`-${c}`].join("");if("options"in r){if(!i.length)return null;const{label:h}=r,v=p(r,["label"]);return n("optgroup",Object.assign({class:u(`${e}__optgroup`,{[`${e}__optgroup--disabled`]:o}),key:d},l,{label:h?.toString(),disabled:o}),n(f,Object.assign({baseClassName:e,OptionGroupProps:l,OptionProps:s,value:a,preKey:d},v)))}return"value"in r?n(N,Object.assign({key:d,baseClassName:e},s,{index:d,selectedValue:a},r)):null})):null,j=e=>{const{class:t,msg:i,touched:o,disabled:a,required:s,options:l,value:r,OptionProps:c,OptionGroupProps:d,ariaDescribedBy:h,hideLabel:v,label:m}=e,_=p(e,["class","msg","touched","disabled","required","options","value","OptionProps","OptionGroupProps","ariaDescribedBy","hideLabel","label"]),g={"kol-select--disabled":!!a,"kol-select--required":!!s,"kol-select--touched":!!o,[`kol-select--${F(i)}`]:P(i,o)},y=Object.assign(Object.assign({class:u("kol-select",g,t),required:s,disabled:a},k({ariaDescribedBy:h,hideLabel:v,label:m})),_);return n("select",Object.assign({},y),n(f,{baseClassName:"kol-select",options:l,value:r,OptionGroupProps:d,OptionProps:c}))};function H(e){const{ariaDescribedBy:t}=V(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,options:e._options,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,size:e._rows,multiple:e._multiple,required:e._required,touched:e._touched,msg:e._msg};return"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const $=e=>{var{state:t}=e,i=p(e,["state"]);return n(j,Object.assign({},H(t),i))};class D extends S{constructor(t,i,o){super(t,i,o),this.keyOptionMap=new Map,this.getOptionByKey=a=>this.keyOptionMap.get(a),this.isValueInOptions=(a,s)=>s.find(l=>typeof l.value=="string"?l.value===a:Array.isArray(l.options)?this.isValueInOptions(a,l.options):!1)!==void 0,this.filterValuesInOptions=(a,s)=>a.filter(l=>this.isValueInOptions(l,s)!==void 0),this.afterPatchOptions=(a,s,l,r)=>{r==="_value"&&this.setFormAssociatedValue(a)},this.beforePatchOptions=(a,s)=>{const l=s.get("_value");l!==void 0&&!Array.isArray(l)&&s.set("_value",[l]);const r=s.has("_options")?s.get("_options"):this.component.state._options;if(Array.isArray(r)&&r.length>0){this.keyOptionMap.clear(),T(this.keyOptionMap,r);const c=s.has("_value")?s.get("_value"):this.component.state._value,d=this.filterValuesInOptions(Array.isArray(c)&&c.length>0?c:[],r);this.component._multiple===!1&&d.length===0?s.set("_value",[r[0].value]):Array.isArray(c)&&d.length<c.length&&s.set("_value",d)}},this.component=t}validateOptions(t){q(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(t){this.assertComponentValueMatchesMultiplicity(t===!0),K(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(t){B(this.component,t)}validateRows(t){C(this.component,t)}validateValue(t){this.assertValueMatchesMultiplicity(t),A(this.component,"_value",()=>!0,t===void 0?[]:Array.isArray(t)?t:[t],void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}assertValueMatchesMultiplicity(t){const i=Array.isArray(t);if(this.component._multiple===!0){if(t!==void 0&&!i)throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(t)})`)}else if(i)throw new Error(`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (received = ${JSON.stringify(t)})`)}assertComponentValueMatchesMultiplicity(t){const i=this.component._value;if(t){if(i!==void 0&&!Array.isArray(i))throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(i)})`)}else if(Array.isArray(i))throw new Error(`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (current = ${JSON.stringify(i)})`)}}const me=class{async getValue(){return this._multiple?this.state._value:Array.isArray(this.state._value)&&this.state._value.length>0?this.state._value[0]:this.state._value}async focus(){return new Promise(e=>{requestAnimationFrame(()=>{var t;(t=this.selectRef)===null\|\|t===void 0\|\|t.focus(),e()})})}getFormFieldProps(){return{state:this.state,class:u("kol-form-field-select",{"kol-form-field--has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.selectRef)===null\|\|e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getSelectProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return n(w,Object.assign({key:"44490eb252cf8e389146f5c8bcaa323a9f42c5cc"},this.getFormFieldProps()),n(I,{key:"663ac31f77dfa763ef2a1603fd0597211d37edc7",state:this.state},n("form",{key:"c16646ed59f3e5788a89f1d92efd1e2707744649",onSubmit:e=>{e.preventDefault(),L({form:this.host})}},n("input",{key:"fe84cdd692d243ac1c017fc8e9cd10cd32a0b2bb",type:"submit",hidden:!0}),n($,Object.assign({key:"27465e961d32dc09fe1a6978140693350f813dc0"},this.getSelectProps())))))}constructor(e){b(this,e),this.catchRef=t=>{this.selectRef=t},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._multiple=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideMsg:!1,_id:`id-${R()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new D(this,"select",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateMultiple(e){this.controller.validateMultiple(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}onInput(e){var t;const i=Array.from(((t=this.selectRef)===null\|\|t===void 0?void 0:t.options)\|\|[]).filter(o=>o.selected).map(o=>{var a;return(a=this.controller.getOptionByKey(o.value))===null\|\|a===void 0?void 0:a.value});if(this._multiple)this._value=i,this.controller.onFacade.onInput(e,!0,i);else{const o=i.length>0?i[0]:void 0;this._value=o,this.controller.onFacade.onInput(e,!0,o)}}onChange(e){this._multiple?this.controller.onFacade.onChange(e,this._value):this.controller.onFacade.onChange(e,this._value)}get host(){return O(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};export{me as kol_select_wc};
2	- //# sourceMappingURL=kol-select-wc.entry-By_bpB5t.js.map

package/dist/assets/kol-select-wc.entry-By_bpB5t.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-select-wc.entry-By_bpB5t.js","sources":["../../../../components/dist/esm/kol-select-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, r as registerInstance, g as getElement } from './index-2R8yiTEB.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { i as isMsgDefinedAndInputTouched, d as getDefaultProps, g as getMsgType, a as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-SdWKU73w.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-Dopbz3nm.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { G as watchJsonArrayString } from './common-BIkdAxr0.js';\nimport { n as nonce } from './dev.utils-dsy3l66K.js';\nimport { p as propagateSubmitEventToForm } from './controller-zA71XEOV.js';\nimport { v as validateMultiple } from './multiple-BgWWOenK.js';\nimport { f as fillKeyOptionMap, v as validateOptionsWithOptgroup } from './controller-DeT6XiIB.js';\nimport { v as validateRequired } from './required-Dt9l4wUg.js';\nimport { v as validateRows } from './rows-CN7sG0G_.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './reuse-CX4AQDkS.js';\nimport './i18n-DvMeCREp.js';\nimport './InternalUnderlinedBadgeText-7p1Sf6Uz.js';\nimport './Alert-BNnW6X1O.js';\nimport './bem-registry-B0PxCYiM.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-C4rnCYXm.js';\nimport './Icon-DiLz3fn_.js';\nimport './icons-CmA8Oww0.js';\nimport './orientation-pWOiDBRo.js';\n\nconst NativeOptionFc = (_a) => {\n var { baseClassName = 'kol-select', class: classNames, index, selectedValue, selected, value, label, disabled } = _a, other = __rest(_a, [\"baseClassName\", \"class\", \"index\", \"selectedValue\", \"selected\", \"value\", \"label\", \"disabled\"]);\n if (selectedValue === undefined) {\n selectedValue = [];\n }\n else if (!Array.isArray(selectedValue)) {\n selectedValue = [selectedValue];\n }\n const isSelected = selected || selectedValue.includes(value);\n return (h(\"option\", Object.assign({ class: clsx(`${baseClassName}__option`, {\n [`${baseClassName}__option--selected`]: isSelected,\n [`${baseClassName}__option--disabled`]: disabled,\n }, classNames), selected: isSelected, disabled: disabled, value: index }, other), label));\n};\n\nconst NativeOptionListFc = ({ baseClassName, preKey, options, disabled, value: selectedValue, OptionProps = {}, OptionGroupProps = {}, }) => {\n if (!(options === null || options === void 0 ? void 0 : options.length)) {\n return null;\n }\n return (h(Fragment, null, options.map((option, index) => {\n const key = [preKey, `-${index}`].join('');\n if ('options' in option) {\n if (!options.length) {\n return null;\n }\n const { label } = option, other = __rest(option, [\"label\"]);\n return (h(\"optgroup\", Object.assign({ class: clsx(`${baseClassName}__optgroup`, { [`${baseClassName}__optgroup--disabled`]: disabled }), key: key }, OptionGroupProps, { label: label === null || label === void 0 ? void 0 : label.toString(), disabled: disabled }), h(NativeOptionListFc, Object.assign({ baseClassName: baseClassName, OptionGroupProps: OptionGroupProps, OptionProps: OptionProps, value: selectedValue, preKey: key }, other))));\n }\n if ('value' in option) {\n return h(NativeOptionFc, Object.assign({ key: key, baseClassName: baseClassName }, OptionProps, { index: key, selectedValue: selectedValue }, option));\n }\n return null;\n })));\n};\n\nconst NativeSelectFc = (props) => {\n const { class: classNames, msg, touched, disabled, required, options, value, OptionProps, OptionGroupProps, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"disabled\", \"required\", \"options\", \"value\", \"OptionProps\", \"OptionGroupProps\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n const stateCssClasses = {\n ['kol-select--disabled']: Boolean(disabled),\n ['kol-select--required']: Boolean(required),\n ['kol-select--touched']: Boolean(touched),\n [`kol-select--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n };\n const inputProps = Object.assign(Object.assign({ class: clsx('kol-select', stateCssClasses, classNames), required: required, disabled: disabled }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n return (h(\"select\", Object.assign({}, inputProps), h(NativeOptionListFc, { baseClassName: \"kol-select\", options: options, value: value, OptionGroupProps: OptionGroupProps, OptionProps: OptionProps })));\n};\n\nfunction getSelectProps(state) {\n const { ariaDescribedBy } = getRenderStates(state);\n const props = {\n id: state._id,\n hideLabel: state._hideLabel,\n label: state._label,\n value: state._value,\n options: state._options,\n accessKey: state._accessKey,\n disabled: state._disabled,\n name: state._name,\n ariaDescribedBy: ariaDescribedBy,\n size: state._rows,\n multiple: state._multiple,\n required: state._required,\n touched: state._touched,\n msg: state._msg,\n };\n if ('_shortKey' in state)\n props['aria-keyshortcuts'] = state._shortKey;\n return props;\n}\nconst SelectStateWrapper = (_a) => {\n var { state } = _a, other = __rest(_a, [\"state\"]);\n return h(NativeSelectFc, Object.assign({}, getSelectProps(state), other));\n};\n\nclass SelectController extends InputIconController {\n constructor(component, name, host) {\n super(component, name, host);\n this.keyOptionMap = new Map();\n this.getOptionByKey = (key) => this.keyOptionMap.get(key);\n this.isValueInOptions = (value, options) => {\n return (options.find((option) => typeof option.value === 'string'\n ? option.value === value\n : Array.isArray(option.options)\n ? this.isValueInOptions(value, option.options)\n : false) !== undefined);\n };\n this.filterValuesInOptions = (values, options) => {\n return values.filter((value) => this.isValueInOptions(value, options) !== undefined);\n };\n this.afterPatchOptions = (value, _state, _component, key) => {\n if (key === '_value') {\n this.setFormAssociatedValue(value);\n }\n };\n this.beforePatchOptions = (_value, nextState) => {\n const raw = nextState.get('_value');\n if (raw !== undefined && !Array.isArray(raw)) {\n nextState.set('_value', [raw]);\n }\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 const value = nextState.has('_value') ? nextState.get('_value') : this.component.state._value;\n const selected = this.filterValuesInOptions(Array.isArray(value) && value.length > 0 ? value : [], options);\n if (this.component._multiple === false && selected.length === 0) {\n nextState.set('_value', [\n options[0].value,\n ]);\n }\n else if (Array.isArray(value) && selected.length < value.length) {\n nextState.set('_value', selected);\n }\n }\n };\n this.component = component;\n }\n validateOptions(value) {\n validateOptionsWithOptgroup(this.component, value, {\n hooks: {\n afterPatch: this.afterPatchOptions,\n beforePatch: this.beforePatchOptions,\n },\n });\n }\n validateMultiple(value) {\n this.assertComponentValueMatchesMultiplicity(value === true);\n validateMultiple(this.component, value, {\n hooks: {\n afterPatch: this.afterPatchOptions,\n beforePatch: this.beforePatchOptions,\n },\n });\n }\n validateRequired(value) {\n validateRequired(this.component, value);\n }\n validateRows(value) {\n validateRows(this.component, value);\n }\n validateValue(value) {\n this.assertValueMatchesMultiplicity(value);\n watchJsonArrayString(this.component, '_value', () => true, value === undefined ? [] : Array.isArray(value) ? value : [value], undefined, {\n hooks: {\n afterPatch: this.afterPatchOptions,\n beforePatch: this.beforePatchOptions,\n },\n });\n }\n componentWillLoad() {\n super.componentWillLoad();\n this.validateOptions(this.component._options);\n this.validateMultiple(this.component._multiple);\n this.validateRequired(this.component._required);\n this.validateRows(this.component._rows);\n this.validateValue(this.component._value);\n }\n assertValueMatchesMultiplicity(value) {\n const isArray = Array.isArray(value);\n const isMultiple = this.component._multiple === true;\n if (isMultiple) {\n if (value !== undefined && !isArray) {\n throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (received = ${JSON.stringify(value)})`);\n }\n }\n else {\n if (isArray) {\n throw new Error(`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (received = ${JSON.stringify(value)})`);\n }\n }\n }\n assertComponentValueMatchesMultiplicity(isMultiple) {\n const rawValue = this.component._value;\n if (isMultiple) {\n if (rawValue !== undefined && !Array.isArray(rawValue)) {\n throw new Error(`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (current = ${JSON.stringify(rawValue)})`);\n }\n }\n else {\n if (Array.isArray(rawValue)) {\n throw new Error(`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (current = ${JSON.stringify(rawValue)})`);\n }\n }\n }\n}\n\nconst KolSelectWc = class {\n async getValue() {\n if (this._multiple) {\n return this.state._value;\n }\n else {\n return Array.isArray(this.state._value) && this.state._value.length > 0 ? this.state._value[0] : this.state._value;\n }\n }\n async focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.selectRef) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\n }\n getFormFieldProps() {\n return {\n state: this.state,\n class: clsx('kol-form-field-select', {\n 'kol-form-field--has-value': this.state._hasValue,\n }),\n tooltipAlign: this._tooltipAlign,\n onClick: () => { var _a; return (_a = this.selectRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n alert: this.showAsAlert(),\n };\n }\n getSelectProps() {\n return Object.assign(Object.assign({ ref: this.catchRef, state: this.state }, this.controller.onFacade), { onInput: this.onInput.bind(this), onChange: this.onChange.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 return (h(FormFieldStateWrapper, Object.assign({ key: '44490eb252cf8e389146f5c8bcaa323a9f42c5cc' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '663ac31f77dfa763ef2a1603fd0597211d37edc7', state: this.state }, h(\"form\", { key: 'c16646ed59f3e5788a89f1d92efd1e2707744649', onSubmit: (event) => {\n event.preventDefault();\n propagateSubmitEventToForm({\n form: this.host});\n } }, h(\"input\", { key: 'fe84cdd692d243ac1c017fc8e9cd10cd32a0b2bb', type: \"submit\", hidden: true }), h(SelectStateWrapper, Object.assign({ key: '27465e961d32dc09fe1a6978140693350f813dc0' }, this.getSelectProps()))))));\n }\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.catchRef = (ref) => {\n this.selectRef = ref;\n };\n this._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._multiple = false;\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this.state = {\n _hasValue: false,\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _multiple: false,\n _options: [],\n _value: [],\n };\n this.inputHasFocus = false;\n this.controller = new SelectController(this, 'select', this.host);\n }\n showAsAlert() {\n return Boolean(this.state._touched) && !this.inputHasFocus;\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 validateLabel(value) {\n this.controller.validateLabel(value);\n }\n validateMsg(value) {\n this.controller.validateMsg(value);\n }\n validateMultiple(value) {\n this.controller.validateMultiple(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 }\n validateRequired(value) {\n this.controller.validateRequired(value);\n }\n validateRows(value) {\n this.controller.validateRows(value);\n }\n validateShortKey(value) {\n this.controller.validateShortKey(value);\n }\n validateSyncValueBySelector(value) {\n this.controller.validateSyncValueBySelector(value);\n }\n validateTabIndex(value) {\n this.controller.validateTabIndex(value);\n }\n validateTouched(value) {\n this.controller.validateTouched(value);\n }\n validateValue(value) {\n this.controller.validateValue(value);\n }\n componentWillLoad() {\n this._touched = this._touched === true;\n this.controller.componentWillLoad();\n this.state._hasValue = !!this.state._value;\n this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n }\n onInput(event) {\n var _a;\n const selectedValues = Array.from(((_a = this.selectRef) === null || _a === void 0 ? void 0 : _a.options) || [])\n .filter((option) => option.selected)\n .map((option) => { var _a; return (_a = this.controller.getOptionByKey(option.value)) === null || _a === void 0 ? void 0 : _a.value; });\n if (this._multiple) {\n this._value = selectedValues;\n this.controller.onFacade.onInput(event, true, selectedValues);\n }\n else {\n const singleValue = selectedValues.length > 0 ? selectedValues[0] : undefined;\n this._value = singleValue;\n this.controller.onFacade.onInput(event, true, singleValue);\n }\n }\n onChange(event) {\n if (this._multiple) {\n this.controller.onFacade.onChange(event, this._value);\n }\n else {\n this.controller.onFacade.onChange(event, this._value);\n }\n }\n get host() { return getElement(this); }\n static get watchers() { return {\n \"_accessKey\": [\"validateAccessKey\"],\n \"_disabled\": [\"validateDisabled\"],\n \"_hideMsg\": [\"validateHideMsg\"],\n \"_hideLabel\": [\"validateHideLabel\"],\n \"_hint\": [\"validateHint\"],\n \"_icons\": [\"validateIcons\"],\n \"_label\": [\"validateLabel\"],\n \"_msg\": [\"validateMsg\"],\n \"_multiple\": [\"validateMultiple\"],\n \"_name\": [\"validateName\"],\n \"_on\": [\"validateOn\"],\n \"_options\": [\"validateOptions\"],\n \"_required\": [\"validateRequired\"],\n \"_rows\": [\"validateRows\"],\n \"_shortKey\": [\"validateShortKey\"],\n \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n \"_tabIndex\": [\"validateTabIndex\"],\n \"_touched\": [\"validateTouched\"],\n \"_value\": [\"validateValue\"]\n }; }\n};\n\nexport { KolSelectWc as kol_select_wc };\n//# sourceMappingURL=kol-select-wc.entry.js.map\n"],"names":["NativeOptionFc","_a","baseClassName","classNames","index","selectedValue","selected","value","label","disabled","other","__rest","isSelected","h","clsx","NativeOptionListFc","preKey","options","OptionProps","OptionGroupProps","Fragment","option","key","NativeSelectFc","props","msg","touched","required","ariaDescribedBy","hideLabel","stateCssClasses","getMsgType","isMsgDefinedAndInputTouched","inputProps","getDefaultProps","getSelectProps","state","getRenderStates","SelectStateWrapper","SelectController","InputIconController","component","name","host","values","_state","_component","_value","nextState","raw","fillKeyOptionMap","validateOptionsWithOptgroup","validateMultiple","validateRequired","validateRows","watchJsonArrayString","isArray","isMultiple","rawValue","KolSelectWc","resolve","event","FormFieldStateWrapper","InputContainerStateWrapperFc","propagateSubmitEventToForm","hostRef","registerInstance","ref","nonce","v","selectedValues","singleValue","getElement"],"mappings":"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"}

package/dist/assets/kol-single-select.entry-Mzzr9Ldu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"kol-single-select.entry-Mzzr9Ldu.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-2R8yiTEB.js';\nimport { c as KolButtonWcTag, d as KolIconTag } from './component-names-CqTpXVIM.js';\nimport { a as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-SdWKU73w.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-Dopbz3nm.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-CmSl1Pup.js';\nimport { C as CustomSuggestionsOptionsGroupFc, a as CustomSuggestionsOptionFc } from './CustomSuggestionsOptionsGroup-CWtO9VtS.js';\nimport { t as translate } from './i18n-DvMeCREp.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { n as nonce } from './dev.utils-dsy3l66K.js';\nimport { b as watchValidator, e as watchBoolean, N as watchNumber } from './common-BIkdAxr0.js';\nimport { f as fillKeyOptionMap, b as validateOptions } from './controller-DeT6XiIB.js';\nimport { v as validatePlaceholder } from './placeholder-D8vH7TM6.js';\nimport { v as validateRequired } from './required-Dt9l4wUg.js';\nimport './access-and-short-key-CPX70LXd.js';\nimport './disabled-BdPI9eda.js';\nimport './hide-label-ByItyHgV.js';\nimport './label-C18ud7Yt.js';\nimport './tooltip-align-DodV1tEH.js';\nimport './align-DDUsWnWP.js';\nimport './events-DHTi_wtD.js';\nimport './associated.controller-CdEaJGVD.js';\nimport './bootstrap-DcH8Lr28.js';\nimport './i18n-B0tfVPMa.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-7p1Sf6Uz.js';\nimport './Alert-BNnW6X1O.js';\nimport './bem-registry-B0PxCYiM.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-C4rnCYXm.js';\nimport './Icon-DiLz3fn_.js';\nimport './icons-CmA8Oww0.js';\nimport './Input-3yKCAK8D.js';\nimport './orientation-pWOiDBRo.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 validateRequired(this.component, value);\n }\n validateValue(value) {\n watchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n }\n validatePlaceholder(value) {\n validatePlaceholder(this.component, value);\n }\n validateHasClearButton(value) {\n watchBoolean(this.component, '_hasClearButton', 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.validateHasClearButton(this.component._hasClearButton);\n this.validateRows(this.component._rows);\n }\n}\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n :host {\\n /*\\n * Minimum size of interactive elements.\\n */\\n --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n /*\\n * No element should be used without verifying the contrast ratio of its background and font colors.\\n * By initially setting the background color to white and the font color to black,\\n * the contrast ratio is ensured and explicit adjustment is forced.\\n */\\n color: black;\\n background-color: white;\\n /*\\n * Verdana is an accessible font that can be used without requiring additional loading time.\\n */\\n font-family: Verdana;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n /*\\n * Text should be aligned left by default to provide a predictable starting point.\\n */\\n text-align: left;\\n }\\n * {\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n hyphens: auto;\\n /*\\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n */\\n word-break: break-word;\\n }\\n /*\\n * All interactive elements should have a minimum size of to-rem(44).\\n */\\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n /* option, */\\n /* select, */\\n /* textarea, */\\n button,\\n .kol-input .input {\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n }\\n /*\\n * Some interactive elements should not inherit the font-family and font-size.\\n */\\n a,\\n button,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6,\\n input,\\n option,\\n select,\\n textarea {\\n /*\\n * All elements should inherit the text color from his parent element.\\n */\\n color: inherit;\\n /*\\n * All elements should inherit the font family from his parent element.\\n */\\n font-family: inherit;\\n /*\\n * All elements should inherit the font size from his parent element.\\n */\\n font-size: inherit;\\n /*\\n * Letter spacing is required for all texts.\\n */\\n letter-spacing: inherit;\\n /*\\n * Word spacing is required for all texts.\\n */\\n word-spacing: inherit;\\n }\\n /**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n .visually-hidden {\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 1px;\\n height: 1px;\\n overflow: hidden;\\n white-space: nowrap;\\n clip-path: inset(50%);\\n }\\n}\\n@layer kol-global {\\n /*\\n * Dieses CSS stellt sicher, dass der Standard-Style\\n * von A und Button resettet werden.\\n */\\n :is(a, button) {\\n background-color: transparent;\\n width: 100%;\\n margin: 0;\\n padding: 0;\\n border: none;\\n /* 100% needed for custom width from outside */\\n }\\n /*\\n * Ensure elements with hidden attribute to be actually not visible\\n * @see https://meowni.ca/hidden.is.a.lie.html\\n */\\n [hidden] {\\n display: none !important;\\n }\\n .badge-text-hint {\\n color: black;\\n background-color: lightgray;\\n }\\n}\\n@layer kol-global {\\n :host {\\n /*\\n * The max-width is needed to prevent the table from overflowing the\\n * parent node, if the table is wider than the parent node.\\n */\\n max-width: 100%;\\n font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n * {\\n /*\\n * We prefer to box-sizing: border-box for all elements.\\n */\\n box-sizing: border-box;\\n }\\n .kol-span {\\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n display: flex;\\n flex-flow: column;\\n align-items: center;\\n justify-content: 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 align-items: center;\\n }\\n a,\\n button {\\n cursor: pointer;\\n }\\n .kol-span .kol-span__label--hide-label .kol-span__label {\\n display: none;\\n }\\n /* Reset browser agent style. */\\n button:disabled {\\n color: unset;\\n }\\n .disabled label,\\n .disabled:focus-within label,\\n [aria-disabled=true],\\n [aria-disabled=true]:focus,\\n [disabled],\\n [disabled]:focus {\\n opacity: 0.5;\\n outline: none;\\n cursor: not-allowed;\\n }\\n [aria-disabled=true]:focus .kol-span,\\n [disabled]:focus .kol-span {\\n outline: none !important;\\n }\\n .hastooltip {\\n z-index: 900 !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 opacity: 0;\\n display: none;\\n position: fixed;\\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n top: 0;\\n left: 0;\\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n width: var(--kol-tooltip-width, max-content);\\n min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n max-width: 90vw;\\n max-height: 90vh;\\n animation-direction: normal;\\n /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n animation-fill-mode: forwards;\\n animation-iteration-count: 1;\\n animation-timing-function: ease-in;\\n }\\n .kol-tooltip__floating.hide {\\n animation-name: hideTooltip;\\n }\\n .kol-tooltip__floating.show {\\n animation-name: showTooltip;\\n }\\n .kol-tooltip__arrow {\\n transform: rotate(45deg);\\n color: #000;\\n background-color: #fff;\\n position: absolute;\\n z-index: 999;\\n width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-tooltip__content {\\n color: #000;\\n background-color: #fff;\\n position: relative;\\n z-index: 1000;\\n }\\n @keyframes hideTooltip {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n display: none;\\n }\\n }\\n @keyframes showTooltip {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n }\\n}\\n@layer kol-component {\\n .kol-alert :host {\\n display: inline-block;\\n }\\n .kol-alert .kol-button {\\n display: flex;\\n min-height: var(--a11y-min-size);\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-decoration-line: none;\\n }\\n .kol-alert .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-alert .kol-button__text {\\n flex: 1 0 100%;\\n }\\n .kol-alert {\\n display: grid;\\n }\\n .kol-alert__container {\\n display: flex;\\n place-items: center;\\n }\\n .kol-alert__container-content {\\n flex-grow: 1;\\n }\\n .kol-alert__closer {\\n /* Visible with forced colors */\\n outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n }\\n .kol-custom-suggestions-option {\\n line-height: 1.5;\\n white-space: normal;\\n cursor: pointer;\\n overflow-wrap: break-word;\\n }\\n .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\\n cursor: none !important;\\n }\\n .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {\\n cursor: not-allowed;\\n }\\n .kol-custom-suggestions-options-group {\\n background-color: white;\\n display: block;\\n position: absolute;\\n z-index: 2;\\n max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));\\n margin: 0;\\n padding: 0;\\n overflow-x: hidden;\\n overflow-y: auto;\\n list-style-type: none;\\n }\\n .kol-input-container:has(.kol-custom-suggestions-options-group--open) {\\n z-index: 10;\\n }\\n .kol-custom-suggestions-toggle {\\n display: flex;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n justify-content: center;\\n cursor: default;\\n }\\n .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {\\n cursor: not-allowed;\\n }\\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:not(:has(> [name]))::after,\\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n content: \\\"*\\\"/\\\"\\\";\\n }\\n .kol-form-field--disabled .kol-form-field__hint {\\n opacity: 0.5;\\n }\\n .kol-input-container {\\n background-color: transparent;\\n display: grid;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n min-height: var(--a11y-min-size);\\n align-items: center;\\n grid-template-columns: 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\\n grid-template-columns: auto 1fr;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\\n grid-template-columns: 1fr auto;\\n }\\n .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\\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 min-height: var(--a11y-min-size);\\n place-items: center;\\n }\\n .kol-input {\\n background-color: transparent;\\n width: 100%;\\n min-width: var(--a11y-min-size);\\n }\\n .kol-input:focus {\\n outline: none;\\n }\\n .kol-single-select__delete :host {\\n display: inline-block;\\n }\\n .kol-single-select__delete .kol-button {\\n display: flex;\\n min-height: var(--a11y-min-size);\\n font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n text-decoration-line: none;\\n }\\n .kol-single-select__delete .kol-button::before {\\n /* Render zero-width character as first element to set the baseline correctly. */\\n content: \\\"\\\";\\n }\\n .kol-single-select__delete .kol-button__text {\\n flex: 1 0 100%;\\n }\\n .kol-single-select__delete .kol-button {\\n margin-top: -2px;\\n margin-bottom: -2px;\\n }\\n .kol-single-select__no-results-message {\\n display: flex;\\n min-height: calc(50 * 1rem / var(--kolibri-root-font-size, 16));\\n align-items: center;\\n justify-content: center;\\n cursor: default;\\n }\\n .kol-single-select .kol-custom-suggestions-options-group {\\n max-height: calc(40 * 1rem / var(--kolibri-root-font-size, 16) * var(--visible-options, 5) + 2 * 1rem / var(--kolibri-root-font-size, 16)) !important;\\n }\\n .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) {\\n cursor: pointer;\\n }\\n .kol-custom-suggestions-toggle--disabled {\\n opacity: 0.5;\\n }\\n}\";\n\nconst KolSingleSelect = class {\n async getValue() {\n return this._value;\n }\n async focus() {\n return new Promise((resolve) => {\n requestAnimationFrame(() => {\n var _a;\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n resolve();\n });\n });\n }\n onBlur(event) {\n var _a, _b, _c;\n const matchingOption = (_a = this.state._options) === null || _a === void 0 ? void 0 : _a.find((option) => { var _a, _b; return ((_a = option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = this._inputValue) === null || _b === void 0 ? void 0 : _b.toLowerCase()); });\n if (matchingOption) {\n this.selectOption(matchingOption);\n }\n else if (!this._isOpen && this._value) {\n this._inputValue = (_c = (_b = this.state._options) === null || _b === void 0 ? void 0 : _b.find((option) => option.value === this._value)) === null || _c === void 0 ? void 0 : _c.label;\n this._filteredOptions = [...this.state._options];\n }\n if (event instanceof FocusEvent && event.view === window && !this.isClearing) {\n this._isOpen = false;\n }\n }\n createEventWithTarget(type, detail) {\n const event = new CustomEvent(type, {\n bubbles: true,\n detail,\n });\n if (this.refInput) {\n Object.defineProperty(event, 'target', {\n value: this.refInput,\n });\n Object.defineProperty(event, 'currentTarget', {\n value: this.refInput,\n });\n }\n return event;\n }\n clearSelection() {\n this.isClearing = true;\n if (this.state._disabled) {\n return;\n }\n const emptyValue = null;\n this._focusedOptionIndex = -1;\n this._value = emptyValue;\n this._inputValue = '';\n this._filteredOptions = [...this.state._options];\n const inputEvent = this.createEventWithTarget('input', {\n name: this.state._name,\n value: emptyValue,\n });\n const changeEvent = this.createEventWithTarget('change', {\n name: this.state._name,\n value: emptyValue,\n });\n this.controller.onFacade.onInput(inputEvent, true, { value: emptyValue });\n this.controller.onFacade.onChange(changeEvent, { value: emptyValue });\n this.isClearing = false;\n }\n selectOption(option) {\n var _a, _b;\n if (option.value === this._value) {\n this._inputValue = option.label;\n this._filteredOptions = [...this.state._options];\n return;\n }\n this._value = option.value;\n this._inputValue = option.label;\n const inputEvent = this.createEventWithTarget('input', {\n name: (_a = this.state._name) !== null && _a !== void 0 ? _a : '',\n value: option.value,\n });\n const changeEvent = this.createEventWithTarget('change', {\n name: (_b = this.state._name) !== null && _b !== void 0 ? _b : '',\n value: option.value,\n });\n this.controller.onFacade.onInput(inputEvent, false, option.value);\n this.controller.onFacade.onChange(changeEvent, 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 let iterations = 0;\n let foundEnabledOption = false;\n const maxIterations = this._filteredOptions.length;\n while (iterations < maxIterations) {\n if (newIndex >= this._filteredOptions.length) {\n newIndex = 0;\n }\n if (newIndex < 0) {\n newIndex = this._filteredOptions.length - 1;\n }\n const option = this._filteredOptions[newIndex];\n if (!option.disabled) {\n foundEnabledOption = true;\n break;\n }\n newIndex += delta;\n iterations++;\n }\n if (foundEnabledOption) {\n this._focusedOptionIndex = newIndex;\n this.focusOption(this._focusedOptionIndex);\n }\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 selectFocusedOption() {\n if (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 && this._focusedOptionIndex >= 0) {\n this.selectOption(this._filteredOptions[this._focusedOptionIndex]);\n return true;\n }\n return false;\n }\n focusSuggestionStartingWith(char) {\n const charLowerCase = char.toLowerCase();\n const index = Array.isArray(this._filteredOptions) &&\n this._filteredOptions.findIndex((option) => option.label.toLowerCase().startsWith(charLowerCase) && !option.disabled);\n if (typeof index === 'number' && index >= 0) {\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 alert: this.showAsAlert(),\n };\n }\n getInputProps() {\n const { ariaDescribedBy } = getRenderStates(this.state);\n const isDisabled = this.state._disabled === true;\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, 'aria-keyshortcuts': this.state._shortKey, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: isDisabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, role: 'combobox', 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 const isDisabled = this.state._disabled === true;\n return (h(FormFieldStateWrapper, Object.assign({ key: '9859c88d4eaca7326f1a0db40b320fa88615c429' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '7b7e93ea4fcc87bf11b1b5f513bf5d8d4bb6d0f7', state: this.state }, h(\"div\", { key: '974ffede1255b0cfb8b4b5ec549c766b5a474531', class: \"kol-single-select__group\" }, h(InputStateWrapper, Object.assign({ key: '30e30746a003b83931011d0837c1d1bfcbff82dd' }, this.getInputProps())), this._inputValue && this.state._hasClearButton && (h(KolButtonWcTag, { key: '851891399be5cb2289fd8bd650681c2a15212efd', _icons: \"kolicon-cross\", _label: this.translateDeleteSelection, _hideLabel: true, _variant: \"ghost\", _disabled: isDisabled, \"data-testid\": \"single-select-delete\", class: \"kol-single-select__delete\", hidden: isDisabled, _on: {\n onClick: () => {\n var _a;\n this.clearSelection();\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n },\n } })), h(KolIconTag, { key: '22a363bfd1c0d198b9b7f918b7b4c95255da18c6', _icons: \"kolicon-chevron-down\", _label: \"\", class: clsx('kol-custom-suggestions-toggle', {\n 'kol-custom-suggestions-toggle--disabled': isDisabled,\n }), onClick: this.toggleListbox.bind(this) })), h(CustomSuggestionsOptionsGroupFc, { key: '273e98083d2fdb5ee652c796b32d93103676b957', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` }, hidden: !this._isOpen || isDisabled }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (h(CustomSuggestionsOptionFc, { index: index, option: option.label, searchTerm: this._inputValue, ref: (el) => {\n if (el)\n this.refOptions[index] = el;\n }, selected: this._value === option.value, disabled: option.disabled ? true : false, onClick: (event) => {\n var _a;\n if (option.disabled) {\n return;\n }\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 }, onMouseOver: () => {\n if (!this.blockSuggestionMouseOver) {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }, onFocus: () => {\n if (!option.disabled) {\n this._focusedOptionIndex = index;\n this.focusOption(index);\n }\n }, onKeyDown: (e) => {\n var _a;\n if (option.disabled) {\n return;\n }\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\", role: \"alert\" }, this.translateNoResultsMessage, ' '))))));\n }\n handleFocusOut(event) {\n setTimeout(() => {\n var _a;\n if (!((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n this.onBlur(event);\n }\n });\n }\n handleWindowBlur(event) {\n this.onBlur(event);\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._isOpen = false;\n handleEvent(false);\n break;\n }\n case ' ':\n case 'Enter':\n case 'NumpadEnter': {\n if (this._isOpen) {\n if (this.selectFocusedOption()) {\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 '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.translateDeleteSelection = translate('kol-delete-selection');\n this.translateNoResultsMessage = translate('kol-no-results-message');\n this.isClearing = false;\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 const isDisabled = this.state._disabled === true;\n if (isDisabled) {\n return;\n }\n else {\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n if (this._isOpen) {\n this._isOpen = false;\n }\n else {\n this._isOpen = true;\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._disabled = false;\n this._hideMsg = false;\n this._hideLabel = false;\n this._hint = '';\n this._required = false;\n this._tooltipAlign = 'top';\n this._touched = false;\n this._value = null;\n this._hasClearButton = true;\n this.state = {\n _hideMsg: false,\n _id: `id-${nonce()}`,\n _label: '',\n _options: [],\n _hasClearButton: true,\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 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 validateHasClearButton(value) {\n this.controller.validateHasClearButton(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 var _a;\n this.toggleListbox(event);\n (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n this.controller.onFacade.onClick(event);\n }\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 \"_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 \"_hasClearButton\": [\"validateHasClearButton\"],\n \"_rows\": [\"validateRows\"]\n }; }\n};\nKolSingleSelect.style = {\n default: defaultStyleCss\n};\n\nexport { KolSingleSelect as kol_single_select };\n//# sourceMappingURL=kol-single-select.entry.js.map\n"],"names":["SingleSelectController","InputIconController","component","name","host","value","_state","_component","key","_value","nextState","options","fillKeyOptionMap","validateOptions","validateRequired","watchValidator","v","validatePlaceholder","watchBoolean","watchNumber","defaultStyleCss","KolSingleSelect","resolve","_a","event","_b","_c","matchingOption","option","type","detail","emptyValue","inputEvent","changeEvent","target","query","delta","newIndex","iterations","foundEnabledOption","maxIterations","index","optionElement","char","charLowerCase","ariaDescribedBy","getRenderStates","isDisabled","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolButtonWcTag","KolIconTag","clsx","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","handleEvent","isOpen","callback","hostRef","registerInstance","translate","ref","selectedIndex","nonce","matchedOption","getElement"],"mappings":"s3CAuCA,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,CAEzC,EACA,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,MAAK,EACvBC,EAAiB,KAAK,aAAcD,CAAO,EAEnD,EACA,KAAK,UAAYT,CACrB,CACA,gBAAgBG,EAAO,CACnBQ,EAAgB,KAAK,UAAWR,EAAO,CACnC,MAAO,CACH,WAAY,KAAK,kBACjB,YAAa,KAAK,kBAClC,CACA,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpBS,EAAiB,KAAK,UAAWT,CAAK,CAC1C,CACA,cAAcA,EAAO,CACjBU,EAAe,KAAK,UAAW,SAAWC,GAAMA,IAAM,OAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAGX,CAAK,CACvG,CACA,oBAAoBA,EAAO,CACvBY,EAAoB,KAAK,UAAWZ,CAAK,CAC7C,CACA,uBAAuBA,EAAO,CAC1Ba,EAAa,KAAK,UAAW,kBAAmBb,CAAK,CACzD,CACA,aAAaA,EAAO,CAChBc,EAAY,KAAK,UAAW,QAASd,CAAK,CAC9C,CACA,mBAAoB,CAChB,MAAM,kBAAiB,EACvB,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,uBAAuB,KAAK,UAAU,eAAe,EAC1D,KAAK,aAAa,KAAK,UAAU,KAAK,CAC1C,CACJ,CAEA,MAAMe,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}

package/dist/assets/kol-skeleton.entry-rd2h1p6u.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as k,a6 as r,L as h,h as n,H as L,c as w}from"./index-BHgsTqZl.js";import{C as b,a as p}from"./controller-OQt0tt67-gfAbfGAD.js";import{B as f,w as l,c as d,l as S,n as B,a as _}from"./base-controller-Cpw4bHkB-DeZhn8Ar.js";const g=d(_,t=>t>=0),E=d(B,()=>!0),a=w.forBlock("kol-skeleton"),v=a("actions"),N=a("container"),y=a("counter"),P=a("name"),I=t=>{const{count:e,label:o,name:s,show:c,handleClick:u,refButton:m}=t,i=!!(c&&s?.trim()),C=a({"has-name":i,"is-hidden":!c});return n("div",{class:C},n("div",{class:N},i&&n("span",{class:P},s),n("div",{class:y},"Count: ",e)),n("div",{class:v},n(p,{label:o,handleClick:u,refButton:m})))};class O extends f{constructor(e){super(e,{count:0,name:""}),this.onKeydown=o=>{o.key==="Escape"&&(console.log("Show should be toggled"),this.toggle())},this.handleClick=()=>{h.debug("Button clicked, count should be increased");const{count:o}=this.getProps(),s=o+1;this.setProp("count",s),this.setState("count",s)},this.setButtonRef=o=>{this.clickButtonCtrl.setButtonRef(o)},this.clickButtonCtrl=new b({}),this.startLoadedEventInterval()}componentWillLoad(e){const{count:o,name:s}=e;this.watchCount(o),this.watchName(s),this.watchLabel(this.component.label),this.clickButtonCtrl.componentWillLoad({label:this.component.label})}watchCount(e){l(g,e,o=>{this.setProp("count",o),this.setState("count",o)})}watchName(e){l(E,e,o=>{this.setProp("name",o)})}watchLabel(e){l(S,e,o=>{this.setState("label",o),this.clickButtonCtrl.watchLabel(o)})}toggle(){this.setState("show",!this.component.show)}focus(){return this.clickButtonCtrl.focus()}startLoadedEventInterval(){this.intervalId=setInterval(()=>{const{count:e}=this.getProps();this.emitLoaded(e)},2e3)}emitLoaded(e){this.onLoadedCallback&&this.onLoadedCallback(e)}setOnLoadedCallback(e){this.onLoadedCallback=e}destroy(){this.intervalId&&(clearInterval(this.intervalId),this.intervalId=void 0)}}const R=class{constructor(t){k(this,t),this.loaded=r(this,"loaded"),this.rendered=r(this,"rendered"),this.ctrl=new O(this),this.label="Label",this.show=!0,this.count=0}async focus(){return Promise.resolve(this.ctrl.focus())}async toggle(){return Promise.resolve(this.ctrl.toggle())}watchCount(t){this.ctrl.watchCount(t)}watchName(t){this.ctrl.watchName(t)}handleKeyDown(t){(t.key==="Enter"\|\|t.key===" ")&&(h.debug("button pressed"),this.ctrl.handleClick())}onKeydown(t){this.ctrl.onKeydown(t)}componentWillLoad(){this.ctrl.componentWillLoad({count:this._count,name:this._name}),this.ctrl.setOnLoadedCallback(t=>{this.loaded.emit(t)})}componentDidLoad(){requestAnimationFrame(()=>{this.rendered.emit()})}disconnectedCallback(){this.ctrl.destroy()}render(){const{count:t,name:e}=this.ctrl.getProps(),{label:o,show:s}=this;return n(L,{key:"225420664e7c4af6153162c67244b7602a9a2f02"},n(I,{key:"35c0ce0446877a7e58da64c1c6c2a5fff960c4db",count:t,label:o,name:e,handleClick:()=>this.ctrl.handleClick(),onLoaded:this.loaded,onRendered:this.rendered,show:s,refButton:c=>this.ctrl.setButtonRef(c)}))}static get watchers(){return{_count:["watchCount"],_name:["watchName"]}}};export{R as kol_skeleton};
2	- //# sourceMappingURL=kol-skeleton.entry-rd2h1p6u.js.map