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

package/dist/kolibri/kol-input-password.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolInputPasswordDefaultStyle0","KolInputPassword","getValue","_a","this","inputRef","value","focus","kolFocus","render","ariaDescribedBy","getRenderStates","state","hasExpertSlot","showExpertSlot","_label","h","Host","key","class","_hasValue","KolInputTag","_hideLabel","password","_accessKey","_alert","showAsAlert","_currentLength","_disabled","_msg","_hasCounter","_hideError","_hint","_icons","_id","_maxLength","_readOnly","_required","_shortKey","_smartButton","_tooltipAlign","_touched","onClick","role","slot","name","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","label","Object","assign","ref","catchRef","title","accessKey","length","join","undefined","autoCapitalize","autoComplete","_autoComplete","autoCorrect","disabled","id","maxlength","_name","pattern","_pattern","placeholder","_placeholder","readOnly","required","spellcheck","type","_passwordVisible","_value","controller","onFacade","onKeyDown","onInput","onFocus","event","inputHasFocus","onBlur","_variant","KolButtonWcTag","translate","_on","constructor","hostRef","code","propagateSubmitEventToForm","form","host","setState","target","nonce","InputPasswordController","Boolean","validateAccessKey","validateAlert","validateAutoComplete","devHint","validateDisabled","validateVariant","validateError","validateHasCounter","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","validateValue","componentWillLoad","addValueChangeListener","v"],"sources":["src/components/input-password/style.scss?tag=kol-input-password&mode=default&encapsulation=shadow","src/components/input-password/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../input-line';\n\n@include kol-alert-styles;\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t.password-toggle-button {\n\t\tposition: absolute;\n\t\ttransform: translateX(-100%);\n\t}\n\n\t.kol-tooltip-wc {\n\t\t--kol-tooltip-width: #{rem(160)};\n\t}\n}\n","import type {\n\tButtonProps,\n\tFocusableElement,\n\tHideErrorPropType,\n\tIdPropType,\n\tInputPasswordAPI,\n\tInputPasswordStates,\n\tInputTypeOnDefault,\n\tInputTypeOnOff,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, devHint, setState, showExpertSlot } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../../functional-components';\nimport { InputPasswordController } from './controller';\nimport { KolButtonWcTag, KolInputTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-password',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolInputPassword implements InputPasswordAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputPasswordElement;\n\tprivate inputRef?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.inputRef?.value;\n\t}\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\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 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\tprivate readonly onInput = (event: InputEvent) => {\n\t\tsetState(this, '_currentLength', (event.target as HTMLInputElement).value.length);\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-input-password': true,\n\t\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<KolInputTag\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t\tpassword: true,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t_currentLength={this.state._currentLength}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t_hasCounter={this.state._hasCounter}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_maxLength={this.state._maxLength}\n\t\t\t\t\t_readOnly={this.state._readOnly}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.inputRef?.focus()}\n\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey, this.state._shortKey)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tmaxlength={this.state._maxLength}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\tpattern={this.state._pattern}\n\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\treadOnly={this.state._readOnly}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\ttype={this._passwordVisible ? 'text' : 'password'}\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonKeyDown={this.onKeyDown}\n\t\t\t\t\t\t\tonInput={this.onInput}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{this._variant === 'visibility-toggle' && this.inputRef && this.inputRef.value?.length > 0 ? (\n\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\tclass=\"password-toggle-button\"\n\t\t\t\t\t\t\t\t_label={this._passwordVisible ? translate('kol-hide-password') : translate('kol-show-password')}\n\t\t\t\t\t\t\t\t_variant=\"ghost\"\n\t\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\t\tthis._passwordVisible = !this._passwordVisible;\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t_icons={this._passwordVisible ? 'codicon codicon-eye-closed' : 'codicon codicon-eye-watch'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t''\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputPasswordController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\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 * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Shows the character count on the lower border of the input.\n\t * @TODO: Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCounter?: 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 `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: 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?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\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 maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\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 * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\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 * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\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 which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\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() public _value?: string;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: PasswordVariantPropType = 'default';\n\n\t@State() public state: InputPasswordStates = {\n\t\t_autoComplete: 'off',\n\t\t_currentLength: 0,\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_variant: 'default',\n\t};\n\t@State() private _passwordVisible: boolean = false;\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputPasswordController(this, 'password', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\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('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t\tif (value === 'on') {\n\t\t\tdevHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n\t\t}\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\t@Watch('_variant')\n\tpublic validateVariant(value?: PasswordVariantPropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: boolean): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): 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('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(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('_pattern')\n\tpublic validatePattern(value?: string): void {\n\t\tthis.controller.validatePattern(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: boolean): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(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('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(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('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(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?: string): 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\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","clsx","devHint","FormFieldStateWrapper","KolIconButtonFc","InputContainerStateWrapperFc","InputStateWrapper","translate","nonce","propagateSubmitEventToForm","InputPasswordController","defaultStyleCss","KolInputPassword","getValue","_a","this","inputRef","value","kolFocus","focus","getFormFieldProps","state","class","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","onClick","alert","showAsAlert","getInputProps","ariaDescribedBy","_maxLength","_id","undefined","Object","assign","ref","catchRef","type","_passwordVisible","onFacade","onInput","onKeyDown","onFocus","event","inputHasFocus","onBlur","getShowPasswordButton","_variant","componentName","label","translateHidePassword","translateShowPassword","buttonVariant","icon","disabled","_disabled","render","key","endAdornment","constructor","hostRef","code","form","host","_value","target","_autoComplete","_hasCounter","_maxLengthBehavior","_hideMsg","_hideLabel","_hint","_readOnly","_required","_touched","_currentLength","_currentLengthDebounced","_label","Boolean","validateAccessKey","validateAutoComplete","validateMaxLengthBehavior","validateDisabled","validateVariant","validateHideMsg","validateHideLabel","validateHasCounter","validateHint","validateIcons","validateId","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSmartButton","validateSyncValueBySelector","validateTouched","validateValue","componentWillLoad","addValueChangeListener","v","delegatesFocus","watchers","_accessKey","_icons","_msg","_name","_on","_pattern","_placeholder","_shortKey","_smartButton","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +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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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,H as e,r as t,g as i}from"./index-4c718166.js";import{n as a}from"./dev.utils-5db255b5.js";import{t as o,s}from"./events-29e84d75.js";import{g as r}from"./controller-ae3a41a0.js";import{a as l}from"./controller-b379ae04.js";import{p as d}from"./controller-6c2714a5.js";import{i as h}from"./component-names-aa3cbc3c.js";import{I as c}from"./InternalUnderlinedBadgeText-68465b64.js";import{K as p}from"./FormFieldMsg-864fe6f0.js";import{s as u,b as f}from"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./associated.controller-bce3d721.js";import"./prop.validators-c5e6ad2d.js";import"./index-541b643a.js";import"./access-and-short-key-864aafba.js";import"./tooltip-align-c001aae2.js";import"./align-3f029493.js";import"./hide-label-db0db59c.js";import"./label-d70e7c34.js";import"./clsx-09a06a12.js";import"./Alert-472252f1.js";import"./tslib.es6-2e5096f8.js";import"./i18n-5fe08f1c.js";import"./i18n-7ea9f137.js";import"./Heading-98b6ed4f.js";const b="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 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}\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  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .required label > span::after,\n  .required legend > span::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  input,\n  textarea {\n    cursor: text;\n  }\n  input[type=checkbox],\n  input[type=color],\n  input[type=file],\n  input[type=radio],\n  input[type=range],\n  label,\n  option,\n  select {\n    cursor: pointer;\n  }\n  /* input[type='checkbox'], */\n  /* input[type='radio'], */\n  /* input[type='range'], */\n  input[type=color],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=email],\n  input[type=file],\n  input[type=month],\n  input[type=number],\n  input[type=password],\n  input[type=search],\n  input[type=tel],\n  input[type=text],\n  input[type=time],\n  input[type=url],\n  input[type=week],\n  select,\n  select[multiple] option,\n  textarea {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n  /* needed hack for vertical alignment */\n  input[type=file] {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n  }\n  /* needed hack for vertical alignment */\n  select[multiple] option {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n  }\n  .input {\n    background-color: white;\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  :host {\n    --border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    --input-size: 1.5em;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .icons {\n    display: none;\n  }\n  label {\n    cursor: pointer;\n  }\n  input {\n    appearance: none;\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: 100%;\n    cursor: pointer;\n    display: flex;\n    height: var(--input-size);\n    margin: 0;\n    min-height: var(--input-size);\n    min-width: var(--input-size);\n    padding: 0;\n    width: var(--input-size);\n  }\n  input:before {\n    border-radius: 100%;\n    content: \"\";\n    margin: auto;\n    height: calc(var(--input-size) / 2);\n    width: calc(var(--input-size) / 2);\n  }\n  input:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    input:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  fieldset {\n    display: flex;\n  }\n  fieldset.vertical {\n    flex-direction: column;\n  }\n  fieldset .input-slot {\n    align-items: center;\n    display: flex;\n  }\n  /* required star is on fieldset legend */\n  .required label > span::after {\n    content: \"\";\n  }\n}",m=b,y=class{async getValue(){return this.currentValue}async focus(){await this.kolFocus()}async kolFocus(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}render(){const{ariaDescribedBy:t,hasError:i}=r(this.state),a=u(this.state._label),o="string"==typeof this._hint&&this._hint.length>0;return n(e,{key:"5ecf7e00bca751b664c005bc4080ab0bfa335ede",class:"kol-input-radio"},n("fieldset",{key:"bc9e149fc31cf0ae72143935698847808a1bfb8a",class:{fieldset:!0,disabled:!0===this.state._disabled,error:!0===i,required:!0===this.state._required,"hidden-error":!0===this._hideError,[this.state._orientation]:!0}},n("legend",{key:"03569733012b617380c5f9aca9bb530829257eb5",class:"block w-full mb-1 leading-normal"},n("span",{key:"d43aad7ef349a7001118ab33f011137911278f7b"},n("span",{key:"e08530edc996726e7e8fd906e9f423d4107b2d36",slot:"label"},a?n("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?n(c,{badgeText:f(this.state._accessKey,this.state._shortKey),label:this._label}):this._label))),this.state._options.map(((e,i)=>{const a=`${this.state._id}-${i}`,o=`radio-${i}`,l=this.state._value===e.value;return n(h,{class:{radio:!0,disabled:Boolean(this.state._disabled||e.disabled)},key:a,_accessKey:this.state._accessKey,_disabled:this.state._disabled||e.disabled,_hideLabel:this.state._hideLabel,_hint:e.hint,_id:a,_label:e.label,_renderNoLabel:!0,_required:this.state._required,_shortKey:this.state._shortKey,_slotName:o,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},n("div",{slot:o,class:"radio-input-wrapper"},n("input",Object.assign({ref:this.state._value===e.value?this.catchRef:void 0,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof e.label?e.label:void 0,type:"radio",id:a,checked:l,name:this.state._name||this.state._id,disabled:this.state._disabled||e.disabled,required:this.state._required,tabIndex:this.state._tabIndex,value:`-${i}`},this.controller.onFacade,{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})),n("label",{class:"radio-label",htmlFor:`${a}`,style:{height:this.state._hideLabel?"0":void 0,margin:this.state._hideLabel?"0":void 0,padding:this.state._hideLabel?"0":void 0,visibility:this.state._hideLabel?"hidden":void 0}},n("span",null,n("span",{class:"radio-label-span-inner"},e.label)))))})),i&&n(p,{key:"a1b9faccfd3e8cb431215ffc5be92cc99c8f1252",_alert:this.showAsAlert(),_hideError:this.state._hideError,_msg:this.state._msg,_id:this.state._id}),o&&n("span",{key:"075eb5e3e50ad8314ef1641659d353cbd8f11235",class:"hint"},this.state._hint)))}constructor(e){t(this,e),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{var t;if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&(o("input",this.host,n.value),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onInput)&&this.state._on.onInput(e,n.value))}},this.onChange=e=>{var t;if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&(s(e),o("change",this.host,n.value),this.controller.setFormAssociatedValue(n.value),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onChange)&&this.state._on.onChange(e,n.value),this.currentValue=n.value)}},this.onKeyDown=e=>{"Enter"!==e.code&&"NumpadEnter"!==e.code||d({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._options=void 0,this._orientation="vertical",this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hideError:!1,_id:`id-${a()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.controller=new l(this,"radio",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(e){this.controller.validateAccessKey(e)}validateTooltipAlign(e){this.controller.validateTooltipAlign(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHideError(e){this.controller.validateHideError(e)}validateHint(e){this.controller.validateHint(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e)}validateOrientation(e){this.controller.validateOrientation(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.currentValue=this._value,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_tooltipAlign:["validateTooltipAlign"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideLabel:["validateHideLabel"],_hideError:["validateHideError"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};y.style={default:m};export{y as kol_input_radio};
+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};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolInputRadioDefaultStyle0","KolInputRadio","getValue","this","currentValue","focus","kolFocus","_a","inputRef","render","ariaDescribedBy","hasError","getRenderStates","state","hasExpertSlot","showExpertSlot","_label","hasHint","_hint","length","h","Host","key","class","fieldset","disabled","_disabled","error","required","_required","_hideError","_orientation","slot","name","_accessKey","_shortKey","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","label","_options","map","option","index","customId","_id","slotName","selected","_value","value","KolInputTag","radio","Boolean","_hideLabel","hint","_renderNoLabel","_slotName","_tooltipAlign","_touched","Object","assign","ref","catchRef","undefined","title","accessKey","join","type","id","checked","_name","tabIndex","_tabIndex","controller","onFacade","onChange","onClick","onInput","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","htmlFor","style","height","margin","padding","visibility","KolFormFieldMsgFc","_alert","showAsAlert","_msg","constructor","hostRef","target","HTMLInputElement","getOptionByKey","tryToDispatchKoliBriEvent","host","_on","stopPropagation","setFormAssociatedValue","code","propagateSubmitEventToForm","form","nonce","InputRadioController","validateAccessKey","validateTooltipAlign","validateAlert","validateDisabled","validateError","validateHideLabel","validateHideError","validateHint","validateId","validateLabel","validateMsg","validateName","validateOn","validateOptions","validateOrientation","validateRequired","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","validateValue","componentWillLoad"],"sources":["src/components/input-radio/style.scss?tag=kol-input-radio&mode=default&encapsulation=shadow","src/components/input-radio/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../input';\n\n@include kol-alert-styles;\n\n@layer kol-component {\n\t:host {\n\t\t--border-width: #{rem(2)};\n\t\t--input-size: 1.5em;\n\t\tfont-size: rem(16);\n\t}\n\n\t.kol-input .icons {\n\t\tdisplay: none;\n\t}\n\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tinput {\n\t\tappearance: none;\n\t\tborder-width: var(--border-width);\n\t\tborder-style: solid;\n\t\tborder-radius: 100%;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\theight: var(--input-size);\n\t\tmargin: 0;\n\t\tmin-height: var(--input-size);\n\t\tmin-width: var(--input-size);\n\t\tpadding: 0;\n\t\twidth: var(--input-size);\n\t}\n\n\tinput:before {\n\t\tborder-radius: 100%;\n\t\tcontent: '';\n\t\tmargin: auto;\n\t\theight: calc(var(--input-size) / 2);\n\t\twidth: calc(var(--input-size) / 2);\n\t}\n\n\tinput:checked:before {\n\t\tbackground-color: #000;\n\t}\n\n\t@media (forced-colors: active) {\n\t\tinput:checked:before {\n\t\t\t/* Give it a visible background in forced colors mode */\n\t\t\tbackground-color: selectedItem !important;\n\t\t}\n\t}\n\n\tfieldset {\n\t\tdisplay: flex;\n\t}\n\n\tfieldset.vertical {\n\t\tflex-direction: column;\n\t}\n\n\tfieldset .input-slot {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t/* required star is on fieldset legend */\n\t.required label > span::after {\n\t\tcontent: '';\n\t}\n}\n","import type {\n\tFocusableElement,\n\tHideErrorPropType,\n\tIdPropType,\n\tInputRadioAPI,\n\tInputRadioStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOrientation,\n\tRadioOptionsPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tShortKeyPropType,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../../functional-components';\nimport { InputRadioController } from './controller';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { KolInputTag } from '../../core/component-names';\nimport { KolFormFieldMsgFc } from '../../functional-components';\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 currentValue?: StencilUnknown;\n\n\tprivate inputRef?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.inputRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown | undefined> {\n\t\treturn this.currentValue;\n\t}\n\n\t/**\n\t * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\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\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy, hasError } = getRenderStates(this.state);\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n\t\treturn (\n\t\t\t<Host class=\"kol-input-radio\">\n\t\t\t\t<fieldset\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tfieldset: true,\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\terror: hasError === true,\n\t\t\t\t\t\trequired: this.state._required === true,\n\t\t\t\t\t\t'hidden-error': this._hideError === true,\n\t\t\t\t\t\t[this.state._orientation]: true,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<legend class=\"block w-full mb-1 leading-normal\">\n\t\t\t\t\t\t{/* INFO: span is needed for css styling :after content like a star (*) or optional text ! */}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{/* INFO: label comes with any html tag or as plain text! */}\n\t\t\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this._label} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tthis._label\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</legend>\n\t\t\t\t\t{this.state._options.map((option, index) => {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Damit der Value einer Option ein beliebigen Typ haben kann\n\t\t\t\t\t\t * muss man auf HTML-Ebene den Value auf einen String-Wert\n\t\t\t\t\t\t * mappen. Das tun wir mittels der Map.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tconst customId = `${this.state._id}-${index}`;\n\t\t\t\t\t\tconst slotName = `radio-${index}`;\n\t\t\t\t\t\tconst selected = this.state._value === option.value;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<KolInputTag\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\tradio: true,\n\t\t\t\t\t\t\t\t\tdisabled: Boolean(this.state._disabled || option.disabled),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tkey={customId}\n\t\t\t\t\t\t\t\t_accessKey={this.state._accessKey} // by radio?!\n\t\t\t\t\t\t\t\t_disabled={this.state._disabled || option.disabled}\n\t\t\t\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t\t\t\t_hint={option.hint}\n\t\t\t\t\t\t\t\t_id={customId}\n\t\t\t\t\t\t\t\t_label={option.label as string}\n\t\t\t\t\t\t\t\t_renderNoLabel={true}\n\t\t\t\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t\t\t\t_slotName={slotName}\n\t\t\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div slot={slotName} class=\"radio-input-wrapper\">\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\tref={this.state._value === option.value ? this.catchRef : undefined}\n\t\t\t\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\t\t\t\taccessKey={this.state._accessKey} // by radio?!\n\t\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined}\n\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\tid={customId}\n\t\t\t\t\t\t\t\t\t\tchecked={selected}\n\t\t\t\t\t\t\t\t\t\tname={this.state._name || this.state._id}\n\t\t\t\t\t\t\t\t\t\tdisabled={this.state._disabled || option.disabled}\n\t\t\t\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\t\t\t\t\t\tvalue={`-${index}`}\n\t\t\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\t\t\t\tonClick={undefined} // onClick is not needed since onChange already triggers the correct event\n\t\t\t\t\t\t\t\t\t\tonInput={this.onInput}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={this.onKeyDown.bind(this)}\n\t\t\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tclass=\"radio-label\"\n\t\t\t\t\t\t\t\t\t\thtmlFor={`${customId}`}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\theight: this.state._hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\t\t\t\t\tmargin: this.state._hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\t\t\t\t\tpadding: this.state._hideLabel ? '0' : undefined,\n\t\t\t\t\t\t\t\t\t\t\tvisibility: this.state._hideLabel ? 'hidden' : undefined,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"radio-label-span-inner\">{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</KolInputTag>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{hasError && <KolFormFieldMsgFc _alert={this.showAsAlert()} _hideError={this.state._hideError} _msg={this.state._msg} _id={this.state._id} />}\n\t\t\t\t\t{hasHint && <span class=\"hint\">{this.state._hint}</span>}\n\t\t\t\t</fieldset>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRadioController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\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 * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\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 `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: 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 */\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?: Orientation = '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 * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\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 which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\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() public _value?: StencilUnknown;\n\n\t@State() public state: InputRadioStates = {\n\t\t_hideError: 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\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.controller.validateTooltipAlign(value);\n\t}\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): 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?: Orientation): void {\n\t\tthis.controller.validateOrientation(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(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('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(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?: Stringified<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.currentValue = this._value;\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\t// Event handling\n\t\t\t\ttryToDispatchKoliBriEvent('input', this.host, option.value);\n\n\t\t\t\t// Callback\n\t\t\t\tif (typeof this.state._on?.onInput === 'function') {\n\t\t\t\t\tthis.state._on.onInput(event, option.value);\n\t\t\t\t}\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\t// Event handling\n\t\t\t\tstopPropagation(event);\n\t\t\t\ttryToDispatchKoliBriEvent('change', this.host, option.value);\n\n\t\t\t\t// Static form handling\n\t\t\t\tthis.controller.setFormAssociatedValue(option.value);\n\n\t\t\t\t// Callback\n\t\t\t\tif (typeof this.state._on?.onChange === 'function') {\n\t\t\t\t\tthis.state._on.onChange(event, option.value);\n\t\t\t\t}\n\n\t\t\t\tthis.currentValue = 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"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

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

@@ -0,0 +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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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,F as e,H as t,r as i,g as o}from"./index-4c718166.js";import{n as a}from"./dev.utils-5db255b5.js";import{p as s}from"./controller-6c2714a5.js";import{g as r}from"./controller-ae3a41a0.js";import{I as l}from"./controller-icon-30817124.js";import{w as d,k as h}from"./prop.validators-c5e6ad2d.js";import{v as c}from"./suggestions-33f55ec2.js";import{i as p}from"./component-names-aa3cbc3c.js";import{I as u}from"./InternalUnderlinedBadgeText-68465b64.js";import{s as f,b as m}from"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./events-29e84d75.js";import"./associated.controller-bce3d721.js";import"./access-and-short-key-864aafba.js";import"./tooltip-align-c001aae2.js";import"./align-3f029493.js";import"./hide-label-db0db59c.js";import"./label-d70e7c34.js";import"./icons-f3b7aabd.js";import"./common-54bf85ba.js";import"./index-541b643a.js";class b extends l{constructor(t,e,n){super(t,e,n),this.component=t}validateAutoComplete(t){d(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateMax(t){h(this.component,"_max",t)}validateMin(t){h(this.component,"_min",t)}validateStep(t){h(this.component,"_step",t)}validateSuggestions(t){c(this.component,t)}validateValue(t){h(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 y="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 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}\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  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .required label > span::after,\n  .required legend > span::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  input,\n  textarea {\n    cursor: text;\n  }\n  input[type=checkbox],\n  input[type=color],\n  input[type=file],\n  input[type=radio],\n  input[type=range],\n  label,\n  option,\n  select {\n    cursor: pointer;\n  }\n  /* input[type='checkbox'], */\n  /* input[type='radio'], */\n  /* input[type='range'], */\n  input[type=color],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=email],\n  input[type=file],\n  input[type=month],\n  input[type=number],\n  input[type=password],\n  input[type=search],\n  input[type=tel],\n  input[type=text],\n  input[type=time],\n  input[type=url],\n  input[type=week],\n  select,\n  select[multiple] option,\n  textarea {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n  /* needed hack for vertical alignment */\n  input[type=file] {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n  }\n  /* needed hack for vertical alignment */\n  select[multiple] option {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n  }\n  .input {\n    background-color: white;\n  }\n}\n@layer kol-component {\n  .kol-input {\n    display: grid;\n  }\n  .kol-input .input-slot {\n    flex-grow: 1;\n  }\n  input:not([type=checkbox], [type=radio]),\n  select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  input:focus,\n  option:focus,\n  select:focus,\n  textarea:focus {\n    outline: 0;\n  }\n  .input {\n    display: flex;\n    align-items: center;\n  }\n  .input > .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input.required .input-tooltip .span-label::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .inputs-wrapper {\n    align-items: center;\n    display: flex;\n    flex-direction: row;\n  }\n  input[type=number] {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    width: var(--kolibri-input-range--input-number--width);\n  }\n  /*\n    * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n    */\n  input[type=range] {\n    appearance: none;\n    background-color: #d3d3d3;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #000;\n    display: inline-block;\n    flex-grow: 1;\n    height: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    padding: 0;\n    margin: 0;\n    /* Design-Hack - related with flex-grow */\n    width: 0;\n  }\n  input[type=range]::-webkit-slider-thumb {\n    box-sizing: border-box;\n    background-color: #000;\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(20rem / var(--kolibri-root-font-size, 16));\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n  input[type=range]::-moz-range-thumb {\n    box-sizing: border-box;\n    background-color: #000;\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(20rem / var(--kolibri-root-font-size, 16));\n    cursor: pointer;\n    -moz-appearance: none;\n  }\n}\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n  ::-webkit-slider-thumb {\n    outline: calc(1rem / var(--kolibri-root-font-size, 16)) solid currentColor;\n  }\n}",v=y,g=class{async focus(){await this.kolFocus()}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}async getValue(){if(void 0!==this.refInputNumber){const t=this.refInputNumber.value;return this.getSanitizedFloatValue(t)}}componentDidLoad(){var t;!this._value&&(null===(t=this.refInputRange)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputRange.value))}render(){const{ariaDescribedBy:i}=r(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,o=f(this.state._label);return n(t,{key:"8d9b4f17df843e50597631eb960f90171cdbc4b2",class:"kol-input-range"},n(p,{key:"fb451fdc5dafde69d1cc493f5de69722608acd04",class:{range:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},n("span",{key:"029a8015f39e9edb0077435e33c837b06f128828",slot:"label"},o?n("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?n(e,null,n(u,{badgeText:m(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",n("span",{class:"access-key-hint","aria-hidden":"true"},m(this.state._accessKey,this.state._shortKey))):n("span",null,this.state._label)),n("div",{key:"0454a83fcef01bdc991cf24bf8c419f3ddc77229",slot:"input"},n("div",{key:"9529f62c5661c768b5496c996ce3f486671a723b",class:"inputs-wrapper",style:{"--kolibri-input-range--input-number--width":`${this.state._max}`.length+.5+"em"}},n("input",Object.assign({key:"62af1b13c396038ee488af98e04f70339158d7c9",ref:this.catchInputRangeRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-hidden":"true",autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,list:a?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-range`:void 0,spellcheck:"false",step:this.state._step,tabIndex:-1,type:"range",value:this.state._value},this.controller.onFacade,{onChange:this.onChange,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})),n("input",Object.assign({key:"71fed5dea562663bf1c4b27fa0e7c856626f3073",ref:this.catchInputNumberRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:a?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-number`:void 0,step:this.state._step,type:"number",value:this.state._value},this.controller.onFacade,{onKeyDown:this.onKeyDown,onChange:this.onChange,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}}))),a&&[n("datalist",{key:"8b99cbdf50cba3eeb9e57d18e8932545eaec34ab",id:`${this.state._id}-list`},this.state._suggestions.map((t=>n("option",{value:t}))))])))}constructor(t){i(this,t),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.onChange=t=>{var e,n;const i=t.target.value,a=this.getSanitizedFloatValue(i);this.validateValue(a),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onChange)&&(null===(n=this.state._on)||void 0===n||n.onChange(t,a))},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||s({form:this.host,ref:this.refInputNumber})},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._max=void 0,this._min=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._shortKey=void 0,this._step=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideError:!1,_id:`id-${a()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new b(this,"range",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(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)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return o(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_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"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};g.style={default:v};export{g as kol_input_range};
+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};

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

@@ -1 +1 @@
-{"version":3,"names":["InputRangeController","InputIconController","constructor","component","name","host","super","this","validateAutoComplete","value","watchValidator","Set","validateMax","watchNumber","validateMin","validateStep","validateSuggestions","validateValue","setFormAssociatedValue","state","_value","componentWillLoad","_autoComplete","_max","_min","_step","_suggestions","defaultStyleCss","KolInputRangeDefaultStyle0","KolInputRange","focus","kolFocus","_a","refInputNumber","getSanitizedFloatValue","floatValue","parseFloat","getValue","undefined","componentDidLoad","refInputRange","render","ariaDescribedBy","getRenderStates","hasSuggestions","Array","isArray","length","hasExpertSlot","showExpertSlot","_label","h","Host","key","class","KolInputTag","range","_hideLabel","_accessKey","_alert","showAsAlert","_disabled","_hideError","_hint","_icons","_id","_msg","_shortKey","_tooltipAlign","_touched","slot","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","label","style","Object","assign","ref","catchInputRangeRef","title","accessKey","join","autoCapitalize","autoComplete","autoCorrect","disabled","list","max","min","_name","spellcheck","step","tabIndex","type","controller","onFacade","onChange","onFocus","event","inputHasFocus","onBlur","catchInputNumberRef","id","onKeyDown","map","option","hostRef","element","target","_on","_b","code","propagateSubmitEventToForm","form","nonce","Boolean","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched"],"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 { InputRangeProps, InputRangeWatches, InputTypeOnOff, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions, watchNumber, watchValidator } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\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?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic validateMax(value?: number): void {\n\t\twatchNumber(this.component, '_max', value);\n\t}\n\n\tpublic validateMin(value?: number): void {\n\t\twatchNumber(this.component, '_min', value);\n\t}\n\n\tpublic validateStep(value?: number): void {\n\t\twatchNumber(this.component, '_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): void {\n\t\twatchNumber(this.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","@import '../@shared/mixins';\n@import '../style';\n@import '../input-line';\n\n@include kol-alert-styles;\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t.inputs-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tinput[type='number'] {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t\twidth: var(--kolibri-input-range--input-number--width);\n\t}\n\n\t/*\n   * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n   */\n\tinput[type='range'] {\n\t\tappearance: none;\n\t\tbackground-color: #d3d3d3;\n\t\tborder: rem(1) solid #000;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 1;\n\t\theight: rem(8);\n\t\tline-height: 1.5;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\t/* Design-Hack - related with flex-grow */\n\t\twidth: 0;\n\t}\n\n\tinput[type='range']::-webkit-slider-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: rem(20);\n\t\twidth: rem(20);\n\t\tborder-radius: rem(20);\n\t\tcursor: pointer;\n\t\t-webkit-appearance: none;\n\t}\n\n\tinput[type='range']::-moz-range-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: rem(20);\n\t\twidth: rem(20);\n\t\tborder-radius: rem(20);\n\t\tcursor: pointer;\n\t\t-moz-appearance: none;\n\t}\n}\n\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n\t::-webkit-slider-thumb {\n\t\toutline: rem(1) solid currentColor;\n\t}\n}\n","import type {\n\tFocusableElement,\n\tHideErrorPropType,\n\tIdPropType,\n\tInputRangeAPI,\n\tInputRangeStates,\n\tInputTypeOnDefault,\n\tInputTypeOnOff,\n\tKoliBriHorizontalIcons,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tW3CInputValue,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../../functional-components';\nimport { InputRangeController } from './controller';\nimport { KolInputTag } from '../../core/component-names';\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 * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\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@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<number | undefined> {\n\t\tif (this.refInputNumber !== undefined) {\n\t\t\tconst value = this.refInputNumber.value;\n\t\t\treturn this.getSanitizedFloatValue(value);\n\t\t}\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\tthis.validateValue(floatValue);\n\t\tif (typeof this.state._on?.onChange === 'function') {\n\t\t\tthis.state._on?.onChange(event, floatValue);\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.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\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-input-range\">\n\t\t\t\t<KolInputTag\n\t\t\t\t\tclass={{\n\t\t\t\t\t\trange: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t>\n\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey, this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey, this.state._shortKey)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"inputs-wrapper\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t'--kolibri-input-range--input-number--width': `${this.state._max}`.length + 0.5 + 'em',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tref={this.catchInputRangeRef}\n\t\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\t\t\t\tmin={this.state._min}\n\t\t\t\t\t\t\t\tname={this.state._name ? `${this.state._name}-range` : undefined}\n\t\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\t\tstep={this.state._step}\n\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t\t\tvalue={this.state._value as number}\n\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tref={this.catchInputNumberRef}\n\t\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\t\t\t\tmin={this.state._min}\n\t\t\t\t\t\t\t\tname={this.state._name ? `${this.state._name}-number` : undefined}\n\t\t\t\t\t\t\t\tstep={this.state._step}\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\tvalue={this.state._value}\n\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\tonKeyDown={this.onKeyDown}\n\t\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{hasSuggestions && [\n\t\t\t\t\t\t\t<datalist id={`${this.state._id}-list`}>\n\t\t\t\t\t\t\t\t{this.state._suggestions.map((option: W3CInputValue) => (\n\t\t\t\t\t\t\t\t\t<option value={option} />\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</datalist>,\n\t\t\t\t\t\t\t// <ul class=\"grid gap-1 text-sm grid-flow-col\">\n\t\t\t\t\t\t\t//   {this.state._suggestions.map((option: InputOption<number>) => (\n\t\t\t\t\t\t\t//     <li class=\"border-1\">{option.label}</li>\n\t\t\t\t\t\t\t//   ))}\n\t\t\t\t\t\t\t// </ul>,\n\t\t\t\t\t\t]}\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRangeController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\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 * Defines the error message text.\n\t * @deprecated Will be removed in v3. Use `msg` instead.\n\t */\n\t@Prop() public _error?: string;\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 `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: 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?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\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;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: number;\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 short key hint to the component.\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;\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 which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\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() public _value?: number;\n\n\t@State() public state: InputRangeStates = {\n\t\t_autoComplete: 'off',\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t};\n\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\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\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('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): 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): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number): 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): 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('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(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): 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"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}