npm - @public-ui/components - Versions diffs - 4.0.0-alpha.1 → 4.0.0-alpha.10 - Mend

@public-ui/components 4.0.0-alpha.1 → 4.0.0-alpha.10

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

Files changed (1175) hide show

package/dist/kolibri/kol-input-radio.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-input-radio.entry.esm.js","sources":["src/functional-components/inputs/Radio/Radio.tsx","src/functional-component-wrappers/RadioStateWrapper/RadioStateWrapper.tsx","src/components/input-radio/style.scss?tag=kol-input-radio&mode=default&encapsulation=shadow","src/components/input-radio/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport KolInputFc, { type InputProps } from '../Input';\nimport { checkHasMsg } from '../../../schema';\n\nexport type RadioProps = JSXBase.HTMLAttributes<HTMLLabelElement> & {\n\tinputProps: InputProps;\n};\n\nconst InputWrapperFc: FC<InputProps> = ({ class: classNames, ...other }) => {\n\treturn <KolInputFc class={clsx('kol-input-radio__input', classNames)} {...other} type=\"radio\" />;\n};\n\nconst RadioFc: FC<RadioProps> = ({ class: classNames, inputProps, ...other }) => {\n\tconst showMsg = checkHasMsg(inputProps?.msg, inputProps?.touched);\n\tconst msgType = typeof inputProps?.msg === 'string' ? 'error' : inputProps?.msg?._type;\n\n\tconst cssVariants = {\n\t\t['kol-input-radio--checked']: inputProps?.checked,\n\t\t['kol-input-radio--disabled']: Boolean(inputProps?.disabled),\n\t\t['kol-input-radio--required']: Boolean(inputProps?.required),\n\t\t['kol-input-radio--touched']: Boolean(inputProps?.touched),\n\t\t[`kol-input-radio--${msgType \|\| 'error'}`]: Boolean(showMsg),\n\t};\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/label-has-associated-control\n\t\t<label class={clsx('kol-input-radio', cssVariants, classNames)} {...other}>\n\t\t\t<InputWrapperFc {...inputProps} />\n\t\t</label>\n\t);\n};\n\nexport default RadioFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolRadioFc, { type RadioProps } from '../../functional-components/inputs/Radio';\nimport { type InputProps } from '../../functional-components/inputs/Input';\n\nimport { type InputRadioStates, type MsgPropType } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type RadioStateWrapperProps = Omit<RadioProps, 'inputProps'> & {\n\tstate: InputRadioStates;\n\tinputProps?: Partial<InputProps>;\n};\n\nfunction getRadioProps(state: InputRadioStates, inputProps: Partial<InputProps> = {}): InputProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value as string \| number \| string[] \| undefined,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy,\n\t};\n\n\tif ('_required' in state) props.required = state._required;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\n\treturn { ...props, ...inputProps };\n}\n\nconst RadioStateWrapper: FC<RadioStateWrapperProps> = ({ state, inputProps, ...other }) => {\n\treturn <KolRadioFc inputProps={getRadioProps(state, inputProps)} {...other} />;\n};\n\nexport default RadioStateWrapper;\n","@use '../@shared/mixins' as ;\n@use '../../styles/global' as ;\n@use '../host-display-block' as ;\n@use '../../styles/kol-alert-mixin' as ;\n@use '../../styles/kol-field-control-mixin' as ;\n@use '../../styles/kol-form-field-mixin' as ;\n@use '../../styles/kol-input-container-mixin' as ;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-field-control;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\n\t.kol-form-field {\n\t\t--border-width: 2px;\n\t\t--input-size: 1.5em;\n\n\t\t&__label {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t&__input {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\n\t\t\t&--orientation-horizontal {\n\t\t\t\tflex-direction: row;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&--disabled {\n\t\t\topacity: unset;\n\t\t}\n\t}\n\n\t.kol-input-radio {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twidth: var(--a11y-min-size);\n\t\theight: var(--a11y-min-size);\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\n\t\t&__input {\n\t\t\tborder-style: solid;\n\t\t\tborder-radius: 100%;\n\t\t\tdisplay: flex;\n\t\t\twidth: var(--input-size);\n\t\t\tmin-width: var(--input-size);\n\t\t\theight: var(--input-size);\n\t\t\tmin-height: var(--input-size);\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder-width: var(--border-width);\n\t\t\tappearance: none;\n\t\t\tcursor: pointer;\n\n\t\t\t&:before {\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: calc(var(--input-size) / 2);\n\t\t\t\theight: calc(var(--input-size) / 2);\n\t\t\t\tmargin: auto;\n\n\t\t\t\tcontent: '';\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: #000;\n\n\t\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\t\t/ Give it a visible background in forced colors mode /\n\t\t\t\t\t\tbackground-color: selectedItem !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&--disabled {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type {\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIdPropType,\n\tInputRadioAPI,\n\tInputRadioStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRadioOption,\n\tRadioOptionsPropType,\n\tRequiredPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputRadioController } from './controller';\n\nimport KolFieldControlStateWrapperFc, {\n\ttype FieldControlStateWrapperProps,\n} from '../../functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolRadioStateWrapperFc, { type RadioStateWrapperProps } from '../../functional-component-wrappers/RadioStateWrapper/RadioStateWrapper';\nimport type { OrientationPropType } from '../../schema/props/orientation';\n\n/\n @slot - Die Legende/Überschrift der Radiobuttons.\n /\n@Component({\n\ttag: 'kol-input-radio',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolInputRadio implements InputRadioAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRadioElement;\n\tprivate inputRef?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown> {\n\t\treturn this._value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.inputRef?.focus();\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tcomponent: 'fieldset',\n\t\t\tdisabled: Boolean(this.state._disabled),\n\t\t\tclass: clsx('kol-form-field--radio'),\n\t\t\tformFieldLabelProps: {\n\t\t\t\tcomponent: 'legend',\n\t\t\t\tclass: 'kol-form-field__label--legend',\n\t\t\t},\n\t\t\tformFieldInputProps: {\n\t\t\t\tclass: `kol-form-field__input--orientation-${this.state._orientation}`,\n\t\t\t},\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t\thideLabel: false,\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t{this.state._options.map((option, index) => this.renderOption(option, index))}\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate calculateDisabled(option: RadioOption<StencilUnknown>): boolean {\n\t\treturn Boolean(this.state._disabled) \|\| Boolean(option.disabled);\n\t}\n\n\tprivate getOptionProps(option: RadioOption<StencilUnknown>, id: string): FieldControlStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tid: id,\n\t\t\thint: option.hint,\n\t\t\tlabel: option.label as string,\n\t\t\trequired: false,\n\t\t\tfieldControlLabelProps: {\n\t\t\t\tshowBadge: false,\n\t\t\t},\n\t\t\tdisabled: this.calculateDisabled(option),\n\t\t};\n\t}\n\n\tprivate getInputProps(option: RadioOption<StencilUnknown>, id: string, index: number, selected: boolean): RadioStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tinputProps: {\n\t\t\t\tid: id,\n\t\t\t\tref: this.state._value === option.value ? this.catchRef : undefined,\n\t\t\t\t'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined,\n\t\t\t\ttype: 'radio',\n\t\t\t\tname: this.state._name \|\| this.state._id,\n\t\t\t\tvalue: `-${index}`,\n\t\t\t\tchecked: selected,\n\t\t\t\tdisabled: this.calculateDisabled(option),\n\n\t\t\t\t...this.controller.onFacade,\n\t\t\t\tonChange: this.onChange,\n\t\t\t\tonClick: undefined, // onClick is not needed since onChange already triggers the correct event\n\t\t\t\tonInput: this.onInput,\n\t\t\t\tonKeyDown: this.onKeyDown.bind(this),\n\t\t\t\tonFocus: (event: Event) => {\n\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t},\n\t\t\t\tonBlur: (event: Event) => {\n\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate renderOption(option: RadioOption<StencilUnknown>, index: number): JSX.Element {\n\t\tconst customId = `${this.state._id}-${index}`;\n\t\tconst selected = this.state._value === option.value;\n\n\t\treturn (\n\t\t\t<KolFieldControlStateWrapperFc key={customId} {...this.getOptionProps(option, customId)}>\n\t\t\t\t<KolRadioStateWrapperFc {...this.getInputProps(option, customId, index, selected)} />\n\t\t\t</KolFieldControlStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRadioController;\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: IdPropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/\n\t Options the user can choose from.\n\t /\n\t@Prop() public _options?: RadioOptionsPropType;\n\n\t/\n\t Defines whether the orientation of the component is horizontal or vertical.\n\t /\n\t@Prop() public _orientation?: OrientationPropType = 'vertical';\n\n\t/\n\t Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _required?: boolean = false;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/\n\t Defines the value of the input.\n\t * @see Known bug: https://github.com/ionic-team/stencil/issues/3902\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value: StencilUnknown = null;\n\n\t@State() public state: InputRadioStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_orientation: 'vertical',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRadioController(this, 'radio', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.controller.validateTooltipAlign(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: RadioOptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tthis.controller.validateOrientation(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n\n\tprivate onInput = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tconst option = this.controller.getOptionByKey(event.target.value);\n\t\t\tif (option !== undefined) {\n\t\t\t\tthis.controller.onFacade.onInput(event, true, option.value);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tconst option = this.controller.getOptionByKey(event.target.value);\n\t\t\tif (option !== undefined) {\n\t\t\t\tthis.controller.onFacade.onChange(event, option.value);\n\n\t\t\t\tthis._value = option.value;\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter' \|\| event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.inputRef,\n\t\t\t});\n\t\t}\n\t};\n}\n"],"names":["KolInputFc","KolRadioFc","KolFormFieldStateWrapperFc","KolFieldControlStateWrapperFc","KolRadioStateWrapperFc"],"mappings":"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"}
1	+ {"version":3,"file":"kol-input-radio.entry.esm.js","sources":["src/functional-components/inputs/Radio/Radio.tsx","src/functional-component-wrappers/RadioStateWrapper/RadioStateWrapper.tsx","src/components/input-radio/style.scss?tag=kol-input-radio&mode=default&encapsulation=shadow","src/components/input-radio/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { getMsgType, isMsgDefinedAndInputTouched } from '../../../schema';\nimport KolInputFc, { type InputProps } from '../Input';\n\nexport type RadioProps = JSXBase.HTMLAttributes<HTMLLabelElement> & {\n\tinputProps: InputProps;\n};\n\nconst InputWrapperFc: FC<InputProps> = ({ class: classNames, ...other }) => {\n\treturn <KolInputFc class={clsx('kol-input-radio__input', classNames)} {...other} type=\"radio\" />;\n};\n\nconst RadioFc: FC<RadioProps> = ({ class: classNames, inputProps, ...other }) => {\n\tconst cssVariants = {\n\t\t['kol-input-radio--checked']: inputProps?.checked,\n\t\t['kol-input-radio--disabled']: Boolean(inputProps?.disabled),\n\t\t['kol-input-radio--required']: Boolean(inputProps?.required),\n\t\t['kol-input-radio--touched']: Boolean(inputProps?.touched),\n\t\t[`kol-input-radio--${getMsgType(inputProps?.msg)}`]: Boolean(isMsgDefinedAndInputTouched(inputProps?.msg, inputProps?.touched)),\n\t};\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/label-has-associated-control\n\t\t<label class={clsx('kol-input-radio', cssVariants, classNames)} {...other}>\n\t\t\t<InputWrapperFc {...inputProps} />\n\t\t</label>\n\t);\n};\n\nexport default RadioFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { type InputProps } from '../../functional-components/inputs/Input';\nimport KolRadioFc, { type RadioProps } from '../../functional-components/inputs/Radio';\n\nimport { type InputRadioStates, type MsgPropType } from '../../schema';\n\nexport type RadioStateWrapperProps = Omit<RadioProps, 'inputProps'> & {\n\tstate: InputRadioStates;\n\tinputProps?: Partial<InputProps>;\n};\n\nfunction getRadioProps(state: InputRadioStates, inputProps: Partial<InputProps> = {}): InputProps {\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value as string \| number \| string[] \| undefined,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t};\n\n\tif ('_required' in state) props.required = state._required;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\n\treturn { ...props, ...inputProps };\n}\n\nconst RadioStateWrapper: FC<RadioStateWrapperProps> = ({ state, inputProps, ...other }) => {\n\treturn <KolRadioFc inputProps={getRadioProps(state, inputProps)} {...other} />;\n};\n\nexport default RadioStateWrapper;\n","@use '../@shared/mixins' as ;\n@use '../../styles/global' as ;\n@use '../host-display-block' as ;\n@use '../../styles/kol-alert-mixin' as ;\n@use '../../styles/kol-field-control-mixin' as ;\n@use '../../styles/kol-form-field-mixin' as ;\n@use '../../styles/kol-input-container-mixin' as ;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-field-control;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\n\t.kol-form-field {\n\t\t--border-width: 2px;\n\t\t--input-size: 1.5em;\n\n\t\t&__label {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t&__input {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\n\t\t\t&--orientation-horizontal {\n\t\t\t\tflex-direction: row;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&--disabled {\n\t\t\topacity: unset;\n\t\t}\n\t}\n\n\t.kol-input-radio {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twidth: var(--a11y-min-size);\n\t\theight: var(--a11y-min-size);\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\n\t\t&__input {\n\t\t\tborder-style: solid;\n\t\t\tborder-radius: 100%;\n\t\t\tdisplay: flex;\n\t\t\twidth: var(--input-size);\n\t\t\tmin-width: var(--input-size);\n\t\t\theight: var(--input-size);\n\t\t\tmin-height: var(--input-size);\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder-width: var(--border-width);\n\t\t\tappearance: none;\n\t\t\tcursor: pointer;\n\n\t\t\t&:before {\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: calc(var(--input-size) / 2);\n\t\t\t\theight: calc(var(--input-size) / 2);\n\t\t\t\tmargin: auto;\n\n\t\t\t\tcontent: '';\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: #000;\n\n\t\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\t\t/ Give it a visible background in forced colors mode /\n\t\t\t\t\t\tbackground-color: selectedItem !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&--disabled {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type {\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIdPropType,\n\tInputRadioAPI,\n\tInputRadioStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRadioOption,\n\tRadioOptionsPropType,\n\tRequiredPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputRadioController } from './controller';\n\nimport KolFieldControlStateWrapperFc, {\n\ttype FieldControlStateWrapperProps,\n} from '../../functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolRadioStateWrapperFc, { type RadioStateWrapperProps } from '../../functional-component-wrappers/RadioStateWrapper/RadioStateWrapper';\nimport type { OrientationPropType } from '../../schema/props/orientation';\n\n/\n @slot - Die Legende/Überschrift der Radiobuttons.\n /\n@Component({\n\ttag: 'kol-input-radio',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputRadio implements InputRadioAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRadioElement;\n\tprivate inputRef?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown> {\n\t\treturn this._value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.inputRef?.focus();\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tcomponent: 'fieldset',\n\t\t\tdisabled: Boolean(this.state._disabled),\n\t\t\tclass: clsx('kol-form-field--radio'),\n\t\t\tformFieldLabelProps: {\n\t\t\t\tcomponent: 'legend',\n\t\t\t\tclass: 'kol-form-field__label--legend',\n\t\t\t},\n\t\t\tformFieldInputProps: {\n\t\t\t\tclass: `kol-form-field__input--orientation-${this.state._orientation}`,\n\t\t\t},\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t\thideLabel: false,\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t{this.state._options.map((option, index) => this.renderOption(option, index))}\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate calculateDisabled(option: RadioOption<StencilUnknown>): boolean {\n\t\treturn Boolean(this.state._disabled) \|\| Boolean(option.disabled);\n\t}\n\n\tprivate getOptionProps(option: RadioOption<StencilUnknown>, id: string): FieldControlStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tid: id,\n\t\t\thint: option.hint,\n\t\t\tlabel: option.label as string,\n\t\t\trequired: false,\n\t\t\tfieldControlLabelProps: {\n\t\t\t\tshowBadge: false,\n\t\t\t},\n\t\t\tdisabled: this.calculateDisabled(option),\n\t\t};\n\t}\n\n\tprivate getInputProps(option: RadioOption<StencilUnknown>, id: string, index: number, selected: boolean): RadioStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tinputProps: {\n\t\t\t\tid: id,\n\t\t\t\tref: this.state._value === option.value ? this.catchRef : undefined,\n\t\t\t\t'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined,\n\t\t\t\ttype: 'radio',\n\t\t\t\tname: this.state._name \|\| this.state._id,\n\t\t\t\tvalue: `-${index}`,\n\t\t\t\tchecked: selected,\n\t\t\t\tdisabled: this.calculateDisabled(option),\n\n\t\t\t\t...this.controller.onFacade,\n\t\t\t\tonChange: this.onChange,\n\t\t\t\tonClick: undefined, // onClick is not needed since onChange already triggers the correct event\n\t\t\t\tonInput: this.onInput,\n\t\t\t\tonKeyDown: this.onKeyDown.bind(this),\n\t\t\t\tonFocus: (event: Event) => {\n\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t},\n\t\t\t\tonBlur: (event: Event) => {\n\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate renderOption(option: RadioOption<StencilUnknown>, index: number): JSX.Element {\n\t\tconst customId = `${this.state._id}-${index}`;\n\t\tconst selected = this.state._value === option.value;\n\n\t\treturn (\n\t\t\t<KolFieldControlStateWrapperFc key={customId} {...this.getOptionProps(option, customId)}>\n\t\t\t\t<KolRadioStateWrapperFc {...this.getInputProps(option, customId, index, selected)} />\n\t\t\t</KolFieldControlStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRadioController;\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: IdPropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/\n\t Options the user can choose from.\n\t /\n\t@Prop() public _options?: RadioOptionsPropType;\n\n\t/\n\t Defines whether the orientation of the component is horizontal or vertical.\n\t /\n\t@Prop() public _orientation?: OrientationPropType = 'vertical';\n\n\t/\n\t Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _required?: boolean = false;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/\n\t Defines the value of the input.\n\t * @see Known bug: https://github.com/ionic-team/stencil/issues/3902\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value: StencilUnknown = null;\n\n\t@State() public state: InputRadioStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_orientation: 'vertical',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRadioController(this, 'radio', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.controller.validateTooltipAlign(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: RadioOptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tthis.controller.validateOrientation(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n\n\tprivate onInput = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tconst option = this.controller.getOptionByKey(event.target.value);\n\t\t\tif (option !== undefined) {\n\t\t\t\tthis.controller.onFacade.onInput(event, true, option.value);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tconst option = this.controller.getOptionByKey(event.target.value);\n\t\t\tif (option !== undefined) {\n\t\t\t\tthis.controller.onFacade.onChange(event, option.value);\n\n\t\t\t\tthis._value = option.value;\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' \|\| event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.inputRef,\n\t\t\t});\n\t\t}\n\t};\n}\n"],"names":["KolInputFc","KolRadioFc","KolFormFieldStateWrapperFc","KolFieldControlStateWrapperFc","KolRadioStateWrapperFc"],"mappings":"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"}

