@public-ui/components 2.0.12 → 2.0.13

package/dist/kolibri/{controller-12bf050b.js.map → controller-f47b7bfc.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getRenderStates","state","isMessageValidError","Boolean","_a","_msg","_type","_description","_b","length","hasError","_touched","hasHint","_hint","ariaDescribedBy","push","_id","ControlledInputController","AssociatedInputController","constructor","component","name","host","super","this","validateAlert","value","watchBoolean","validateTouched","componentWillLoad","_alert","InputController","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","onInput","validateAccessKey","watchString","validateAdjustHeight","validateDisabled","a11yHintDisabled","validateError","message","undefined","validateMsg","validateHideError","hooks","afterPatch","_hideError","a11yHint","validateHideLabel","_hideLabel","validateHint","validateId","setAttribute","formAssociated","minLength","devHint","validateLabel","validateLabelWithExpertSlot","required","validateOn","setState","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_accessKey","_adjustHeight","_error","_disabled","_label","_smartButton","_on","_tabIndex","event","stopPropagation","tryToDispatchKoliBriEvent","target","forEach","listener","shouldSetFormAssociatedValue","setFormAssociatedValue","addValueChangeListener"],"sources":["src/components/input/controller.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts"],"sourcesContent":["import type { MsgPropType, TouchedPropType } from '@public-ui/schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: MsgPropType;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst isMessageValidError = Boolean(state._msg?._type === 'error' && state._msg._description && state._msg._description?.length > 0);\n\tconst hasError = isMessageValidError && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched, watchBoolean } from '@public-ui/schema';\n\nimport { AssociatedInputController } from './associated.controller';\n\nimport type { Props, Watches } from './types';\nexport class ControlledInputController extends AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this.component, '_alert', value);\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAlert(this.component._alert);\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType } from '@public-ui/schema';\nimport {\n\ta11yHint,\n\ta11yHintDisabled,\n\tdevHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAdjustHeight,\n\tvalidateHideError,\n\tvalidateHideLabel,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateTabIndex,\n\twatchBoolean,\n\twatchString,\n} from '@public-ui/schema';\n\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: string) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this.component, '_accessKey', value);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\tpublic validateError(value?: string): void {\n\t\tconst message: MsgPropType | undefined = value\n\t\t\t? {\n\t\t\t\t\t_description: value,\n\t\t\t\t\t_type: 'error',\n\t\t\t\t}\n\t\t\t: undefined;\n\t\tthis.validateMsg(message);\n\t}\n\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tvalidateHideError(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideError) {\n\t\t\t\t\t\ta11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('id', this.formAssociated, this.component.state._id as string);\n\t\t\t\t},\n\t\t\t},\n\t\t\tminLength: 1,\n\t\t});\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);\n\t\t}\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: MsgPropType): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateError(this.component._error);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('blur', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\tprotected onChange(event: Event): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\n\t\t// Event handling\n\t\ttryToDispatchKoliBriEvent('change', this.host, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('input', this.host);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('click', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\tthis.component._alert = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('focus', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["getRenderStates","state","isMessageValidError","Boolean","_a","_msg","_type","_description","_b","length","hasError","_touched","hasHint","_hint","ariaDescribedBy","push","_id","ControlledInputController","AssociatedInputController","constructor","component","name","host","super","this","validateAlert","value","watchBoolean","validateTouched","componentWillLoad","_alert","InputController","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","onInput","validateAccessKey","watchString","validateAdjustHeight","validateDisabled","a11yHintDisabled","validateError","message","undefined","validateMsg","validateHideError","hooks","afterPatch","_hideError","a11yHint","validateHideLabel","_hideLabel","validateHint","validateId","setAttribute","formAssociated","minLength","devHint","validateLabel","validateLabelWithExpertSlot","required","validateOn","setState","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_accessKey","_adjustHeight","_error","_disabled","_label","_smartButton","_on","_tabIndex","event","stopPropagation","tryToDispatchKoliBriEvent","target","forEach","listener","shouldSetFormAssociatedValue","setFormAssociatedValue","addValueChangeListener"],"sources":["src/components/input/controller.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts"],"sourcesContent":["import type { MsgPropType, TouchedPropType } from '@public-ui/schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: MsgPropType;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst isMessageValidError = Boolean(state._msg?._type === 'error' && state._msg._description && state._msg._description?.length > 0);\n\tconst hasError = isMessageValidError && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched, watchBoolean } from '@public-ui/schema';\n\nimport { AssociatedInputController } from './associated.controller';\n\nimport type { Props, Watches } from './types';\nexport class ControlledInputController extends AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this.component, '_alert', value);\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAlert(this.component._alert);\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType } from '@public-ui/schema';\nimport {\n\ta11yHint,\n\ta11yHintDisabled,\n\tdevHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAdjustHeight,\n\tvalidateHideError,\n\tvalidateHideLabel,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateTabIndex,\n\twatchBoolean,\n\twatchString,\n} from '@public-ui/schema';\n\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: string) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this.component, '_accessKey', value);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\tpublic validateError(value?: string): void {\n\t\tconst message: MsgPropType | undefined = value\n\t\t\t? {\n\t\t\t\t\t_description: value,\n\t\t\t\t\t_type: 'error',\n\t\t\t\t}\n\t\t\t: undefined;\n\t\tthis.validateMsg(message);\n\t}\n\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tvalidateHideError(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideError) {\n\t\t\t\t\t\ta11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('id', this.formAssociated, this.component.state._id as string);\n\t\t\t\t},\n\t\t\t},\n\t\t\tminLength: 1,\n\t\t});\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);\n\t\t}\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: MsgPropType): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateError(this.component._error);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('blur', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\tprotected onChange(event: Event): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\n\t\t// Event handling\n\t\ttryToDispatchKoliBriEvent('change', this.host, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('input', this.host, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('click', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\tthis.component._alert = true;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('focus', this.host);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t};\n}\n"],"mappings":";;;wPASaA,EAAmBC,I,QAU/B,MAAMC,EAAsBC,UAAQC,EAAAH,EAAMI,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAAU,SAAWL,EAAMI,KAAKE,gBAAgBC,EAAAP,EAAMI,KAAKE,gBAAY,MAAAC,SAAA,SAAAA,EAAEC,QAAS,GAClI,MAAMC,EAAWR,GAAuBD,EAAMU,WAAa,KAC3D,MAAMC,SAAiBX,EAAMY,QAAU,UAAYZ,EAAMY,MAAMJ,OAAS,EAExE,MAAMK,EAA4B,GAClC,GAAIJ,IAAa,KAAM,CACtBI,EAAgBC,KAAK,GAAGd,EAAMe,Y,CAE/B,GAAIJ,IAAY,KAAM,CACrBE,EAAgBC,KAAK,GAAGd,EAAMe,W,CAE/B,MAAO,CAAEN,WAAUE,UAASE,kBAAiB,E,MCvBjCG,UAAkCC,EAG9C,WAAAC,CAAmBC,EAA8CC,EAAcC,GAC9EC,MAAMH,EAAWC,EAAMC,GACvBE,KAAKJ,UAAYA,C,CAGX,aAAAK,CAAcC,GACpBC,EAAaH,KAAKJ,UAAW,SAAUM,E,CAGjC,eAAAE,CAAgBF,GACtBE,EAAgBJ,KAAKJ,UAAWM,E,CAG1B,iBAAAG,GACNN,MAAMM,oBACNL,KAAKC,cAAcD,KAAKJ,UAAUU,QAClCN,KAAKI,gBAAgBJ,KAAKJ,UAAUT,S,QCEzBoB,UAAwBd,EAKpC,WAAAE,CAAmBC,EAA8CC,EAAcC,GAC9EC,MAAMH,EAAWC,EAAMC,GAHPE,KAAAQ,qBAA8C,GA0N/CR,KAAAS,SAAW,CAC1BC,OAAQV,KAAKU,OAAOC,KAAKX,MACzBY,SAAUZ,KAAKY,SAASD,KAAKX,MAC7Ba,QAASb,KAAKa,QAAQF,KAAKX,MAC3Bc,QAASd,KAAKc,QAAQH,KAAKX,MAC3Be,QAASf,KAAKe,QAAQJ,KAAKX,OA3N3BA,KAAKJ,UAAYA,C,CAGX,iBAAAoB,CAAkBd,GACxBe,EAAYjB,KAAKJ,UAAW,aAAcM,E,CAGpC,oBAAAgB,CAAqBhB,GAC3BgB,EAAqBlB,KAAKJ,UAAWM,E,CAG/B,gBAAAiB,CAAiBjB,GACvBC,EAAaH,KAAKJ,UAAW,YAAaM,GAC1C,GAAIA,IAAU,KAAM,CACnBkB,G,EAOK,aAAAC,CAAcnB,GACpB,MAAMoB,EAAmCpB,EACtC,CACAnB,aAAcmB,EACdpB,MAAO,SAEPyC,UACHvB,KAAKwB,YAAYF,E,CAGX,iBAAAG,CAAkBvB,GACxBuB,EAAkBzB,KAAKJ,UAAWM,EAAO,CACxCwB,MAAO,CACNC,WAAY,KACX,GAAI3B,KAAKJ,UAAUnB,MAAMmD,WAAY,CACpCC,EAAS,2G,MAOP,iBAAAC,CAAkB5B,GACxB4B,EAAkB9B,KAAKJ,UAAWM,EAAO,CACxCwB,MAAO,CACNC,WAAY,KACX,GAAI3B,KAAKJ,UAAUnB,MAAMsD,WAAY,CACpCF,EAAS,6H,MAOP,YAAAG,CAAa9B,GACnBe,EAAYjB,KAAKJ,UAAW,QAASM,E,CAG/B,UAAA+B,CAAW/B,GACjBe,EAAYjB,KAAKJ,UAAW,MAAOM,EAAO,CACzCwB,MAAO,CACNC,WAAY,KACX3B,KAAKkC,aAAa,KAAMlC,KAAKmC,eAAgBnC,KAAKJ,UAAUnB,MAAMe,IAAc,GAGlF4C,UAAW,IAEZ,GAAIlC,IAAU,WAAaA,IAAU,YAAa,CACjDmC,EAAQ,yH,EAIH,aAAAC,CAAcpC,GACpBqC,EAA4BvC,KAAKJ,UAAWM,EAAO,CAClDsC,SAAU,M,CAIL,WAAAhB,CAAYtB,GAClBsB,EAAYxB,KAAKJ,UAAWM,E,CAGtB,UAAAuC,CAAWvC,GACjB,UAAWA,IAAU,SAAU,CAC9BwC,EAAS1C,KAAKJ,UAAW,MAAOM,E,EAI3B,mBAAAyC,CAAoBzC,GAC1B0C,EAAoB1C,GAAO,KAC1B,IACCA,EAAQ2C,EAAuB3C,E,CAE9B,MAAO4C,G,CAGTJ,EAAS1C,KAAKJ,UAAW,eAAgBM,EAAM,G,CAI1C,gBAAA6C,CAAiB7C,GACvB6C,EAAiB/C,KAAKJ,UAAWM,E,CAG3B,iBAAAG,GACNN,MAAMM,oBACNL,KAAKgB,kBAAkBhB,KAAKJ,UAAUoD,YACtChD,KAAKkB,qBAAqBlB,KAAKJ,UAAUqD,eACzCjD,KAAKqB,cAAcrB,KAAKJ,UAAUsD,QAClClD,KAAKwB,YAAYxB,KAAKJ,UAAUf,MAChCmB,KAAKmB,iBAAiBnB,KAAKJ,UAAUuD,WACrCnD,KAAKyB,kBAAkBzB,KAAKJ,UAAUgC,YACtC5B,KAAK8B,kBAAkB9B,KAAKJ,UAAUmC,YACtC/B,KAAKgC,aAAahC,KAAKJ,UAAUP,OACjCW,KAAKiC,WAAWjC,KAAKJ,UAAUJ,KAC/BQ,KAAKsC,cAActC,KAAKJ,UAAUwD,QAClCpD,KAAK2C,oBAAoB3C,KAAKJ,UAAUyD,cACxCrD,KAAKyC,WAAWzC,KAAKJ,UAAU0D,KAC/BtD,KAAK+C,iBAAiB/C,KAAKJ,UAAU2D,U,CAG5B,MAAA7C,CAAO8C,G,MAChBxD,KAAKJ,UAAUU,OAAS,KACxBN,KAAKJ,UAAUT,SAAW,KAG1BsE,EAAgBD,GAChBE,EAA0B,OAAQ1D,KAAKF,MAGvC,WAAWlB,EAAAoB,KAAKJ,UAAU0D,OAAG,MAAA1E,SAAA,SAAAA,EAAE8B,UAAW,WAAY,CACrDV,KAAKJ,UAAU0D,IAAI5C,OAAO8C,E,EAIlB,QAAA5C,CAAS4C,G,MAClB,MAAMtD,EAASsD,EAAMG,OAA4BzD,MAGjDwD,EAA0B,SAAU1D,KAAKF,KAAMI,GAG/C,WAAWtB,EAAAoB,KAAKJ,UAAU0D,OAAG,MAAA1E,SAAA,SAAAA,EAAEgC,YAAa,WAAY,CAQvDZ,KAAKJ,UAAU0D,IAAI1C,SAAS4C,EAAOtD,E,CAMpCF,KAAKQ,qBAAqBoD,SAASC,GAAaA,EAAS3D,I,CAGhD,OAAAa,CAAQyC,EAAcM,EAA+B,M,MAC9D,MAAM5D,EAASsD,EAAMG,OAA4BzD,MAGjDuD,EAAgBD,GAChBE,EAA0B,QAAS1D,KAAKF,KAAMI,GAG9C,GAAI4D,EAA8B,CACjC9D,KAAK+D,uBAAuB7D,E,CAI7B,WAAWtB,EAAAoB,KAAKJ,UAAU0D,OAAG,MAAA1E,SAAA,SAAAA,EAAEmC,WAAY,WAAY,CACtDf,KAAKJ,UAAU0D,IAAIvC,QAAQyC,EAAOtD,E,EAI1B,OAAAW,CAAQ2C,G,MAEjBC,EAAgBD,GAChBE,EAA0B,QAAS1D,KAAKF,MAGxC,WAAWlB,EAAAoB,KAAKJ,UAAU0D,OAAG,MAAA1E,SAAA,SAAAA,EAAEiC,WAAY,WAAY,CACtDb,KAAKJ,UAAU0D,IAAIzC,QAAQ2C,E,EAInB,OAAA1C,CAAQ0C,G,MACjBxD,KAAKJ,UAAUU,OAAS,KAGxBmD,EAAgBD,GAChBE,EAA0B,QAAS1D,KAAKF,MAGxC,WAAWlB,EAAAoB,KAAKJ,UAAU0D,OAAG,MAAA1E,SAAA,SAAAA,EAAEkC,WAAY,WAAY,CACtDd,KAAKJ,UAAU0D,IAAIxC,QAAQ0C,E,EAItB,sBAAAQ,CAAuBH,GAC7B7D,KAAKQ,qBAAqBjB,KAAKsE,E"}

package/dist/kolibri/{controller-icon-c3bf90f3.js → controller-icon-28a0edb3.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{q as o,r as t,w as s,F as i,a3 as e}from"./index-fbc0a5be.js";import{I as c}from"./controller-12bf050b.js";const n=(o,t)=>{const e=o;"object"==typeof e&&null!==e&&(i(e.right,1)&&(e.right={icon:e.right}),i(e.left,1)&&(e.left={icon:e.left}),t.set("_icons",e))};class r extends c{constructor(o,t,e){super(o,t,e),this.component=o}validateIcon(o){this.validateIcons(o)}validateIcons(c){o(c,(()=>{try{c=t(c)}catch(o){}s(this.component,"_icons",(o=>"object"==typeof o&&null!==o&&(i(o.left,1)||e(o.left)||i(o.right,1)||e(o.right))),new Set(["KoliBriHorizontalIcon"]),c,{hooks:{beforePatch:n},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}export{r as I};
+import{q as o,r as t,w as s,F as i,a3 as e}from"./index-fbc0a5be.js";import{I as c}from"./controller-f47b7bfc.js";const n=(o,t)=>{const e=o;"object"==typeof e&&null!==e&&(i(e.right,1)&&(e.right={icon:e.right}),i(e.left,1)&&(e.left={icon:e.left}),t.set("_icons",e))};class r extends c{constructor(o,t,e){super(o,t,e),this.component=o}validateIcon(o){this.validateIcons(o)}validateIcons(c){o(c,(()=>{try{c=t(c)}catch(o){}s(this.component,"_icons",(o=>"object"==typeof o&&null!==o&&(i(o.left,1)||e(o.left)||i(o.right,1)||e(o.right))),new Set(["KoliBriHorizontalIcon"]),c,{hooks:{beforePatch:n},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}export{r as I};

package/dist/kolibri/form-field-msg-660c0262.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as r}from"./index-59e9528b.js";import{d as e}from"./component-names-61247f2f.js";const o=({_alert:o,_msg:i,_hideError:s,_id:d})=>r(e,Object.assign({"aria-hidden":"true",id:`${d}-error`,_alert:o,_type:"error",class:{error:!0,"visually-hidden":!0===s}},i),(null==i?void 0:i._description)||void 0);export{o as F};