@public-ui/sample-react 3.0.2-rc.1 → 3.0.2-rc.2

package/dist/assets/{kol-input-radio.entry-CdOgq3MD.js.map → kol-input-radio.entry-dlg-0IFJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-input-radio.entry-CdOgq3MD.js","sources":["../../../../components/dist/esm/kol-input-radio.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-d47f6be5.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { n as nonce } from './dev.utils-98923b37.js';\nimport { a as InputRadioController } from './controller-a10288c6.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './getRenderStates-6c8f7e98.js';\nimport { F as FieldControlStateWrapper } from './FieldControlStateWrapper-adc38f2f.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { I as InputFc } from './Input-529b3f6c.js';\nimport './index-ebe5a881.js';\nimport './orientation-409d844a.js';\nimport './label-bf9966d0.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './Alert-a96714a0.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-4990ec84.js';\nimport './InternalUnderlinedBadgeText-e15d02d5.js';\nimport './isArray-7a60fa7f.js';\n\nconst InputWrapperFc = (_a) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return h(InputFc, Object.assign({ class: clsx('kol-input-radio__input', classNames) }, other, { type: \"radio\" }));\n};\nconst RadioFc = (_a) => {\n    var _b;\n    var { class: classNames, inputProps } = _a, other = __rest(_a, [\"class\", \"inputProps\"]);\n    const showMsg = checkHasMsg(inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg, inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched);\n    const cssVariants = {\n        ['kol-input-radio--checked']: inputProps === null || inputProps === void 0 ? void 0 : inputProps.checked,\n        ['kol-input-radio--disabled']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled),\n        ['kol-input-radio--required']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.required),\n        ['kol-input-radio--touched']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched),\n        [`kol-input-radio--${((_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg) === null || _b === void 0 ? void 0 : _b.type) || 'error'}`]: Boolean(showMsg),\n    };\n    return (h(\"label\", Object.assign({ class: clsx('kol-input-radio', cssVariants, classNames) }, other),\n        h(InputWrapperFc, Object.assign({}, inputProps))));\n};\n\nfunction getRadioProps(state, inputProps = {}) {\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        disabled: state._disabled,\n        name: state._name,\n        ariaDescribedBy,\n    };\n    if ('_required' in state)\n        props.required = state._required;\n    if ('_touched' in state)\n        props.touched = state._touched;\n    if ('_msg' in state)\n        props.msg = convertMsgToInternMsg(state._msg);\n    return Object.assign(Object.assign({}, props), inputProps);\n}\nconst RadioStateWrapper = (_a) => {\n    var { state, inputProps } = _a, other = __rest(_a, [\"state\", \"inputProps\"]);\n    return h(RadioFc, Object.assign({ inputProps: getRadioProps(state, inputProps) }, other));\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-field-control {\\n    min-height: var(--a11y-min-size);\\n    display: grid;\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\";\\n    grid-template-rows: auto;\\n    align-items: center;\\n    justify-content: left;\\n  }\\n  .kol-field-control:has(.kol-field-control__hint) {\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\";\\n    grid-template-rows: auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control__input {\\n    grid-area: input;\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n  }\\n  .kol-field-control__label {\\n    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    flex-grow: 1;\\n    grid-area: label;\\n    min-height: var(--a11y-min-size);\\n  }\\n  .kol-field-control__label--visually-hidden {\\n    height: 0;\\n    margin: 0;\\n    padding: 0;\\n    visibility: hidden;\\n  }\\n  .kol-field-control__label-text::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__tooltip .span-label::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__hint {\\n    grid-area: hint;\\n  }\\n  .kol-field-control--disabled .kol-field-control__label {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n  }\\n  .kol-field-control--required .kol-field-control__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    --border-width: 2px;\\n    --input-size: 1.5em;\\n  }\\n  .kol-form-field__label {\\n    display: contents;\\n  }\\n  .kol-form-field__input {\\n    display: flex;\\n    flex-direction: column;\\n  }\\n  .kol-form-field__input--orientation-horizontal {\\n    flex-direction: row;\\n    flex-wrap: wrap;\\n    align-items: flex-start;\\n  }\\n  .kol-form-field--disabled {\\n    opacity: unset;\\n  }\\n  .kol-input-radio {\\n    display: flex;\\n    position: relative;\\n    cursor: pointer;\\n    justify-content: center;\\n    align-items: center;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n  }\\n  .kol-input-radio__input {\\n    appearance: none;\\n    border-width: var(--border-width);\\n    border-style: solid;\\n    border-radius: 100%;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--input-size);\\n    margin: 0;\\n    min-height: var(--input-size);\\n    min-width: var(--input-size);\\n    padding: 0;\\n    width: var(--input-size);\\n  }\\n  .kol-input-radio__input:before {\\n    border-radius: 100%;\\n    content: \\\"\\\";\\n    margin: auto;\\n    height: calc(var(--input-size) / 2);\\n    width: calc(var(--input-size) / 2);\\n  }\\n  .kol-input-radio__input:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .kol-input-radio__input:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n  .kol-input-radio__input:disabled {\\n    opacity: 0.5;\\n    cursor: not-allowed;\\n  }\\n  .kol-input-radio--disabled {\\n    cursor: not-allowed;\\n  }\\n}\";\nconst KolInputRadioDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRadio = class {\n    async getValue() {\n        return this._value;\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            component: 'fieldset',\n            class: clsx('kol-form-field--radio'),\n            formFieldLabelProps: {\n                component: 'legend',\n                class: 'kol-form-field__label--legend',\n            },\n            formFieldInputProps: {\n                class: `kol-form-field__input--orientation-${this.state._orientation}`,\n            },\n            tooltipAlign: this._tooltipAlign,\n            alert: this.showAsAlert(),\n            hideLabel: false,\n        };\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '3f0e5e53e5145d7e6cf07ab9674897319dad9517' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));\n    }\n    getOptionProps(option, id) {\n        const obj = {\n            state: this.state,\n            id: id,\n            hint: option.hint,\n            label: option.label,\n            required: false,\n            fieldControlLabelProps: {\n                showBadge: false,\n            },\n        };\n        if (option.disabled) {\n            obj.disabled = true;\n        }\n        return obj;\n    }\n    getInputProps(option, id, index, selected) {\n        return {\n            state: this.state,\n            inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: option.disabled }, this.controller.onFacade), { onChange: this.onChange, onClick: undefined, onInput: this.onInput, onKeyDown: this.onKeyDown.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    }\n    renderOption(option, index) {\n        const customId = `${this.state._id}-${index}`;\n        const selected = this.state._value === option.value;\n        return (h(FieldControlStateWrapper, Object.assign({ key: customId }, this.getOptionProps(option, customId)), h(RadioStateWrapper, Object.assign({}, this.getInputProps(option, customId, index, selected)))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.inputRef = ref;\n        };\n        this.onInput = (event) => {\n            if (event.target instanceof HTMLInputElement) {\n                const option = this.controller.getOptionByKey(event.target.value);\n                if (option !== undefined) {\n                    this.controller.onFacade.onInput(event, true, option.value);\n                }\n            }\n        };\n        this.onChange = (event) => {\n            if (event.target instanceof HTMLInputElement) {\n                const option = this.controller.getOptionByKey(event.target.value);\n                if (option !== undefined) {\n                    this.controller.onFacade.onChange(event, option.value);\n                    this._value = option.value;\n                }\n            }\n        };\n        this.onKeyDown = (event) => {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.inputRef,\n                });\n            }\n        };\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._id = undefined;\n        this._label = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._options = undefined;\n        this._orientation = 'vertical';\n        this._required = false;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = null;\n        this.state = {\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _options: [],\n            _orientation: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.controller = new InputRadioController(this, 'radio', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateTooltipAlign(value) {\n        this.controller.validateTooltipAlign(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validateOptions(value) {\n        this.controller.validateOptions(value);\n    }\n    validateOrientation(value) {\n        this.controller.validateOrientation(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_tooltipAlign\": [\"validateTooltipAlign\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hint\": [\"validateHint\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_options\": [\"validateOptions\"],\n        \"_orientation\": [\"validateOrientation\"],\n        \"_required\": [\"validateRequired\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolInputRadio.style = {\n    default: KolInputRadioDefaultStyle0\n};\n\nexport { KolInputRadio as kol_input_radio };\n\n//# sourceMappingURL=kol-input-radio.entry.js.map"],"names":["InputWrapperFc","_a","classNames","other","__rest","h","InputFc","clsx","RadioFc","_b","inputProps","showMsg","checkHasMsg","cssVariants","getRadioProps","state","ariaDescribedBy","getRenderStates","props","convertMsgToInternMsg","RadioStateWrapper","defaultStyleCss","KolInputRadioDefaultStyle0","KolInputRadio","FormFieldStateWrapper","option","index","id","obj","selected","event","customId","FieldControlStateWrapper","hostRef","registerInstance","ref","propagateSubmitEventToForm","nonce","InputRadioController","value","getElement"],"mappings":"wgCAAA;AAAA;AAAA,GAgCA,MAAMA,EAAkBC,GAAO,CAC3B,GAAI,CAAE,MAAOC,CAAU,EAAKD,EAAIE,EAAQC,EAAOH,EAAI,CAAC,OAAO,CAAC,EAC5D,OAAOI,EAAEC,EAAS,OAAO,OAAO,CAAE,MAAOC,EAAK,yBAA0BL,CAAU,CAAG,EAAEC,EAAO,CAAE,KAAM,OAAS,CAAA,CAAC,CACpH,EACMK,EAAWP,GAAO,CACpB,IAAIQ,EACA,CAAE,MAAOP,EAAY,WAAAQ,CAAY,EAAGT,EAAIE,EAAQC,EAAOH,EAAI,CAAC,QAAS,YAAY,CAAC,EACtF,MAAMU,EAAUC,EAAYF,GAAe,KAAgC,OAASA,EAAW,IAAKA,GAAe,KAAgC,OAASA,EAAW,OAAO,EACxKG,EAAc,CACf,2BAA6BH,GAAe,KAAgC,OAASA,EAAW,QAChG,4BAA8B,GAAQA,GAAe,MAAyCA,EAAW,UACzG,4BAA8B,GAAQA,GAAe,MAAyCA,EAAW,UACzG,2BAA6B,GAAQA,GAAe,MAAyCA,EAAW,SACzG,CAAC,sBAAsBD,EAAKC,GAAe,KAAgC,OAASA,EAAW,OAAS,MAAQD,IAAO,OAAS,OAASA,EAAG,OAAS,OAAO,EAAE,EAAG,EAAQE,CAC5K,EACD,OAAQN,EAAE,QAAS,OAAO,OAAO,CAAE,MAAOE,EAAK,kBAAmBM,EAAaX,CAAU,CAAC,EAAIC,CAAK,EAC/FE,EAAEL,EAAgB,OAAO,OAAO,CAAE,EAAEU,CAAU,CAAC,CAAC,CACxD,EAEA,SAASI,EAAcC,EAAOL,EAAa,GAAI,CAC3C,KAAM,CAAE,gBAAAM,CAAe,EAAKC,EAAgBF,CAAK,EAC3CG,EAAQ,CACV,GAAIH,EAAM,IACV,UAAWA,EAAM,WACjB,MAAOA,EAAM,OACb,MAAOA,EAAM,OACb,SAAUA,EAAM,UAChB,KAAMA,EAAM,MACZ,gBAAAC,CACH,EACD,MAAI,cAAeD,IACfG,EAAM,SAAWH,EAAM,WACvB,aAAcA,IACdG,EAAM,QAAUH,EAAM,UACtB,SAAUA,IACVG,EAAM,IAAMC,EAAsBJ,EAAM,IAAI,GACzC,OAAO,OAAO,OAAO,OAAO,GAAIG,CAAK,EAAGR,CAAU,CAC7D,CACA,MAAMU,EAAqBnB,GAAO,CAC9B,GAAI,CAAE,MAAAc,EAAO,WAAAL,CAAY,EAAGT,EAAIE,EAAQC,EAAOH,EAAI,CAAC,QAAS,YAAY,CAAC,EAC1E,OAAOI,EAAEG,EAAS,OAAO,OAAO,CAAE,WAAYM,EAAcC,EAAOL,CAAU,CAAG,EAAEP,CAAK,CAAC,CAC5F,EAEMkB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,MAAM,UAAW,CACb,OAAO,KAAK,MACpB,CACI,MAAM,UAAW,CACb,IAAItB,GACHA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAO,CAC5E,CACI,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,UAAW,WACX,MAAOM,EAAK,uBAAuB,EACnC,oBAAqB,CACjB,UAAW,SACX,MAAO,+BACV,EACD,oBAAqB,CACjB,MAAO,sCAAsC,KAAK,MAAM,YAAY,EACvE,EACD,aAAc,KAAK,cACnB,MAAO,KAAK,YAAa,EACzB,UAAW,EACd,CACT,CACI,QAAS,CACL,OAAQF,EAAEmB,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA4C,EAAE,KAAK,mBAAmB,EAAG,KAAK,MAAM,SAAS,IAAI,CAACC,EAAQC,IAAU,KAAK,aAAaD,EAAQC,CAAK,CAAC,CAAC,CACnN,CACI,eAAeD,EAAQE,EAAI,CACvB,MAAMC,EAAM,CACR,MAAO,KAAK,MACZ,GAAID,EACJ,KAAMF,EAAO,KACb,MAAOA,EAAO,MACd,SAAU,GACV,uBAAwB,CACpB,UAAW,EACd,CACJ,EACD,OAAIA,EAAO,WACPG,EAAI,SAAW,IAEZA,CACf,CACI,cAAcH,EAAQE,EAAID,EAAOG,EAAU,CACvC,MAAO,CACH,MAAO,KAAK,MACZ,WAAY,OAAO,OAAO,OAAO,OAAO,CAAE,GAAIF,EAAI,IAAK,KAAK,MAAM,SAAWF,EAAO,MAAQ,KAAK,SAAW,OAAW,aAAc,KAAK,MAAM,YAAc,OAAOA,EAAO,OAAU,SAAWA,EAAO,MAAQ,OAAW,KAAM,QAAS,KAAM,KAAK,MAAM,OAAS,KAAK,MAAM,IAAK,MAAO,IAAIC,CAAK,GAAI,QAASG,EAAU,SAAUJ,EAAO,QAAU,EAAE,KAAK,WAAW,QAAQ,EAAG,CAAE,SAAU,KAAK,SAAU,QAAS,OAAW,QAAS,KAAK,QAAS,UAAW,KAAK,UAAU,KAAK,IAAI,EAAG,QAAUK,GAAU,CAC3e,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACzC,EAAmB,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACzC,EAAmB,CACV,CACT,CACI,aAAaL,EAAQC,EAAO,CACxB,MAAMK,EAAW,GAAG,KAAK,MAAM,GAAG,IAAIL,CAAK,GACrCG,EAAW,KAAK,MAAM,SAAWJ,EAAO,MAC9C,OAAQpB,EAAE2B,EAA0B,OAAO,OAAO,CAAE,IAAKD,CAAQ,EAAI,KAAK,eAAeN,EAAQM,CAAQ,CAAC,EAAG1B,EAAEe,EAAmB,OAAO,OAAO,CAAE,EAAE,KAAK,cAAcK,EAAQM,EAAUL,EAAOG,CAAQ,CAAC,CAAC,CAAC,CACnN,CACI,YAAYI,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,SAAWA,CACnB,EACD,KAAK,QAAWL,GAAU,CACtB,GAAIA,EAAM,kBAAkB,iBAAkB,CAC1C,MAAML,EAAS,KAAK,WAAW,eAAeK,EAAM,OAAO,KAAK,EAC5DL,IAAW,QACX,KAAK,WAAW,SAAS,QAAQK,EAAO,GAAML,EAAO,KAAK,CAE9E,CACS,EACD,KAAK,SAAYK,GAAU,CACvB,GAAIA,EAAM,kBAAkB,iBAAkB,CAC1C,MAAML,EAAS,KAAK,WAAW,eAAeK,EAAM,OAAO,KAAK,EAC5DL,IAAW,SACX,KAAK,WAAW,SAAS,SAASK,EAAOL,EAAO,KAAK,EACrD,KAAK,OAASA,EAAO,MAEzC,CACS,EACD,KAAK,UAAaK,GAAU,EACpBA,EAAM,OAAS,SAAWA,EAAM,OAAS,gBACzCM,EAA2B,CACvB,KAAM,KAAK,KACX,IAAK,KAAK,QAC9B,CAAiB,CAER,EACD,KAAK,UAAY,GACjB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,KAAO,OACZ,KAAK,MAAQ,OACb,KAAK,IAAM,OACX,KAAK,SAAW,OAChB,KAAK,aAAe,WACpB,KAAK,UAAY,GACjB,KAAK,qBAAuB,OAC5B,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,OAAS,KACd,KAAK,MAAQ,CACT,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,SAAU,CAAE,EACZ,aAAc,UACjB,EACD,KAAK,cAAgB,GACrB,KAAK,WAAa,IAAIC,EAAqB,KAAM,QAAS,KAAK,IAAI,CAC3E,CACI,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACrD,CACI,qBAAqBC,EAAO,CACxB,KAAK,WAAW,qBAAqBA,CAAK,CAClD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CACjD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACzD,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,mBAAoB,CAChB,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAmB,CAC3C,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC1C,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,SAAY,CAAC,iBAAiB,EAC9B,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,SAAY,CAAC,iBAAiB,EAC9B,aAAgB,CAAC,qBAAqB,EACtC,UAAa,CAAC,kBAAkB,EAChC,qBAAwB,CAAC,6BAA6B,EACtD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAjB,EAAc,MAAQ,CAClB,QAASD,CACb"}
+{"version":3,"file":"kol-input-radio.entry-dlg-0IFJ.js","sources":["../../../../components/dist/esm/kol-input-radio.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-b4e1ceff.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { n as nonce } from './dev.utils-d42aaf74.js';\nimport { a as InputRadioController } from './controller-1da95b99.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './getRenderStates-d0c0ae47.js';\nimport { F as FieldControlStateWrapper } from './FieldControlStateWrapper-3ed538a0.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { I as InputFc } from './Input-8709f66f.js';\nimport './index-ebe5a881.js';\nimport './orientation-409d844a.js';\nimport './label-bf9966d0.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './Alert-7970c36f.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-6d2b507b.js';\nimport './InternalUnderlinedBadgeText-b24e9dc5.js';\nimport './isArray-7a60fa7f.js';\n\nconst InputWrapperFc = (_a) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return h(InputFc, Object.assign({ class: clsx('kol-input-radio__input', classNames) }, other, { type: \"radio\" }));\n};\nconst RadioFc = (_a) => {\n    var _b;\n    var { class: classNames, inputProps } = _a, other = __rest(_a, [\"class\", \"inputProps\"]);\n    const showMsg = checkHasMsg(inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg, inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched);\n    const cssVariants = {\n        ['kol-input-radio--checked']: inputProps === null || inputProps === void 0 ? void 0 : inputProps.checked,\n        ['kol-input-radio--disabled']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled),\n        ['kol-input-radio--required']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.required),\n        ['kol-input-radio--touched']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched),\n        [`kol-input-radio--${((_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg) === null || _b === void 0 ? void 0 : _b.type) || 'error'}`]: Boolean(showMsg),\n    };\n    return (h(\"label\", Object.assign({ class: clsx('kol-input-radio', cssVariants, classNames) }, other),\n        h(InputWrapperFc, Object.assign({}, inputProps))));\n};\n\nfunction getRadioProps(state, inputProps = {}) {\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        disabled: state._disabled,\n        name: state._name,\n        ariaDescribedBy,\n    };\n    if ('_required' in state)\n        props.required = state._required;\n    if ('_touched' in state)\n        props.touched = state._touched;\n    if ('_msg' in state)\n        props.msg = convertMsgToInternMsg(state._msg);\n    return Object.assign(Object.assign({}, props), inputProps);\n}\nconst RadioStateWrapper = (_a) => {\n    var { state, inputProps } = _a, other = __rest(_a, [\"state\", \"inputProps\"]);\n    return h(RadioFc, Object.assign({ inputProps: getRadioProps(state, inputProps) }, other));\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-field-control {\\n    min-height: var(--a11y-min-size);\\n    display: grid;\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\";\\n    grid-template-rows: auto;\\n    align-items: center;\\n    justify-content: left;\\n  }\\n  .kol-field-control:has(.kol-field-control__hint) {\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\";\\n    grid-template-rows: auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control__input {\\n    grid-area: input;\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n  }\\n  .kol-field-control__label {\\n    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    flex-grow: 1;\\n    grid-area: label;\\n    min-height: var(--a11y-min-size);\\n  }\\n  .kol-field-control__label--visually-hidden {\\n    height: 0;\\n    margin: 0;\\n    padding: 0;\\n    visibility: hidden;\\n  }\\n  .kol-field-control__label-text::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__tooltip .span-label::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__hint {\\n    grid-area: hint;\\n  }\\n  .kol-field-control--disabled .kol-field-control__label {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n  }\\n  .kol-field-control--required .kol-field-control__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    --border-width: 2px;\\n    --input-size: 1.5em;\\n  }\\n  .kol-form-field__label {\\n    display: contents;\\n  }\\n  .kol-form-field__input {\\n    display: flex;\\n    flex-direction: column;\\n  }\\n  .kol-form-field__input--orientation-horizontal {\\n    flex-direction: row;\\n    flex-wrap: wrap;\\n    align-items: flex-start;\\n  }\\n  .kol-form-field--disabled {\\n    opacity: unset;\\n  }\\n  .kol-input-radio {\\n    display: flex;\\n    position: relative;\\n    cursor: pointer;\\n    justify-content: center;\\n    align-items: center;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n  }\\n  .kol-input-radio__input {\\n    appearance: none;\\n    border-width: var(--border-width);\\n    border-style: solid;\\n    border-radius: 100%;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--input-size);\\n    margin: 0;\\n    min-height: var(--input-size);\\n    min-width: var(--input-size);\\n    padding: 0;\\n    width: var(--input-size);\\n  }\\n  .kol-input-radio__input:before {\\n    border-radius: 100%;\\n    content: \\\"\\\";\\n    margin: auto;\\n    height: calc(var(--input-size) / 2);\\n    width: calc(var(--input-size) / 2);\\n  }\\n  .kol-input-radio__input:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .kol-input-radio__input:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n  .kol-input-radio__input:disabled {\\n    opacity: 0.5;\\n    cursor: not-allowed;\\n  }\\n  .kol-input-radio--disabled {\\n    cursor: not-allowed;\\n  }\\n}\";\nconst KolInputRadioDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRadio = class {\n    async getValue() {\n        return this._value;\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            component: 'fieldset',\n            class: clsx('kol-form-field--radio'),\n            formFieldLabelProps: {\n                component: 'legend',\n                class: 'kol-form-field__label--legend',\n            },\n            formFieldInputProps: {\n                class: `kol-form-field__input--orientation-${this.state._orientation}`,\n            },\n            tooltipAlign: this._tooltipAlign,\n            alert: this.showAsAlert(),\n            hideLabel: false,\n        };\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '3f0e5e53e5145d7e6cf07ab9674897319dad9517' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));\n    }\n    getOptionProps(option, id) {\n        const obj = {\n            state: this.state,\n            id: id,\n            hint: option.hint,\n            label: option.label,\n            required: false,\n            fieldControlLabelProps: {\n                showBadge: false,\n            },\n        };\n        if (option.disabled) {\n            obj.disabled = true;\n        }\n        return obj;\n    }\n    getInputProps(option, id, index, selected) {\n        return {\n            state: this.state,\n            inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: option.disabled }, this.controller.onFacade), { onChange: this.onChange, onClick: undefined, onInput: this.onInput, onKeyDown: this.onKeyDown.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    }\n    renderOption(option, index) {\n        const customId = `${this.state._id}-${index}`;\n        const selected = this.state._value === option.value;\n        return (h(FieldControlStateWrapper, Object.assign({ key: customId }, this.getOptionProps(option, customId)), h(RadioStateWrapper, Object.assign({}, this.getInputProps(option, customId, index, selected)))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.inputRef = ref;\n        };\n        this.onInput = (event) => {\n            if (event.target instanceof HTMLInputElement) {\n                const option = this.controller.getOptionByKey(event.target.value);\n                if (option !== undefined) {\n                    this.controller.onFacade.onInput(event, true, option.value);\n                }\n            }\n        };\n        this.onChange = (event) => {\n            if (event.target instanceof HTMLInputElement) {\n                const option = this.controller.getOptionByKey(event.target.value);\n                if (option !== undefined) {\n                    this.controller.onFacade.onChange(event, option.value);\n                    this._value = option.value;\n                }\n            }\n        };\n        this.onKeyDown = (event) => {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.inputRef,\n                });\n            }\n        };\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._id = undefined;\n        this._label = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._options = undefined;\n        this._orientation = 'vertical';\n        this._required = false;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = null;\n        this.state = {\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _options: [],\n            _orientation: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.controller = new InputRadioController(this, 'radio', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateTooltipAlign(value) {\n        this.controller.validateTooltipAlign(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validateOptions(value) {\n        this.controller.validateOptions(value);\n    }\n    validateOrientation(value) {\n        this.controller.validateOrientation(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_tooltipAlign\": [\"validateTooltipAlign\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hint\": [\"validateHint\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_options\": [\"validateOptions\"],\n        \"_orientation\": [\"validateOrientation\"],\n        \"_required\": [\"validateRequired\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolInputRadio.style = {\n    default: KolInputRadioDefaultStyle0\n};\n\nexport { KolInputRadio as kol_input_radio };\n\n//# sourceMappingURL=kol-input-radio.entry.js.map"],"names":["InputWrapperFc","_a","classNames","other","__rest","h","InputFc","clsx","RadioFc","_b","inputProps","showMsg","checkHasMsg","cssVariants","getRadioProps","state","ariaDescribedBy","getRenderStates","props","convertMsgToInternMsg","RadioStateWrapper","defaultStyleCss","KolInputRadioDefaultStyle0","KolInputRadio","FormFieldStateWrapper","option","index","id","obj","selected","event","customId","FieldControlStateWrapper","hostRef","registerInstance","ref","propagateSubmitEventToForm","nonce","InputRadioController","value","getElement"],"mappings":"wgCAAA;AAAA;AAAA,GAgCA,MAAMA,EAAkBC,GAAO,CAC3B,GAAI,CAAE,MAAOC,CAAU,EAAKD,EAAIE,EAAQC,EAAOH,EAAI,CAAC,OAAO,CAAC,EAC5D,OAAOI,EAAEC,EAAS,OAAO,OAAO,CAAE,MAAOC,EAAK,yBAA0BL,CAAU,CAAG,EAAEC,EAAO,CAAE,KAAM,OAAS,CAAA,CAAC,CACpH,EACMK,EAAWP,GAAO,CACpB,IAAIQ,EACA,CAAE,MAAOP,EAAY,WAAAQ,CAAY,EAAGT,EAAIE,EAAQC,EAAOH,EAAI,CAAC,QAAS,YAAY,CAAC,EACtF,MAAMU,EAAUC,EAAYF,GAAe,KAAgC,OAASA,EAAW,IAAKA,GAAe,KAAgC,OAASA,EAAW,OAAO,EACxKG,EAAc,CACf,2BAA6BH,GAAe,KAAgC,OAASA,EAAW,QAChG,4BAA8B,GAAQA,GAAe,MAAyCA,EAAW,UACzG,4BAA8B,GAAQA,GAAe,MAAyCA,EAAW,UACzG,2BAA6B,GAAQA,GAAe,MAAyCA,EAAW,SACzG,CAAC,sBAAsBD,EAAKC,GAAe,KAAgC,OAASA,EAAW,OAAS,MAAQD,IAAO,OAAS,OAASA,EAAG,OAAS,OAAO,EAAE,EAAG,EAAQE,CAC5K,EACD,OAAQN,EAAE,QAAS,OAAO,OAAO,CAAE,MAAOE,EAAK,kBAAmBM,EAAaX,CAAU,CAAC,EAAIC,CAAK,EAC/FE,EAAEL,EAAgB,OAAO,OAAO,CAAE,EAAEU,CAAU,CAAC,CAAC,CACxD,EAEA,SAASI,EAAcC,EAAOL,EAAa,GAAI,CAC3C,KAAM,CAAE,gBAAAM,CAAe,EAAKC,EAAgBF,CAAK,EAC3CG,EAAQ,CACV,GAAIH,EAAM,IACV,UAAWA,EAAM,WACjB,MAAOA,EAAM,OACb,MAAOA,EAAM,OACb,SAAUA,EAAM,UAChB,KAAMA,EAAM,MACZ,gBAAAC,CACH,EACD,MAAI,cAAeD,IACfG,EAAM,SAAWH,EAAM,WACvB,aAAcA,IACdG,EAAM,QAAUH,EAAM,UACtB,SAAUA,IACVG,EAAM,IAAMC,EAAsBJ,EAAM,IAAI,GACzC,OAAO,OAAO,OAAO,OAAO,GAAIG,CAAK,EAAGR,CAAU,CAC7D,CACA,MAAMU,EAAqBnB,GAAO,CAC9B,GAAI,CAAE,MAAAc,EAAO,WAAAL,CAAY,EAAGT,EAAIE,EAAQC,EAAOH,EAAI,CAAC,QAAS,YAAY,CAAC,EAC1E,OAAOI,EAAEG,EAAS,OAAO,OAAO,CAAE,WAAYM,EAAcC,EAAOL,CAAU,CAAG,EAAEP,CAAK,CAAC,CAC5F,EAEMkB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,MAAM,UAAW,CACb,OAAO,KAAK,MACpB,CACI,MAAM,UAAW,CACb,IAAItB,GACHA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,MAAO,CAC5E,CACI,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,UAAW,WACX,MAAOM,EAAK,uBAAuB,EACnC,oBAAqB,CACjB,UAAW,SACX,MAAO,+BACV,EACD,oBAAqB,CACjB,MAAO,sCAAsC,KAAK,MAAM,YAAY,EACvE,EACD,aAAc,KAAK,cACnB,MAAO,KAAK,YAAa,EACzB,UAAW,EACd,CACT,CACI,QAAS,CACL,OAAQF,EAAEmB,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA4C,EAAE,KAAK,mBAAmB,EAAG,KAAK,MAAM,SAAS,IAAI,CAACC,EAAQC,IAAU,KAAK,aAAaD,EAAQC,CAAK,CAAC,CAAC,CACnN,CACI,eAAeD,EAAQE,EAAI,CACvB,MAAMC,EAAM,CACR,MAAO,KAAK,MACZ,GAAID,EACJ,KAAMF,EAAO,KACb,MAAOA,EAAO,MACd,SAAU,GACV,uBAAwB,CACpB,UAAW,EACd,CACJ,EACD,OAAIA,EAAO,WACPG,EAAI,SAAW,IAEZA,CACf,CACI,cAAcH,EAAQE,EAAID,EAAOG,EAAU,CACvC,MAAO,CACH,MAAO,KAAK,MACZ,WAAY,OAAO,OAAO,OAAO,OAAO,CAAE,GAAIF,EAAI,IAAK,KAAK,MAAM,SAAWF,EAAO,MAAQ,KAAK,SAAW,OAAW,aAAc,KAAK,MAAM,YAAc,OAAOA,EAAO,OAAU,SAAWA,EAAO,MAAQ,OAAW,KAAM,QAAS,KAAM,KAAK,MAAM,OAAS,KAAK,MAAM,IAAK,MAAO,IAAIC,CAAK,GAAI,QAASG,EAAU,SAAUJ,EAAO,QAAU,EAAE,KAAK,WAAW,QAAQ,EAAG,CAAE,SAAU,KAAK,SAAU,QAAS,OAAW,QAAS,KAAK,QAAS,UAAW,KAAK,UAAU,KAAK,IAAI,EAAG,QAAUK,GAAU,CAC3e,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACzC,EAAmB,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACzC,EAAmB,CACV,CACT,CACI,aAAaL,EAAQC,EAAO,CACxB,MAAMK,EAAW,GAAG,KAAK,MAAM,GAAG,IAAIL,CAAK,GACrCG,EAAW,KAAK,MAAM,SAAWJ,EAAO,MAC9C,OAAQpB,EAAE2B,EAA0B,OAAO,OAAO,CAAE,IAAKD,CAAQ,EAAI,KAAK,eAAeN,EAAQM,CAAQ,CAAC,EAAG1B,EAAEe,EAAmB,OAAO,OAAO,CAAE,EAAE,KAAK,cAAcK,EAAQM,EAAUL,EAAOG,CAAQ,CAAC,CAAC,CAAC,CACnN,CACI,YAAYI,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,SAAWA,CACnB,EACD,KAAK,QAAWL,GAAU,CACtB,GAAIA,EAAM,kBAAkB,iBAAkB,CAC1C,MAAML,EAAS,KAAK,WAAW,eAAeK,EAAM,OAAO,KAAK,EAC5DL,IAAW,QACX,KAAK,WAAW,SAAS,QAAQK,EAAO,GAAML,EAAO,KAAK,CAE9E,CACS,EACD,KAAK,SAAYK,GAAU,CACvB,GAAIA,EAAM,kBAAkB,iBAAkB,CAC1C,MAAML,EAAS,KAAK,WAAW,eAAeK,EAAM,OAAO,KAAK,EAC5DL,IAAW,SACX,KAAK,WAAW,SAAS,SAASK,EAAOL,EAAO,KAAK,EACrD,KAAK,OAASA,EAAO,MAEzC,CACS,EACD,KAAK,UAAaK,GAAU,EACpBA,EAAM,OAAS,SAAWA,EAAM,OAAS,gBACzCM,EAA2B,CACvB,KAAM,KAAK,KACX,IAAK,KAAK,QAC9B,CAAiB,CAER,EACD,KAAK,UAAY,GACjB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,KAAO,OACZ,KAAK,MAAQ,OACb,KAAK,IAAM,OACX,KAAK,SAAW,OAChB,KAAK,aAAe,WACpB,KAAK,UAAY,GACjB,KAAK,qBAAuB,OAC5B,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,OAAS,KACd,KAAK,MAAQ,CACT,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,SAAU,CAAE,EACZ,aAAc,UACjB,EACD,KAAK,cAAgB,GACrB,KAAK,WAAa,IAAIC,EAAqB,KAAM,QAAS,KAAK,IAAI,CAC3E,CACI,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACrD,CACI,qBAAqBC,EAAO,CACxB,KAAK,WAAW,qBAAqBA,CAAK,CAClD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CACjD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACzD,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,mBAAoB,CAChB,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAmB,CAC3C,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC1C,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,SAAY,CAAC,iBAAiB,EAC9B,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,SAAY,CAAC,iBAAiB,EAC9B,aAAgB,CAAC,qBAAqB,EACtC,UAAa,CAAC,kBAAkB,EAChC,qBAAwB,CAAC,6BAA6B,EACtD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAjB,EAAc,MAAQ,CAClB,QAASD,CACb"}

package/dist/assets/{kol-input-range.entry-cvnxRgtX.js → kol-input-range.entry-B7--MPkS.js}

@@ -1,4 +1,4 @@
-import{h as i,r as s,g as r,w as d}from"./index-Cg5HcNRr.js";import{_ as u}from"./tslib.es6-1173d062-BAJoBDh7.js";import{c as h}from"./clsx-09a06a12-BT_IL7Fz.js";import{n as c}from"./dev.utils-98923b37-B7eFOr35.js";import{p}from"./controller-235b6c3b-IJE2fOv7.js";import{F as m}from"./getRenderStates-6c8f7e98-zIMn8Jic.js";import{I as l,S as f}from"./InputStateWrapper-16c56aee-ds4UwSBn.js";import{I as g,a as b}from"./controller-icon-8f0ee809-CvMl53Sr.js";import{v as _}from"./suggestions-198125b7-DMRpxHKj.js";import"./i18n-260f0fe9-Bs4P6g77.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-4237c28d-DnjfJy5b.js";import"./access-and-short-key-f743a5c4-5v70klFi.js";import"./tooltip-align-465a8590-oLf5e6HF.js";import"./align-d2572387-BQaAcwWi.js";import"./hide-label-8b3a8709-D2-N2-dk.js";import"./label-bf9966d0-CIcy7dWZ.js";import"./Alert-a96714a0-vfSTPogE.js";import"./Heading-4990ec84-CSY8emQR.js";import"./InternalUnderlinedBadgeText-e15d02d5-BvRyx5pf.js";import"./Input-529b3f6c-v82lEh8w.js";import"./Icon-d694fbfe-CUvmuKwa.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-C33p1sox.js";/*!
+import{h as i,r as s,g as r,w as d}from"./index-DJuKoE9z.js";import{_ as u}from"./tslib.es6-1173d062-BAJoBDh7.js";import{c as h}from"./clsx-09a06a12-BT_IL7Fz.js";import{n as c}from"./dev.utils-d42aaf74-B3Nmv0Sx.js";import{p}from"./controller-235b6c3b-D7gi0j6K.js";import{F as m}from"./getRenderStates-d0c0ae47-LNsVnMiw.js";import{I as l,S as f}from"./InputStateWrapper-1008cf94-t0waoJRb.js";import{I as g,a as b}from"./controller-icon-0a6181f6-CLrqttrI.js";import{v as _}from"./suggestions-198125b7-Yj_gvJUm.js";import"./i18n-260f0fe9-r7KVCL60.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-4237c28d-DvuU5X7Q.js";import"./access-and-short-key-f743a5c4-CBjF-RXb.js";import"./tooltip-align-465a8590-C2y-R0tO.js";import"./align-d2572387-OiZHYhqc.js";import"./hide-label-8b3a8709-BdN5-kgy.js";import"./label-bf9966d0-DD73qKA1.js";import"./Alert-7970c36f-BCgckKWh.js";import"./Heading-6d2b507b-L-Rtd2uT.js";import"./InternalUnderlinedBadgeText-b24e9dc5-Dst3huoL.js";import"./Input-8709f66f-B1WKLyfo.js";import"./Icon-64aecdb3-TfzS2tqg.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-ByMBsWqN.js";/*!
  * KoliBri - The accessible HTML-Standard
  */class v extends b{constructor(n,t,a){super(n,t,a),this.component=n}validateAutoComplete(n){d(this.component,"_autoComplete",t=>typeof t=="string"&&(t==="on"||t==="off"),new Set(["on | off"]),n)}validateMax(n){this.validateNumber("_max",n)}validateMin(n){this.validateNumber("_min",n)}validateStep(n){this.validateNumber("_step",n)}validateSuggestions(n){_(this.component,n)}validateValue(n){this.validateNumber("_value",n),this.component._value=n,this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateStep(this.component._step),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const k=`/*
  * This file contains all rules for accessibility.
@@ -344,4 +344,4 @@ import{h as i,r as s,g as r,w as d}from"./index-Cg5HcNRr.js";import{_ as u}from"
     cursor: pointer;
   }
 }`,y=k,w=class{async kolFocus(){var e;(e=this.refInputNumber)===null||e===void 0||e.focus()}getSanitizedFloatValue(e){const n=parseFloat(e);return this.state._max&&n>this.state._max?this.state._max:this.state._min&&n<this.state._min?this.state._min:n}remapValue(e){return this._initialValueType==="NumberString"?String(e):e}async getValue(){if(this.refInputNumber!==void 0){const e=this.refInputNumber.value,n=this.getSanitizedFloatValue(e);return this.remapValue(n)}}componentDidLoad(){var e;!this._value&&(!((e=this.refInputRange)===null||e===void 0)&&e.value)&&this.validateValue(parseFloat(this.refInputRange.value))}getFormFieldProps(){return{state:this.state,class:h("kol-input-range","range"),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.refInputRange)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getGenericInputProps(){const e=this.state,n=u(e,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onChange:this.onChange,onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getInputRangeProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-range`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"range",tabIndex:-1,id:void 0,"aria-hidden":"true",ref:this.catchInputRangeRef})}getInputNumberProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-number`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"number",ref:this.catchInputNumberRef,onKeyDown:this.onKeyDown})}setInitialValueType(e){this.controller.isNumberString(e)?this._initialValueType="NumberString":this._initialValueType="number"}render(){var e;const n={"--kolibri-input-range--input-number--width":`calc(${String((e=this.state._max)!==null&&e!==void 0?e:1e3).length}ch + 1.5em)`};return i(m,Object.assign({key:"8d438c5dff8f05f99138e4bc8a462cb8d6ac4528"},this.getFormFieldProps()),i(g,{key:"388ed516536c78a7a71d62c16fbc4e7a9f94082a",state:this.state},i("div",{key:"beb70e9701121d84fe1350f8ed011893fffd8175",class:"kol-input-range__inputs-wrapper",style:n},i(l,Object.assign({key:"6edb48a90fc5d5495d1b4659b57a4e134ccf9c00",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),i(l,Object.assign({key:"eb10eee938ac3e32c693804fe18c5db3aae51441",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&i(f,{key:"d8e4bb882db04f3a8150461055327afd2606c29a",id:this.state._id,suggestions:this.state._suggestions})))}constructor(e){s(this,e),this.catchInputNumberRef=n=>{var t;n&&(this.refInputNumber=n,!this._value&&(!((t=this.refInputNumber)===null||t===void 0)&&t.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=n=>{n&&(this.refInputRange=n)},this.onInput=n=>{const t=n.target.value,a=this.getSanitizedFloatValue(t);this.controller.onFacade.onInput(n,!0,this.remapValue(a))},this.onChange=n=>{const t=n.target.value,a=this.getSanitizedFloatValue(t),o=this.remapValue(a);this.validateValue(o),this.controller.onFacade.onChange(n,o)},this.onKeyDown=n=>{(n.code==="Enter"||n.code==="NumpadEnter")&&p({form:this.host,ref:this.refInputNumber})},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._max=void 0,this._min=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._shortKey=void 0,this._step=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideMsg:!1,_id:`id-${c()}`,_label:"",_suggestions:[]},this._initialValueType="number",this.inputHasFocus=!1,this.controller=new v(this,"range",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAutoComplete(e){this.controller.validateAutoComplete(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)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMax(e){this.controller.validateMax(e)}validateMin(e){this.controller.validateMin(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateStep(e){this.controller.validateStep(e)}validateSuggestions(e){this.controller.validateSuggestions(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),e!==void 0&&this.setInitialValueType(e)}componentWillLoad(){this._value!==void 0&&this.setInitialValueType(this._value),this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return r(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};w.style={default:y};export{w as kol_input_range};
-//# sourceMappingURL=kol-input-range.entry-cvnxRgtX.js.map
+//# sourceMappingURL=kol-input-range.entry-B7--MPkS.js.map

package/dist/assets/{kol-input-range.entry-cvnxRgtX.js.map → kol-input-range.entry-B7--MPkS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-input-range.entry-cvnxRgtX.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-d47f6be5.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { n as nonce } from './dev.utils-98923b37.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-6c8f7e98.js';\nimport { I as InputStateWrapper, S as SuggestionsFc } from './InputStateWrapper-16c56aee.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-8f0ee809.js';\nimport { w as watchValidator } from './index-ebe5a881.js';\nimport { v as validateSuggestions } from './suggestions-198125b7.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './Alert-a96714a0.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-4990ec84.js';\nimport './InternalUnderlinedBadgeText-e15d02d5.js';\nimport './isArray-7a60fa7f.js';\nimport './Input-529b3f6c.js';\nimport './Icon-d694fbfe.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.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        watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && (value === 'on' || value === 'off'), new Set(['on | off']), 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 = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input:focus {\\n    outline: none;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-range__inputs-wrapper {\\n    align-items: center;\\n    display: flex;\\n    flex-direction: row;\\n    flex-grow: 1;\\n  }\\n  .kol-input-range__input--number {\\n    width: var(--kolibri-input-range--input-number--width);\\n  }\\n  .kol-input-range__input--range {\\n    appearance: none;\\n    background-color: #d3d3d3;\\n    border: 1px solid #000;\\n    display: inline-block;\\n    flex-grow: 1;\\n    height: calc(8rem / var(--kolibri-root-font-size, 16));\\n    line-height: 1.5;\\n    padding: 0;\\n    margin: 0;\\n    /* Design-Hack - related with flex-grow */\\n    width: 0;\\n  }\\n  .kol-input-range__input--range::-webkit-slider-thumb {\\n    background-color: #000;\\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\\n    border-radius: 20px;\\n    -webkit-appearance: none;\\n  }\\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\\n    cursor: pointer;\\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--range::-moz-range-thumb {\\n    background-color: #000;\\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\\n    border-radius: 20px;\\n    -moz-appearance: none;\\n  }\\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\\n    cursor: pointer;\\n  }\\n}\";\nconst KolInputRangeDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRange = class {\n    async kolFocus() {\n        var _a;\n        (_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.focus();\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            onClick: () => { var _a; return (_a = this.refInputRange) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getGenericInputProps() {\n        const _a = this.state, other = __rest(_a, [\"_suggestions\"]);\n        return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _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        var _a;\n        const inputsWrapperStyle = {\n            '--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 1000).length}ch + 1.5em)`,\n        };\n        return (h(FormFieldStateWrapper, Object.assign({ key: '8d438c5dff8f05f99138e4bc8a462cb8d6ac4528' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '388ed516536c78a7a71d62c16fbc4e7a9f94082a', state: this.state }, h(\"div\", { key: 'beb70e9701121d84fe1350f8ed011893fffd8175', class: \"kol-input-range__inputs-wrapper\", style: inputsWrapperStyle }, h(InputStateWrapper, Object.assign({ key: '6edb48a90fc5d5495d1b4659b57a4e134ccf9c00', class: \"kol-input-range__input kol-input-range__input--range\" }, this.getInputRangeProps())), h(InputStateWrapper, Object.assign({ key: 'eb10eee938ac3e32c693804fe18c5db3aae51441', class: \"kol-input-range__input kol-input-range__input--number\" }, this.getInputNumberProps()))), this.hasSuggestions && h(SuggestionsFc, { key: 'd8e4bb882db04f3a8150461055327afd2606c29a', 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            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.refInputNumber,\n                });\n            }\n        };\n        this._accessKey = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._max = undefined;\n        this._min = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._shortKey = undefined;\n        this._step = undefined;\n        this._suggestions = undefined;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _suggestions: [],\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    validateId(value) {\n        this.controller.validateId(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    static get delegatesFocus() { return true; }\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        \"_id\": [\"validateId\"],\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: KolInputRangeDefaultStyle0\n};\n\nexport { KolInputRange as kol_input_range };\n\n//# sourceMappingURL=kol-input-range.entry.js.map"],"names":["InputRangeController","InputIconController","component","name","host","value","watchValidator","validateSuggestions","defaultStyleCss","KolInputRangeDefaultStyle0","KolInputRange","_a","floatValue","clsx","other","__rest","event","inputsWrapperStyle","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","hostRef","registerInstance","element","remappedValue","propagateSubmitEventToForm","nonce","getElement"],"mappings":"knCAAA;AAAA;AAAA,GAmCA,MAAMA,UAA6BC,CAAoB,CACnD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACzB,CACI,qBAAqBG,EAAO,CACxBC,EAAe,KAAK,UAAW,gBAAkBD,GAAU,OAAOA,GAAU,WAAaA,IAAU,MAAQA,IAAU,OAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,EAAGA,CAAK,CACjK,CACI,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACzC,CACI,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,eAAe,QAASA,CAAK,CAC1C,CACI,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CACjD,CACI,cAAcA,EAAO,CACjB,KAAK,eAAe,SAAUA,CAAK,EACnC,KAAK,UAAU,OAASA,EACxB,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC/D,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,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,CAChD,CACA,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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"}
+{"version":3,"file":"kol-input-range.entry-B7--MPkS.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-b4e1ceff.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { n as nonce } from './dev.utils-d42aaf74.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-d0c0ae47.js';\nimport { I as InputStateWrapper, S as SuggestionsFc } from './InputStateWrapper-1008cf94.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-0a6181f6.js';\nimport { w as watchValidator } from './index-ebe5a881.js';\nimport { v as validateSuggestions } from './suggestions-198125b7.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './Alert-7970c36f.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-6d2b507b.js';\nimport './InternalUnderlinedBadgeText-b24e9dc5.js';\nimport './isArray-7a60fa7f.js';\nimport './Input-8709f66f.js';\nimport './Icon-64aecdb3.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.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        watchValidator(this.component, '_autoComplete', (value) => typeof value === 'string' && (value === 'on' || value === 'off'), new Set(['on | off']), 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 = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input:focus {\\n    outline: none;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-range__inputs-wrapper {\\n    align-items: center;\\n    display: flex;\\n    flex-direction: row;\\n    flex-grow: 1;\\n  }\\n  .kol-input-range__input--number {\\n    width: var(--kolibri-input-range--input-number--width);\\n  }\\n  .kol-input-range__input--range {\\n    appearance: none;\\n    background-color: #d3d3d3;\\n    border: 1px solid #000;\\n    display: inline-block;\\n    flex-grow: 1;\\n    height: calc(8rem / var(--kolibri-root-font-size, 16));\\n    line-height: 1.5;\\n    padding: 0;\\n    margin: 0;\\n    /* Design-Hack - related with flex-grow */\\n    width: 0;\\n  }\\n  .kol-input-range__input--range::-webkit-slider-thumb {\\n    background-color: #000;\\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\\n    border-radius: 20px;\\n    -webkit-appearance: none;\\n  }\\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\\n    cursor: pointer;\\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--range::-moz-range-thumb {\\n    background-color: #000;\\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\\n    border-radius: 20px;\\n    -moz-appearance: none;\\n  }\\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\\n    cursor: pointer;\\n  }\\n}\";\nconst KolInputRangeDefaultStyle0 = defaultStyleCss;\n\nconst KolInputRange = class {\n    async kolFocus() {\n        var _a;\n        (_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.focus();\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            onClick: () => { var _a; return (_a = this.refInputRange) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getGenericInputProps() {\n        const _a = this.state, other = __rest(_a, [\"_suggestions\"]);\n        return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _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        var _a;\n        const inputsWrapperStyle = {\n            '--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 1000).length}ch + 1.5em)`,\n        };\n        return (h(FormFieldStateWrapper, Object.assign({ key: '8d438c5dff8f05f99138e4bc8a462cb8d6ac4528' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '388ed516536c78a7a71d62c16fbc4e7a9f94082a', state: this.state }, h(\"div\", { key: 'beb70e9701121d84fe1350f8ed011893fffd8175', class: \"kol-input-range__inputs-wrapper\", style: inputsWrapperStyle }, h(InputStateWrapper, Object.assign({ key: '6edb48a90fc5d5495d1b4659b57a4e134ccf9c00', class: \"kol-input-range__input kol-input-range__input--range\" }, this.getInputRangeProps())), h(InputStateWrapper, Object.assign({ key: 'eb10eee938ac3e32c693804fe18c5db3aae51441', class: \"kol-input-range__input kol-input-range__input--number\" }, this.getInputNumberProps()))), this.hasSuggestions && h(SuggestionsFc, { key: 'd8e4bb882db04f3a8150461055327afd2606c29a', 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            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.refInputNumber,\n                });\n            }\n        };\n        this._accessKey = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._max = undefined;\n        this._min = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._shortKey = undefined;\n        this._step = undefined;\n        this._suggestions = undefined;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _suggestions: [],\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    validateId(value) {\n        this.controller.validateId(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    static get delegatesFocus() { return true; }\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        \"_id\": [\"validateId\"],\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: KolInputRangeDefaultStyle0\n};\n\nexport { KolInputRange as kol_input_range };\n\n//# sourceMappingURL=kol-input-range.entry.js.map"],"names":["InputRangeController","InputIconController","component","name","host","value","watchValidator","validateSuggestions","defaultStyleCss","KolInputRangeDefaultStyle0","KolInputRange","_a","floatValue","clsx","other","__rest","event","inputsWrapperStyle","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","hostRef","registerInstance","element","remappedValue","propagateSubmitEventToForm","nonce","getElement"],"mappings":"knCAAA;AAAA;AAAA,GAmCA,MAAMA,UAA6BC,CAAoB,CACnD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,UAAYF,CACzB,CACI,qBAAqBG,EAAO,CACxBC,EAAe,KAAK,UAAW,gBAAkBD,GAAU,OAAOA,GAAU,WAAaA,IAAU,MAAQA,IAAU,OAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,EAAGA,CAAK,CACjK,CACI,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACzC,CACI,YAAYA,EAAO,CACf,KAAK,eAAe,OAAQA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,eAAe,QAASA,CAAK,CAC1C,CACI,oBAAoBA,EAAO,CACvBE,EAAoB,KAAK,UAAWF,CAAK,CACjD,CACI,cAAcA,EAAO,CACjB,KAAK,eAAe,SAAUA,CAAK,EACnC,KAAK,UAAU,OAASA,EACxB,KAAK,uBAAuB,KAAK,UAAU,MAAM,MAAM,CAC/D,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,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,CAChD,CACA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,MAAM,UAAW,CACb,IAAIC,GACHA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,QAAkBA,EAAG,MAAO,CAClF,CACI,uBAAuBN,EAAO,CAC1B,MAAMO,EAAa,WAAWP,CAAK,EACnC,OAAI,KAAK,MAAM,MAAQO,EAAa,KAAK,MAAM,KACpC,KAAK,MAAM,KAElB,KAAK,MAAM,MAAQA,EAAa,KAAK,MAAM,KACpC,KAAK,MAAM,KAEfA,CACf,CACI,WAAWP,EAAO,CACd,OAAI,KAAK,oBAAsB,eACpB,OAAOA,CAAK,EAEhBA,CACf,CACI,MAAM,UAAW,CACb,GAAI,KAAK,iBAAmB,OAAW,CACnC,MAAMA,EAAQ,KAAK,eAAe,MAC5BO,EAAa,KAAK,uBAAuBP,CAAK,EACpD,OAAO,KAAK,WAAWO,CAAU,CAC7C,CACA,CACI,kBAAmB,CACf,IAAID,EACA,CAAC,KAAK,SAAY,GAAAA,EAAK,KAAK,iBAAmB,MAAQA,IAAO,SAAkBA,EAAG,QACnF,KAAK,cAAc,WAAW,KAAK,cAAc,KAAK,CAAC,CAEnE,CACI,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,MAAOE,EAAK,kBAAmB,OAAO,EACtC,aAAc,KAAK,cACnB,QAAS,IAAM,CAAE,IAAIF,EAAI,OAAQA,EAAK,KAAK,iBAAmB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAK,EAC5G,MAAO,KAAK,YAAa,CAC5B,CACT,CACI,sBAAuB,CACnB,MAAMA,EAAK,KAAK,MAAOG,EAAQC,EAAOJ,EAAI,CAAC,cAAc,CAAC,EAC1D,OAAO,OAAO,OAAO,OAAO,OAAO,CAAE,MAAO,OAAO,OAAO,OAAO,OAAO,CAAE,EAAEG,CAAK,EAAG,CAAE,aAAc,EAAI,CAAA,CAAG,EAAE,KAAK,WAAW,QAAQ,EAAG,CAAE,SAAU,KAAK,SAAU,QAAS,KAAK,QAAS,QAAUE,GAAU,CACtM,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACrC,EAAe,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACrC,EAAe,CACf,CACI,IAAI,gBAAiB,CACjB,OAAO,MAAM,QAAQ,KAAK,MAAM,YAAY,GAAK,KAAK,MAAM,aAAa,OAAS,CAC1F,CACI,oBAAqB,CACjB,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,qBAAsB,CAAA,EAAG,CAAE,KAAM,KAAK,MAAM,MAAQ,GAAG,KAAK,MAAM,KAAK,SAAW,OAAW,KAAM,KAAK,eAAiB,GAAG,KAAK,MAAM,GAAG,QAAU,OAAW,KAAM,QAAS,SAAU,GAAI,GAAI,OAAW,cAAe,OAAQ,IAAK,KAAK,mBAAoB,CACpT,CACI,qBAAsB,CAClB,OAAO,OAAO,OAAO,OAAO,OAAO,GAAI,KAAK,sBAAsB,EAAG,CAAE,KAAM,KAAK,MAAM,MAAQ,GAAG,KAAK,MAAM,KAAK,UAAY,OAAW,KAAM,KAAK,eAAiB,GAAG,KAAK,MAAM,GAAG,QAAU,OAAW,KAAM,SAAU,IAAK,KAAK,oBAAqB,UAAW,KAAK,UAAW,CAC9R,CACI,oBAAoBX,EAAO,CACnB,KAAK,WAAW,eAAeA,CAAK,EACpC,KAAK,kBAAoB,eAGzB,KAAK,kBAAoB,QAErC,CACI,QAAS,CACL,IAAIM,EACJ,MAAMM,EAAqB,CACvB,6CAA8C,QAAQ,QAAQN,EAAK,KAAK,MAAM,QAAU,MAAQA,IAAO,OAASA,EAAK,GAAI,EAAE,MAAM,aACpI,EACD,OAAQO,EAAEC,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA4C,EAAE,KAAK,kBAAiB,CAAE,EAAGD,EAAEE,EAA8B,CAAE,IAAK,2CAA4C,MAAO,KAAK,KAAO,EAAEF,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,kCAAmC,MAAOD,CAAkB,EAAIC,EAAEG,EAAmB,OAAO,OAAO,CAAE,IAAK,2CAA4C,MAAO,sDAAsD,EAAI,KAAK,mBAAoB,CAAA,CAAC,EAAGH,EAAEG,EAAmB,OAAO,OAAO,CAAE,IAAK,2CAA4C,MAAO,uDAAyD,EAAE,KAAK,oBAAqB,CAAA,CAAC,CAAC,EAAG,KAAK,gBAAkBH,EAAEI,EAAe,CAAE,IAAK,2CAA4C,GAAI,KAAK,MAAM,IAAK,YAAa,KAAK,MAAM,YAAc,CAAA,CAAC,CAAC,CACp3B,CACI,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,oBAAuBE,GAAY,CACpC,IAAId,EACAc,IACA,KAAK,eAAiBA,EAClB,CAAC,KAAK,SAAY,GAAAd,EAAK,KAAK,kBAAoB,MAAQA,IAAO,SAAkBA,EAAG,QACpF,KAAK,cAAc,WAAW,KAAK,eAAe,KAAK,CAAC,EAGnE,EACD,KAAK,mBAAsBc,GAAY,CAC/BA,IACA,KAAK,cAAgBA,EAE5B,EACD,KAAK,QAAWT,GAAU,CACtB,MAAMX,EAAQW,EAAM,OAAO,MACrBJ,EAAa,KAAK,uBAAuBP,CAAK,EACpD,KAAK,WAAW,SAAS,QAAQW,EAAO,GAAM,KAAK,WAAWJ,CAAU,CAAC,CAC5E,EACD,KAAK,SAAYI,GAAU,CACvB,MAAMX,EAAQW,EAAM,OAAO,MACrBJ,EAAa,KAAK,uBAAuBP,CAAK,EAC9CqB,EAAgB,KAAK,WAAWd,CAAU,EAChD,KAAK,cAAcc,CAAa,EAChC,KAAK,WAAW,SAAS,SAASV,EAAOU,CAAa,CACzD,EACD,KAAK,UAAaV,GAAU,EACpBA,EAAM,OAAS,SAAWA,EAAM,OAAS,gBACzCW,EAA2B,CACvB,KAAM,KAAK,KACX,IAAK,KAAK,cAC9B,CAAiB,CAER,EACD,KAAK,WAAa,OAClB,KAAK,cAAgB,OACrB,KAAK,UAAY,GACjB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,KAAO,OACZ,KAAK,KAAO,OACZ,KAAK,KAAO,OACZ,KAAK,MAAQ,OACb,KAAK,IAAM,OACX,KAAK,UAAY,OACjB,KAAK,MAAQ,OACb,KAAK,aAAe,OACpB,KAAK,qBAAuB,OAC5B,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,cAAe,MACf,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,aAAc,CAAE,CACnB,EACD,KAAK,kBAAoB,SACzB,KAAK,cAAgB,GACrB,KAAK,WAAa,IAAI5B,EAAqB,KAAM,QAAS,KAAK,IAAI,CAC3E,CACI,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACrD,CACI,kBAAkBK,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,qBAAqBA,EAAO,CACxB,KAAK,WAAW,qBAAqBA,CAAK,CAClD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CACjD,CACI,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACzD,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,EAC/BA,IAAU,QACV,KAAK,oBAAoBA,CAAK,CAE1C,CACI,mBAAoB,CACZ,KAAK,SAAW,QAChB,KAAK,oBAAoB,KAAK,MAAM,EAExC,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAmB,CAC3C,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC1C,IAAI,MAAO,CAAE,OAAOwB,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,SAAY,CAAC,iBAAiB,EAC9B,WAAc,CAAC,mBAAmB,EAClC,MAAS,CAAC,cAAc,EACxB,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,KAAQ,CAAC,aAAa,EACtB,KAAQ,CAAC,aAAa,EACtB,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,UAAa,CAAC,kBAAkB,EAChC,MAAS,CAAC,cAAc,EACxB,aAAgB,CAAC,qBAAqB,EACtC,qBAAwB,CAAC,6BAA6B,EACtD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAnB,EAAc,MAAQ,CAClB,QAASD,CACb"}

package/dist/assets/{kol-input-text.entry-CJ8Ftyhz.js → kol-input-text.entry-yxY_-GGf.js}

@@ -1,4 +1,4 @@
-import{h as o,r as l,s,g as r}from"./index-Cg5HcNRr.js";import{c as d}from"./clsx-09a06a12-BT_IL7Fz.js";import{n as h}from"./dev.utils-98923b37-B7eFOr35.js";import{p as c}from"./controller-235b6c3b-IJE2fOv7.js";import{F as u}from"./getRenderStates-6c8f7e98-zIMn8Jic.js";import{I as p}from"./InputStateWrapper-16c56aee-ds4UwSBn.js";import{I as m}from"./controller-icon-8f0ee809-CvMl53Sr.js";import{a as f}from"./controller-2a5d8667-DSjG9y3H.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./i18n-260f0fe9-Bs4P6g77.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-4237c28d-DnjfJy5b.js";import"./access-and-short-key-f743a5c4-5v70klFi.js";import"./tooltip-align-465a8590-oLf5e6HF.js";import"./align-d2572387-BQaAcwWi.js";import"./hide-label-8b3a8709-D2-N2-dk.js";import"./label-bf9966d0-CIcy7dWZ.js";import"./Alert-a96714a0-vfSTPogE.js";import"./Heading-4990ec84-CSY8emQR.js";import"./InternalUnderlinedBadgeText-e15d02d5-BvRyx5pf.js";import"./Input-529b3f6c-v82lEh8w.js";import"./Icon-d694fbfe-CUvmuKwa.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-C33p1sox.js";import"./controller-6253c3cd-BiOSke6G.js";import"./has-counter-3fc44829-Djiw8Gcz.js";import"./spell-check-5559a801-BHLV8oee.js";import"./suggestions-198125b7-DMRpxHKj.js";/*!
+import{h as o,r as l,s,g as r}from"./index-DJuKoE9z.js";import{c as d}from"./clsx-09a06a12-BT_IL7Fz.js";import{n as h}from"./dev.utils-d42aaf74-B3Nmv0Sx.js";import{p as c}from"./controller-235b6c3b-D7gi0j6K.js";import{F as u}from"./getRenderStates-d0c0ae47-LNsVnMiw.js";import{I as p}from"./InputStateWrapper-1008cf94-t0waoJRb.js";import{I as m}from"./controller-icon-0a6181f6-CLrqttrI.js";import{a as f}from"./controller-dc5f29b6-CLBfXn42.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./i18n-260f0fe9-r7KVCL60.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-4237c28d-DvuU5X7Q.js";import"./access-and-short-key-f743a5c4-CBjF-RXb.js";import"./tooltip-align-465a8590-C2y-R0tO.js";import"./align-d2572387-OiZHYhqc.js";import"./hide-label-8b3a8709-BdN5-kgy.js";import"./label-bf9966d0-DD73qKA1.js";import"./Alert-7970c36f-BCgckKWh.js";import"./Heading-6d2b507b-L-Rtd2uT.js";import"./InternalUnderlinedBadgeText-b24e9dc5-Dst3huoL.js";import"./Input-8709f66f-B1WKLyfo.js";import"./Icon-64aecdb3-TfzS2tqg.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-ByMBsWqN.js";import"./controller-c1c531fb-DlTp1hNj.js";import"./has-counter-3fc44829-Brvrk3RQ.js";import"./spell-check-5559a801-fmENIQJ-.js";import"./suggestions-198125b7-Yj_gvJUm.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const v=`/*
  * This file contains all rules for accessibility.
@@ -295,4 +295,4 @@ import{h as o,r as l,s,g as r}from"./index-Cg5HcNRr.js";import{c as d}from"./cls
     outline: none;
   }
 }`,_=v,b=class{async getValue(){var e;return(e=this.inputRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.inputRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:d("kol-input-text",this.state._type,{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.inputRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getInputProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state},this.controller.onFacade),{onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown})}render(){return o(u,Object.assign({key:"07428ffab7472429381e21d4826f6fc3a7e462ba"},this.getFormFieldProps()),o(m,{key:"283eb7cf54bef34c361c946aabedfb3f875f6898",state:this.state},o(p,Object.assign({key:"1691927cde0c7b08bf7c82628a91ec36beb9e776"},this.getInputProps()))))}constructor(e){l(this,e),this.catchRef=t=>{this.inputRef=t},this.onBlur=t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1},this.onChange=t=>{var n;const i=(n=this.inputRef)===null||n===void 0?void 0:n.value;this.oldValue!==i&&(this.oldValue=i),this.controller.onFacade.onChange(t)},this.onFocus=t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},this.onInput=t=>{var n,i;const a=(i=(n=this.inputRef)===null||n===void 0?void 0:n.value)!==null&&i!==void 0?i:"";s(this,"_currentLength",a.length),this._value=a,this.controller.onFacade.onInput(t)},this.onKeyDown=t=>{(t.code==="Enter"||t.code==="NumpadEnter")&&c({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._spellCheck=void 0,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${h()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new f(this,"text",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAutoComplete(e){this.controller.validateAutoComplete(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHasCounter(e){this.controller.validateHasCounter(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)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePattern(e){this.controller.validatePattern(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSuggestions(e){this.controller.validateSuggestions(e)}validateSmartButton(e){this.controller.validateSmartButton(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateType(e){this.controller.validateType(e)}validateValue(e){this.controller.validateValue(e),this.oldValue=e}componentWillLoad(){this._touched=this._touched===!0,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return r(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};b.style={default:_};export{b as kol_input_text};
-//# sourceMappingURL=kol-input-text.entry-CJ8Ftyhz.js.map
+//# sourceMappingURL=kol-input-text.entry-yxY_-GGf.js.map

package/dist/assets/{kol-input-text.entry-CJ8Ftyhz.js.map → kol-input-text.entry-yxY_-GGf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-input-text.entry-CJ8Ftyhz.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-d47f6be5.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { l as setState } from './index-ebe5a881.js';\nimport { n as nonce } from './dev.utils-98923b37.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-6c8f7e98.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-16c56aee.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-8f0ee809.js';\nimport { a as InputTextController } from './controller-2a5d8667.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './tslib.es6-1173d062.js';\nimport './Alert-a96714a0.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-4990ec84.js';\nimport './InternalUnderlinedBadgeText-e15d02d5.js';\nimport './isArray-7a60fa7f.js';\nimport './Input-529b3f6c.js';\nimport './Icon-d694fbfe.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\nimport './controller-6253c3cd.js';\nimport './has-counter-3fc44829.js';\nimport './spell-check-5559a801.js';\nimport './suggestions-198125b7.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input:focus {\\n    outline: none;\\n  }\\n}\";\nconst KolInputTextDefaultStyle0 = defaultStyleCss;\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 kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\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            }),\n            tooltipAlign: this._tooltipAlign,\n            onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getInputProps() {\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state }, 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: '07428ffab7472429381e21d4826f6fc3a7e462ba' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '283eb7cf54bef34c361c946aabedfb3f875f6898', state: this.state }, h(InputStateWrapper, Object.assign({ key: '1691927cde0c7b08bf7c82628a91ec36beb9e776' }, 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            const value = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';\n            setState(this, '_currentLength', value.length);\n            this._value = value;\n            this.controller.onFacade.onInput(event);\n        };\n        this.onKeyDown = (event) => {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.inputRef,\n                });\n            }\n        };\n        this._accessKey = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._hasCounter = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._pattern = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._required = false;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._suggestions = undefined;\n        this._smartButton = undefined;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._type = 'text';\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _currentLength: 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    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    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    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_autoComplete\": [\"validateAutoComplete\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_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: KolInputTextDefaultStyle0\n};\n\nexport { KolInputText as kol_input_text };\n\n//# sourceMappingURL=kol-input-text.entry.js.map"],"names":["defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","_a","clsx","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","value","_b","setState","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"kwCAAA;AAAA;AAAA,GAuCA,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;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"}
+{"version":3,"file":"kol-input-text.entry-yxY_-GGf.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-b4e1ceff.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { l as setState } from './index-ebe5a881.js';\nimport { n as nonce } from './dev.utils-d42aaf74.js';\nimport { p as propagateSubmitEventToForm } from './controller-235b6c3b.js';\nimport { F as FormFieldStateWrapper } from './getRenderStates-d0c0ae47.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-1008cf94.js';\nimport { a as InputContainerStateWrapperFc } from './controller-icon-0a6181f6.js';\nimport { a as InputTextController } from './controller-dc5f29b6.js';\nimport './component-names-0657b355.js';\nimport './events-bad0a075.js';\nimport './associated.controller-4237c28d.js';\nimport './bootstrap-53ed580c.js';\nimport './i18n-45224cc3.js';\nimport './access-and-short-key-f743a5c4.js';\nimport './tooltip-align-465a8590.js';\nimport './align-d2572387.js';\nimport './hide-label-8b3a8709.js';\nimport './label-bf9966d0.js';\nimport './tslib.es6-1173d062.js';\nimport './Alert-7970c36f.js';\nimport './i18n-260f0fe9.js';\nimport './bem-e4c3a2e6.js';\nimport './browser-f629a56a.js';\nimport './Heading-6d2b507b.js';\nimport './InternalUnderlinedBadgeText-b24e9dc5.js';\nimport './isArray-7a60fa7f.js';\nimport './Input-8709f66f.js';\nimport './Icon-64aecdb3.js';\nimport './isObject-ffcbbb76.js';\nimport './icons-a9c52ed8.js';\nimport './controller-c1c531fb.js';\nimport './has-counter-3fc44829.js';\nimport './spell-check-5559a801.js';\nimport './suggestions-198125b7.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input:focus {\\n    outline: none;\\n  }\\n}\";\nconst KolInputTextDefaultStyle0 = defaultStyleCss;\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 kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\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            }),\n            tooltipAlign: this._tooltipAlign,\n            onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getInputProps() {\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state }, 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: '07428ffab7472429381e21d4826f6fc3a7e462ba' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '283eb7cf54bef34c361c946aabedfb3f875f6898', state: this.state }, h(InputStateWrapper, Object.assign({ key: '1691927cde0c7b08bf7c82628a91ec36beb9e776' }, 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            const value = (_b = (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';\n            setState(this, '_currentLength', value.length);\n            this._value = value;\n            this.controller.onFacade.onInput(event);\n        };\n        this.onKeyDown = (event) => {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.inputRef,\n                });\n            }\n        };\n        this._accessKey = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._hasCounter = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._pattern = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._required = false;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._suggestions = undefined;\n        this._smartButton = undefined;\n        this._syncValueBySelector = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._type = 'text';\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _currentLength: 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    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    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    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_autoComplete\": [\"validateAutoComplete\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_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: KolInputTextDefaultStyle0\n};\n\nexport { KolInputText as kol_input_text };\n\n//# sourceMappingURL=kol-input-text.entry.js.map"],"names":["defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","_a","clsx","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","hostRef","registerInstance","ref","event","value","_b","setState","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"kwCAAA;AAAA;AAAA,GAuCA,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;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"}

package/dist/assets/{kol-kolibri.entry-CXeHRJ9z.js → kol-kolibri.entry-Bzlqcsin.js}

@@ -1,4 +1,4 @@
-import{r as a,v as l,h as n,m as r}from"./index-Cg5HcNRr.js";import{t as s}from"./i18n-260f0fe9-Bs4P6g77.js";import{c as d,v as h}from"./color-1228dab7-CXbPipO2.js";/*!
+import{r as a,v as l,h as n,m as r}from"./index-DJuKoE9z.js";import{t as s}from"./i18n-260f0fe9-r7KVCL60.js";import{c as d,v as h}from"./color-1228dab7-Ci1wJmQ_.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const c=`/*
  * This file contains all rules for accessibility.
@@ -180,4 +180,4 @@ import{r as a,v as l,h as n,m as r}from"./index-Cg5HcNRr.js";import{t as s}from"
     word-spacing: normal;
   }
 }`,b=c,f=class{constructor(e){a(this,e),this.handleColorChange=(o,i)=>{if(typeof o=="string"){const t=d(o);i.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const e=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return n("svg",{key:"1945fdcb58c141c29f0d1c8a50916c355b6d3803",class:"kol-kolibri",role:"img","aria-label":s("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:e},n("path",{key:"c274327a042aff7394850483cf48e2e0f5009f16",d:"M353 322L213 304V434L353 322Z"}),n("path",{key:"d2dcf55ef33f5fa55cbf780c53eb78b318c5ee1a",d:"M209 564V304L149 434L209 564Z"}),n("path",{key:"94bee6eb94b3a33895d6ad1e42e10ff5f579dd34",d:"M357 316L417 250L361 210L275 244L357 316Z"}),n("path",{key:"19a48f90c9f6d24391a2b5bdaaec0205ef6b346d",d:"M329 218L237 92L250 222L272 241L329 218Z"}),n("path",{key:"e8e04281d24bd01ef48b98a7396603c31557bb81",d:"M353 318L35 36L213 300L353 318Z"}),n("path",{key:"ce6865b2cb1f6e3d1782e257e9ba409daa48074d",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&n("text",{key:"01776673c11b8869494caa3df7fafc847f8e8276",class:"kol-kolibri__text",x:"250",y:"525",fill:e},"KoliBri"))}validateColor(e){h(this,e,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(e){r(this,"_labeled",e,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};f.style={default:b};export{f as kol_kolibri};
-//# sourceMappingURL=kol-kolibri.entry-CXeHRJ9z.js.map
+//# sourceMappingURL=kol-kolibri.entry-Bzlqcsin.js.map

package/dist/assets/{kol-kolibri.entry-CXeHRJ9z.js.map → kol-kolibri.entry-Bzlqcsin.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-kolibri.entry-CXeHRJ9z.js","sources":["../../../../components/dist/esm/kol-kolibri.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-d47f6be5.js';\nimport { D as devHint, i as watchBoolean } from './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { c as colorRgba, v as validateColor } from './color-1228dab7.js';\nimport './i18n-45224cc3.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-kolibri {\\n    display: inline-block;\\n    max-height: 100%;\\n  }\\n  .kol-kolibri__text {\\n    font-size: calc(90rem / var(--kolibri-root-font-size, 16));\\n    letter-spacing: normal;\\n    word-spacing: normal;\\n  }\\n}\";\nconst KolKolibriDefaultStyle0 = defaultStyleCss;\n\nconst KolKolibri = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.handleColorChange = (nextValue, nextState) => {\n            if (typeof nextValue === 'string') {\n                const rgb = colorRgba(nextValue);\n                nextState.set('_color', {\n                    red: rgb[0],\n                    green: rgb[1],\n                    blue: rgb[2],\n                });\n            }\n            else {\n                devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n            }\n        };\n        this._color = '#003c78';\n        this._labeled = true;\n        this.state = {\n            _color: {\n                red: 0,\n                green: 60,\n                blue: 120,\n            },\n            _labeled: true,\n        };\n    }\n    render() {\n        const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n        return (h(\"svg\", { key: '1945fdcb58c141c29f0d1c8a50916c355b6d3803', class: \"kol-kolibri\", role: \"img\", \"aria-label\": translate('kol-kolibri-logo'), xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 600 600\", fill: fillColor }, h(\"path\", { key: 'c274327a042aff7394850483cf48e2e0f5009f16', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: 'd2dcf55ef33f5fa55cbf780c53eb78b318c5ee1a', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: '94bee6eb94b3a33895d6ad1e42e10ff5f579dd34', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: '19a48f90c9f6d24391a2b5bdaaec0205ef6b346d', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: 'e8e04281d24bd01ef48b98a7396603c31557bb81', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: 'ce6865b2cb1f6e3d1782e257e9ba409daa48074d', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: '01776673c11b8869494caa3df7fafc847f8e8276', class: \"kol-kolibri__text\", x: \"250\", y: \"525\", fill: fillColor }, \"KoliBri\"))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#003c78',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateLabeled(value) {\n        watchBoolean(this, '_labeled', value, {\n            defaultValue: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateLabeled(this._labeled);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_labeled\": [\"validateLabeled\"]\n    }; }\n};\nKolKolibri.style = {\n    default: KolKolibriDefaultStyle0\n};\n\nexport { KolKolibri as kol_kolibri };\n\n//# sourceMappingURL=kol-kolibri.entry.js.map"],"names":["defaultStyleCss","KolKolibriDefaultStyle0","KolKolibri","hostRef","registerInstance","nextValue","nextState","rgb","colorRgba","devHint","fillColor","h","translate","value","validateColor","watchBoolean"],"mappings":"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"}
+{"version":3,"file":"kol-kolibri.entry-Bzlqcsin.js","sources":["../../../../components/dist/esm/kol-kolibri.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-b4e1ceff.js';\nimport { D as devHint, i as watchBoolean } from './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { c as colorRgba, v as validateColor } from './color-1228dab7.js';\nimport './i18n-45224cc3.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-kolibri {\\n    display: inline-block;\\n    max-height: 100%;\\n  }\\n  .kol-kolibri__text {\\n    font-size: calc(90rem / var(--kolibri-root-font-size, 16));\\n    letter-spacing: normal;\\n    word-spacing: normal;\\n  }\\n}\";\nconst KolKolibriDefaultStyle0 = defaultStyleCss;\n\nconst KolKolibri = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.handleColorChange = (nextValue, nextState) => {\n            if (typeof nextValue === 'string') {\n                const rgb = colorRgba(nextValue);\n                nextState.set('_color', {\n                    red: rgb[0],\n                    green: rgb[1],\n                    blue: rgb[2],\n                });\n            }\n            else {\n                devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n            }\n        };\n        this._color = '#003c78';\n        this._labeled = true;\n        this.state = {\n            _color: {\n                red: 0,\n                green: 60,\n                blue: 120,\n            },\n            _labeled: true,\n        };\n    }\n    render() {\n        const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n        return (h(\"svg\", { key: '1945fdcb58c141c29f0d1c8a50916c355b6d3803', class: \"kol-kolibri\", role: \"img\", \"aria-label\": translate('kol-kolibri-logo'), xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 600 600\", fill: fillColor }, h(\"path\", { key: 'c274327a042aff7394850483cf48e2e0f5009f16', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: 'd2dcf55ef33f5fa55cbf780c53eb78b318c5ee1a', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: '94bee6eb94b3a33895d6ad1e42e10ff5f579dd34', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: '19a48f90c9f6d24391a2b5bdaaec0205ef6b346d', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: 'e8e04281d24bd01ef48b98a7396603c31557bb81', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: 'ce6865b2cb1f6e3d1782e257e9ba409daa48074d', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: '01776673c11b8869494caa3df7fafc847f8e8276', class: \"kol-kolibri__text\", x: \"250\", y: \"525\", fill: fillColor }, \"KoliBri\"))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#003c78',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateLabeled(value) {\n        watchBoolean(this, '_labeled', value, {\n            defaultValue: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateLabeled(this._labeled);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_labeled\": [\"validateLabeled\"]\n    }; }\n};\nKolKolibri.style = {\n    default: KolKolibriDefaultStyle0\n};\n\nexport { KolKolibri as kol_kolibri };\n\n//# sourceMappingURL=kol-kolibri.entry.js.map"],"names":["defaultStyleCss","KolKolibriDefaultStyle0","KolKolibri","hostRef","registerInstance","nextValue","nextState","rgb","colorRgba","devHint","fillColor","h","translate","value","validateColor","watchBoolean"],"mappings":"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"}

package/dist/assets/{kol-link-button.entry-h-Qbgf6B.js → kol-link-button.entry-fy1dXsKY.js}

@@ -1,4 +1,4 @@
-import{r as i,h as e,j as o}from"./index-Cg5HcNRr.js";/*!
+import{r as i,h as e,j as o}from"./index-DJuKoE9z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`@charset "UTF-8";
 /*
@@ -234,4 +234,4 @@ import{r as i,h as e,j as o}from"./index-Cg5HcNRr.js";/*!
     width: 100%;
   }
 }`,l=a,s=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(o,{key:"c43e9c9834dff4e54aa321ef464b9e6f95019dc5",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_shortKey:this._shortKey,_target:this._target,_tooltipAlign:this._tooltipAlign,_buttonVariant:this._variant},e("slot",{key:"c2d514cb0c22f129364fb59ec873c91f826043fe",name:"expert",slot:"expert"}))}static get delegatesFocus(){return!0}};s.style={default:l};export{s as kol_link_button};
-//# sourceMappingURL=kol-link-button.entry-h-Qbgf6B.js.map
+//# sourceMappingURL=kol-link-button.entry-fy1dXsKY.js.map