@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

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

@@ -1 +1 @@
-{"version":3,"file":"kol-input-checkbox.entry.esm.js","sources":["src/schema/props/checked.ts","src/schema/props/indeterminate.ts","src/schema/props/label-align.ts","src/schema/props/variant-input-checkbox.ts","src/components/input-checkbox/controller.ts","src/functional-components/inputs/Checkbox/Checkbox.tsx","src/functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper.tsx","src/components/input-checkbox/style.scss?tag=kol-input-checkbox&mode=default&encapsulation=shadow","src/components/input-checkbox/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CheckedPropType = boolean;\n\n/**\n * Defines whether the checkbox is checked or not. Can be read and written.\n */\nexport type PropChecked = {\n\tchecked: CheckedPropType;\n};\n\n/* validator */\nexport const validateChecked = (component: Generic.Element.Component, value?: CheckedPropType): void => {\n\twatchBoolean(component, '_checked', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type IndeterminatePropType = boolean;\n\n/**\n * Puts the checkbox in the indeterminate state, does not change the value of _checked.\n */\nexport type PropIndeterminate = {\n\tindeterminate: IndeterminatePropType;\n};\n\n/* validator */\nexport const validateIndeterminate = (component: Generic.Element.Component, value?: IndeterminatePropType): void => {\n\twatchBoolean(component, '_indeterminate', value);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst labelAlignPropTypeOptions = ['left', 'right'] as const;\nexport type LabelAlignPropType = (typeof labelAlignPropTypeOptions)[number];\n\n/**\n * Defines which alignment should be used for presentation.\n */\nexport type PropLabelAlign = {\n\tlabelAlign: LabelAlignPropType;\n};\n\n/* validator */\nexport const validateLabelAlign = (component: Generic.Element.Component, value?: LabelAlignPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_labelAlign`,\n\t\t(value) => typeof value === 'string' && labelAlignPropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriLabelAlign {${labelAlignPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const inputCheckboxVariantOptions = ['button', 'default', 'switch'] as const;\nexport type InputCheckboxVariantPropType = (typeof inputCheckboxVariantOptions)[number];\n\n/**\n * Defines the variant for presenting the input-checkbox component.\n */\nexport type PropVariantInputCheckbox = {\n\tvariant: InputCheckboxVariantPropType;\n};\n\nconst isInputCheckboxVariantPropType = (value: unknown): value is InputCheckboxVariantPropType => {\n\treturn typeof value === 'string' && inputCheckboxVariantOptions.includes(value as InputCheckboxVariantPropType);\n};\n\nexport const validateVariantInputCheckbox = (component: Generic.Element.Component, value?: InputCheckboxVariantPropType): void => {\n\twatchValidator(component, '_variant', isInputCheckboxVariantPropType, new Set(inputCheckboxVariantOptions), value);\n};\n","import type {\n\tCheckedPropType,\n\tIndeterminatePropType,\n\tInputCheckboxIconsProp,\n\tInputCheckboxIconsPropType,\n\tInputCheckboxIconsState,\n\tInputCheckboxProps,\n\tInputCheckboxVariantPropType,\n\tInputCheckboxWatches,\n\tLabelAlignPropType,\n\tStencilUnknown,\n} from '../../schema';\nimport { isString, setState, validateChecked, validateIndeterminate, validateLabelAlign, validateVariantInputCheckbox, watchValidator } from '../../schema';\n\nimport { InputCheckboxRadioController } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class InputCheckboxController extends InputCheckboxRadioController implements InputCheckboxWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly setFormAssociatedCheckboxValue = (value: StencilUnknown) => {\n\t\tif (this.component._checked) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t} else {\n\t\t\tthis.setFormAssociatedValue(null);\n\t\t}\n\t};\n\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tvalidateChecked(this.component, value);\n\t\tthis.setFormAssociatedCheckboxValue(this.component.state._value as StencilUnknown);\n\t}\n\n\tpublic validateIcons(value?: InputCheckboxIconsPropType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst v = value as Record<string, unknown>;\n\t\t\t\treturn typeof v === 'object' && v !== null && (isString(v.checked, 1) || isString(v.indeterminate, 1) || isString(v.unchecked, 1));\n\t\t\t},\n\t\t\tnew Set(['InputCheckboxIcons']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (nextValue: unknown, nextState: Map<string, unknown>, component: Generic.Element.Component) => {\n\t\t\t\t\t\tnextState.set('_icons', {\n\t\t\t\t\t\t\t...(component.state._icons as InputCheckboxIconsState),\n\t\t\t\t\t\t\t...(nextValue as InputCheckboxIconsProp),\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic validateIndeterminate(value?: IndeterminatePropType): void {\n\t\tvalidateIndeterminate(this.component, value);\n\t}\n\n\tpublic validateLabelAlign(value?: LabelAlignPropType): void {\n\t\tvalidateLabelAlign(this.component, value);\n\t}\n\n\tpublic validateValue(value: StencilUnknown): void {\n\t\tsetState(this.component, '_value', value);\n\t\tthis.setFormAssociatedCheckboxValue(this.component.state._value as StencilUnknown);\n\t}\n\n\tpublic validateVariant(value?: InputCheckboxVariantPropType): void {\n\t\tvalidateVariantInputCheckbox(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateChecked(this.component._checked);\n\t\tthis.validateIcons(this.component._icons);\n\t\tthis.validateIndeterminate(this.component._indeterminate);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant);\n\t\tthis.validateLabelAlign(this.component._labelAlign);\n\t}\n}\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { IconFC } from '../../../internal/functional-components/icon/component';\nimport { getMsgType, isMsgDefinedAndInputTouched } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport KolInputFc, { type InputProps } from '../Input';\n\nexport type CheckboxProps = JSXBase.HTMLAttributes<HTMLLabelElement> & {\n\ticon: string;\n\tvariant?: 'default' | 'button' | 'switch';\n\tinputProps: InputProps;\n};\n\nconst CheckboxFc: FC<CheckboxProps> = ({ class: classNames, variant = 'default', icon, inputProps, ...other }) => {\n\tconst { class: inputClass, ...restInputProps } = inputProps;\n\tconst cssVariants = {\n\t\t[`kol-checkbox--variant-${variant}`]: true,\n\t\t[`kol-checkbox--checked`]: inputProps?.checked,\n\t\t[`kol-checkbox--indeterminate`]: inputProps?.indeterminate,\n\t\t['kol-checkbox--disabled']: Boolean(inputProps?.disabled),\n\t\t['kol-checkbox--required']: Boolean(inputProps?.required),\n\t\t['kol-checkbox--touched']: Boolean(inputProps?.touched),\n\t\t[`kol-checkbox--${getMsgType(inputProps?.msg)}`]: Boolean(isMsgDefinedAndInputTouched(inputProps?.msg, inputProps?.touched)),\n\t};\n\n\treturn (\n\t\t<label class={clsx('kol-checkbox', cssVariants, classNames)} {...other}>\n\t\t\t<IconFC label=\"\" icons={icon} class={clsx('kol-checkbox__icon')} />\n\t\t\t<KolInputFc class={clsx('kol-checkbox__input', inputClass as string)} {...restInputProps} type=\"checkbox\" />\n\t\t</label>\n\t);\n};\nexport default CheckboxFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolCheckboxFc, { type CheckboxProps } from '../../functional-components/inputs/Checkbox';\nimport { type InputProps } from '../../functional-components/inputs/Input';\n\nimport { type InputCheckboxStates, type MsgPropType } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type CheckboxStateWrapperProps = Omit<CheckboxProps, 'inputProps'> & {\n\tstate: InputCheckboxStates;\n\tinputProps?: Partial<InputProps>;\n};\n\nfunction getCheckboxProps(state: InputCheckboxStates, 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[],\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\n\t\tariaDescribedBy: ariaDescribedBy,\n\t};\n\n\tif ('_required' in state) props.required = state._required;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn { ...props, ...inputProps };\n}\n\nconst CheckboxStateWrapper: FC<CheckboxStateWrapperProps> = ({ state, inputProps, ...other }) => {\n\tconst variant = state?._variant || 'default';\n\n\treturn <KolCheckboxFc variant={variant} inputProps={getCheckboxProps(state, inputProps)} {...other} />;\n};\n\nexport default CheckboxStateWrapper;\n","@use '../@shared/global' as *;\n@use '../@shared/field-control.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/icon.mixin' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-field-control;\n\t@include kol-icon-styles();\n\n\t$root: '.kol-checkbox';\n\n\t.kol-form-field {\n\t\tdisplay: grid;\n\n\t\t&__label-text {\n\t\t\tdisplay: ruby;\n\t\t}\n\t}\n\n\t#{$root} {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&--disabled {\n\t\t\tcursor: not-allowed;\n\t\t}\n\n\t\t.kol-input {\n\t\t\tbackground-color: white;\n\t\t\tborder-style: solid;\n\t\t\tmargin: 0;\n\t\t\tborder-width: 2px;\n\t\t\tappearance: none;\n\t\t\tcursor: inherit;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Checkbox\n\t */\n\t#{$root}--variant-default {\n\t\tposition: relative;\n\t\tmin-width: var(--a11y-min-size);\n\t\tmin-height: var(--a11y-min-size);\n\t\tjustify-content: center;\n\n\t\t.kol-icon {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\tinset: auto;\n\t\t\tz-index: 1;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.kol-input {\n\t\t\twidth: to-rem(22);\n\t\t\theight: to-rem(22);\n\t\t}\n\n\t\t&#{$root}--checked,\n\t\t&#{$root}--indeterminate {\n\t\t\t.kol-icon {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Switch\n\t */\n\t#{$root}--variant-switch {\n\t\tposition: relative;\n\n\t\t.kol-input {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\twidth: 3.2em;\n\t\t\tmin-width: 3.2em;\n\t\t\theight: 1.7em;\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: black;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(0.25em - to-rem(2));\n\t\t\t\tleft: calc(0.25em - to-rem(2));\n\t\t\t\twidth: 1.2em;\n\t\t\t\theight: 1.2em;\n\t\t\t\ttransition: 0.5s;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\ttransform: translateX(1.5em);\n\t\t\t}\n\n\t\t\t&:indeterminate::before {\n\t\t\t\ttransform: translateX(0.75em);\n\t\t\t}\n\t\t}\n\n\t\t.kol-icon {\n\t\t\ttransform: translate(0, -50%);\n\t\t\tcolor: black;\n\t\t\tdisplay: flex;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: to-rem(4);\n\t\t\tz-index: 1;\n\t\t\twidth: 1.2em;\n\t\t\theight: 1.2em;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttransition: 0.5s;\n\t\t}\n\n\t\t&#{$root}--checked .kol-icon {\n\t\t\ttransform: translate(1.5em, -50%);\n\t\t}\n\n\t\t&#{$root}--indeterminate .kol-icon {\n\t\t\ttransform: translate(0.75em, -50%);\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Button\n\t */\n\t#{$root}--variant-button {\n\t\tmin-width: var(--a11y-min-size);\n\n\t\t.kol-icon {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\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 '../../utils/clsx';\n\nimport type {\n\tCheckedPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIndeterminatePropType,\n\tInputCheckboxAPI,\n\tInputCheckboxIconsProp,\n\tInputCheckboxStates,\n\tInputTypeOnDefault,\n\tKolFocusOptions,\n\tLabelAlignPropType,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { InputCheckboxController } from './controller';\n\nimport KolCheckboxStateWrapperFc, { type CheckboxStateWrapperProps } from '../../functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper';\nimport KolFieldControlStateWrapperFc, {\n\ttype FieldControlStateWrapperProps,\n} from '../../functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport type { InputCheckboxVariantPropType } from '../../schema/props/variant-input-checkbox';\nimport { propagateSubmitEventToForm } from '../form/controller';\n\n/**\n * The **Checkbox** input type generates a rectangular box that can be activated and deactivated by clicking. When activated, a colored checkmark is shown inside the box.\n *\n * @slot expert - Checkbox description.\n */\n@Component({\n\ttag: 'kol-input-checkbox',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolInputCheckboxElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\tprivate getModelValue(): StencilUnknown {\n\t\treturn this._checked ? this.state._value : null;\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.getModelValue();\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-checkbox', {\n\t\t\t\t[`kol-input-checkbox--checked`]: this.state._checked,\n\t\t\t\t[`kol-input-checkbox--indeterminate`]: this.state._indeterminate,\n\t\t\t\t[`kol-input-checkbox--variant-${this.state._variant || 'default'}`]: true,\n\t\t\t\t[`kol-input-checkbox--label-align-${this.state._labelAlign || 'right'}`]: true,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t\trenderNoTooltip: true,\n\t\t};\n\t}\n\n\tprivate getFieldControlProps(): FieldControlStateWrapperProps {\n\t\treturn {\n\t\t\tclass: clsx('kol-input-checkbox__field-control', {\n\t\t\t\t[`kol-input-checkbox__field-control--checked`]: this.state._checked,\n\t\t\t\t[`kol-input-checkbox__field-control--indeterminate`]: this.state._indeterminate,\n\t\t\t\t[`kol-input-checkbox__field-control--variant-${this.state._variant || 'default'}`]: true,\n\t\t\t}),\n\t\t\tstate: this.state,\n\t\t\t// Prevent blur/focus cycling when clicking the visible text label while\n\t\t\t// the checkbox is already focused (Shadow DOM htmlFor-label quirk).\n\t\t\tfieldControlLabelProps: {\n\t\t\t\tonMouseDown: (e: Event) => {\n\t\t\t\t\tif (this.inputHasFocus) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getInputProps(): CheckboxStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\ticon: this.getIcon(),\n\t\t\t// Prevent blur/focus cycling when clicking the icon area while the checkbox\n\t\t\t// is already focused. Text-label clicks are handled via fieldControlLabelProps.\n\t\t\tonMouseDown: (e: Event) => {\n\t\t\t\tif (this.inputHasFocus && !(e.target instanceof HTMLInputElement)) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t}\n\t\t\t},\n\t\t\tinputProps: {\n\t\t\t\tclass: clsx({\n\t\t\t\t\t'visually-hidden': this.state._variant === 'button',\n\t\t\t\t}),\n\t\t\t\tref: this.ctaRef,\n\t\t\t\t...this.controller.onFacade,\n\t\t\t\tonInput: this.onInput,\n\t\t\t\tonChange: this.onChange,\n\t\t\t\tonKeyDown: this.onKeyDown,\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\tif (this._disabled) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\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\tonClick: undefined, // onClick is not needed since onChange already triggers the correct event\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getIcon(): string {\n\t\tif (this.state._indeterminate) return this.state._icons.indeterminate;\n\t\tif (this.state._checked) return this.state._icons.checked;\n\t\treturn this.state._icons.unchecked;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()} renderNoLabel>\n\t\t\t\t<KolFieldControlStateWrapperFc {...this.getFieldControlProps()} renderNoHint>\n\t\t\t\t\t<KolCheckboxStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolFieldControlStateWrapperFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputCheckboxController;\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 checkbox is checked or not. Can be read and written.\n\t * @TODO: Change type back to `CheckedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _checked?: 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 * 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 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<InputCheckboxIconsProp>;\n\n\t/**\n\t * Puts the checkbox in the indeterminate state, does not change the value of _checked.\n\t * @TODO: Change type back to `IndeterminatePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _indeterminate?: boolean;\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 which alignment should be used for presentation.\n\t */\n\t@Prop() public _labelAlign?: LabelAlignPropType = 'right';\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 * 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 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 * 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 element.\n\t */\n\t@Prop() public _value: StencilUnknown = true;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: InputCheckboxVariantPropType = 'default';\n\n\t@State() public state: InputCheckboxStates = {\n\t\t_checked: false,\n\t\t_hideMsg: false,\n\t\t_icons: {\n\t\t\tchecked: 'kolicon-check',\n\t\t\tindeterminate: 'kolicon-minus',\n\t\t\tunchecked: 'kolicon-cross',\n\t\t},\n\t\t_id: createUniqueId('input-checkbox'),\n\t\t_indeterminate: false,\n\t\t_label: '', // ⚠ required\n\t\t_value: true,\n\t\t_variant: 'default',\n\t\t_labelAlign: 'right',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputCheckboxController(this, 'checkbox', 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('_checked')\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tthis.controller.validateChecked(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?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_indeterminate')\n\tpublic validateIndeterminate(value?: IndeterminatePropType): void {\n\t\tthis.controller.validateIndeterminate(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('_labelAlign')\n\tpublic validateLabelAlign(value?: LabelAlignPropType): void {\n\t\tthis.controller.validateLabelAlign(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('_required')\n\tpublic validateRequired(value?: RequiredPropType): 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('_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\t@Watch('_variant')\n\tpublic validateVariant(value?: InputCheckboxVariantPropType): void {\n\t\tthis.controller.validateVariant(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\tthis._checked = !this._checked;\n\t\tthis._indeterminate = false;\n\t\tconst value = this.getModelValue();\n\t\tthis.controller.onFacade.onInput(event, false, value);\n\t\tthis.controller.setFormAssociatedCheckboxValue(value);\n\t};\n\n\tprivate onChange = (event: Event): void => {\n\t\tthis.controller.onFacade.onChange(event, this.getModelValue());\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n}\n"],"names":["KolInputFc","KolCheckboxFc","KolFormFieldStateWrapperFc","KolFieldControlStateWrapperFc","KolCheckboxStateWrapperFc"],"mappings":"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"}
+{"version":3,"file":"kol-input-checkbox.entry.esm.js","sources":["src/schema/props/checked.ts","src/schema/props/indeterminate.ts","src/schema/props/label-align.ts","src/schema/props/variant-input-checkbox.ts","src/components/input-checkbox/controller.ts","src/functional-components/inputs/Checkbox/Checkbox.tsx","src/functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper.tsx","src/components/input-checkbox/style.scss?tag=kol-input-checkbox&mode=default&encapsulation=shadow","src/components/input-checkbox/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CheckedPropType = boolean;\n\n/**\n * Defines whether the checkbox is checked or not. Can be read and written.\n */\nexport type PropChecked = {\n\tchecked: CheckedPropType;\n};\n\n/* validator */\nexport const validateChecked = (component: Generic.Element.Component, value?: CheckedPropType): void => {\n\twatchBoolean(component, '_checked', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type IndeterminatePropType = boolean;\n\n/**\n * Puts the checkbox in the indeterminate state, does not change the value of _checked.\n */\nexport type PropIndeterminate = {\n\tindeterminate: IndeterminatePropType;\n};\n\n/* validator */\nexport const validateIndeterminate = (component: Generic.Element.Component, value?: IndeterminatePropType): void => {\n\twatchBoolean(component, '_indeterminate', value);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst labelAlignPropTypeOptions = ['left', 'right'] as const;\nexport type LabelAlignPropType = (typeof labelAlignPropTypeOptions)[number];\n\n/**\n * Defines which alignment should be used for presentation.\n */\nexport type PropLabelAlign = {\n\tlabelAlign: LabelAlignPropType;\n};\n\n/* validator */\nexport const validateLabelAlign = (component: Generic.Element.Component, value?: LabelAlignPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_labelAlign`,\n\t\t(value) => typeof value === 'string' && labelAlignPropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriLabelAlign {${labelAlignPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const inputCheckboxVariantOptions = ['button', 'default', 'switch'] as const;\nexport type InputCheckboxVariantPropType = (typeof inputCheckboxVariantOptions)[number];\n\n/**\n * Defines the variant for presenting the input-checkbox component.\n */\nexport type PropVariantInputCheckbox = {\n\tvariant: InputCheckboxVariantPropType;\n};\n\nconst isInputCheckboxVariantPropType = (value: unknown): value is InputCheckboxVariantPropType => {\n\treturn typeof value === 'string' && inputCheckboxVariantOptions.includes(value as InputCheckboxVariantPropType);\n};\n\nexport const validateVariantInputCheckbox = (component: Generic.Element.Component, value?: InputCheckboxVariantPropType): void => {\n\twatchValidator(component, '_variant', isInputCheckboxVariantPropType, new Set(inputCheckboxVariantOptions), value);\n};\n","import type {\n\tCheckedPropType,\n\tIndeterminatePropType,\n\tInputCheckboxIconsProp,\n\tInputCheckboxIconsPropType,\n\tInputCheckboxIconsState,\n\tInputCheckboxProps,\n\tInputCheckboxVariantPropType,\n\tInputCheckboxWatches,\n\tLabelAlignPropType,\n\tStencilUnknown,\n} from '../../schema';\nimport { isString, setState, validateChecked, validateIndeterminate, validateLabelAlign, validateVariantInputCheckbox, watchValidator } from '../../schema';\n\nimport { InputCheckboxRadioController } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\nexport class InputCheckboxController extends InputCheckboxRadioController implements InputCheckboxWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly setFormAssociatedCheckboxValue = (value: StencilUnknown) => {\n\t\tif (this.component._checked) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t} else {\n\t\t\tthis.setFormAssociatedValue(null);\n\t\t}\n\t};\n\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tvalidateChecked(this.component, value);\n\t\tthis.setFormAssociatedCheckboxValue(this.component.state._value as StencilUnknown);\n\t}\n\n\tpublic validateIcons(value?: InputCheckboxIconsPropType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst v = value as Record<string, unknown>;\n\t\t\t\treturn typeof v === 'object' && v !== null && (isString(v.checked, 1) || isString(v.indeterminate, 1) || isString(v.unchecked, 1));\n\t\t\t},\n\t\t\tnew Set(['InputCheckboxIcons']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (nextValue: unknown, nextState: Map<string, unknown>, component: Generic.Element.Component) => {\n\t\t\t\t\t\tnextState.set('_icons', {\n\t\t\t\t\t\t\t...(component.state._icons as InputCheckboxIconsState),\n\t\t\t\t\t\t\t...(nextValue as InputCheckboxIconsProp),\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic validateIndeterminate(value?: IndeterminatePropType): void {\n\t\tvalidateIndeterminate(this.component, value);\n\t}\n\n\tpublic validateLabelAlign(value?: LabelAlignPropType): void {\n\t\tvalidateLabelAlign(this.component, value);\n\t}\n\n\tpublic validateValue(value: StencilUnknown): void {\n\t\tsetState(this.component, '_value', value);\n\t\tthis.setFormAssociatedCheckboxValue(this.component.state._value as StencilUnknown);\n\t}\n\n\tpublic validateVariant(value?: InputCheckboxVariantPropType): void {\n\t\tvalidateVariantInputCheckbox(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateChecked(this.component._checked);\n\t\tthis.validateIcons(this.component._icons);\n\t\tthis.validateIndeterminate(this.component._indeterminate);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant);\n\t\tthis.validateLabelAlign(this.component._labelAlign);\n\t}\n}\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { IconFC } from '../../../internal/functional-components/icon/component';\nimport { getMsgType, isMsgDefinedAndInputTouched } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport KolInputFc, { type InputProps } from '../Input';\n\nexport type CheckboxProps = JSXBase.HTMLAttributes<HTMLLabelElement> & {\n\ticon: string;\n\tvariant?: 'default' | 'button' | 'switch';\n\tinputProps: InputProps;\n};\n\nconst CheckboxFc: FC<CheckboxProps> = ({ class: classNames, variant = 'default', icon, inputProps, ...other }) => {\n\tconst { class: inputClass, ...restInputProps } = inputProps;\n\tconst cssVariants = {\n\t\t[`kol-checkbox--variant-${variant}`]: true,\n\t\t[`kol-checkbox--checked`]: inputProps?.checked,\n\t\t[`kol-checkbox--indeterminate`]: inputProps?.indeterminate,\n\t\t['kol-checkbox--disabled']: Boolean(inputProps?.disabled),\n\t\t['kol-checkbox--required']: Boolean(inputProps?.required),\n\t\t['kol-checkbox--touched']: Boolean(inputProps?.touched),\n\t\t[`kol-checkbox--${getMsgType(inputProps?.msg)}`]: Boolean(isMsgDefinedAndInputTouched(inputProps?.msg, inputProps?.touched)),\n\t};\n\n\treturn (\n\t\t<label class={clsx('kol-checkbox', cssVariants, classNames)} {...other}>\n\t\t\t<IconFC label=\"\" icons={icon} class={clsx('kol-checkbox__icon')} />\n\t\t\t<KolInputFc class={clsx('kol-checkbox__input', inputClass as string)} {...restInputProps} type=\"checkbox\" />\n\t\t</label>\n\t);\n};\nexport default CheckboxFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolCheckboxFc, { type CheckboxProps } from '../../functional-components/inputs/Checkbox';\nimport { type InputProps } from '../../functional-components/inputs/Input';\n\nimport { type InputCheckboxStates, type MsgPropType } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type CheckboxStateWrapperProps = Omit<CheckboxProps, 'inputProps'> & {\n\tstate: InputCheckboxStates;\n\tinputProps?: Partial<InputProps>;\n};\n\nfunction getCheckboxProps(state: InputCheckboxStates, 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[],\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\n\t\tariaDescribedBy: ariaDescribedBy,\n\t};\n\n\tif ('_required' in state) props.required = state._required;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn { ...props, ...inputProps };\n}\n\nconst CheckboxStateWrapper: FC<CheckboxStateWrapperProps> = ({ state, inputProps, ...other }) => {\n\tconst variant = state?._variant || 'default';\n\n\treturn <KolCheckboxFc variant={variant} inputProps={getCheckboxProps(state, inputProps)} {...other} />;\n};\n\nexport default CheckboxStateWrapper;\n","@use '../@shared/global' as *;\n@use '../@shared/field-control.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/icon.mixin' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-field-control;\n\t@include kol-icon-styles();\n\n\t$root: '.kol-checkbox';\n\n\t.kol-form-field {\n\t\tdisplay: grid;\n\n\t\t&__label-text {\n\t\t\tdisplay: ruby;\n\t\t}\n\t}\n\n\t#{$root} {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&--disabled {\n\t\t\tcursor: not-allowed;\n\t\t}\n\n\t\t.kol-input {\n\t\t\tbackground-color: white;\n\t\t\tborder-style: solid;\n\t\t\tmargin: 0;\n\t\t\tborder-width: 2px;\n\t\t\tappearance: none;\n\t\t\tcursor: inherit;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Checkbox\n\t */\n\t#{$root}--variant-default {\n\t\tposition: relative;\n\t\tmin-width: var(--a11y-min-size);\n\t\tmin-height: var(--a11y-min-size);\n\t\tjustify-content: center;\n\n\t\t.kol-icon {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\tinset: auto;\n\t\t\tz-index: 1;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.kol-input {\n\t\t\twidth: to-rem(22);\n\t\t\theight: to-rem(22);\n\t\t}\n\n\t\t&#{$root}--checked,\n\t\t&#{$root}--indeterminate {\n\t\t\t.kol-icon {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Switch\n\t */\n\t#{$root}--variant-switch {\n\t\tposition: relative;\n\n\t\t.kol-input {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\twidth: 3.2em;\n\t\t\tmin-width: 3.2em;\n\t\t\theight: 1.7em;\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: black;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(0.25em - to-rem(2));\n\t\t\t\tleft: calc(0.25em - to-rem(2));\n\t\t\t\twidth: 1.2em;\n\t\t\t\theight: 1.2em;\n\t\t\t\ttransition: 0.5s;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\ttransform: translateX(1.5em);\n\t\t\t}\n\n\t\t\t&:indeterminate::before {\n\t\t\t\ttransform: translateX(0.75em);\n\t\t\t}\n\t\t}\n\n\t\t.kol-icon {\n\t\t\ttransform: translate(0, -50%);\n\t\t\tcolor: black;\n\t\t\tdisplay: flex;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: to-rem(4);\n\t\t\tz-index: 1;\n\t\t\twidth: 1.2em;\n\t\t\theight: 1.2em;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttransition: 0.5s;\n\t\t}\n\n\t\t&#{$root}--checked .kol-icon {\n\t\t\ttransform: translate(1.5em, -50%);\n\t\t}\n\n\t\t&#{$root}--indeterminate .kol-icon {\n\t\t\ttransform: translate(0.75em, -50%);\n\t\t}\n\t}\n\n\t/**\n\t * Variant: Button\n\t */\n\t#{$root}--variant-button {\n\t\tmin-width: var(--a11y-min-size);\n\n\t\t.kol-icon {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\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 '../../utils/clsx';\n\nimport type {\n\tAriaDetailsPropType,\n\tCheckedPropType,\n\tClickableElement,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIndeterminatePropType,\n\tInputCheckboxAPI,\n\tInputCheckboxIconsProp,\n\tInputCheckboxStates,\n\tInputTypeOnDefault,\n\tKolFocusOptions,\n\tLabelAlignPropType,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { InputCheckboxController } from './controller';\n\nimport KolCheckboxStateWrapperFc, { type CheckboxStateWrapperProps } from '../../functional-component-wrappers/CheckboxStateWrapper/CheckboxStateWrapper';\nimport KolFieldControlStateWrapperFc, {\n\ttype FieldControlStateWrapperProps,\n} from '../../functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport type { InputCheckboxVariantPropType } from '../../schema/props/variant-input-checkbox';\nimport { propagateSubmitEventToForm } from '../form/controller';\n\n/**\n * The **Checkbox** input type generates a rectangular box that can be activated and deactivated by clicking. When activated, a colored checkmark is shown inside the box.\n *\n * @slot expert - Checkbox description.\n */\n@Component({\n\ttag: 'kol-input-checkbox',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputCheckbox implements ClickableElement, FocusableElement, InputCheckboxAPI {\n\t@Element() protected readonly host?: HTMLKolInputCheckboxElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\tprivate getModelValue(): StencilUnknown {\n\t\treturn this._checked ? this.state._value : null;\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.getModelValue();\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-checkbox', {\n\t\t\t\t[`kol-input-checkbox--checked`]: this.state._checked,\n\t\t\t\t[`kol-input-checkbox--indeterminate`]: this.state._indeterminate,\n\t\t\t\t[`kol-input-checkbox--variant-${this.state._variant || 'default'}`]: true,\n\t\t\t\t[`kol-input-checkbox--label-align-${this.state._labelAlign || 'right'}`]: true,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t\trenderNoTooltip: true,\n\t\t};\n\t}\n\n\tprivate getFieldControlProps(): FieldControlStateWrapperProps {\n\t\treturn {\n\t\t\tclass: clsx('kol-input-checkbox__field-control', {\n\t\t\t\t[`kol-input-checkbox__field-control--checked`]: this.state._checked,\n\t\t\t\t[`kol-input-checkbox__field-control--indeterminate`]: this.state._indeterminate,\n\t\t\t\t[`kol-input-checkbox__field-control--variant-${this.state._variant || 'default'}`]: true,\n\t\t\t}),\n\t\t\tstate: this.state,\n\t\t\t// Prevent blur/focus cycling when clicking the visible text label while\n\t\t\t// the checkbox is already focused (Shadow DOM htmlFor-label quirk).\n\t\t\tfieldControlLabelProps: {\n\t\t\t\tonMouseDown: (e: Event) => {\n\t\t\t\t\tif (this.inputHasFocus) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getInputProps(): CheckboxStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\ticon: this.getIcon(),\n\t\t\t// Prevent blur/focus cycling when clicking the icon area while the checkbox\n\t\t\t// is already focused. Text-label clicks are handled via fieldControlLabelProps.\n\t\t\tonMouseDown: (e: Event) => {\n\t\t\t\tif (this.inputHasFocus && !(e.target instanceof HTMLInputElement)) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t}\n\t\t\t},\n\t\t\tinputProps: {\n\t\t\t\tclass: clsx({\n\t\t\t\t\t'visually-hidden': this.state._variant === 'button',\n\t\t\t\t}),\n\t\t\t\tref: this.ctaRef,\n\t\t\t\t...this.controller.onFacade,\n\t\t\t\tonInput: this.onInput,\n\t\t\t\tonChange: this.onChange,\n\t\t\t\tonKeyDown: this.onKeyDown,\n\t\t\t\tonFocus: (event: FocusEvent) => {\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: FocusEvent) => {\n\t\t\t\t\tif (this._disabled) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\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\tonClick: undefined, // onClick is not needed since onChange already triggers the correct event\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getIcon(): string {\n\t\tif (this.state._indeterminate) return this.state._icons.indeterminate;\n\t\tif (this.state._checked) return this.state._icons.checked;\n\t\treturn this.state._icons.unchecked;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()} renderNoLabel>\n\t\t\t\t<KolFieldControlStateWrapperFc {...this.getFieldControlProps()} renderNoHint>\n\t\t\t\t\t<KolCheckboxStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolFieldControlStateWrapperFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputCheckboxController;\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 checkbox is checked or not. Can be read and written.\n\t * @TODO: Change type back to `CheckedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _checked?: 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 * 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 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<InputCheckboxIconsProp>;\n\n\t/**\n\t * Puts the checkbox in the indeterminate state, does not change the value of _checked.\n\t * @TODO: Change type back to `IndeterminatePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _indeterminate?: boolean;\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 which alignment should be used for presentation.\n\t */\n\t@Prop() public _labelAlign?: LabelAlignPropType = 'right';\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 * 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 * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\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 * 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 element.\n\t */\n\t@Prop() public _value: StencilUnknown = true;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: InputCheckboxVariantPropType = 'default';\n\n\t@State() public state: InputCheckboxStates = {\n\t\t_checked: false,\n\t\t_hideMsg: false,\n\t\t_icons: {\n\t\t\tchecked: 'kolicon-check',\n\t\t\tindeterminate: 'kolicon-minus',\n\t\t\tunchecked: 'kolicon-cross',\n\t\t},\n\t\t_id: createUniqueId('input-checkbox'),\n\t\t_indeterminate: false,\n\t\t_label: '', // ⚠ required\n\t\t_value: true,\n\t\t_variant: 'default',\n\t\t_labelAlign: 'right',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputCheckboxController(this, 'checkbox', 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('_ariaDetails')\n\tpublic validateAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.controller.validateAriaDetails(value);\n\t}\n\n\t@Watch('_checked')\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tthis.controller.validateChecked(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?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_indeterminate')\n\tpublic validateIndeterminate(value?: IndeterminatePropType): void {\n\t\tthis.controller.validateIndeterminate(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('_labelAlign')\n\tpublic validateLabelAlign(value?: LabelAlignPropType): void {\n\t\tthis.controller.validateLabelAlign(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('_required')\n\tpublic validateRequired(value?: RequiredPropType): 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('_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\t@Watch('_variant')\n\tpublic validateVariant(value?: InputCheckboxVariantPropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.validateAriaDetails(this._ariaDetails);\n\t\tthis.controller.componentWillLoad();\n\t}\n\n\tprivate onInput = (event: Event): void => {\n\t\tthis._checked = !this._checked;\n\t\tthis._indeterminate = false;\n\t\tconst value = this.getModelValue();\n\t\tthis.controller.onFacade.onInput(event, false, value);\n\t\tthis.controller.setFormAssociatedCheckboxValue(value);\n\t};\n\n\tprivate onChange = (event: Event): void => {\n\t\tthis.controller.onFacade.onChange(event, this.getModelValue());\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n}\n"],"names":["KolInputFc","KolCheckboxFc","KolFormFieldStateWrapperFc","KolFieldControlStateWrapperFc","KolCheckboxStateWrapperFc"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-DqvPZ16l.js";import{a as o,_ as i}from"./tslib.es6-QNbPBOk5.js";import{c as l}from"./clsx-COFh-Vc8.js";import{c as a}from"./dev.utils-Cv9uCwkA.js";import{d as r,a as s,c}from"./element-interaction-C5-6aPzz.js";import{e as h,b as d,i as f,s as m}from"./common-DEEjER7G.js";import{I as k}from"./controller-DvdfA2RR.js";import{I as p}from"./component-ijX_kUom.js";import{g as b,i as u,a as v,F as g}from"./FormFieldStateWrapper-C31luuWs.js";import{I as y}from"./Input-CwcyFZhB.js";import{F as _}from"./FieldControlStateWrapper-CU6OjlrU.js";import{p as x}from"./controller-D0y9uwX0.js";import"./element-focus-BQXzaLL9.js";import"./label-Cg7TG_7b.js";import"./required-DAsW5lI1.js";import"./orientation-BzQXB0-V.js";import"./bem-registry-B9CzNnO1.js";import"./access-and-short-key-CnWGdP5U.js";import"./disabled-CtaJsBT2.js";import"./hide-label-CWFMK5Iz.js";import"./tooltip-align-DzHPWEpv.js";import"./align-ChLoh-Dq.js";import"./variant-class-name-CkfE8oGZ.js";import"./events-BhfZTW2e.js";import"./associated.controller-D55JWKjs.js";import"./bootstrap-UOb6OarC.js";import"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-BMV8GZX8.js";import"./normalizers-pgU77mXp.js";import"./component-BFsdrctP.js";import"./component-4RtkhTfb.js";import"./controller-oT8Y98Yc.js";import"./align-floating-elements-DTTpkCAK.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-DPd4-fag.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CaL2ODdQ.js";import"./Alert-2bYvhb8i.js";import"./Heading-C9p_CRv4.js";const w=(n,e)=>{h(n,"_checked",e)};const j=(n,e)=>{h(n,"_indeterminate",e)};const z=["left","right"];const C=(n,e)=>{d(n,`_labelAlign`,(n=>typeof n==="string"&&z.includes(n)),new Set([`KoliBriLabelAlign {${z.join(", ")}`]),e)};const B=["button","default","switch"];const T=n=>typeof n==="string"&&B.includes(n);const A=(n,e)=>{d(n,"_variant",T,new Set(B),e)};class S extends k{constructor(n,e,t){super(n,e,t);this.setFormAssociatedCheckboxValue=n=>{if(this.component._checked){this.setFormAssociatedValue(n)}else{this.setFormAssociatedValue(null)}};this.component=n}validateChecked(n){w(this.component,n);this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(n){d(this.component,"_icons",(n=>{const e=n;return typeof e==="object"&&e!==null&&(f(e.checked,1)||f(e.indeterminate,1)||f(e.unchecked,1))}),new Set(["InputCheckboxIcons"]),n,{hooks:{beforePatch:(n,e,t)=>{e.set("_icons",Object.assign(Object.assign({},t.state._icons),n))}}})}validateIndeterminate(n){j(this.component,n)}validateLabelAlign(n){C(this.component,n)}validateValue(n){m(this.component,"_value",n);this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(n){A(this.component,n)}componentWillLoad(){super.componentWillLoad();this.validateChecked(this.component._checked);this.validateIcons(this.component._icons);this.validateIndeterminate(this.component._indeterminate);this.validateValue(this.component._value);this.validateVariant(this.component._variant);this.validateLabelAlign(this.component._labelAlign)}}const D=e=>{var{class:t,variant:i="default",icon:a,inputProps:r}=e,s=o(e,["class","variant","icon","inputProps"]);const{class:c}=r,h=o(r,["class"]);const d={[`kol-checkbox--variant-${i}`]:true,[`kol-checkbox--checked`]:r===null||r===void 0?void 0:r.checked,[`kol-checkbox--indeterminate`]:r===null||r===void 0?void 0:r.indeterminate,["kol-checkbox--disabled"]:Boolean(r===null||r===void 0?void 0:r.disabled),["kol-checkbox--required"]:Boolean(r===null||r===void 0?void 0:r.required),["kol-checkbox--touched"]:Boolean(r===null||r===void 0?void 0:r.touched),[`kol-checkbox--${b(r===null||r===void 0?void 0:r.msg)}`]:Boolean(u(r===null||r===void 0?void 0:r.msg,r===null||r===void 0?void 0:r.touched))};return n("label",Object.assign({class:l("kol-checkbox",d,t)},s),n(p,{label:"",icons:a,class:l("kol-checkbox__icon")}),n(y,Object.assign({class:l("kol-checkbox__input",c)},h,{type:"checkbox"})))};function L(n,e={}){const{ariaDescribedBy:t}=v(n);const o={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,accessKey:n._accessKey,disabled:n._disabled,name:n._name,ariaDescribedBy:t};if("_required"in n)o.required=n._required;if("_checked"in n)o.checked=n._checked;if("_indeterminate"in n)o.indeterminate=n._indeterminate;if("_touched"in n)o.touched=n._touched;if("_msg"in n)o.msg=n._msg;if("_shortKey"in n)o["aria-keyshortcuts"]=n._shortKey;return Object.assign(Object.assign({},o),e)}const O=e=>{var{state:t,inputProps:i}=e,l=o(e,["state","inputProps"]);const a=(t===null||t===void 0?void 0:t._variant)||"default";return n(D,Object.assign({variant:a,inputProps:L(t,i)},l))};const q='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\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: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\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 {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*"/"";\n  }\n  .kol-field-control--required .kol-tooltip .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field__label-text {\n    display: ruby;\n  }\n  .kol-checkbox {\n    display: flex;\n    position: relative;\n    align-items: center;\n    cursor: pointer;\n  }\n  .kol-checkbox--disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input {\n    background-color: white;\n    border-style: solid;\n    margin: 0;\n    border-width: 2px;\n    appearance: none;\n    cursor: inherit;\n  }\n  .kol-checkbox .kol-input:before {\n    content: "";\n  }\n  /**\n   * Variant: Checkbox\n   */\n  .kol-checkbox--variant-default {\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    display: none;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n    pointer-events: none;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    width: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon, .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon {\n    display: block;\n  }\n  /**\n   * Variant: Switch\n   */\n  .kol-checkbox--variant-switch {\n    position: relative;\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: inline-block;\n    position: relative;\n    width: 3.2em;\n    min-width: 3.2em;\n    height: 1.7em;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: black;\n    position: absolute;\n    top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    width: 1.2em;\n    height: 1.2em;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(1.5em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    transform: translate(0, -50%);\n    color: black;\n    display: flex;\n    position: absolute;\n    top: 50%;\n    left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    width: 1.2em;\n    height: 1.2em;\n    align-items: center;\n    justify-content: center;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(1.5em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(0.75em, -50%);\n  }\n  /**\n   * Variant: Button\n   */\n  .kol-checkbox--variant-button {\n    min-width: var(--a11y-min-size);\n  }\n  .kol-checkbox--variant-button .kol-icon {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n}';const P=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(n){}async click(){}getFormFieldProps(){return{state:this.state,class:l("kol-input-checkbox",{[`kol-input-checkbox--checked`]:this.state._checked,[`kol-input-checkbox--indeterminate`]:this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:true,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:true}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),renderNoTooltip:true}}getFieldControlProps(){return{class:l("kol-input-checkbox__field-control",{[`kol-input-checkbox__field-control--checked`]:this.state._checked,[`kol-input-checkbox__field-control--indeterminate`]:this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:true}),state:this.state,fieldControlLabelProps:{onMouseDown:n=>{if(this.inputHasFocus){n.preventDefault()}}}}}getInputProps(){return{state:this.state,icon:this.getIcon(),onMouseDown:n=>{if(this.inputHasFocus&&!(n.target instanceof HTMLInputElement)){n.preventDefault()}},inputProps:Object.assign(Object.assign({class:l({"visually-hidden":this.state._variant==="button"}),ref:this.ctaRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true},onBlur:n=>{if(this._disabled){return}this.controller.onFacade.onBlur(n);this.inputHasFocus=false},onClick:undefined})}}getIcon(){if(this.state._indeterminate)return this.state._icons.indeterminate;if(this.state._checked)return this.state._icons.checked;return this.state._icons.unchecked}render(){return n(g,Object.assign({key:"74de9542fe9b5be704548f3c7971ced0dbe8eb42"},this.getFormFieldProps(),{renderNoLabel:true}),n(_,Object.assign({key:"46309834b643f14d8af0a8f4dc31ca5c37323c28"},this.getFieldControlProps(),{renderNoHint:true}),n(O,Object.assign({key:"a70bbc3a81265ad7e94503fa29d8b09747205761"},this.getInputProps()))))}constructor(n){e(this,n);this.ctaRef=c();this._checked=false;this._hideMsg=false;this._disabled=false;this._hideLabel=false;this._hint="";this._labelAlign="right";this._required=false;this._tooltipAlign="top";this._touched=false;this._value=true;this._variant="default";this.state={_checked:false,_hideMsg:false,_icons:{checked:"kolicon-check",indeterminate:"kolicon-minus",unchecked:"kolicon-cross"},_id:a("input-checkbox"),_indeterminate:false,_label:"",_value:true,_variant:"default",_labelAlign:"right"};this.inputHasFocus=false;this.onInput=n=>{this._checked=!this._checked;this._indeterminate=false;const e=this.getModelValue();this.controller.onFacade.onInput(n,false,e);this.controller.setFormAssociatedCheckboxValue(e)};this.onChange=n=>{this.controller.onFacade.onChange(n,this.getModelValue())};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){x({form:this.host})}};this.controller=new S(this,"checkbox",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateChecked(n){this.controller.validateChecked(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateIndeterminate(n){this.controller.validateIndeterminate(n)}validateLabel(n){this.controller.validateLabel(n)}validateLabelAlign(n){this.controller.validateLabelAlign(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this._touched=this._touched===true;this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([r("ctaRef")],P.prototype,"focus",null);i([s("ctaRef")],P.prototype,"click",null);P.style={default:q};export{P as kol_input_checkbox};
+import{h as n,r as e,g as t}from"./index-CfYfRjdO.js";import{a as o,_ as i}from"./tslib.es6-QNbPBOk5.js";import{c as l}from"./clsx-COFh-Vc8.js";import{c as a}from"./dev.utils-CBuLoTMV.js";import{d as r,a as s,c}from"./element-interaction-C5-6aPzz.js";import{e as d,b as h,i as f,s as m}from"./common-Cbb6Axov.js";import{I as k}from"./controller-CSptrI5n.js";import{I as p}from"./component-DaUkSW3u.js";import{g as b,i as u,a as g,F as v}from"./FormFieldStateWrapper-DCZ5A-2U.js";import{I as y}from"./Input-BckuoFWy.js";import{F as x}from"./FieldControlStateWrapper-DOKxxkQb.js";import{p as _}from"./controller-9xFQ1gbO.js";import"./element-focus-BQXzaLL9.js";import"./label-We78Dt9U.js";import"./required-BYwM0tPO.js";import"./orientation-DPjc47G2.js";import"./bem-registry-BRfTMZf0.js";import"./access-and-short-key-DzjVTrop.js";import"./disabled-DfW4ft-F.js";import"./hide-label-BDwvU6I8.js";import"./tooltip-align-LkJ2mgrc.js";import"./align-BdqBkiyq.js";import"./variant-class-name-D8tvX7Qv.js";import"./events-BhfZTW2e.js";import"./associated.controller-yo_yku-m.js";import"./aria-details-Ddidnfeo.js";import"./aria-labelledby-6-ki3akM.js";import"./bootstrap-wNRvSYNh.js";import"./component-names-Dy77vq43.js";import"./i18n-CMA39edx.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./base-web-component-BCIMb9gN.js";import"./normalizers-iLdS6AQE.js";import"./component-BX1n4r9q.js";import"./component-CKSOghiT.js";import"./controller-BUTW5QfH.js";import"./align-floating-elements-Xqbu3THH.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-BwPy2Jd4.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CcjZRTxD.js";import"./Alert-DlY1Cd8i.js";import"./Heading-Bi9MCxAk.js";const w=(n,e)=>{d(n,"_checked",e)};const j=(n,e)=>{d(n,"_indeterminate",e)};const z=["left","right"];const A=(n,e)=>{h(n,`_labelAlign`,(n=>typeof n==="string"&&z.includes(n)),new Set([`KoliBriLabelAlign {${z.join(", ")}`]),e)};const B=["button","default","switch"];const C=n=>typeof n==="string"&&B.includes(n);const T=(n,e)=>{h(n,"_variant",C,new Set(B),e)};class S extends k{constructor(n,e,t){super(n,e,t);this.setFormAssociatedCheckboxValue=n=>{if(this.component._checked){this.setFormAssociatedValue(n)}else{this.setFormAssociatedValue(null)}};this.component=n}validateChecked(n){w(this.component,n);this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(n){h(this.component,"_icons",(n=>{const e=n;return typeof e==="object"&&e!==null&&(f(e.checked,1)||f(e.indeterminate,1)||f(e.unchecked,1))}),new Set(["InputCheckboxIcons"]),n,{hooks:{beforePatch:(n,e,t)=>{e.set("_icons",Object.assign(Object.assign({},t.state._icons),n))}}})}validateIndeterminate(n){j(this.component,n)}validateLabelAlign(n){A(this.component,n)}validateValue(n){m(this.component,"_value",n);this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(n){T(this.component,n)}componentWillLoad(){super.componentWillLoad();this.validateChecked(this.component._checked);this.validateIcons(this.component._icons);this.validateIndeterminate(this.component._indeterminate);this.validateValue(this.component._value);this.validateVariant(this.component._variant);this.validateLabelAlign(this.component._labelAlign)}}const D=e=>{var{class:t,variant:i="default",icon:a,inputProps:r}=e,s=o(e,["class","variant","icon","inputProps"]);const{class:c}=r,d=o(r,["class"]);const h={[`kol-checkbox--variant-${i}`]:true,[`kol-checkbox--checked`]:r===null||r===void 0?void 0:r.checked,[`kol-checkbox--indeterminate`]:r===null||r===void 0?void 0:r.indeterminate,["kol-checkbox--disabled"]:Boolean(r===null||r===void 0?void 0:r.disabled),["kol-checkbox--required"]:Boolean(r===null||r===void 0?void 0:r.required),["kol-checkbox--touched"]:Boolean(r===null||r===void 0?void 0:r.touched),[`kol-checkbox--${b(r===null||r===void 0?void 0:r.msg)}`]:Boolean(u(r===null||r===void 0?void 0:r.msg,r===null||r===void 0?void 0:r.touched))};return n("label",Object.assign({class:l("kol-checkbox",h,t)},s),n(p,{label:"",icons:a,class:l("kol-checkbox__icon")}),n(y,Object.assign({class:l("kol-checkbox__input",c)},d,{type:"checkbox"})))};function q(n,e={}){const{ariaDescribedBy:t}=g(n);const o={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,accessKey:n._accessKey,disabled:n._disabled,name:n._name,ariaDescribedBy:t};if("_required"in n)o.required=n._required;if("_checked"in n)o.checked=n._checked;if("_indeterminate"in n)o.indeterminate=n._indeterminate;if("_touched"in n)o.touched=n._touched;if("_msg"in n)o.msg=n._msg;if("_shortKey"in n)o["aria-keyshortcuts"]=n._shortKey;return Object.assign(Object.assign({},o),e)}const L=e=>{var{state:t,inputProps:i}=e,l=o(e,["state","inputProps"]);const a=(t===null||t===void 0?void 0:t._variant)||"default";return n(D,Object.assign({variant:a,inputProps:q(t,i)},l))};const O='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\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: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\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 {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-field-control--required .kol-field-control .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field__label-text {\n    display: ruby;\n  }\n  .kol-checkbox {\n    display: flex;\n    position: relative;\n    align-items: center;\n    cursor: pointer;\n  }\n  .kol-checkbox--disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input {\n    background-color: white;\n    border-style: solid;\n    margin: 0;\n    border-width: 2px;\n    appearance: none;\n    cursor: inherit;\n  }\n  .kol-checkbox .kol-input:before {\n    content: "";\n  }\n  /**\n   * Variant: Checkbox\n   */\n  .kol-checkbox--variant-default {\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    display: none;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n    pointer-events: none;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    width: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon, .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon {\n    display: block;\n  }\n  /**\n   * Variant: Switch\n   */\n  .kol-checkbox--variant-switch {\n    position: relative;\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: inline-block;\n    position: relative;\n    width: 3.2em;\n    min-width: 3.2em;\n    height: 1.7em;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: black;\n    position: absolute;\n    top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    width: 1.2em;\n    height: 1.2em;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(1.5em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    transform: translate(0, -50%);\n    color: black;\n    display: flex;\n    position: absolute;\n    top: 50%;\n    left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    width: 1.2em;\n    height: 1.2em;\n    align-items: center;\n    justify-content: center;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(1.5em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(0.75em, -50%);\n  }\n  /**\n   * Variant: Button\n   */\n  .kol-checkbox--variant-button {\n    min-width: var(--a11y-min-size);\n  }\n  .kol-checkbox--variant-button .kol-icon {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n}';const I=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(n){}async click(){}getFormFieldProps(){return{state:this.state,class:l("kol-input-checkbox",{[`kol-input-checkbox--checked`]:this.state._checked,[`kol-input-checkbox--indeterminate`]:this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:true,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:true}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),renderNoTooltip:true}}getFieldControlProps(){return{class:l("kol-input-checkbox__field-control",{[`kol-input-checkbox__field-control--checked`]:this.state._checked,[`kol-input-checkbox__field-control--indeterminate`]:this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:true}),state:this.state,fieldControlLabelProps:{onMouseDown:n=>{if(this.inputHasFocus){n.preventDefault()}}}}}getInputProps(){return{state:this.state,icon:this.getIcon(),onMouseDown:n=>{if(this.inputHasFocus&&!(n.target instanceof HTMLInputElement)){n.preventDefault()}},inputProps:Object.assign(Object.assign({class:l({"visually-hidden":this.state._variant==="button"}),ref:this.ctaRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true},onBlur:n=>{if(this._disabled){return}this.controller.onFacade.onBlur(n);this.inputHasFocus=false},onClick:undefined})}}getIcon(){if(this.state._indeterminate)return this.state._icons.indeterminate;if(this.state._checked)return this.state._icons.checked;return this.state._icons.unchecked}render(){return n(v,Object.assign({key:"18b0444342bea59b5816806b7a8d92e94e3a8d62"},this.getFormFieldProps(),{renderNoLabel:true}),n(x,Object.assign({key:"10d2b816d41571778d6e053f5494505a014a3130"},this.getFieldControlProps(),{renderNoHint:true}),n(L,Object.assign({key:"331f086f4bbf5d136857d117d98215e3e09c2fa1"},this.getInputProps()))))}constructor(n){e(this,n);this.ctaRef=c();this._checked=false;this._hideMsg=false;this._disabled=false;this._hideLabel=false;this._hint="";this._labelAlign="right";this._required=false;this._tooltipAlign="top";this._touched=false;this._value=true;this._variant="default";this.state={_checked:false,_hideMsg:false,_icons:{checked:"kolicon-check",indeterminate:"kolicon-minus",unchecked:"kolicon-cross"},_id:a("input-checkbox"),_indeterminate:false,_label:"",_value:true,_variant:"default",_labelAlign:"right"};this.inputHasFocus=false;this.onInput=n=>{this._checked=!this._checked;this._indeterminate=false;const e=this.getModelValue();this.controller.onFacade.onInput(n,false,e);this.controller.setFormAssociatedCheckboxValue(e)};this.onChange=n=>{this.controller.onFacade.onChange(n,this.getModelValue())};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){_({form:this.host})}};this.controller=new S(this,"checkbox",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateAriaDetails(n){this.controller.validateAriaDetails(n)}validateChecked(n){this.controller.validateChecked(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateIndeterminate(n){this.controller.validateIndeterminate(n)}validateLabel(n){this.controller.validateLabel(n)}validateLabelAlign(n){this.controller.validateLabelAlign(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this._touched=this._touched===true;this.validateAriaDetails(this._ariaDetails);this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaDetails:["validateAriaDetails"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([r("ctaRef")],I.prototype,"focus",null);i([s("ctaRef")],I.prototype,"click",null);I.style={default:O};export{I as kol_input_checkbox};
 //# sourceMappingURL=kol-input-checkbox.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","__rest","__decorate","clsx","createUniqueId","delegateFocus","delegateClick","createCtaRef","watchBoolean","watchValidator","isString","setState","InputCheckboxRadioController","IconFC","getMsgType","isMsgDefinedAndInputTouched","getRenderStates","FormFieldStateWrapper","InputFc","FieldControlStateWrapper","propagateSubmitEventToForm","validateChecked","component","value","validateIndeterminate","labelAlignPropTypeOptions","validateLabelAlign","includes","Set","join","inputCheckboxVariantOptions","isInputCheckboxVariantPropType","validateVariantInputCheckbox","InputCheckboxController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateIcons","v","checked","indeterminate","unchecked","hooks","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateValue","validateVariant","componentWillLoad","_indeterminate","_variant","_labelAlign","CheckboxFc","_a","class","classNames","variant","icon","inputProps","other","inputClass","restInputProps","cssVariants","Boolean","disabled","required","touched","msg","label","icons","type","getCheckboxProps","ariaDescribedBy","props","id","_id","hideLabel","_hideLabel","_label","accessKey","_accessKey","_disabled","_name","_required","_touched","_msg","_shortKey","CheckboxStateWrapper","defaultStyleCss","KolInputCheckbox","getModelValue","getValue","focus","options","click","getFormFieldProps","tooltipAlign","_tooltipAlign","alert","showAsAlert","renderNoTooltip","getFieldControlProps","fieldControlLabelProps","onMouseDown","e","inputHasFocus","preventDefault","getInputProps","getIcon","target","HTMLInputElement","ref","ctaRef","controller","onFacade","onInput","onChange","onKeyDown","onFocus","event","onBlur","onClick","undefined","render","key","renderNoLabel","renderNoHint","hostRef","_hideMsg","_hint","code","form","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateLabel","validateMsg","validateName","validateOn","validateRequired","validateShortKey","validateSyncValueBySelector","validateTouched","watchers","_on","_syncValueBySelector","prototype","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAkB,kCAC5CC,OAAaC,MAAkB,sCAC/BC,MAAY,iCACZC,MAAsB,sCACtBC,OAAoBC,EAAoBC,MAAoB,gDAC5DC,OAAmBC,OAAqBC,OAAeC,MAAgB,mCACvEC,MAAoC,uCACpCC,MAAc,sCACdC,OAAiBC,OAAkCC,OAAsBC,MAA6B,kDACtGC,MAAe,kCACfC,MAAgC,qDAChCC,MAAkC,iCACzC,oCACA,4BACA,+BACA,kCACA,mCACA,2CACA,+BACA,iCACA,oCACA,4BACA,yCACA,6BACA,4CACA,gCACA,sCACA,2BACA,kCACA,8BACA,oCACA,kCACA,gCACA,gCACA,iCACA,8CACA,4CACA,4BACA,sCACA,2BACA,4BACA,wBAEP,MAAMC,EAAkB,CAACC,EAAWC,KAChCf,EAAac,EAAW,WAAYC,EAAM,EAG9C,MAAMC,EAAwB,CAACF,EAAWC,KACtCf,EAAac,EAAW,iBAAkBC,EAAM,EAGpD,MAAME,EAA4B,CAAC,OAAQ,SAC3C,MAAMC,EAAqB,CAACJ,EAAWC,KACnCd,EAAea,EAAW,eAAgBC,UAAiBA,IAAU,UAAYE,EAA0BE,SAASJ,IAAQ,IAAIK,IAAI,CAAC,sBAAsBH,EAA0BI,KAAK,UAAWN,EAAM,EAG/M,MAAMO,EAA8B,CAAC,SAAU,UAAW,UAC1D,MAAMC,EAAkCR,UACtBA,IAAU,UAAYO,EAA4BH,SAASJ,GAE7E,MAAMS,EAA+B,CAACV,EAAWC,KAC7Cd,EAAea,EAAW,WAAYS,EAAgC,IAAIH,IAAIE,GAA8BP,EAAM,EAGtH,MAAMU,UAAgCrB,EAClC,WAAAsB,CAAYZ,EAAWa,EAAMC,GACzBC,MAAMf,EAAWa,EAAMC,GACvBE,KAAKC,+BAAkChB,IACnC,GAAIe,KAAKhB,UAAUkB,SAAU,CACzBF,KAAKG,uBAAuBlB,EAChC,KACK,CACDe,KAAKG,uBAAuB,KAChC,GAEJH,KAAKhB,UAAYA,CACrB,CACA,eAAAD,CAAgBE,GACZF,EAAgBiB,KAAKhB,UAAWC,GAChCe,KAAKC,+BAA+BD,KAAKhB,UAAUoB,MAAMC,OAC7D,CACA,aAAAC,CAAcrB,GACVd,EAAe6B,KAAKhB,UAAW,UAAWC,IACtC,MAAMsB,EAAItB,EACV,cAAcsB,IAAM,UAAYA,IAAM,OAASnC,EAASmC,EAAEC,QAAS,IAAMpC,EAASmC,EAAEE,cAAe,IAAMrC,EAASmC,EAAEG,UAAW,GAAG,GACnI,IAAIpB,IAAI,CAAC,uBAAwBL,EAAO,CACvC0B,MAAO,CACHC,YAAa,CAACC,EAAWC,EAAW9B,KAChC8B,EAAUC,IAAI,SAAUC,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGjC,EAAUoB,MAAMc,QAASL,GAAW,IAI5G,CACA,qBAAA3B,CAAsBD,GAClBC,EAAsBc,KAAKhB,UAAWC,EAC1C,CACA,kBAAAG,CAAmBH,GACfG,EAAmBY,KAAKhB,UAAWC,EACvC,CACA,aAAAkC,CAAclC,GACVZ,EAAS2B,KAAKhB,UAAW,SAAUC,GACnCe,KAAKC,+BAA+BD,KAAKhB,UAAUoB,MAAMC,OAC7D,CACA,eAAAe,CAAgBnC,GACZS,EAA6BM,KAAKhB,UAAWC,EACjD,CACA,iBAAAoC,GACItB,MAAMsB,oBACNrB,KAAKjB,gBAAgBiB,KAAKhB,UAAUkB,UACpCF,KAAKM,cAAcN,KAAKhB,UAAUkC,QAClClB,KAAKd,sBAAsBc,KAAKhB,UAAUsC,gBAC1CtB,KAAKmB,cAAcnB,KAAKhB,UAAUqB,QAClCL,KAAKoB,gBAAgBpB,KAAKhB,UAAUuC,UACpCvB,KAAKZ,mBAAmBY,KAAKhB,UAAUwC,YAC3C,EAGJ,MAAMC,EAAcC,IAChB,IAAMC,MAAOC,EAAUC,QAAEA,EAAU,UAASC,KAAEA,EAAIC,WAAEA,GAAeL,EAAIM,EAAQrE,EAAO+D,EAAI,CAAC,QAAS,UAAW,OAAQ,eACvH,MAAQC,MAAOM,GAAeF,EAAYG,EAAiBvE,EAAOoE,EAAY,CAAC,UAC/E,MAAMI,EAAc,CAChB,CAAC,yBAAyBN,KAAY,KACtC,CAAC,yBAA0BE,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWvB,QAC9F,CAAC,+BAAgCuB,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWtB,cACpG,CAAC,0BAA2B2B,QAAQL,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWM,UACvG,CAAC,0BAA2BD,QAAQL,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWO,UACvG,CAAC,yBAA0BF,QAAQL,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWQ,SACtG,CAAC,iBAAiB/D,EAAWuD,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWS,QAASJ,QAAQ3D,EAA4BsD,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWS,IAAKT,IAAe,MAAQA,SAAoB,OAAS,EAAIA,EAAWQ,WAE5R,OAAQ/E,EAAE,QAASwD,OAAOC,OAAO,CAAEU,MAAO9D,EAAK,eAAgBsE,EAAaP,IAAeI,GAAQxE,EAAEe,EAAQ,CAAEkE,MAAO,GAAIC,MAAOZ,EAAMH,MAAO9D,EAAK,wBAA0BL,EAAEoB,EAASoC,OAAOC,OAAO,CAAEU,MAAO9D,EAAK,sBAAuBoE,IAAeC,EAAgB,CAAES,KAAM,cAAgB,EAGtS,SAASC,EAAiBxC,EAAO2B,EAAa,CAAC,GAC3C,MAAMc,gBAAEA,GAAoBnE,EAAgB0B,GAC5C,MAAM0C,EAAQ,CACVC,GAAI3C,EAAM4C,IACVC,UAAW7C,EAAM8C,WACjBT,MAAOrC,EAAM+C,OACblE,MAAOmB,EAAMC,OACb+C,UAAWhD,EAAMiD,WACjBhB,SAAUjC,EAAMkD,UAChBzD,KAAMO,EAAMmD,MACZV,gBAAiBA,GAErB,GAAI,cAAezC,EACf0C,EAAMR,SAAWlC,EAAMoD,UAC3B,GAAI,aAAcpD,EACd0C,EAAMtC,QAAUJ,EAAMF,SAC1B,GAAI,mBAAoBE,EACpB0C,EAAMrC,cAAgBL,EAAMkB,eAChC,GAAI,aAAclB,EACd0C,EAAMP,QAAUnC,EAAMqD,SAC1B,GAAI,SAAUrD,EACV0C,EAAMN,IAAMpC,EAAMsD,KACtB,GAAI,cAAetD,EACf0C,EAAM,qBAAuB1C,EAAMuD,UACvC,OAAO3C,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG6B,GAAQf,EACnD,CACA,MAAM6B,EAAwBlC,IAC1B,IAAItB,MAAEA,EAAK2B,WAAEA,GAAeL,EAAIM,EAAQrE,EAAO+D,EAAI,CAAC,QAAS,eAC7D,MAAMG,GAAWzB,IAAU,MAAQA,SAAe,OAAS,EAAIA,EAAMmB,WAAa,UAClF,OAAO/D,EAAEiE,EAAYT,OAAOC,OAAO,CAAEY,QAASA,EAASE,WAAYa,EAAiBxC,EAAO2B,IAAeC,GAAO,EAGrH,MAAM6B,EAAkB,+gfAExB,MAAMC,EAAmB,MACrB,aAAAC,GACI,OAAO/D,KAAKE,SAAWF,KAAKI,MAAMC,OAAS,IAC/C,CACA,cAAM2D,GACF,OAAOhE,KAAK+D,eAChB,CACA,WAAME,CAAMC,GAAW,CACvB,WAAMC,GAAU,CAChB,iBAAAC,GACI,MAAO,CACHhE,MAAOJ,KAAKI,MACZuB,MAAO9D,EAAK,qBAAsB,CAC9B,CAAC,+BAAgCmC,KAAKI,MAAMF,SAC5C,CAAC,qCAAsCF,KAAKI,MAAMkB,eAClD,CAAC,+BAA+BtB,KAAKI,MAAMmB,UAAY,aAAc,KACrE,CAAC,mCAAmCvB,KAAKI,MAAMoB,aAAe,WAAY,OAE9E6C,aAAcrE,KAAKsE,cACnBC,MAAOvE,KAAKwE,cACZC,gBAAiB,KAEzB,CACA,oBAAAC,GACI,MAAO,CACH/C,MAAO9D,EAAK,oCAAqC,CAC7C,CAAC,8CAA+CmC,KAAKI,MAAMF,SAC3D,CAAC,oDAAqDF,KAAKI,MAAMkB,eACjE,CAAC,8CAA8CtB,KAAKI,MAAMmB,UAAY,aAAc,OAExFnB,MAAOJ,KAAKI,MACZuE,uBAAwB,CACpBC,YAAcC,IACV,GAAI7E,KAAK8E,cAAe,CACpBD,EAAEE,gBACN,IAIhB,CACA,aAAAC,GACI,MAAO,CACH5E,MAAOJ,KAAKI,MACZ0B,KAAM9B,KAAKiF,UACXL,YAAcC,IACV,GAAI7E,KAAK8E,iBAAmBD,EAAEK,kBAAkBC,kBAAmB,CAC/DN,EAAEE,gBACN,GAEJhD,WAAYf,OAAOC,OAAOD,OAAOC,OAAO,CAAEU,MAAO9D,EAAK,CAC9C,kBAAmBmC,KAAKI,MAAMmB,WAAa,WAC3C6D,IAAKpF,KAAKqF,QAAUrF,KAAKsF,WAAWC,UAAW,CAAEC,QAASxF,KAAKwF,QAASC,SAAUzF,KAAKyF,SAAUC,UAAW1F,KAAK0F,UAAWC,QAAUC,IACtI5F,KAAKsF,WAAWC,SAASI,QAAQC,GACjC5F,KAAK8E,cAAgB,IAAI,EAC1Be,OAASD,IACR,GAAI5F,KAAKsD,UAAW,CAChB,MACJ,CACAtD,KAAKsF,WAAWC,SAASM,OAAOD,GAChC5F,KAAK8E,cAAgB,KAAK,EAC3BgB,QAASC,YAExB,CACA,OAAAd,GACI,GAAIjF,KAAKI,MAAMkB,eACX,OAAOtB,KAAKI,MAAMc,OAAOT,cAC7B,GAAIT,KAAKI,MAAMF,SACX,OAAOF,KAAKI,MAAMc,OAAOV,QAC7B,OAAOR,KAAKI,MAAMc,OAAOR,SAC7B,CACA,MAAAsF,GACI,OAAQxI,EAAEmB,EAAuBqC,OAAOC,OAAO,CAAEgF,IAAK,4CAA8CjG,KAAKoE,oBAAqB,CAAE8B,cAAe,OAAS1I,EAAEqB,EAA0BmC,OAAOC,OAAO,CAAEgF,IAAK,4CAA8CjG,KAAK0E,uBAAwB,CAAEyB,aAAc,OAAS3I,EAAEoG,EAAsB5C,OAAOC,OAAO,CAAEgF,IAAK,4CAA8CjG,KAAKgF,mBACjZ,CACA,WAAApF,CAAYwG,GACR3I,EAAiBuC,KAAMoG,GACvBpG,KAAKqF,OAASpH,IACd+B,KAAKE,SAAW,MAChBF,KAAKqG,SAAW,MAChBrG,KAAKsD,UAAY,MACjBtD,KAAKkD,WAAa,MAClBlD,KAAKsG,MAAQ,GACbtG,KAAKwB,YAAc,QACnBxB,KAAKwD,UAAY,MACjBxD,KAAKsE,cAAgB,MACrBtE,KAAKyD,SAAW,MAChBzD,KAAKK,OAAS,KACdL,KAAKuB,SAAW,UAChBvB,KAAKI,MAAQ,CACTF,SAAU,MACVmG,SAAU,MACVnF,OAAQ,CACJV,QAAS,gBACTC,cAAe,gBACfC,UAAW,iBAEfsC,IAAKlF,EAAe,kBACpBwD,eAAgB,MAChB6B,OAAQ,GACR9C,OAAQ,KACRkB,SAAU,UACVC,YAAa,SAEjBxB,KAAK8E,cAAgB,MACrB9E,KAAKwF,QAAWI,IACZ5F,KAAKE,UAAYF,KAAKE,SACtBF,KAAKsB,eAAiB,MACtB,MAAMrC,EAAQe,KAAK+D,gBACnB/D,KAAKsF,WAAWC,SAASC,QAAQI,EAAO,MAAO3G,GAC/Ce,KAAKsF,WAAWrF,+BAA+BhB,EAAM,EAEzDe,KAAKyF,SAAYG,IACb5F,KAAKsF,WAAWC,SAASE,SAASG,EAAO5F,KAAK+D,gBAAgB,EAElE/D,KAAK0F,UAAaE,IACd5F,KAAKsF,WAAWC,SAASG,UAAUE,GACnC,GAAIA,EAAMW,OAAS,SAAWX,EAAMW,OAAS,cAAe,CACxDzH,EAA2B,CACvB0H,KAAMxG,KAAKF,MACnB,GAEJE,KAAKsF,WAAa,IAAI3F,EAAwBK,KAAM,WAAYA,KAAKF,KACzE,CACA,WAAA0E,GACI,OAAOpC,QAAQpC,KAAKI,MAAMqD,YAAczD,KAAK8E,aACjD,CACA,iBAAA2B,CAAkBxH,GACde,KAAKsF,WAAWmB,kBAAkBxH,EACtC,CACA,eAAAF,CAAgBE,GACZe,KAAKsF,WAAWvG,gBAAgBE,EACpC,CACA,gBAAAyH,CAAiBzH,GACbe,KAAKsF,WAAWoB,iBAAiBzH,EACrC,CACA,eAAA0H,CAAgB1H,GACZe,KAAKsF,WAAWqB,gBAAgB1H,EACpC,CACA,iBAAA2H,CAAkB3H,GACde,KAAKsF,WAAWsB,kBAAkB3H,EACtC,CACA,YAAA4H,CAAa5H,GACTe,KAAKsF,WAAWuB,aAAa5H,EACjC,CACA,aAAAqB,CAAcrB,GACVe,KAAKsF,WAAWhF,cAAcrB,EAClC,CACA,qBAAAC,CAAsBD,GAClBe,KAAKsF,WAAWpG,sBAAsBD,EAC1C,CACA,aAAA6H,CAAc7H,GACVe,KAAKsF,WAAWwB,cAAc7H,EAClC,CACA,kBAAAG,CAAmBH,GACfe,KAAKsF,WAAWlG,mBAAmBH,EACvC,CACA,WAAA8H,CAAY9H,GACRe,KAAKsF,WAAWyB,YAAY9H,EAChC,CACA,YAAA+H,CAAa/H,GACTe,KAAKsF,WAAW0B,aAAa/H,EACjC,CACA,UAAAgI,CAAWhI,GACPe,KAAKsF,WAAW2B,WAAWhI,EAC/B,CACA,gBAAAiI,CAAiBjI,GACbe,KAAKsF,WAAW4B,iBAAiBjI,EACrC,CACA,gBAAAkI,CAAiBlI,GACbe,KAAKsF,WAAW6B,iBAAiBlI,EACrC,CACA,2BAAAmI,CAA4BnI,GACxBe,KAAKsF,WAAW8B,4BAA4BnI,EAChD,CACA,eAAAoI,CAAgBpI,GACZe,KAAKsF,WAAW+B,gBAAgBpI,EACpC,CACA,aAAAkC,CAAclC,GACVe,KAAKsF,WAAWnE,cAAclC,EAClC,CACA,eAAAmC,CAAgBnC,GACZe,KAAKsF,WAAWlE,gBAAgBnC,EACpC,CACA,iBAAAoC,GACIrB,KAAKyD,SAAWzD,KAAKyD,WAAa,KAClCzD,KAAKsF,WAAWjE,mBACpB,CACA,QAAIvB,GAAS,OAAOpC,EAAWsC,KAAO,CACtC,mBAAWsH,GAAa,MAAO,CAC3BjE,WAAc,CAAC,qBACfnD,SAAY,CAAC,mBACboD,UAAa,CAAC,oBACd+C,SAAY,CAAC,mBACbnD,WAAc,CAAC,qBACfoD,MAAS,CAAC,gBACVpF,OAAU,CAAC,iBACXI,eAAkB,CAAC,yBACnB6B,OAAU,CAAC,iBACX3B,YAAe,CAAC,sBAChBkC,KAAQ,CAAC,eACTH,MAAS,CAAC,gBACVgE,IAAO,CAAC,cACR/D,UAAa,CAAC,oBACdG,UAAa,CAAC,oBACd6D,qBAAwB,CAAC,+BACzB/D,SAAY,CAAC,mBACbpD,OAAU,CAAC,iBACXkB,SAAY,CAAC,mBACd,GAEP3D,EAAW,CACPG,EAAc,WACf+F,EAAiB2D,UAAW,QAAS,MACxC7J,EAAW,CACPI,EAAc,WACf8F,EAAiB2D,UAAW,QAAS,MACxC3D,EAAiB4D,MAAQ,CACrBC,QAAS9D,UAGJC","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__rest","__decorate","clsx","createUniqueId","delegateFocus","delegateClick","createCtaRef","watchBoolean","watchValidator","isString","setState","InputCheckboxRadioController","IconFC","getMsgType","isMsgDefinedAndInputTouched","getRenderStates","FormFieldStateWrapper","InputFc","FieldControlStateWrapper","propagateSubmitEventToForm","validateChecked","component","value","validateIndeterminate","labelAlignPropTypeOptions","validateLabelAlign","includes","Set","join","inputCheckboxVariantOptions","isInputCheckboxVariantPropType","validateVariantInputCheckbox","InputCheckboxController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateIcons","v","checked","indeterminate","unchecked","hooks","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateValue","validateVariant","componentWillLoad","_indeterminate","_variant","_labelAlign","CheckboxFc","_a","class","classNames","variant","icon","inputProps","other","inputClass","restInputProps","cssVariants","Boolean","disabled","required","touched","msg","label","icons","type","getCheckboxProps","ariaDescribedBy","props","id","_id","hideLabel","_hideLabel","_label","accessKey","_accessKey","_disabled","_name","_required","_touched","_msg","_shortKey","CheckboxStateWrapper","defaultStyleCss","KolInputCheckbox","getModelValue","getValue","focus","options","click","getFormFieldProps","tooltipAlign","_tooltipAlign","alert","showAsAlert","renderNoTooltip","getFieldControlProps","fieldControlLabelProps","onMouseDown","e","inputHasFocus","preventDefault","getInputProps","getIcon","target","HTMLInputElement","ref","ctaRef","controller","onFacade","onInput","onChange","onKeyDown","onFocus","event","onBlur","onClick","undefined","render","key","renderNoLabel","renderNoHint","hostRef","_hideMsg","_hint","code","form","validateAccessKey","validateAriaDetails","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateLabel","validateMsg","validateName","validateOn","validateRequired","validateShortKey","validateSyncValueBySelector","validateTouched","_ariaDetails","watchers","_on","_syncValueBySelector","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-input-color.entry.esm.js","sources":["src/components/input-color/controller.ts","src/components/input-color/style.scss?tag=kol-input-color&mode=default&encapsulation=shadow","src/components/input-color/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputColorProps, InputColorWatches, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions, watchString } 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';\nexport class InputColorController extends InputIconController implements InputColorWatches {\n\tprotected readonly component: Generic.Element.Component & InputColorProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputColorProps, 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 validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(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.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/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\t.kol-input-color {\n\t\t&__input {\n\t\t\t&--color {\n\t\t\t\tflex: 1 1 min-content;\n\t\t\t}\n\n\t\t\t&--text {\n\t\t\t\tflex: 0 0 to-rem(86);\n\t\t\t}\n\t\t}\n\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.kol-input {\n\t\tcursor: pointer;\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 type {\n\tAutoCompletePropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputColorAPI,\n\tInputColorStates,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport { createRelatedUniqueId, createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { InputColorController } from './controller';\n\n/**\n * The **Color** input type creates a selection field for defining any color. The color can be entered in hexadecimal, RGB, or HSL notation. It is possible to select a color via a picker or by entering exact color values.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-color',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputColor implements InputColorAPI, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolInputColorElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\tprivate refInputColor?: HTMLInputElement;\n\n\tprivate readonly setColorRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInputColor = ref;\n\t};\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onBlur(event);\n\t\tthis.inputHasFocus = false;\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onFocus(event);\n\t\tthis.inputHasFocus = true;\n\t};\n\n\tprivate readonly onColorInput = (event: InputEvent) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tthis.state._value = value;\n\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.ctaRef.el.value = value;\n\t\t}\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onTextInput = (event: InputEvent) => {\n\t\tlet value = (event.target as HTMLInputElement).value;\n\t\tif (!value.startsWith('#')) {\n\t\t\tvalue = `#${value}`;\n\t\t}\n\t\tthis._value = value;\n\t\tif (this.refInputColor) {\n\t\t\tthis.refInputColor.value = value;\n\t\t}\n\t\tthis.controller.onFacade.onInput(event);\n\t};\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<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: 'kol-input-color',\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputColorProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tref: this.setColorRef,\n\t\t\ttype: 'color',\n\t\t\tname: this.state._name ? `${this.state._name}-color` : undefined,\n\t\t\tlist: this.hasSuggestions ? createRelatedUniqueId(this.state._id, 'list') : undefined,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\ttabIndex: -1,\n\t\t\tonInput: this.onColorInput,\n\t\t};\n\t}\n\tprivate getInputTextProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tref: this.ctaRef,\n\t\t\ttype: 'text',\n\t\t\tname: this.state._name ? `${this.state._name}-text` : undefined,\n\t\t\tlist: this.hasSuggestions ? createRelatedUniqueId(this.state._id, 'list') : undefined,\n\t\t\tonInput: this.onTextInput,\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\treturn {\n\t\t\tstate: { ...this.state, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonBlur: this.onBlur,\n\t\t\tonFocus: this.onFocus,\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<KolInputContainerFc state={this.state} class=\"kol-input-color__inputs-wrapper\">\n\t\t\t\t\t<div class=\"kol-input-color__inputs-wrapper\">\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-color__input kol-input-color__input--color\" {...this.getInputColorProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-color__input kol-input-color__input--text\" {...this.getInputTextProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputColorController;\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 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 * 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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\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 element.\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?: VariantClassNamePropType;\n\n\t@State() public state: InputColorStates = {\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-color'),\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 InputColorController(this, 'color', 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('_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('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(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?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tif (!this._value && this.refInputColor) {\n\t\t\tthis._value = this.refInputColor.value;\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc"],"mappings":"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"}
+{"version":3,"file":"kol-input-color.entry.esm.js","sources":["src/components/input-color/controller.ts","src/components/input-color/style.scss?tag=kol-input-color&mode=default&encapsulation=shadow","src/components/input-color/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputColorProps, InputColorWatches, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions, watchString } 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';\nexport class InputColorController extends InputIconController implements InputColorWatches {\n\tprotected readonly component: Generic.Element.Component & InputColorProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputColorProps, 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 validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(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.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/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\t.kol-input-color {\n\t\t&__input {\n\t\t\t&--color {\n\t\t\t\tflex: 1 1 min-content;\n\t\t\t}\n\n\t\t\t&--text {\n\t\t\t\tflex: 0 0 to-rem(86);\n\t\t\t}\n\t\t}\n\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.kol-input {\n\t\tcursor: pointer;\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 type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputColorAPI,\n\tInputColorStates,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport { createRelatedUniqueId, createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { InputColorController } from './controller';\n\n/**\n * The **Color** input type creates a selection field for defining any color. The color can be entered in hexadecimal, RGB, or HSL notation. It is possible to select a color via a picker or by entering exact color values.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-color',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputColor implements ClickableElement, FocusableElement, InputColorAPI {\n\t@Element() protected readonly host?: HTMLKolInputColorElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\tprivate refInputColor?: HTMLInputElement;\n\n\tprivate readonly setColorRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInputColor = ref;\n\t};\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onBlur(event);\n\t\tthis.inputHasFocus = false;\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onFocus(event);\n\t\tthis.inputHasFocus = true;\n\t};\n\n\tprivate readonly onColorInput = (event: InputEvent) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tthis.state._value = value;\n\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.ctaRef.el.value = value;\n\t\t}\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onTextInput = (event: InputEvent) => {\n\t\tlet value = (event.target as HTMLInputElement).value;\n\t\tif (!value.startsWith('#')) {\n\t\t\tvalue = `#${value}`;\n\t\t}\n\t\tthis._value = value;\n\t\tif (this.refInputColor) {\n\t\t\tthis.refInputColor.value = value;\n\t\t}\n\t\tthis.controller.onFacade.onInput(event);\n\t};\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<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: 'kol-input-color',\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputColorProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tref: this.setColorRef,\n\t\t\ttype: 'color',\n\t\t\tname: this.state._name ? `${this.state._name}-color` : undefined,\n\t\t\tlist: this.hasSuggestions ? createRelatedUniqueId(this.state._id, 'list') : undefined,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\ttabIndex: -1,\n\t\t\tonInput: this.onColorInput,\n\t\t};\n\t}\n\tprivate getInputTextProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tref: this.ctaRef,\n\t\t\ttype: 'text',\n\t\t\tname: this.state._name ? `${this.state._name}-text` : undefined,\n\t\t\tlist: this.hasSuggestions ? createRelatedUniqueId(this.state._id, 'list') : undefined,\n\t\t\tonInput: this.onTextInput,\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\treturn {\n\t\t\tstate: { ...this.state, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonBlur: this.onBlur,\n\t\t\tonFocus: this.onFocus,\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<KolInputContainerFc state={this.state} class=\"kol-input-color__inputs-wrapper\">\n\t\t\t\t\t<div class=\"kol-input-color__inputs-wrapper\">\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-color__input kol-input-color__input--color\" {...this.getInputColorProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-color__input kol-input-color__input--text\" {...this.getInputTextProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputColorController;\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 * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\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 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 * 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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\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 element.\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?: VariantClassNamePropType;\n\n\t@State() public state: InputColorStates = {\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-color'),\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 InputColorController(this, 'color', 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('_ariaDetails')\n\tpublic validateAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.controller.validateAriaDetails(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('_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('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(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?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tif (!this._value && this.refInputColor) {\n\t\t\tthis._value = this.refInputColor.value;\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.validateAriaDetails(this._ariaDetails);\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc"],"mappings":"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"}