package/dist/kolibri/kol-input-radio.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-Dina3aff.js";import{c as i}from"./clsx-eK3rPvPS.js";import{n as o}from"./dev.utils-0SH3ep_K.js";import{p as l}from"./controller-CV2y9Ae_.js";import{a}from"./controller-BiC2tpL8.js";import{F as r}from"./FieldControlStateWrapper-DxTxYvO0.js";import{c as s,g as d,F as c}from"./FormFieldStateWrapper-DRcnPo2o.js";import{_ as p}from"./tslib.es6-CxX45GIN.js";import{I as h}from"./Input-BxElrU0N.js";import"./common-8fBdMvJM.js";import"./component-names-CkE54Ym7.js";import"./label-CdtNxOKu.js";import"./required-G86n77y0.js";import"./orientation-5kQWqijN.js";import"./reuse-CX4AQDkS.js";import"./access-and-short-key-bcID78Ha.js";import"./disabled-BydergHu.js";import"./hide-label-DRunOux4.js";import"./tooltip-align-_VI7LehI.js";import"./align-CyK0wp7d.js";import"./events-CoPFQEiC.js";import"./associated.controller-BKIODHIT.js";import"./bootstrap-BiRnv4fV.js";import"./i18n-ZF6JbdVP.js";import"./isObject-DvSELytj.js";import"./Alert-yh8R3coC.js";import"./i18n-CdSCDnmA.js";import"./bem-CHTjklyp.js";import"./browser-Ba2Wl_kh.js";import"./Heading-KhwFHPZb.js";import"./InternalUnderlinedBadgeText-BnPUgbKl.js";const u=e=>{var{class:t}=e,o=p(e,["class"]);return n(h,Object.assign({class:i("kol-input-radio__input",t)},o,{type:"radio"}))},m=e=>{var t,{class:o,inputProps:l}=e,a=p(e,["class","inputProps"]);const r=s(null==l?void 0:l.msg,null==l?void 0:l.touched),d="string"==typeof(null==l?void 0:l.msg)?"error":null===(t=null==l?void 0:l.msg)||void 0===t?void 0:t._type,c={"kol-input-radio--checked":null==l?void 0:l.checked,"kol-input-radio--disabled":Boolean(null==l?void 0:l.disabled),"kol-input-radio--required":Boolean(null==l?void 0:l.required),"kol-input-radio--touched":Boolean(null==l?void 0:l.touched),[`kol-input-radio--${d||"error"}`]:Boolean(r)};return n("label",Object.assign({class:i("kol-input-radio",c,o)},a),n(u,Object.assign({},l)))};function f(n,e={}){const{ariaDescribedBy:t}=d(n),i={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,disabled:n._disabled,name:n._name,ariaDescribedBy:t};return"_required"in n&&(i.required=n._required),"_touched"in n&&(i.touched=n._touched),"_msg"in n&&(i.msg=n._msg),Object.assign(Object.assign({},i),e)}const b=e=>{var{state:t,inputProps:i}=e,o=p(e,["state","inputProps"]);return n(m,Object.assign({inputProps:f(t,i)},o))},g='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: 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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\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-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\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    opacity: 0.5;\n    cursor: not-allowed;\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  .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  .kol-input-container {\n    background-color: white;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\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  .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    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-input-radio__input {\n    border-style: solid;\n    border-radius: 100%;\n    display: flex;\n    width: var(--input-size);\n    min-width: var(--input-size);\n    height: var(--input-size);\n    min-height: var(--input-size);\n    margin: 0;\n    padding: 0;\n    border-width: var(--border-width);\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-input-radio__input:before {\n    border-radius: 100%;\n    width: calc(var(--input-size) / 2);\n    height: calc(var(--input-size) / 2);\n    margin: auto;\n    content: "";\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}',k=class{async getValue(){return this._value}async kolFocus(){var n;null===(n=this.inputRef)||void 0===n||n.focus()}getFormFieldProps(){return{state:this.state,component:"fieldset",disabled:Boolean(this.state._disabled),class:i("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return n(c,Object.assign({key:"d6a448927779793795b7df75b11f6845005230cd"},this.getFormFieldProps()),this.state._options.map((n,e)=>this.renderOption(n,e)))}calculateDisabled(n){return Boolean(this.state._disabled)||Boolean(n.disabled)}getOptionProps(n,e){return{state:this.state,id:e,hint:n.hint,label:n.label,required:!1,fieldControlLabelProps:{showBadge:!1},disabled:this.calculateDisabled(n)}}getInputProps(n,e,t,i){return{state:this.state,inputProps:Object.assign(Object.assign({id:e,ref:this.state._value===n.value?this.catchRef:void 0,"aria-label":this.state._hideLabel&&"string"==typeof n.label?n.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:i,disabled:this.calculateDisabled(n)},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}}renderOption(e,t){const i=`${this.state._id}-${t}`,o=this.state._value===e.value;return n(r,Object.assign({key:i},this.getOptionProps(e,i)),n(b,Object.assign({},this.getInputProps(e,i,t,o))))}constructor(n){e(this,n),this.catchRef=n=>{this.inputRef=n},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._orientation="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${o()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.onInput=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&this.controller.onFacade.onInput(n,!0,e.value)}},this.onChange=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&(this.controller.onFacade.onChange(n,e.value),this._value=e.value)}},this.onKeyDown=n=>{"Enter"!==n.code&&"NumpadEnter"!==n.code||l({form:this.host})},this.controller=new a(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateTooltipAlign(n){this.controller.validateTooltipAlign(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHint(n){this.controller.validateHint(n)}validateId(n){this.controller.validateId(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){this.controller.validateOptions(n)}validateOrientation(n){this.controller.validateOrientation(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return t(this)}static get watchers(){return{_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};k.style={default:g};export{k as kol_input_radio};
+import{h as n,r as t,g as e}from"./index-DXabIfEM.js";import{c as i}from"./clsx-eK3rPvPS.js";import{n as o}from"./dev.utils-yQD-QKCU.js";import{p as l}from"./controller-DLgscExO.js";import{a}from"./controller-BUJ57XsU.js";import{F as r}from"./FieldControlStateWrapper-DDYTL8sS.js";import{g as s,i as d,F as c}from"./FormFieldStateWrapper-B3p0ZzG-.js";import{_ as p}from"./tslib.es6-CxX45GIN.js";import"./common-L1K0yh1S.js";import{I as h}from"./Input-CF2Hxzy7.js";import"./component-names-CkE54Ym7.js";import"./label-ohY9ajP0.js";import"./required-7L0ytoMT.js";import"./orientation-B0ErOlUK.js";import"./reuse-CX4AQDkS.js";import"./access-and-short-key-Dy2a7Py3.js";import"./disabled-u5a_azlj.js";import"./hide-label-DjBQJOAP.js";import"./tooltip-align-DEw_M6Is.js";import"./align-Bcqvz5vw.js";import"./events-9-skLO0f.js";import"./associated.controller-CvM-u0FR.js";import"./bootstrap-DKvDv4kw.js";import"./i18n-B-iJAw_i.js";import"./isObject-DvSELytj.js";import"./i18n-CQxlBXNV.js";import"./InternalUnderlinedBadgeText-CF6FOiQi.js";import"./Alert-DzpS4CJD.js";import"./bem-CIn1qsbp.js";import"./browser-CyCtPZc0.js";import"./Heading-ClZtMSvA.js";const m=e=>{var{class:t}=e,o=p(e,["class"]);return n(h,Object.assign({class:i("kol-input-radio__input",t)},o,{type:"radio"}))},u=e=>{var{class:t,inputProps:o}=e,l=p(e,["class","inputProps"]);const a={"kol-input-radio--checked":null==o?void 0:o.checked,"kol-input-radio--disabled":Boolean(null==o?void 0:o.disabled),"kol-input-radio--required":Boolean(null==o?void 0:o.required),"kol-input-radio--touched":Boolean(null==o?void 0:o.touched),[`kol-input-radio--${s(null==o?void 0:o.msg)}`]:Boolean(d(null==o?void 0:o.msg,null==o?void 0:o.touched))};return n("label",Object.assign({class:i("kol-input-radio",a,t)},l),n(m,Object.assign({},o)))};function f(n,e={}){const t={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,disabled:n._disabled,name:n._name};return"_required"in n&&(t.required=n._required),"_touched"in n&&(t.touched=n._touched),"_msg"in n&&(t.msg=n._msg),Object.assign(Object.assign({},t),e)}const b=e=>{var{state:t,inputProps:i}=e,o=p(e,["state","inputProps"]);return n(u,Object.assign({inputProps:f(t,i)},o))},k='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\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-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\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    opacity: 0.5;\n    cursor: not-allowed;\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  .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  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\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    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-input-radio__input {\n    border-style: solid;\n    border-radius: 100%;\n    display: flex;\n    width: var(--input-size);\n    min-width: var(--input-size);\n    height: var(--input-size);\n    min-height: var(--input-size);\n    margin: 0;\n    padding: 0;\n    border-width: var(--border-width);\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-input-radio__input:before {\n    border-radius: 100%;\n    width: calc(var(--input-size) / 2);\n    height: calc(var(--input-size) / 2);\n    margin: auto;\n    content: "";\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}',g=class{async getValue(){return this._value}async kolFocus(){var n;null===(n=this.inputRef)||void 0===n||n.focus()}getFormFieldProps(){return{state:this.state,component:"fieldset",disabled:Boolean(this.state._disabled),class:i("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return n(c,Object.assign({key:"9dc7e4569627db33b82ae9ec448e30087d87ab6f"},this.getFormFieldProps()),this.state._options.map((n,e)=>this.renderOption(n,e)))}calculateDisabled(n){return Boolean(this.state._disabled)||Boolean(n.disabled)}getOptionProps(n,e){return{state:this.state,id:e,hint:n.hint,label:n.label,required:!1,fieldControlLabelProps:{showBadge:!1},disabled:this.calculateDisabled(n)}}getInputProps(n,e,t,i){return{state:this.state,inputProps:Object.assign(Object.assign({id:e,ref:this.state._value===n.value?this.catchRef:void 0,"aria-label":this.state._hideLabel&&"string"==typeof n.label?n.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:i,disabled:this.calculateDisabled(n)},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}}renderOption(e,t){const i=`${this.state._id}-${t}`,o=this.state._value===e.value;return n(r,Object.assign({key:i},this.getOptionProps(e,i)),n(b,Object.assign({},this.getInputProps(e,i,t,o))))}constructor(n){t(this,n),this.catchRef=n=>{this.inputRef=n},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._orientation="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${o()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.onInput=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&this.controller.onFacade.onInput(n,!0,e.value)}},this.onChange=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&(this.controller.onFacade.onChange(n,e.value),this._value=e.value)}},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),"Enter"!==n.code&&"NumpadEnter"!==n.code||l({form:this.host})},this.controller=new a(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateTooltipAlign(n){this.controller.validateTooltipAlign(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHint(n){this.controller.validateHint(n)}validateId(n){this.controller.validateId(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){this.controller.validateOptions(n)}validateOrientation(n){this.controller.validateOrientation(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return e(this)}static get watchers(){return{_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};g.style={default:k};export{g as kol_input_radio};

package/dist/kolibri/kol-input-radio.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["h","registerInstance","getElement","clsx","nonce","propagateSubmitEventToForm","InputRadioController","FieldControlStateWrapper","~~checkHasMsg~~","~~getRenderStates~~","FormFieldStateWrapper","__rest","InputFc","InputWrapperFc","_a","class","classNames","other","Object","assign","type","RadioFc","~~_b","~~inputProps","~~showMsg~~","~~msg~~","~~touched~~","~~msgType~~","~~_type~~","~~cssVariants~~","~~checked~~","~~Boolean","disabled","required","~~getRadioProps","state","~~ariaDescribedBy","~~props","id","_id","hideLabel","_hideLabel","label","_label","value","_value","_disabled","name","_name","_required","_touched","_msg","RadioStateWrapper","defaultStyleCss","KolInputRadio","getValue","this","kolFocus","inputRef","focus","getFormFieldProps","component","formFieldLabelProps","formFieldInputProps","_orientation","tooltipAlign","_tooltipAlign","alert","showAsAlert","render","key","_options","map","option","index","renderOption","calculateDisabled","getOptionProps","hint","fieldControlLabelProps","showBadge","getInputProps","selected","ref","catchRef","undefined","controller","onFacade","onChange","onClick","onInput","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","customId","constructor","hostRef","_hideMsg","_hint","target","HTMLInputElement","getOptionByKey","code","form","host","validateTooltipAlign","validateDisabled","validateHideLabel","validateHideMsg","validateHint","validateId","validateLabel","validateMsg","validateName","validateOn","validateOptions","validateOrientation","validateRequired","validateSyncValueBySelector","validateTouched","validateValue","componentWillLoad","~~delegatesFocus","~~watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAkB,kCAC5CC,MAAY,iCACZC,MAAa,sCACbC,MAAkC,kCAClCC,MAA4B,uCAC5BC,MAAgC,qDAChCC,~~OAAkBC~~,~~OAAsBC~~,MAA6B,~~kDACrEC~~,MAAc,~~sCACdC~~,MAAe,4BACtB,~~6BACA,~~sCACA,4BACA,+BACA,kCACA,4BACA,2CACA,+BACA,iCACA,oCACA,4BACA,6BACA,4CACA,gCACA,2BACA,+BACA,4BACA,~~2BACA,~~0BACA,8BACA,~~8BACA~~,~~4CAEP,~~MAAMC,EAAkBC,IACpB,IAAMC,MAAOC,GAAeF,EAAIG,EAAQN,EAAOG,EAAI,CAAC,UACpD,OAAOd,EAAEY,EAASM,OAAOC,OAAO,CAAEJ,MAAOZ,EAAK,yBAA0Ba,IAAeC,EAAO,CAAEG,KAAM,UAAW,EAErH,MAAMC,EAAWP,IACb,~~IAAIQ~~,~~EACJ,IAAMP,~~MAAOC,~~EAAUO~~,WAAEA,~~GAAeT~~,EAAIG,EAAQN,EAAOG,EAAI,CAAC,QAAS,eACzE,~~MAAMU~~,~~EAAUhB~~,~~EAAYe~~,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWE,~~IAAKF~~,~~IAAe~~,~~MAAQA~~,~~SAAoB~~,~~OAAS,EAAIA,EAAWG,SACvK,MAAMC,SAAkBJ,~~IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWE~~,~~OAAS~~,~~SAAW~~,~~SAAWH~~,~~EAAKC~~,IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWE~~,~~OAAS~~,~~MAAQH~~,~~SAAY~~,~~OAAS~~,~~EAAIA,EAAGM,MAC/O,MAAMC,EAAc,CAChB,CAAC,4BAA6BN,~~IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWO~~,~~QACjG~~,CAAC,~~6BAA8BC~~,~~QAAQR~~,IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWS~~,~~UAC1G~~,~~CAAC~~,~~6BAA8BD~~,~~QAAQR,~~IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWU~~,~~UAC1G~~,~~CAAC,4BAA6BF,QAAQR,~~IAAe,MAAQA,SAAoB,OAAS,EAAIA,~~EAAWG~~,~~SACzG~~,~~CAAC~~,~~oBAAoBC,GAAW,WAAYI,QAAQP,IAExD,OAAQxB,~~EAAE,QAASkB,OAAOC,OAAO,CAAEJ,MAAOZ,EAAK,~~kBAAmB0B~~,~~EAAab~~,IAAeC,GAAQjB,EAAEa,EAAgBK,OAAOC,OAAO,CAAC,~~EAAGI~~,IAAc,EAG5J,~~SAASW~~,EAAcC,~~EAAOZ~~,EAAa,CAAC,GACxC,~~MAAMa~~,~~gBAAEA,GAAoB3B,EAAgB0B,GAC5C,MAAME,~~EAAQ,CACVC,~~GAAIH~~,~~EAAMI~~,IACVC,~~UAAWL~~,~~EAAMM~~,WACjBC,~~MAAOP~~,~~EAAMQ~~,OACbC,~~MAAOT~~,~~EAAMU~~,~~OACbb~~,~~SAAUG~~,~~EAAMW~~,UAChBC,~~KAAMZ~~,~~EAAMa~~,~~MACZZ~~,~~mBAEJ,~~GAAI,~~cAAeD~~,~~EACfE~~,~~EAAMJ~~,~~SAAWE~~,~~EAAMc~~,UAC3B,GAAI,~~aAAcd~~,~~EACdE~~,~~EAAMX~~,~~QAAUS~~,~~EAAMe~~,SAC1B,GAAI,~~SAAUf~~,~~EACVE~~,~~EAAMZ~~,~~IAAMU~~,~~EAAMgB~~,KACtB,~~OAAOjC~~,OAAOC,OAAOD,OAAOC,OAAO,CAAC,~~EAAGkB~~,~~GAAQd~~,EACnD,CACA,~~MAAM6B~~,~~EAAqBtC~~,IACvB,~~IAAIqB~~,MAAEA,~~EAAKZ~~,WAAEA,~~GAAeT~~,EAAIG,EAAQN,EAAOG,EAAI,CAAC,QAAS,eAC7D,OAAOd,EAAEqB,EAASH,OAAOC,OAAO,~~CAAEI~~,~~WAAYW~~,EAAcC,~~EAAOZ~~,~~IAAeN~~,GAAO,EAG7F,~~MAAMoC~~,EAAkB,~~ytWAExB~~,MAAMC,EAAgB,MAClB,cAAMC,GACF,OAAOC,KAAKX,MAChB,CACA,cAAMY,GACF,~~IAAI3C~~,GACHA,~~EAAK0C~~,KAAKE,YAAc,~~MAAQ5C~~,SAAY,OAAS,EAAIA,~~EAAG6C~~,OACjE,CACA,iBAAAC,GACI,MAAO,~~CACHzB~~,~~MAAOqB~~,~~KAAKrB~~,~~MACZ0B~~,UAAW,~~WACX7B~~,SAAUD,~~QAAQyB~~,~~KAAKrB~~,~~MAAMW~~,~~WAC7B/B~~,MAAOZ,EAAK,~~yBACZ2D~~,oBAAqB,CACjBD,UAAW,~~SACX9C~~,MAAO,~~iCAEXgD~~,oBAAqB,~~CACjBhD~~,MAAO,~~sCAAsCyC~~,~~KAAKrB~~,~~MAAM6B~~,gBAE5DC,aAAcT,KAAKU,cACnBC,MAAOX,KAAKY,cACZ5B,UAAW,MAEnB,CACA,MAAA6B,GACI,~~OAAQrE~~,EAAEU,EAAuBQ,OAAOC,OAAO,~~CAAEmD~~,IAAK,4CAA8Cd,KAAKI,qBAAsBJ,~~KAAKrB~~,~~MAAMoC~~,SAASC,KAAI,CAACC,EAAQC,IAAUlB,KAAKmB,aAAaF,EAAQC,KACxM,CACA,iBAAAE,CAAkBH,GACd,~~OAAO1C~~,~~QAAQyB~~,~~KAAKrB~~,~~MAAMW~~,~~YAAcf~~,~~QAAQ0C~~,~~EAAOzC~~,SAC3D,CACA,~~cAAA6C~~,CAAeJ,EAAQnC,GACnB,MAAO,~~CACHH~~,~~MAAOqB~~,~~KAAKrB~~,~~MACZG~~,GAAIA,EACJwC,KAAML,EAAOK,KACbpC,MAAO+B,EAAO/B,~~MACdT~~,SAAU,~~MACV8C~~,uBAAwB,CACpBC,UAAW,~~OAEfhD~~,~~SAAUwB~~,KAAKoB,kBAAkBH,GAEzC,CACA,aAAAQ,CAAcR,EAAQnC,EAAIoC,EAAOQ,GAC7B,MAAO,~~CACH/C~~,~~MAAOqB~~,~~KAAKrB~~,~~MACZZ~~,~~WAAYL~~,OAAOC,OAAOD,OAAOC,OAAO,~~CAAEmB~~,GAAIA,EAAI6C,IAAK3B,~~KAAKrB~~,~~MAAMU~~,SAAW4B,EAAO7B,MAAQY,KAAK4B,SAAWC,UAAW,aAAc7B,~~KAAKrB~~,~~MAAMM~~,mBAAqBgC,EAAO/B,QAAU,SAAW+B,EAAO/B,MAAQ2C,~~UAAWjE~~,KAAM,~~QAAS2B~~,KAAMS,~~KAAKrB~~,~~MAAMa~~,OAASQ,~~KAAKrB~~,~~MAAMI~~,IAAKK,MAAO,IAAI8B,~~IAAS5C~~,~~QAASoD~~,~~EAAUlD~~,~~SAAUwB~~,KAAKoB,kBAAkBH,IAAWjB,KAAK8B,WAAWC,UAAW,CAAEC,SAAUhC,KAAKgC,SAAUC,QAASJ,UAAWK,QAASlC,KAAKkC,QAASC,UAAWnC,KAAKmC,UAAUC,KAAKpC,MAAOqC,QAAUC,IAChftC,KAAK8B,WAAWC,SAASM,QAAQC,GACjCtC,KAAKuC,cAAgB,IAAI,EAC1BC,OAASF,IACRtC,KAAK8B,WAAWC,SAASS,OAAOF,GAChCtC,KAAKuC,cAAgB,KAAK,IAG1C,CACA,YAAApB,CAAaF,EAAQC,GACjB,MAAMuB,EAAW,GAAGzC,~~KAAKrB~~,~~MAAMI~~,OAAOmC,IACtC,MAAMQ,EAAW1B,~~KAAKrB~~,~~MAAMU~~,SAAW4B,EAAO7B,MAC9C,~~OAAQ5C~~,EAAEO,EAA0BW,OAAOC,OAAO,~~CAAEmD~~,IAAK2B,GAAYzC,KAAKqB,eAAeJ,EAAQwB,~~IAAYjG~~,~~EAAEoD~~,~~EAAmBlC~~,OAAOC,OAAO,CAAC,~~EAAGqC~~,KAAKyB,cAAcR,EAAQwB,EAAUvB,EAAOQ,KACpM,CACA,WAAAgB,CAAYC,~~GACRlG~~,~~EAAiBuD~~,KAAM2C,GACvB3C,KAAK4B,SAAYD,IACb3B,KAAKE,SAAWyB,CAAG,EAEvB3B,KAAKV,UAAY,MACjBU,KAAK4C,SAAW,MAChB5C,KAAKf,WAAa,MAClBe,KAAK6C,MAAQ,GACb7C,KAAKQ,aAAe,WACpBR,KAAKP,UAAY,MACjBO,KAAKU,cAAgB,MACrBV,KAAKN,SAAW,MAChBM,KAAKX,OAAS,KACdW,~~KAAKrB~~,MAAQ,~~CACTiE~~,SAAU,MACV7D,IAAK,~~MAAMnC~~,~~MACXuC~~,OAAQ,GACR4B,SAAU,GACVP,aAAc,YAElBR,KAAKuC,cAAgB,MACrBvC,KAAKkC,QAAWI,IACZ,GAAIA,EAAMQ,kBAAkBC,iBAAkB,CAC1C,MAAM9B,EAASjB,KAAK8B,WAAWkB,eAAeV,EAAMQ,OAAO1D,OAC3D,GAAI6B,IAAWY,UAAW,CACtB7B,KAAK8B,WAAWC,SAASG,QAAQI,EAAO,KAAMrB,EAAO7B,MACzD,CACJ,GAEJY,KAAKgC,SAAYM,IACb,GAAIA,EAAMQ,kBAAkBC,iBAAkB,CAC1C,MAAM9B,EAASjB,KAAK8B,WAAWkB,eAAeV,EAAMQ,OAAO1D,OAC3D,GAAI6B,IAAWY,UAAW,CACtB7B,KAAK8B,WAAWC,SAASC,SAASM,EAAOrB,EAAO7B,OAChDY,KAAKX,OAAS4B,EAAO7B,KACzB,CACJ,GAEJY,KAAKmC,UAAaG,~~IACd~~,GAAIA,EAAMW,OAAS,SAAWX,EAAMW,OAAS,cAAe,~~CACxDpG~~,EAA2B,~~CACvBqG~~,KAAMlD,KAAKmD,MACnB,GAEJnD,KAAK8B,WAAa,~~IAAIhF~~,~~EAAqBkD~~,KAAM,QAASA,KAAKmD,KACnE,CACA,WAAAvC,GACI,~~OAAOrC~~,~~QAAQyB~~,~~KAAKrB~~,~~MAAMe~~,YAAcM,KAAKuC,aACjD,CACA,oBAAAa,CAAqBhE,GACjBY,KAAK8B,WAAWsB,qBAAqBhE,EACzC,CACA,gBAAAiE,CAAiBjE,GACbY,KAAK8B,WAAWuB,iBAAiBjE,EACrC,CACA,iBAAAkE,CAAkBlE,GACdY,KAAK8B,WAAWwB,kBAAkBlE,EACtC,CACA,eAAAmE,CAAgBnE,GACZY,KAAK8B,WAAWyB,gBAAgBnE,EACpC,CACA,YAAAoE,CAAapE,GACTY,KAAK8B,WAAW0B,aAAapE,EACjC,CACA,UAAAqE,CAAWrE,GACPY,KAAK8B,WAAW2B,WAAWrE,EAC/B,CACA,aAAAsE,CAActE,GACVY,KAAK8B,WAAW4B,cAActE,EAClC,CACA,WAAAuE,CAAYvE,GACRY,KAAK8B,WAAW6B,YAAYvE,EAChC,CACA,YAAAwE,CAAaxE,GACTY,KAAK8B,WAAW8B,aAAaxE,EACjC,CACA,UAAAyE,CAAWzE,GACPY,KAAK8B,WAAW+B,WAAWzE,EAC/B,CACA,eAAA0E,CAAgB1E,GACZY,KAAK8B,WAAWgC,gBAAgB1E,EACpC,CACA,mBAAA2E,CAAoB3E,GAChBY,KAAK8B,WAAWiC,oBAAoB3E,EACxC,CACA,gBAAA4E,CAAiB5E,GACbY,KAAK8B,WAAWkC,iBAAiB5E,EACrC,CACA,2BAAA6E,CAA4B7E,GACxBY,KAAK8B,WAAWmC,4BAA4B7E,EAChD,CACA,eAAA8E,CAAgB9E,GACZY,KAAK8B,WAAWoC,gBAAgB9E,EACpC,CACA,aAAA+E,CAAc/E,GACVY,KAAK8B,WAAWqC,cAAc/E,EAClC,CACA,iBAAAgF,GACIpE,KAAKN,SAAWM,KAAKN,WAAa,KAClCM,KAAK8B,WAAWsC,mBACpB,CACA,~~yBAAWC~~,~~GAAmB,OAAO,IAAM,CAC3C,QAAIlB,~~GAAS,~~OAAOzG~~,~~EAAWsD~~,KAAO,CACtC,~~mBAAWsE~~,GAAa,MAAO,~~CAC3B5D~~,cAAiB,CAAC,wBAClBpB,UAAa,CAAC,oBACdL,WAAc,CAAC,qBACf2D,SAAY,CAAC,mBACbC,MAAS,CAAC,gBACV9D,IAAO,CAAC,cACRI,OAAU,CAAC,iBACXQ,KAAQ,CAAC,eACTH,MAAS,CAAC,~~gBACV+E~~,IAAO,CAAC,~~cACRxD~~,SAAY,CAAC,mBACbP,aAAgB,CAAC,uBACjBf,UAAa,CAAC,~~oBACd+E~~,qBAAwB,CAAC,+~~BACzB9E~~,SAAY,CAAC,mBACbL,OAAU,CAAC,iBACZ,GAEPS,~~EAAc2E~~,MAAQ,CAClBC,~~QAAS7E~~,UAGJC","ignoreList":[]}
1	+ {"version":3,"names":["h","registerInstance","getElement","clsx","nonce","propagateSubmitEventToForm","InputRadioController","FieldControlStateWrapper","getMsgType","isMsgDefinedAndInputTouched","FormFieldStateWrapper","__rest","InputFc","InputWrapperFc","_a","class","classNames","other","Object","assign","type","RadioFc","inputProps","cssVariants","checked","Boolean","disabled","required","touched","msg","getRadioProps","state","props","id","_id","hideLabel","_hideLabel","label","_label","value","_value","_disabled","name","_name","_required","_touched","_msg","RadioStateWrapper","defaultStyleCss","KolInputRadio","getValue","this","kolFocus","inputRef","focus","getFormFieldProps","component","formFieldLabelProps","formFieldInputProps","_orientation","tooltipAlign","_tooltipAlign","alert","showAsAlert","render","key","_options","map","option","index","renderOption","calculateDisabled","getOptionProps","hint","fieldControlLabelProps","showBadge","getInputProps","selected","ref","catchRef","undefined","controller","onFacade","onChange","onClick","onInput","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","customId","constructor","hostRef","_hideMsg","_hint","target","HTMLInputElement","getOptionByKey","code","form","host","validateTooltipAlign","validateDisabled","validateHideLabel","validateHideMsg","validateHint","validateId","validateLabel","validateMsg","validateName","validateOn","validateOptions","validateOrientation","validateRequired","validateSyncValueBySelector","validateTouched","validateValue","componentWillLoad","watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-input-range.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kol-input-range.entry.esm.js","sources":["src/components/input-range/controller.ts","src/components/input-range/style.scss?tag=kol-input-range&mode=default&encapsulation=shadow","src/components/input-range/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputRangeProps, InputRangeWatches, NumberString, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions } from '../../schema';\nimport { validateAutoComplete } from '../../schema/props/auto-complete';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputRangeController extends InputIconController implements InputRangeWatches {\n\tprotected readonly component: Generic.Element.Component & InputRangeProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputRangeProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tvalidateAutoComplete(this.component, value);\n\t}\n\n\tpublic validateMax(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_max', value);\n\t}\n\n\tpublic validateMin(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_min', value);\n\t}\n\n\tpublic validateStep(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_step', value);\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_value', value);\n\t\tthis.component._value = value;\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../../styles/global' as ;\n@use '../../styles/kol-alert-mixin' as ;\n@use '../../styles/kol-form-field-mixin' as ;\n@use '../../styles/kol-input-container-mixin' as ;\n@use '../../styles/kol-input-mixin' as ;\n@use '../@shared/mixins' as ;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\t@include kol-input;\n\n\t.kol-input-range {\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\t$input: &;\n\n\t\t\t&--number {\n\t\t\t\twidth: var(--kolibri-input-range--input-number--width);\n\t\t\t}\n\n\t\t\t&--range {\n\t\t\t\tbackground-color: #d3d3d3;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/* Design-Hack - related with flex-grow /\n\t\t\t\twidth: 0;\n\t\t\t\theight: to-rem(8);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\tline-height: 1.5;\n\t\t\t\tappearance: none;\n\t\t\t\tborder: 1px solid #000;\n\n\t\t\t\t&::-webkit-slider-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-webkit-appearance: none;\n\n\t\t\t\t\t@media (prefers-contrast: more) or (forced-colors: active) {\n\t\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&::-moz-range-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-moz-appearance: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type {\n\tFocusableElement,\n\tHideMsgPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputRangeAPI,\n\tInputRangeStates,\n\tInputTypeOnDefault,\n\tAutoCompletePropType,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tDisabledPropType,\n\tHideLabelPropType,\n\tHintPropType,\n} from '../../schema';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport { InputRangeController } from './controller';\nimport KolSuggestionsFc from '../../functional-components/Suggestions';\n\n/\n @slot - Die Beschriftung des Eingabeelements.\n /\n@Component({\n\ttag: 'kol-input-range',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolInputRange implements InputRangeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRangeElement;\n\tprivate refInputNumber?: HTMLInputElement;\n\tprivate refInputRange?: HTMLInputElement;\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.refInputNumber?.focus();\n\t}\n\n\tprivate readonly catchInputNumberRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputNumber = element;\n\t\t\tif (!this._value && this.refInputNumber?.value) {\n\t\t\t\tthis.validateValue(parseFloat(this.refInputNumber.value));\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly catchInputRangeRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputRange = element;\n\t\t}\n\t};\n\n\tprivate getSanitizedFloatValue(value: string): number {\n\t\tconst floatValue = parseFloat(value);\n\t\tif (this.state._max && floatValue > this.state._max) {\n\t\t\treturn this.state._max;\n\t\t}\n\t\tif (this.state._min && floatValue < this.state._min) {\n\t\t\treturn this.state._min;\n\t\t}\n\t\treturn floatValue;\n\t}\n\n\t/\n\t Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t /\n\tprivate remapValue(value: number): number \| NumberString {\n\t\tif (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\n\t}\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<number \| NumberString \| undefined> {\n\t\tif (this.refInputNumber !== undefined) {\n\t\t\tconst value = this.refInputNumber.value;\n\t\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\t\treturn this.remapValue(floatValue);\n\t\t}\n\t}\n\n\tprivate readonly onInput = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tthis.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tconst remappedValue = this.remapValue(floatValue);\n\t\tthis.validateValue(remappedValue);\n\t\tthis.controller.onFacade.onChange(event, remappedValue);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter' \|\| event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.refInputNumber,\n\t\t\t});\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tif (!this._value && this.refInputRange?.value) {\n\t\t\tthis.validateValue(parseFloat(this.refInputRange.value));\n\t\t}\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-range', 'range'),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\tonClick: () => this.refInputRange?.focus(),\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t\tconst { _suggestions, ...other } = this.state;\n\n\t\treturn {\n\t\t\tstate: { ...other, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonChange: this.onChange,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getInputRangeProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-range` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'range',\n\t\t\ttabIndex: -1,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\tref: this.catchInputRangeRef,\n\t\t};\n\t}\n\n\tprivate getInputNumberProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-number` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'number',\n\t\t\tref: this.catchInputNumberRef,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tprivate setInitialValueType(value?: number \| NumberString) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else {\n\t\t\tthis._initialValueType = 'number';\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst inputsWrapperStyle = {\n\t\t\t// use number of digits in max value plus some space for the number input arrow buttons\n\t\t\t'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n\t\t};\n\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<div class=\"kol-input-range__inputs-wrapper\" style={inputsWrapperStyle}>\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--range\" {...this.getInputRangeProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--number\" {...this.getInputNumberProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.hasSuggestions && <KolSuggestionsFc id={this.state._id} suggestions={this.state._suggestions} />}\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRangeController;\n\n\t/\n\t Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t /\n\t@Prop() public _accessKey?: string;\n\n\t/\n\t Defines whether the input can be auto-completed.\n\t /\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: IdPropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the largest possible input value.\n\t /\n\t@Prop() public _max?: number \| NumberString = 100;\n\n\t/\n\t Defines the smallest possible input value.\n\t /\n\t@Prop() public _min?: number \| NumberString = 0;\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/\n\t Defines the step size for value changes.\n\t /\n\t@Prop() public _step?: number \| NumberString;\n\n\t/\n\t Suggestions to provide for the input.\n\t /\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/\n\t Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number \| NumberString;\n\n\t@State() public state: InputRangeStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_min: 0,\n\t\t_max: 100,\n\t};\n\t@State() private _initialValueType: 'number' \| 'NumberString' = 'number';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRangeController(this, 'range', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number \| NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number \| NumberString): void {\n\t\tthis.controller.validateMin(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number \| NumberString): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number \| NumberString): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined) {\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc","KolSuggestionsFc"],"mappings":"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"}
1	+ {"version":3,"file":"kol-input-range.entry.esm.js","sources":["src/components/input-range/controller.ts","src/components/input-range/style.scss?tag=kol-input-range&mode=default&encapsulation=shadow","src/components/input-range/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputRangeProps, InputRangeWatches, NumberString, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions } from '../../schema';\nimport { validateAutoComplete } from '../../schema/props/auto-complete';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputRangeController extends InputIconController implements InputRangeWatches {\n\tprotected readonly component: Generic.Element.Component & InputRangeProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputRangeProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tvalidateAutoComplete(this.component, value);\n\t}\n\n\tpublic validateMax(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_max', value);\n\t}\n\n\tpublic validateMin(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_min', value);\n\t}\n\n\tpublic validateStep(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_step', value);\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: number \| NumberString): void {\n\t\tthis.validateNumber('_value', value);\n\t\tthis.component._value = value;\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../../styles/global' as ;\n@use '../../styles/kol-alert-mixin' as ;\n@use '../../styles/kol-form-field-mixin' as ;\n@use '../../styles/kol-input-container-mixin' as ;\n@use '../../styles/kol-input-mixin' as ;\n@use '../@shared/mixins' as ;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\t@include kol-input;\n\n\t.kol-input-range {\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\t$input: &;\n\n\t\t\t&--number {\n\t\t\t\twidth: var(--kolibri-input-range--input-number--width);\n\t\t\t}\n\n\t\t\t&--range {\n\t\t\t\tbackground-color: #d3d3d3;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/* Design-Hack - related with flex-grow /\n\t\t\t\twidth: 0;\n\t\t\t\theight: to-rem(8);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\tline-height: 1.5;\n\t\t\t\tappearance: none;\n\t\t\t\tborder: 1px solid #000;\n\n\t\t\t\t&::-webkit-slider-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-webkit-appearance: none;\n\n\t\t\t\t\t@media (prefers-contrast: more) or (forced-colors: active) {\n\t\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&::-moz-range-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-moz-appearance: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport type {\n\tAutoCompletePropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputRangeAPI,\n\tInputRangeStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport KolSuggestionsFc from '../../functional-components/Suggestions';\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputRangeController } from './controller';\n\n/\n @slot - Die Beschriftung des Eingabeelements.\n /\n@Component({\n\ttag: 'kol-input-range',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputRange implements InputRangeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRangeElement;\n\tprivate refInputNumber?: HTMLInputElement;\n\tprivate refInputRange?: HTMLInputElement;\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.refInputNumber?.focus();\n\t}\n\n\tprivate readonly catchInputNumberRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputNumber = element;\n\t\t\tif (!this._value && this.refInputNumber?.value) {\n\t\t\t\tthis.validateValue(parseFloat(this.refInputNumber.value));\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly catchInputRangeRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputRange = element;\n\t\t}\n\t};\n\n\tprivate getSanitizedFloatValue(value: string): number {\n\t\tconst floatValue = parseFloat(value);\n\t\tif (this.state._max && floatValue > this.state._max) {\n\t\t\treturn this.state._max;\n\t\t}\n\t\tif (this.state._min && floatValue < this.state._min) {\n\t\t\treturn this.state._min;\n\t\t}\n\t\treturn floatValue;\n\t}\n\n\t/\n\t Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t /\n\tprivate remapValue(value: number): number \| NumberString {\n\t\tif (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\n\t}\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<number \| NumberString \| undefined> {\n\t\tif (this.refInputNumber !== undefined) {\n\t\t\tconst value = this.refInputNumber.value;\n\t\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\t\treturn this.remapValue(floatValue);\n\t\t}\n\t}\n\n\tprivate readonly onInput = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tthis.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tconst remappedValue = this.remapValue(floatValue);\n\t\tthis.validateValue(remappedValue);\n\t\tthis.controller.onFacade.onChange(event, remappedValue);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' \|\| event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.refInputNumber,\n\t\t\t});\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tif (!this._value && this.refInputRange?.value) {\n\t\t\tthis.validateValue(parseFloat(this.refInputRange.value));\n\t\t}\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-range', 'range'),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t\tconst { _suggestions, ...other } = this.state;\n\n\t\treturn {\n\t\t\tstate: { ...other, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonChange: this.onChange,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getInputRangeProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-range` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'range',\n\t\t\ttabIndex: -1,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\tref: this.catchInputRangeRef,\n\t\t};\n\t}\n\n\tprivate getInputNumberProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-number` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'number',\n\t\t\tref: this.catchInputNumberRef,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tprivate setInitialValueType(value?: number \| NumberString) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else {\n\t\t\tthis._initialValueType = 'number';\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst inputsWrapperStyle = {\n\t\t\t// use number of digits in max value plus some space for the number input arrow buttons\n\t\t\t'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n\t\t};\n\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<div class=\"kol-input-range__inputs-wrapper\" style={inputsWrapperStyle}>\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--range\" {...this.getInputRangeProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--number\" {...this.getInputNumberProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.hasSuggestions && <KolSuggestionsFc id={this.state._id} suggestions={this.state._suggestions} />}\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRangeController;\n\n\t/\n\t Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t /\n\t@Prop() public _accessKey?: string;\n\n\t/\n\t Defines whether the input can be auto-completed.\n\t /\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: IdPropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the largest possible input value.\n\t /\n\t@Prop() public _max?: number \| NumberString = 100;\n\n\t/\n\t Defines the smallest possible input value.\n\t /\n\t@Prop() public _min?: number \| NumberString = 0;\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/\n\t Defines the step size for value changes.\n\t /\n\t@Prop() public _step?: number \| NumberString;\n\n\t/\n\t Suggestions to provide for the input.\n\t /\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/\n\t Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number \| NumberString;\n\n\t@State() public state: InputRangeStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_min: 0,\n\t\t_max: 100,\n\t};\n\t@State() private _initialValueType: 'number' \| 'NumberString' = 'number';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRangeController(this, 'range', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number \| NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number \| NumberString): void {\n\t\tthis.controller.validateMin(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number \| NumberString): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number \| NumberString): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined) {\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc","KolSuggestionsFc"],"mappings":"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"}

package/dist/kolibri/kol-input-range.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as t,g as e}from"./index-Dina3aff.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{c as o}from"./clsx-eK3rPvPS.js";import{n as a}from"./dev.utils-0SH3ep_K.js";import{p as s}from"./controller-CV2y9Ae_.js";import{F as r}from"./FormFieldStateWrapper-DRcnPo2o.js";import{I as l,S as d}from"./InputStateWrapper-GJbSTDc8.js";import{I as h,a as c}from"./controller-icon-DN63N3Rm.js";import"./common-8fBdMvJM.js";import{v as p}from"./auto-complete-BsG3RQJ3.js";import{v as u}from"./suggestions-DfF4lcNG.js";import"./component-names-CkE54Ym7.js";import"./access-and-short-key-bcID78Ha.js";import"./disabled-BydergHu.js";import"./hide-label-DRunOux4.js";import"./label-CdtNxOKu.js";import"./tooltip-align-_VI7LehI.js";import"./align-CyK0wp7d.js";import"./events-CoPFQEiC.js";import"./associated.controller-BKIODHIT.js";import"./bootstrap-BiRnv4fV.js";import"./i18n-ZF6JbdVP.js";import"./isObject-DvSELytj.js";import"./Alert-yh8R3coC.js";import"./i18n-CdSCDnmA.js";import"./bem-CHTjklyp.js";import"./browser-Ba2Wl_kh.js";import"./Heading-KhwFHPZb.js";import"./InternalUnderlinedBadgeText-BnPUgbKl.js";import"./reuse-CX4AQDkS.js";import"./Input-BxElrU0N.js";import"./Icon-BsRmEtCa.js";import"./icons-72ER78AW.js";class m extends h{constructor(t,e,n){super(t,e,n),this.component=t}validateAutoComplete(t){p(this.component,t)}validateMax(t){this.validateNumber("_max",t)}validateMin(t){this.validateNumber("_min",t)}validateStep(t){this.validateNumber("_step",t)}validateSuggestions(t){u(this.component,t)}validateValue(t){this.validateNumber("_value",t),this.component._value=t,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 f="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: 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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::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  .kol-input-container {\n    background-color: white;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\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  .kol-input {\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-range__inputs-wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n    align-items: center;\n  }\n  .kol-input-range__input--number {\n    width: var(--kolibri-input-range--input-number--width);\n  }\n  .kol-input-range__input--range {\n    background-color: #d3d3d3;\n    display: inline-block;\n    /* Design-Hack - related with flex-grow */\n    width: 0;\n    height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    flex-grow: 1;\n    line-height: 1.5;\n    appearance: none;\n    border: 1px solid #000;\n  }\n  .kol-input-range__input--range::-webkit-slider-thumb {\n    background-color: #000;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -webkit-appearance: none;\n  }\n  .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    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -moz-appearance: none;\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\n    cursor: pointer;\n  }\n}",b=class{async kolFocus(){var t;null===(t=this.refInputNumber)||void 0===t||t.focus()}getSanitizedFloatValue(t){const e=parseFloat(t);return this.state._max&&e>this.state._max?this.state._max:this.state._min&&e<this.state._min?this.state._min:e}remapValue(t){return"NumberString"===this._initialValueType?String(t):t}async getValue(){if(void 0!==this.refInputNumber){const t=this.refInputNumber.value,e=this.getSanitizedFloatValue(t);return this.remapValue(e)}}componentDidLoad(){var t;!this._value&&(null===(t=this.refInputRange)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputRange.value))}getFormFieldProps(){return{state:this.state,class:o("kol-input-range","range"),tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return null===(t=this.refInputRange)||void 0===t?void 0:t.focus()},alert:this.showAsAlert()}}getGenericInputProps(){const t=this.state,e=i(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},e),{_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(t){this.controller.isNumberString(t)?this._initialValueType="NumberString":this._initialValueType="number"}render(){const t={"--kolibri-input-range--input-number--width":`calc(${String(this.state._max).length}ch + 2em)`};return n(r,Object.assign({key:"64f282f26b8e61c4bb04b8bd2ca733b5e16a1428"},this.getFormFieldProps()),n(c,{key:"b038df3c353f34b94ae5feacdb72a7133dca4620",state:this.state},n("div",{key:"92d565e92b34e5f37a9064e886898d9c34ae6b01",class:"kol-input-range__inputs-wrapper",style:t},n(l,Object.assign({key:"f3fede8d7e5335ba75b4db6bb551f56c5fbe03bc",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(l,Object.assign({key:"874ed2a49a8bb147375330f1450b4b3064c35510",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(d,{key:"9853b6ec4638592cd84a4b7acc04fff9f3372cc1",id:this.state._id,suggestions:this.state._suggestions})))}constructor(e){t(this,e),this.catchInputNumberRef=t=>{var e;t&&(this.refInputNumber=t,!this._value&&(null===(e=this.refInputNumber)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=t=>{t&&(this.refInputRange=t)},this.onInput=t=>{const e=t.target.value,n=this.getSanitizedFloatValue(e);this.controller.onFacade.onInput(t,!0,this.remapValue(n))},this.onChange=t=>{const e=t.target.value,n=this.getSanitizedFloatValue(e),i=this.remapValue(n);this.validateValue(i),this.controller.onFacade.onChange(t,i)},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||s({form:this.host})},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._max=100,this._min=0,this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${a()}`,_label:"",_suggestions:[],_min:0,_max:100},this._initialValueType="number",this.inputHasFocus=!1,this.controller=new m(this,"range",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateStep(t){this.controller.validateStep(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t),void 0!==t&&this.setInitialValueType(t)}componentWillLoad(){void 0!==this._value&&this.setInitialValueType(this._value),this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return e(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"]}}};b.style={default:f};export{b as kol_input_range};
+import{h as n,r as t,g as e}from"./index-DXabIfEM.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{c as o}from"./clsx-eK3rPvPS.js";import{F as a}from"./FormFieldStateWrapper-B3p0ZzG-.js";import{I as s,a as r}from"./controller-icon-jwhou2Oz.js";import{I as l,S as d}from"./InputStateWrapper-BNXEE43D.js";import{n as h}from"./dev.utils-yQD-QKCU.js";import{p as c}from"./controller-DLgscExO.js";import"./common-L1K0yh1S.js";import{v as p}from"./auto-complete-h9OoHuC5.js";import{v as u}from"./suggestions-Bufr76At.js";import"./access-and-short-key-Dy2a7Py3.js";import"./disabled-u5a_azlj.js";import"./hide-label-DjBQJOAP.js";import"./label-ohY9ajP0.js";import"./tooltip-align-DEw_M6Is.js";import"./align-Bcqvz5vw.js";import"./events-9-skLO0f.js";import"./associated.controller-CvM-u0FR.js";import"./bootstrap-DKvDv4kw.js";import"./component-names-CkE54Ym7.js";import"./i18n-B-iJAw_i.js";import"./isObject-DvSELytj.js";import"./reuse-CX4AQDkS.js";import"./i18n-CQxlBXNV.js";import"./InternalUnderlinedBadgeText-CF6FOiQi.js";import"./Alert-DzpS4CJD.js";import"./bem-CIn1qsbp.js";import"./browser-CyCtPZc0.js";import"./Heading-ClZtMSvA.js";import"./Icon-B8-kh-9q.js";import"./icons-CmMX8bbY.js";import"./Input-CF2Hxzy7.js";class m extends s{constructor(t,n,e){super(t,n,e),this.component=t}validateAutoComplete(t){p(this.component,t)}validateMax(t){this.validateNumber("_max",t)}validateMin(t){this.validateNumber("_min",t)}validateStep(t){this.validateNumber("_step",t)}validateSuggestions(t){u(this.component,t)}validateValue(t){this.validateNumber("_value",t),this.component._value=t,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 f='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::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  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-range__inputs-wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n    align-items: center;\n  }\n  .kol-input-range__input--number {\n    width: var(--kolibri-input-range--input-number--width);\n  }\n  .kol-input-range__input--range {\n    background-color: #d3d3d3;\n    display: inline-block;\n    /* Design-Hack - related with flex-grow */\n    width: 0;\n    height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    flex-grow: 1;\n    line-height: 1.5;\n    appearance: none;\n    border: 1px solid #000;\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-webkit-slider-thumb {\n    background-color: #000;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -webkit-appearance: none;\n  }\n  @media (prefers-contrast: more) or (forced-colors: active) {\n    .kol-input-range__input--range::-webkit-slider-thumb {\n      outline: 1px solid currentColor;\n    }\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-moz-range-thumb {\n    background-color: #000;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -moz-appearance: none;\n  }\n}',b=class{async kolFocus(){var t;null===(t=this.refInputNumber)||void 0===t||t.focus()}getSanitizedFloatValue(t){const n=parseFloat(t);return this.state._max&&n>this.state._max?this.state._max:this.state._min&&n<this.state._min?this.state._min:n}remapValue(t){return"NumberString"===this._initialValueType?String(t):t}async getValue(){if(void 0!==this.refInputNumber){const t=this.refInputNumber.value,n=this.getSanitizedFloatValue(t);return this.remapValue(n)}}componentDidLoad(){var t;!this._value&&(null===(t=this.refInputRange)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputRange.value))}getFormFieldProps(){return{state:this.state,class:o("kol-input-range","range"),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getGenericInputProps(){const t=this.state,n=i(t,["_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(t){this.controller.isNumberString(t)?this._initialValueType="NumberString":this._initialValueType="number"}render(){const t={"--kolibri-input-range--input-number--width":`calc(${String(this.state._max).length}ch + 2em)`};return n(a,Object.assign({key:"2b79d0c28561a4f0035f6e35afdb0ff9957d0ed8"},this.getFormFieldProps()),n(r,{key:"9c544b7bae6dc2abb3e297015216c88872a78b8e",state:this.state},n("div",{key:"6fc42d92419cc0a65cf37b7af227fea0ef53c7a9",class:"kol-input-range__inputs-wrapper",style:t},n(l,Object.assign({key:"b31e2cf0b5ffefdc0a274e6186a1b62865ba15d4",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(l,Object.assign({key:"d05addcf1b45132df1903bc05b4742fd0e48a5fc",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(d,{key:"ebb28556a2f6f6fa0545e681ff4a7854f9058167",id:this.state._id,suggestions:this.state._suggestions})))}constructor(n){t(this,n),this.catchInputNumberRef=t=>{var n;t&&(this.refInputNumber=t,!this._value&&(null===(n=this.refInputNumber)||void 0===n?void 0:n.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=t=>{t&&(this.refInputRange=t)},this.onInput=t=>{const n=t.target.value,e=this.getSanitizedFloatValue(n);this.controller.onFacade.onInput(t,!0,this.remapValue(e))},this.onChange=t=>{const n=t.target.value,e=this.getSanitizedFloatValue(n),i=this.remapValue(e);this.validateValue(i),this.controller.onFacade.onChange(t,i)},this.onKeyDown=t=>{this.controller.onFacade.onKeyDown(t),"Enter"!==t.code&&"NumpadEnter"!==t.code||c({form:this.host})},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._max=100,this._min=0,this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${h()}`,_label:"",_suggestions:[],_min:0,_max:100},this._initialValueType="number",this.inputHasFocus=!1,this.controller=new m(this,"range",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateStep(t){this.controller.validateStep(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t),void 0!==t&&this.setInitialValueType(t)}componentWillLoad(){void 0!==this._value&&this.setInitialValueType(this._value),this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return e(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"]}}};b.style={default:f};export{b as kol_input_range};

package/dist/kolibri/kol-input-range.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["h","registerInstance","getElement","__rest","clsx","~~nonce~~","~~propagateSubmitEventToForm~~","~~FormFieldStateWrapper~~","InputStateWrapper","SuggestionsFc","~~InputIconController~~","~~InputContainerStateWrapperFc~~","validateAutoComplete","validateSuggestions","InputRangeController","constructor","component","name","host","super","this","value","validateMax","validateNumber","validateMin","validateStep","validateValue","_value","setFormAssociatedValue","state","componentWillLoad","_autoComplete","_max","_min","_step","_suggestions","defaultStyleCss","KolInputRange","kolFocus","_a","refInputNumber","focus","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","undefined","componentDidLoad","refInputRange","getFormFieldProps","class","tooltipAlign","_tooltipAlign","~~onClick","~~alert","showAsAlert","getGenericInputProps","other","Object","assign","controller","onFacade","onChange","onInput","onFocus","event","inputHasFocus","onBlur","hasSuggestions","Array","isArray","length","getInputRangeProps","_name","list","_id","type","tabIndex","id","ref","catchInputRangeRef","getInputNumberProps","catchInputNumberRef","onKeyDown","setInitialValueType","isNumberString","render","inputsWrapperStyle","key","style","suggestions","hostRef","element","target","remappedValue","code","form","_disabled","_hideMsg","_hideLabel","_hint","_touched","_label","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","~~delegatesFocus","~~watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAkB,kCAC5CC,MAAc,sCACdC,MAAY,iCACZC,~~MAAa~~,~~sCACbC~~,~~MAAkC~~,~~uCAClCC~~,~~MAA6B~~,~~kDAC7BC,~~OAAwBC,MAAqB,8CAC7CC,~~OAA0BC~~,~~MAAoC~~,~~sCACrE~~,mCACOC,MAA4B,0CAC5BC,MAA2B,kCAClC,~~sCACA,~~2CACA,+BACA,iCACA,4BACA,oCACA,4BACA,6BACA,4CACA,gCACA,2BACA,+BACA,4BACA,2BACA,0BACA,8BACA,8BACA,~~kDACA~~,4BACA,~~4BACA,2BACA,~~sBAEP,MAAMC,~~UAA6BJ~~,EAC/B,~~WAAAK~~,CAAYC,EAAWC,EAAMC,GACzBC,MAAMH,EAAWC,EAAMC,GACvBE,KAAKJ,UAAYA,CACrB,CACA,oBAAAJ,CAAqBS,GACjBT,EAAqBQ,KAAKJ,UAAWK,EACzC,CACA,WAAAC,CAAYD,GACRD,KAAKG,eAAe,OAAQF,EAChC,CACA,WAAAG,CAAYH,GACRD,KAAKG,eAAe,OAAQF,EAChC,CACA,YAAAI,CAAaJ,GACTD,KAAKG,eAAe,QAASF,EACjC,CACA,mBAAAR,CAAoBQ,GAChBR,EAAoBO,KAAKJ,UAAWK,EACxC,CACA,aAAAK,CAAcL,GACVD,KAAKG,eAAe,SAAUF,GAC9BD,KAAKJ,UAAUW,OAASN,EACxBD,KAAKQ,uBAAuBR,KAAKJ,UAAUa,MAAMF,OACrD,CACA,iBAAAG,GACIX,MAAMW,oBACNV,KAAKR,qBAAqBQ,KAAKJ,UAAUe,eACzCX,KAAKE,YAAYF,KAAKJ,UAAUgB,MAChCZ,KAAKI,YAAYJ,KAAKJ,UAAUiB,MAChCb,KAAKK,aAAaL,KAAKJ,UAAUkB,OACjCd,KAAKP,oBAAoBO,KAAKJ,UAAUmB,cACxCf,KAAKM,cAAcN,KAAKJ,UAAUW,OACtC,EAGJ,MAAMS,EAAkB,~~w/SAExB~~,MAAMC,EAAgB,MAClB,cAAMC,GACF,IAAIC,GACHA,EAAKnB,KAAKoB,kBAAoB,MAAQD,SAAY,OAAS,EAAIA,EAAGE,OACvE,CACA,sBAAAC,CAAuBrB,GACnB,MAAMsB,EAAaC,WAAWvB,GAC9B,GAAID,KAAKS,MAAMG,MAAQW,EAAavB,KAAKS,MAAMG,KAAM,CACjD,OAAOZ,KAAKS,MAAMG,IACtB,CACA,GAAIZ,KAAKS,MAAMI,MAAQU,EAAavB,KAAKS,MAAMI,KAAM,CACjD,OAAOb,KAAKS,MAAMI,IACtB,CACA,OAAOU,CACX,CACA,UAAAE,CAAWxB,GACP,GAAID,KAAK0B,oBAAsB,eAAgB,CAC3C,OAAOC,OAAO1B,EAClB,CACA,OAAOA,CACX,CACA,cAAM2B,GACF,GAAI5B,KAAKoB,iBAAmBS,UAAW,CACnC,MAAM5B,EAAQD,KAAKoB,eAAenB,MAClC,MAAMsB,EAAavB,KAAKsB,uBAAuBrB,GAC/C,OAAOD,KAAKyB,WAAWF,EAC3B,CACJ,CACA,gBAAAO,GACI,IAAIX,EACJ,IAAKnB,KAAKO,UAAYY,EAAKnB,KAAK+B,iBAAmB,MAAQZ,SAAY,OAAS,EAAIA,EAAGlB,OAAQ,CAC3FD,KAAKM,cAAckB,WAAWxB,KAAK+B,cAAc9B,OACrD,CACJ,CACA,iBAAA+B,GACI,MAAO,CACHvB,MAAOT,KAAKS,MACZwB,MAAOjD,EAAK,kBAAmB,SAC/BkD,aAAclC,KAAKmC,cACnBC,~~QAAS~~,~~KAAQ~~,~~IAAIjB,EAAI,OAAQA,EAAKnB,KAAK+B,iBAAmB,MAAQZ,SAAY,OAAS,EAAIA,EAAGE,OAAO,EACzGgB,MAAOrC,KAAKsC,~~cAEpB,CACA,oBAAAC,GACI,~~MAAMpB~~,EAAKnB,KAAKS,~~MAAO+B~~,~~EAAQzD~~,EAAOoC,EAAI,CAAC,iBAC3C,~~OAAOsB~~,OAAOC,OAAOD,OAAOC,OAAO,~~CAAEjC~~,~~MAAOgC~~,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGF,GAAQ,~~CAAEzB~~,aAAc,MAASf,~~KAAK2C~~,WAAWC,UAAW,CAAEC,~~SAAU7C~~,~~KAAK6C~~,SAAUC,~~QAAS9C~~,~~KAAK8C~~,QAASC,QAAUC,~~IAC5LhD~~,~~KAAK2C~~,WAAWC,SAASG,QAAQC,~~GACjChD~~,~~KAAKiD~~,cAAgB,IAAI,EAC1BC,OAASF,~~IACRhD~~,~~KAAK2C~~,WAAWC,SAASM,OAAOF,~~GAChChD~~,~~KAAKiD~~,cAAgB,KAAK,GAEtC,CACA,kBAAIE,GACA,OAAOC,MAAMC,~~QAAQrD~~,KAAKS,MAAMM,eAAiBf,KAAKS,MAAMM,~~aAAauC~~,OAAS,CACtF,CACA,kBAAAC,GACI,OAAOd,OAAOC,OAAOD,OAAOC,OAAO,CAAC,~~EAAG1C~~,~~KAAKuC~~,wBAAyB,~~CAAE1C~~,KAAMG,KAAKS,~~MAAM+C~~,MAAQ,~~GAAGxD~~,KAAKS,~~MAAM+C~~,~~cAAgB3B~~,~~UAAW4B~~,~~KAAMzD~~,~~KAAKmD~~,eAAiB,~~GAAGnD~~,KAAKS,~~MAAMiD~~,~~WAAa7B~~,~~UAAW8B~~,KAAM,QAASC,UAAW,EAAGC,~~GAAIhC~~,UAAW,cAAe,~~OAAQiC~~,~~IAAK9D~~,~~KAAK+D~~,oBAC5R,CACA,mBAAAC,GACI,OAAOvB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,~~EAAG1C~~,~~KAAKuC~~,wBAAyB,~~CAAE1C~~,KAAMG,KAAKS,~~MAAM+C~~,MAAQ,~~GAAGxD~~,KAAKS,~~MAAM+C~~,~~eAAiB3B~~,~~UAAW4B~~,~~KAAMzD~~,~~KAAKmD~~,eAAiB,~~GAAGnD~~,KAAKS,~~MAAMiD~~,~~WAAa7B~~,~~UAAW8B~~,KAAM,SAAUG,~~IAAK9D~~,~~KAAKiE~~,oBAAqBC,~~UAAWlE~~,~~KAAKkE~~,WAC/Q,CACA,mBAAAC,~~CAAoBlE~~,GAChB,GAAID,~~KAAK2C~~,WAAWyB,~~eAAenE~~,GAAQ,CACvCD,KAAK0B,kBAAoB,cAC7B,KACK,CACD1B,KAAK0B,kBAAoB,QAC7B,CACJ,CACA,~~MAAA2C~~,GACI,MAAMC,EAAqB,CACvB,6CAA8C,~~QAAQ3C~~,OAAO3B,KAAKS,MAAMG,~~MAAM0C~~,mBAElF,~~OAAQ1E~~,~~EAAEO~~,~~EAAuBsD~~,OAAOC,OAAO,CAAE6B,IAAK,~~4CAA8CvE~~,KAAKgC,qBAAsBpD,~~EAAEW~~,EAA8B,~~CAAEgF~~,IAAK,~~2CAA4C9D~~,MAAOT,KAAKS,OAAS7B,EAAE,MAAO,~~CAAE2F~~,IAAK,~~2CAA4CtC~~,MAAO,~~kCAAmCuC~~,MAAOF,~~GAAsB1F~~,EAAEQ,~~EAAmBqD~~,OAAOC,OAAO,CAAE6B,IAAK,~~2CAA4CtC~~,MAAO,wDAA0DjC,~~KAAKuD~~,~~uBAAwB3E~~,EAAEQ,~~EAAmBqD~~,OAAOC,OAAO,CAAE6B,IAAK,~~2CAA4CtC~~,MAAO,yDAA2DjC,~~KAAKgE~~,~~yBAA0BhE~~,~~KAAKmD~~,~~gBAAkBvE~~,EAAES,EAAe,~~CAAEkF~~,IAAK,2CAA4CV,~~GAAI7D~~,KAAKS,~~MAAMiD~~,IAAKe,~~YAAazE~~,KAAKS,MAAMM,gBACh2B,CACA,WAAApB,~~CAAY+E~~,~~GACR7F~~,EAAiBmB,~~KAAM0E~~,~~GACvB1E~~,~~KAAKiE~~,oBAAuBU,IACxB,~~IAAIxD~~,EACJ,~~GAAIwD~~,EAAS,~~CACT3E~~,KAAKoB,~~eAAiBuD~~,EACtB,~~IAAK3E~~,KAAKO,UAAYY,EAAKnB,KAAKoB,kBAAoB,MAAQD,SAAY,OAAS,EAAIA,EAAGlB,OAAQ,CAC5FD,KAAKM,cAAckB,WAAWxB,KAAKoB,eAAenB,OACtD,CACJ,GAEJD,~~KAAK+D~~,mBAAsBY,IACvB,GAAIA,EAAS,~~CACT3E~~,KAAK+B,~~cAAgB4C~~,CACzB,~~GAEJ3E~~,~~KAAK8C~~,QAAWE,IACZ,~~MAAM/C~~,~~EAAQ+C~~,EAAM4B,~~OAAO3E~~,MAC3B,MAAMsB,EAAavB,KAAKsB,uBAAuBrB,GAC/CD,~~KAAK2C~~,WAAWC,SAASE,QAAQE,EAAO,~~KAAMhD~~,KAAKyB,WAAWF,GAAY,EAE9EvB,~~KAAK6C~~,SAAYG,IACb,~~MAAM/C~~,~~EAAQ+C~~,EAAM4B,~~OAAO3E~~,MAC3B,MAAMsB,EAAavB,KAAKsB,uBAAuBrB,GAC/C,~~MAAM4E~~,~~EAAgB7E~~,KAAKyB,WAAWF,GACtCvB,KAAKM,~~cAAcuE~~,~~GACnB7E~~,~~KAAK2C~~,WAAWC,SAASC,SAASG,EAAO6B,EAAc,~~EAE3D7E~~,~~KAAKkE~~,UAAalB,IACd,GAAIA,EAAM8B,OAAS,SAAW9B,EAAM8B,OAAS,cAAe,~~CACxD5F~~,EAA2B,~~CACvB6F~~,~~KAAM/E~~,KAAKF,MACnB,GAEJE,KAAKW,cAAgB,MACrBX,~~KAAKgF~~,UAAY,~~MACjBhF~~,~~KAAKiF~~,SAAW,~~MAChBjF~~,~~KAAKkF~~,WAAa,~~MAClBlF~~,~~KAAKmF~~,MAAQ,~~GACbnF~~,KAAKY,KAAO,IACZZ,KAAKa,KAAO,EACZb,KAAKmC,cAAgB,MACrBnC,~~KAAKoF~~,SAAW,~~MAChBpF~~,KAAKS,MAAQ,~~CACTwE~~,SAAU,MACVvB,IAAK,~~MAAMzE~~,~~MACXoG~~,OAAQ,~~GACRtE~~,aAAc,GACdF,KAAM,EACND,KAAM,KAEVZ,KAAK0B,kBAAoB,SACzB1B,~~KAAKiD~~,cAAgB,~~MACrBjD~~,~~KAAK2C~~,WAAa,~~IAAIjD~~,EAAqBM,KAAM,QAASA,KAAKF,KACnE,CACA,~~WAAAwC~~,GACI,OAAOgD,~~QAAQtF~~,KAAKS,~~MAAM2E~~,~~YAAcpF~~,~~KAAKiD~~,aACjD,CACA,iBAAAsC,~~CAAkBtF~~,GACdD,~~KAAK2C~~,WAAW4C,~~kBAAkBtF~~,EACtC,CACA,oBAAAT,CAAqBS,GACjBD,~~KAAK2C~~,~~WAAWnD~~,qBAAqBS,EACzC,CACA,~~gBAAAuF~~,~~CAAiBvF~~,GACbD,~~KAAK2C~~,WAAW6C,~~iBAAiBvF~~,EACrC,CACA,~~eAAAwF~~,~~CAAgBxF~~,GACZD,~~KAAK2C~~,WAAW8C,~~gBAAgBxF~~,EACpC,CACA,~~iBAAAyF~~,~~CAAkBzF~~,GACdD,~~KAAK2C~~,WAAW+C,~~kBAAkBzF~~,EACtC,CACA,~~YAAA0F~~,~~CAAa1F~~,GACTD,~~KAAK2C~~,WAAWgD,~~aAAa1F~~,EACjC,CACA,~~aAAA2F~~,~~CAAc3F~~,GACVD,~~KAAK2C~~,WAAWiD,~~cAAc3F~~,EAClC,CACA,~~UAAA4F~~,~~CAAW5F~~,GACPD,~~KAAK2C~~,WAAWkD,~~WAAW5F~~,EAC/B,CACA,~~aAAA6F~~,~~CAAc7F~~,GACVD,~~KAAK2C~~,WAAWmD,~~cAAc7F~~,EAClC,CACA,WAAAC,CAAYD,GACRD,~~KAAK2C~~,~~WAAWzC~~,YAAYD,EAChC,CACA,WAAAG,CAAYH,GACRD,~~KAAK2C~~,~~WAAWvC~~,YAAYH,EAChC,CACA,~~WAAA8F~~,~~CAAY9F~~,GACRD,~~KAAK2C~~,WAAWoD,~~YAAY9F~~,EAChC,CACA,~~YAAA+F~~,~~CAAa/F~~,GACTD,~~KAAK2C~~,WAAWqD,~~aAAa/F~~,EACjC,CACA,~~UAAAgG~~,~~CAAWhG~~,GACPD,~~KAAK2C~~,WAAWsD,~~WAAWhG~~,EAC/B,CACA,~~gBAAAiG~~,~~CAAiBjG~~,GACbD,~~KAAK2C~~,WAAWuD,~~iBAAiBjG~~,EACrC,CACA,YAAAI,CAAaJ,GACTD,~~KAAK2C~~,~~WAAWtC~~,aAAaJ,EACjC,CACA,mBAAAR,CAAoBQ,GAChBD,~~KAAK2C~~,~~WAAWlD~~,oBAAoBQ,EACxC,CACA,~~2BAAAkG~~,~~CAA4BlG~~,GACxBD,~~KAAK2C~~,WAAWwD,~~4BAA4BlG~~,EAChD,CACA,~~eAAAmG~~,~~CAAgBnG~~,GACZD,~~KAAK2C~~,WAAWyD,~~gBAAgBnG~~,EACpC,CACA,aAAAK,CAAcL,GACVD,~~KAAK2C~~,~~WAAWrC~~,cAAcL,GAC9B,GAAIA,IAAU4B,UAAW,CACrB7B,~~KAAKmE~~,~~oBAAoBlE~~,EAC7B,CACJ,CACA,iBAAAS,GACI,GAAIV,KAAKO,SAAWsB,UAAW,CAC3B7B,~~KAAKmE~~,~~oBAAoBnE~~,KAAKO,OAClC,CACAP,~~KAAKoF~~,~~SAAWpF~~,~~KAAKoF~~,WAAa,~~KAClCpF~~,~~KAAK2C~~,~~WAAWjC~~,mBACpB,CACA,~~yBAAW2F~~,~~GAAmB,OAAO,IAAM,CAC3C,QAAIvG,~~GAAS,OAAOhB,EAAWkB,KAAO,CACtC,~~mBAAWsG~~,GAAa,MAAO,CAC3BC,WAAc,CAAC,~~qBACf5F~~,cAAiB,CAAC,~~wBAClBqE~~,UAAa,CAAC,oBACdC,SAAY,CAAC,mBACbC,WAAc,CAAC,qBACfC,MAAS,CAAC,~~gBACVqB~~,OAAU,CAAC,~~iBACX9C~~,IAAO,CAAC,cACR2B,OAAU,CAAC,~~iBACXzE~~,KAAQ,CAAC,eACTC,KAAQ,CAAC,~~eACT4F~~,KAAQ,CAAC,~~eACTjD~~,MAAS,CAAC,~~gBACVkD~~,IAAO,CAAC,cACRC,UAAa,CAAC,~~oBACd7F~~,MAAS,CAAC,gBACVC,aAAgB,CAAC,~~uBACjB6F~~,qBAAwB,CAAC,+~~BACzBxB~~,SAAY,CAAC,~~mBACb7E~~,OAAU,CAAC,iBACZ,GAEPU,~~EAAcuD~~,MAAQ,~~CAClBqC~~,~~QAAS7F~~,UAGJC","ignoreList":[]}
1	+ {"version":3,"names":["h","registerInstance","getElement","__rest","clsx","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","nonce","propagateSubmitEventToForm","validateAutoComplete","validateSuggestions","InputRangeController","constructor","component","name","host","super","this","value","validateMax","validateNumber","validateMin","validateStep","validateValue","_value","setFormAssociatedValue","state","componentWillLoad","_autoComplete","_max","_min","_step","_suggestions","defaultStyleCss","KolInputRange","kolFocus","_a","refInputNumber","focus","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","undefined","componentDidLoad","refInputRange","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getGenericInputProps","other","Object","assign","controller","onFacade","onChange","onInput","onFocus","event","inputHasFocus","onBlur","hasSuggestions","Array","isArray","length","getInputRangeProps","_name","list","_id","type","tabIndex","id","ref","catchInputRangeRef","getInputNumberProps","catchInputNumberRef","onKeyDown","setInitialValueType","isNumberString","render","inputsWrapperStyle","key","style","suggestions","hostRef","element","target","remappedValue","code","form","_disabled","_hideMsg","_hideLabel","_hint","_touched","_label","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}