@public-ui/components 1.7.6-rc.2 → 1.7.6

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

@@ -1 +1 @@
-{"version":3,"names":["validateChecked","component","value","watchBoolean","validateIndeterminate","InputCheckboxController","InputCheckboxRadioController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateHideError","hooks","afterPatch","_hideError","a11yHint","validateIcon","validateIcons","watchValidator","isString","checked","indeterminate","unchecked","Set","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateType","devHint","validateVariant","validateValue","setState","componentWillLoad","_icon","_indeterminate","_variant","_type","defaultStyleCss","KolInputCheckbox","render","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","_label","h","Host","class","checkbox","_hideLabel","undefined","onKeyPress","onChange","tabIndex","_disabled","_alert","_error","_hint","_id","_required","_tooltipAlign","_touched","slot","onClick","handleIconClick","bind","ref","catchRef","title","accessKey","_accessKey","length","join","disabled","id","_name","required","_tabIndex","type","controller","onFacade","hostRef","propagateFocus","event","stopPropagation","tryToDispatchKoliBriEvent","_a","_on","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideLabel","validateHint","validateId","validateLabel","validateName","validateOn","validateRequired","validateSyncValueBySelector","validateTabIndex","validateTouched"],"sources":["src/types/props/checked.ts","src/types/props/indeterminate.ts","src/components/input-checkbox/controller.ts","src/components/input-checkbox/style.css?tag=kol-input-checkbox&mode=default&encapsulation=shadow","src/components/input-checkbox/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\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 { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\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","import { Generic } from '@a11y-ui/core';\n\nimport { Stringified } from '../../types/common';\nimport { CheckedPropType, validateChecked } from '../../types/props/checked';\nimport { HideErrorPropType, validateHideError } from '../../types/props/hide-error';\nimport { IndeterminatePropType, validateIndeterminate } from '../../types/props/indeterminate';\nimport { StencilUnknown } from '../../types/unknown';\nimport { a11yHint, devHint } from '../../utils/a11y.tipps';\nimport { setState, watchValidator } from '../../utils/prop.validators';\nimport { isString } from '../../utils/validator';\nimport { InputCheckboxRadioController } from '../input-radio/controller';\nimport { InputCheckboxIconsProp, InputCheckboxIconsState, InputCheckboxVariant, Props, Watches } from './types';\n\nexport class InputCheckboxController extends InputCheckboxRadioController 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 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 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 validateIcon(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\tpublic validateIcons(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\treturn typeof value === 'object' && value !== null && (isString(value.checked, 1) || isString(value.indeterminate, 1) || isString(value.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\t/**\n\t * @deprecated\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\tpublic validateType(value?: InputCheckboxVariant): void {\n\t\tdevHint(`The \"_type\" prop is deprecated. Use \"_variant\" instead.`);\n\t\tthis.validateVariant(value);\n\t}\n\n\tpublic validateValue(value?: Stringified<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?: InputCheckboxVariant): void {\n\t\tif (value === 'checkbox') {\n\t\t\tdevHint(`[KolCheckbox] The \"_variant\" value 'checkbox' is deprecated. Use the new value 'default' instead.`);\n\t\t\tvalue = 'default';\n\t\t}\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_variant',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'button' || value === 'default' || value === 'switch'),\n\t\t\tnew Set(['String {button, default, switch}']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateChecked(this.component._checked);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateIcons(this.component._icons || this.component._icon);\n\t\tthis.validateIndeterminate(this.component._indeterminate);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant || this.component._type);\n\t}\n}\n","@import url(../input.css);\n@import url(common.css);\n@import url(button.css);\n@import url(checkbox.css);\n@import url(switch.css);\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { InputTypeOnDefault } from '../../types/input/types';\nimport { CheckedPropType } from '../../types/props/checked';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { IndeterminatePropType } from '../../types/props/indeterminate';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { nonce } from '../../utils/dev.utils';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { getRenderStates } from '../input/controller';\nimport { InputCheckboxController } from './controller';\nimport { API, InputCheckboxIconsProp, InputCheckboxVariant, States } from './types';\n\n/**\n * @slot - Die Beschriftung der Checkbox.\n */\n@Component({\n\ttag: 'kol-input-checkbox',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputCheckbox implements API {\n\t@Element() private readonly host?: HTMLKolInputCheckboxElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tcheckbox: true,\n\t\t\t\t\t\t[this.state._variant]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t\tchecked: this.state._checked,\n\t\t\t\t\t}}\n\t\t\t\t\tdata-role={this.state._variant === 'button' ? 'button' : undefined}\n\t\t\t\t\tonKeyPress={this.state._variant === 'button' ? this.onChange : undefined}\n\t\t\t\t\ttabIndex={this.state._variant === 'button' && !this.state._disabled ? 0 : undefined}\n\t\t\t\t\t_alert={this.state._alert}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<kol-icon\n\t\t\t\t\t\t\tclass=\"icon\"\n\t\t\t\t\t\t\tonClick={this.handleIconClick.bind(this)}\n\t\t\t\t\t\t\t_icons={\n\t\t\t\t\t\t\t\tthis.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey} // by checkbox?!\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tchecked={this.state._checked}\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tindeterminate={this.state._indeterminate}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\tonClick={undefined} // onClick is not needed since onChange already triggers the correct event\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputCheckboxController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\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 `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\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 * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<InputCheckboxIconsProp>;\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 * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\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 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 * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Deprecated: Defines which variant should be used for presentation.\n\t *\n\t * @deprecated Verwende stattdessen das Attribute _variant.\n\t */\n\t@Prop() public _type?: InputCheckboxVariant;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown> = true;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: InputCheckboxVariant; // TODO: = 'default'; in v2 setzen\n\n\t@State() public state: States = {\n\t\t_checked: false,\n\t\t_hideError: false,\n\t\t_icons: {\n\t\t\tchecked: 'codicon codicon-check',\n\t\t\tindeterminate: 'codicon codicon-remove',\n\t\t\tunchecked: 'codicon codicon-add',\n\t\t},\n\t\t_id: `id-${nonce()}`,\n\t\t_indeterminate: false,\n\t\t_label: '', // ⚠ required\n\t\t_value: true,\n\t\t_variant: 'default',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputCheckboxController(this, 'input-checkbox', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_checked')\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tthis.controller.validateChecked(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.validateIcons(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('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(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('_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?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputCheckboxVariant): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: InputCheckboxVariant): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n\n\tprivate handleIconClick(event: Event): void {\n\t\tif (!this.state._disabled) {\n\t\t\tthis.onChange(event);\n\t\t}\n\t}\n\n\tprivate onChange = (event: Event): void => {\n\t\tthis._checked = !this._checked;\n\t\tthis._indeterminate = false;\n\n\t\tconst value = this._checked ? this.state._value : null;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('change', this.host, value);\n\n\t\t// Static form handling\n\t\tthis.controller.setFormAssociatedValue(value);\n\t\tthis.controller.setFormAssociatedCheckboxValue;\n\n\t\t// Callback\n\t\tif (typeof this.state._on?.onChange === 'function') {\n\t\t\tthis.state._on.onChange(event, value);\n\t\t}\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["validateChecked","component","value","watchBoolean","validateIndeterminate","InputCheckboxController","InputCheckboxRadioController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateIcon","validateIcons","watchValidator","isString","checked","indeterminate","unchecked","Set","hooks","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateType","devHint","validateVariant","validateValue","setState","componentWillLoad","_icon","_indeterminate","_variant","_type","defaultStyleCss","KolInputCheckbox","render","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","_label","h","Host","class","checkbox","_hideLabel","undefined","onKeyPress","onChange","_alert","_disabled","_error","_hideError","_hint","_id","_required","_tooltipAlign","_touched","slot","onClick","handleIconClick","bind","ref","catchRef","title","accessKey","_accessKey","length","join","disabled","id","_name","required","tabIndex","_tabIndex","type","controller","onFacade","hostRef","propagateFocus","event","stopPropagation","tryToDispatchKoliBriEvent","_a","_on","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideError","validateHideLabel","validateHint","validateId","validateLabel","validateName","validateOn","validateRequired","validateSyncValueBySelector","validateTabIndex","validateTouched"],"sources":["src/types/props/checked.ts","src/types/props/indeterminate.ts","src/components/input-checkbox/controller.ts","src/components/input-checkbox/style.css?tag=kol-input-checkbox&mode=default&encapsulation=shadow","src/components/input-checkbox/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\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 { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\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","import { Generic } from '@a11y-ui/core';\n\nimport { Stringified } from '../../types/common';\nimport { CheckedPropType, validateChecked } from '../../types/props/checked';\nimport { IndeterminatePropType, validateIndeterminate } from '../../types/props/indeterminate';\nimport { StencilUnknown } from '../../types/unknown';\nimport { devHint } from '../../utils/a11y.tipps';\nimport { setState, watchValidator } from '../../utils/prop.validators';\nimport { isString } from '../../utils/validator';\nimport { InputCheckboxRadioController } from '../input-radio/controller';\nimport { InputCheckboxIconsProp, InputCheckboxIconsState, InputCheckboxVariant, Props, Watches } from './types';\n\nexport class InputCheckboxController extends InputCheckboxRadioController 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 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 validateIcon(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\tpublic validateIcons(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\treturn typeof value === 'object' && value !== null && (isString(value.checked, 1) || isString(value.indeterminate, 1) || isString(value.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\t/**\n\t * @deprecated\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\tpublic validateType(value?: InputCheckboxVariant): void {\n\t\tdevHint(`The \"_type\" prop is deprecated. Use \"_variant\" instead.`);\n\t\tthis.validateVariant(value);\n\t}\n\n\tpublic validateValue(value?: Stringified<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?: InputCheckboxVariant): void {\n\t\tif (value === 'checkbox') {\n\t\t\tdevHint(`[KolCheckbox] The \"_variant\" value 'checkbox' is deprecated. Use the new value 'default' instead.`);\n\t\t\tvalue = 'default';\n\t\t}\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_variant',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'button' || value === 'default' || value === 'switch'),\n\t\t\tnew Set(['String {button, default, switch}']),\n\t\t\tvalue\n\t\t);\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 || this.component._icon);\n\t\tthis.validateIndeterminate(this.component._indeterminate);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant || this.component._type);\n\t}\n}\n","@import url(../input.css);\n@import url(common.css);\n@import url(button.css);\n@import url(checkbox.css);\n@import url(switch.css);\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { InputTypeOnDefault } from '../../types/input/types';\nimport { CheckedPropType } from '../../types/props/checked';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { IndeterminatePropType } from '../../types/props/indeterminate';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { nonce } from '../../utils/dev.utils';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { getRenderStates } from '../input/controller';\nimport { InputCheckboxController } from './controller';\nimport { API, InputCheckboxIconsProp, InputCheckboxVariant, States } from './types';\n\n/**\n * @slot - Die Beschriftung der Checkbox.\n */\n@Component({\n\ttag: 'kol-input-checkbox',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputCheckbox implements API {\n\t@Element() private readonly host?: HTMLKolInputCheckboxElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tcheckbox: true,\n\t\t\t\t\t\t[this.state._variant]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t\tchecked: this.state._checked,\n\t\t\t\t\t}}\n\t\t\t\t\tdata-role={this.state._variant === 'button' ? 'button' : undefined}\n\t\t\t\t\tonKeyPress={this.state._variant === 'button' ? this.onChange : undefined}\n\t\t\t\t\t_alert={this.state._alert}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<kol-icon\n\t\t\t\t\t\t\tclass=\"icon\"\n\t\t\t\t\t\t\tonClick={this.handleIconClick.bind(this)}\n\t\t\t\t\t\t\t_icons={\n\t\t\t\t\t\t\t\tthis.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={this.state._variant === 'button' ? 'visually-hidden' : undefined}\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey} // by checkbox?!\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tchecked={this.state._checked}\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tindeterminate={this.state._indeterminate}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\t\tonClick={undefined} // onClick is not needed since onChange already triggers the correct event\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputCheckboxController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\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 `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\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 * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<InputCheckboxIconsProp>;\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 * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\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 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 * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Deprecated: Defines which variant should be used for presentation.\n\t *\n\t * @deprecated Verwende stattdessen das Attribute _variant.\n\t */\n\t@Prop() public _type?: InputCheckboxVariant;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown> = true;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: InputCheckboxVariant; // TODO: = 'default'; in v2 setzen\n\n\t@State() public state: States = {\n\t\t_checked: false,\n\t\t_hideError: false,\n\t\t_icons: {\n\t\t\tchecked: 'codicon codicon-check',\n\t\t\tindeterminate: 'codicon codicon-remove',\n\t\t\tunchecked: 'codicon codicon-add',\n\t\t},\n\t\t_id: `id-${nonce()}`,\n\t\t_indeterminate: false,\n\t\t_label: '', // ⚠ required\n\t\t_value: true,\n\t\t_variant: 'default',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputCheckboxController(this, 'input-checkbox', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_checked')\n\tpublic validateChecked(value?: CheckedPropType): void {\n\t\tthis.controller.validateChecked(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<InputCheckboxIconsProp>): void {\n\t\tthis.validateIcons(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('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(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('_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?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputCheckboxVariant): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: InputCheckboxVariant): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n\n\tprivate handleIconClick(event: Event): void {\n\t\tif (!this.state._disabled) {\n\t\t\tthis.onChange(event);\n\t\t}\n\t}\n\n\tprivate onChange = (event: Event): void => {\n\t\tthis._checked = !this._checked;\n\t\tthis._indeterminate = false;\n\n\t\tconst value = this._checked ? this.state._value : null;\n\n\t\t// Event handling\n\t\tstopPropagation(event);\n\t\ttryToDispatchKoliBriEvent('change', this.host, value);\n\n\t\t// Static form handling\n\t\tthis.controller.setFormAssociatedValue(value);\n\t\tthis.controller.setFormAssociatedCheckboxValue;\n\n\t\t// Callback\n\t\tif (typeof this.state._on?.onChange === 'function') {\n\t\t\tthis.state._on.onChange(event, value);\n\t\t}\n\t};\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,H as e,r as i,g as s}from"./index-d46a1c6a.js";import{n as a}from"./dev.utils-b8a2ec94.js";import{a as n,s as o}from"./reuse-b3566e4c.js";import{v as l,g as r}from"./controller-3444f586.js";import{v as d}from"./suggestions-de4b0c1b.js";import{a as h}from"./a11y.tipps-786571db.js";import{w as p,d as u}from"./prop.validators-e20b06c5.js";import{I as c}from"./controller-icon-105c05dd.js";import"./hide-label-f059671e.js";import"./label-d69274a4.js";import"./events-2bb1065b.js";import"./tab-index-c779bf01.js";import"./associated.controller-90adea5d.js";import"./index-d56bfd0f.js";import"./icons-5b410219.js";class f extends c{constructor(t,e,i){super(t,e,i),this.component=t}validateAutoComplete(t){p(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateList(){}validateSuggestions(t){d(this.component,t)}validateValue(t){u(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}validateHideError(t){l(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&h("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHideError(this.component._hideError),this.validateSuggestions(this.component._suggestions||this.component._list),this.validateValue(this.component._value)}}const m=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}div.input{cursor:pointer}.error.hidden{display:none}",v=class{render(){const{ariaDescribedBy:i}=r(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,s=o(this.state._label);return t(e,null,t("kol-input",{class:{color:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_hideError:this.state._hideError,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},t("span",{slot:"label"},s?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:a?`${this.state._id}-list`:void 0,name:this.state._name,slot:"input",spellcheck:"false",type:"color",value:this.state._value},this.controller.onFacade)))))}constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,n(this.host,this.ref)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._name=void 0,this._on=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideError:!1,_id:`id-${a()}`,_label:"",_suggestions:[]},this.controller=new f(this,"input-color",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_name:["validateName"],_on:["validateOn"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};v.style={default:m};export{v as kol_input_color};
+import{h as t,H as i,r as e,g as s}from"./index-e9d20d00.js";import{n as a}from"./dev.utils-808b02af.js";import{a as n,s as o}from"./reuse-d79ab469.js";import{g as l}from"./controller-34e3505b.js";import{v as d}from"./suggestions-292845f9.js";import{w as r,d as h}from"./prop.validators-8dc620b0.js";import{I as p}from"./controller-icon-e49f46ec.js";import"./hide-label-c1cd274b.js";import"./label-485bdf3e.js";import"./a11y.tipps-42463a61.js";import"./events-fa760b68.js";import"./tab-index-ff0d1137.js";import"./associated.controller-4d29e8ed.js";import"./index-d56bfd0f.js";import"./icons-6c80b022.js";class u extends p{constructor(t,e,i){super(t,e,i),this.component=t}validateAutoComplete(t){r(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateList(){}validateSuggestions(t){d(this.component,t)}validateValue(t){h(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions||this.component._list),this.validateValue(this.component._value)}}const c=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}div.input{cursor:pointer}.error.hidden{display:none}",f=class{render(){const{ariaDescribedBy:e}=l(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,s=o(this.state._label);return t(i,null,t("kol-input",{class:{color:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_hideError:this.state._hideError,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},t("span",{slot:"label"},s?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:a?`${this.state._id}-list`:void 0,name:this.state._name,slot:"input",spellcheck:"false",type:"color",value:this.state._value},this.controller.onFacade)))))}constructor(t){e(this,t),this.catchRef=t=>{this.ref=t,n(this.host,this.ref)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._name=void 0,this._on=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideError:!1,_id:`id-${a()}`,_label:"",_suggestions:[]},this.controller=new u(this,"input-color",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_name:["validateName"],_on:["validateOn"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};f.style={default:c};export{f as kol_input_color};

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

@@ -1 +1 @@
-{"version":3,"names":["InputColorController","InputIconController","constructor","component","name","host","super","this","validateAutoComplete","value","watchValidator","Set","validateList","validateSuggestions","validateValue","watchString","setFormAssociatedValue","state","_value","validateHideError","hooks","afterPatch","_hideError","a11yHint","componentWillLoad","_autoComplete","_suggestions","_list","defaultStyleCss","KolInputColor","render","ariaDescribedBy","getRenderStates","hasSuggestions","Array","isArray","length","hasExpertSlot","showExpertSlot","_label","h","Host","class","color","_hideLabel","_disabled","_error","_hint","_icons","_id","_smartButton","_tooltipAlign","_touched","onClick","_a","ref","focus","slot","Object","assign","catchRef","title","accessKey","_accessKey","join","undefined","autoCapitalize","autoComplete","autoCorrect","disabled","id","list","_name","spellcheck","type","controller","onFacade","hostRef","propagateFocus","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideLabel","validateHint","validateIcon","validateIcons","validateId","validateLabel","validateName","validateOn","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","_alert"],"sources":["src/components/input-color/controller.ts","src/components/input-color/style.css?tag=kol-input-color&mode=default&encapsulation=shadow","src/components/input-color/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType, validateHideError } from '../../types/props/hide-error';\nimport { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';\nimport { a11yHint } from '../../utils/a11y.tipps';\nimport { watchString, watchValidator } from '../../utils/prop.validators';\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { Props, Watches } from './types';\n\nexport class InputColorController extends InputIconController 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 validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t/**\n\t * @deprecated remains to satisfy `Watches` interface\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tpublic validateList(): void {}\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 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 componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateSuggestions(this.component._suggestions || this.component._list);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@import url(../input-line.css);\ndiv.input {\n\tcursor: pointer;\n}\n.error.hidden {\n\tdisplay: none;\n}\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriHorizontalIcons } from '../../types/icons';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SuggestionsPropType } from '../../types/props/suggestions';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { Props as ButtonProps } from '../button/types';\nimport { getRenderStates } from '../input/controller';\nimport { InputColorController } from './controller';\nimport { API, States } from './types';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-color',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputColor implements API {\n\t@Element() private readonly host?: HTMLKolInputColorElement;\n\tprivate ref?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tcolor: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.ref?.focus()}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\tslot=\"input\"\n\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\ttype=\"color\"\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputColorController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Deprecated: Gibt die Liste der Vorschlagswörter an.\n\t * @deprecated Use _suggestions instead.\n\t */\n\t@Prop() public _list?: SuggestionsPropType;\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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop() public _value?: string;\n\n\t@State() public state: States = {\n\t\t_autoComplete: 'off',\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`, // ⚠ required\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputColorController(this, 'input-color', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_list')\n\tpublic validateList(value?: SuggestionsPropType): void {\n\t\tthis.validateSuggestions(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('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | 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('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"names":["InputColorController","InputIconController","constructor","component","name","host","super","this","validateAutoComplete","value","watchValidator","Set","validateList","validateSuggestions","validateValue","watchString","setFormAssociatedValue","state","_value","componentWillLoad","_autoComplete","_suggestions","_list","defaultStyleCss","KolInputColor","render","ariaDescribedBy","getRenderStates","hasSuggestions","Array","isArray","length","hasExpertSlot","showExpertSlot","_label","h","Host","class","color","_hideLabel","_disabled","_error","_hint","_icons","_hideError","_id","_smartButton","_tooltipAlign","_touched","onClick","_a","ref","focus","slot","Object","assign","catchRef","title","accessKey","_accessKey","join","undefined","autoCapitalize","autoComplete","autoCorrect","disabled","id","list","_name","spellcheck","type","controller","onFacade","hostRef","propagateFocus","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideError","validateHideLabel","validateHint","validateIcon","validateIcons","validateId","validateLabel","validateName","validateOn","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","_alert"],"sources":["src/components/input-color/controller.ts","src/components/input-color/style.css?tag=kol-input-color&mode=default&encapsulation=shadow","src/components/input-color/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { InputTypeOnOff } from '../../types/input/types';\nimport { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';\nimport { watchString, watchValidator } from '../../utils/prop.validators';\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { Props, Watches } from './types';\n\nexport class InputColorController extends InputIconController 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 validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t/**\n\t * @deprecated remains to satisfy `Watches` interface\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tpublic validateList(): void {}\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 || this.component._list);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@import url(../input-line.css);\ndiv.input {\n\tcursor: pointer;\n}\n.error.hidden {\n\tdisplay: none;\n}\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriHorizontalIcons } from '../../types/icons';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SuggestionsPropType } from '../../types/props/suggestions';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { Props as ButtonProps } from '../button/types';\nimport { getRenderStates } from '../input/controller';\nimport { InputColorController } from './controller';\nimport { API, States } from './types';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-color',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputColor implements API {\n\t@Element() private readonly host?: HTMLKolInputColorElement;\n\tprivate ref?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tcolor: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\tonClick={() => this.ref?.focus()}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\tslot=\"input\"\n\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\ttype=\"color\"\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputColorController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Deprecated: Gibt die Liste der Vorschlagswörter an.\n\t * @deprecated Use _suggestions instead.\n\t */\n\t@Prop() public _list?: SuggestionsPropType;\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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop() public _value?: string;\n\n\t@State() public state: States = {\n\t\t_autoComplete: 'off',\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`, // ⚠ required\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputColorController(this, 'input-color', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_list')\n\tpublic validateList(value?: SuggestionsPropType): void {\n\t\tthis.validateSuggestions(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('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | 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('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,H as e,r as i,g as s}from"./index-d46a1c6a.js";import{n as a}from"./dev.utils-b8a2ec94.js";import{a as n,s as d}from"./reuse-b3566e4c.js";import{p as l}from"./controller-36de320d.js";import{v as o,g as r}from"./controller-3444f586.js";import{a as h,w as u,s as p,e as c}from"./prop.validators-e20b06c5.js";import{v as f}from"./suggestions-de4b0c1b.js";import{a as m}from"./a11y.tipps-786571db.js";import{I as v}from"./controller-icon-105c05dd.js";import"./hide-label-f059671e.js";import"./label-d69274a4.js";import"./events-2bb1065b.js";import"./tab-index-c779bf01.js";import"./associated.controller-90adea5d.js";import"./index-d56bfd0f.js";import"./icons-5b410219.js";const y=(t,e)=>{h(t,"_readOnly",e)};class b extends v{constructor(t,e,i){super(t,e,i),this.validateIso8601=(t,e,i)=>u(this.component,t,(t=>void 0===t||null==t||""===t||this.validateDateString(t)),new Set(["Date","string{ISO-8601}"]),this.tryParseToString(e),{hooks:{afterPatch:t=>{"string"==typeof t&&i&&i(t)}}}),this.component=t}validateAutoComplete(t){u(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHideError(t){o(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&m("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateList(){}validateSuggestions(t){f(this.component,t)}tryParseToString(t,e){const i=null!=t?t:e;if("string"==typeof i)return i;if("object"==typeof i&&i instanceof Date)switch(this.component._type){case"date":return`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`;case"datetime-local":return`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}T${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`;case"month":return`${i.getFullYear()}-${i.getMonth()+1}`;case"time":return void 0===this.component._step||"string"==typeof this.component._step&&"60"===this.component._step||"number"==typeof this.component._step&&60===this.component._step?`${i.getHours()}:${i.getMinutes()}`:`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`;case"week":throw new Error("Auto convert to week is not supported!")}return null===t?null:void 0}validateDateString(t){switch(this.component._type){case"date":return b.isoDateRegex.test(t);case"datetime-local":return b.isoLocalDateTimeRegex.test(t);case"month":return b.isoMonthRegex.test(t);case"time":return b.isoTimeRegex.test(t);case"week":return b.isoWeekRegex.test(t);default:return!1}}onChange(t){super.onChange(t),!!t.target.value!=!!this.component._value&&(this.component._value=t.target.value)}validateMax(t){u(this.component,"_max",(t=>void 0===t||null!==t&&this.validateDateString(t)),new Set(["Iso8601","Date"]),this.tryParseToString(t,"date"===this.component._type||"month"===this.component._type||"datetime-local"===this.component._type?b.DEFAULT_MAX_DATE:void 0))}validateMin(t){u(this.component,"_min",(t=>void 0===t||null!==t&&this.validateDateString(t)),new Set(["Iso8601","Date"]),this.tryParseToString(t))}validateOn(t){p(this.component,"_on",Object.assign(Object.assign({},t),{onChange:(e,i)=>{!!i!=!!this.component._value&&(this.component._value=i),(null==t?void 0:t.onChange)&&t.onChange(e,i)}}))}validateReadOnly(t){y(this.component,t)}validateRequired(t){h(this.component,"_required",t)}validateStep(t){c(this.component,"_step",t)}validateType(t){u(this.component,"_type",(t=>"string"==typeof t&&("date"===t||"datetime-local"===t||"month"===t||"number"===t||"time"===t||"week"===t)),new Set(["String {date, datetime-local, month, number, time, week}"]),t)}validateValue(t){this.validateValueEx(t)}validateValueEx(t,e){this.validateIso8601("_value",t,e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateHideError(this.component._hideError),this.validateLabel(this.component._label),this.validateSuggestions(this.component._suggestions||this.component._list),this.validateOn(this.component._on),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateStep(this.component._step),this.validateType(this.component._type),this.validateValue(this.component._value)}}b.isoDateRegex=/^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])/,b.isoLocalDateTimeRegex=/^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])[T ][0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/,b.isoMonthRegex=/^\d{4}-([0]\d|1[0-2])/,b.isoTimeRegex=/^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/,b.isoWeekRegex=/^\d{4}-W(?:[0-4]\d|5[0-3])$/,b.DEFAULT_MAX_DATE=new Date(9999,11,31,23,59,59);const _=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}kol-input-number{display:block}.error.hidden{display:none}",g=class{render(){const{ariaDescribedBy:i}=r(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,s=d(this.state._label);return t(e,{class:{"has-value":this.state._hasValue}},t("kol-input",{class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},t("span",{slot:"label"},s?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:a?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,step:this.state._step,spellcheck:"false",type:this.state._type,value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,n(this.host,this.ref)},this.onKeyUp=t=>{"Enter"===t.code?l({form:this.host,ref:this.ref}):this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._max=void 0,this._min=void 0,this._name=void 0,this._on=void 0,this._readOnly=!1,this._required=!1,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._step=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="date",this._value=void 0,this.state={_autoComplete:"off",_hasValue:!1,_hideError:!1,_id:`id-${a()}`,_label:"",_suggestions:[],_type:"datetime-local"},this.controller=new b(this,"input-date",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateStep(t){this.controller.validateStep(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValueEx(t,(t=>{""===t&&this.ref&&(this.ref.value="")}))}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_max:["validateMax"],_min:["validateMin"],_name:["validateName"],_on:["validateOn"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_step:["validateStep"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};g.style={default:_};export{g as kol_input_date};
+import{h as t,H as e,r as i,g as s}from"./index-e9d20d00.js";import{n as a}from"./dev.utils-808b02af.js";import{a as n,s as l}from"./reuse-d79ab469.js";import{p as d}from"./controller-e18b0591.js";import{g as o}from"./controller-34e3505b.js";import{a as r,w as h,s as u,e as p}from"./prop.validators-8dc620b0.js";import{v as c}from"./suggestions-292845f9.js";import{I as f}from"./controller-icon-e49f46ec.js";import"./a11y.tipps-42463a61.js";import"./hide-label-c1cd274b.js";import"./label-485bdf3e.js";import"./events-fa760b68.js";import"./tab-index-ff0d1137.js";import"./associated.controller-4d29e8ed.js";import"./index-d56bfd0f.js";import"./icons-6c80b022.js";const m=(t,e)=>{r(t,"_readOnly",e)};class v extends f{constructor(t,e,i){super(t,e,i),this.validateIso8601=(t,e,i)=>h(this.component,t,(t=>void 0===t||null==t||""===t||this.validateDateString(t)),new Set(["Date","string{ISO-8601}"]),this.tryParseToString(e),{hooks:{afterPatch:t=>{"string"==typeof t&&i&&i(t)}}}),this.component=t}validateAutoComplete(t){h(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateList(){}validateSuggestions(t){c(this.component,t)}tryParseToString(t,e){const i=null!=t?t:e;if("string"==typeof i)return i;if("object"==typeof i&&i instanceof Date)switch(this.component._type){case"date":return`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`;case"datetime-local":return`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}T${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`;case"month":return`${i.getFullYear()}-${i.getMonth()+1}`;case"time":return void 0===this.component._step||"string"==typeof this.component._step&&"60"===this.component._step||"number"==typeof this.component._step&&60===this.component._step?`${i.getHours()}:${i.getMinutes()}`:`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`;case"week":throw new Error("Auto convert to week is not supported!")}return null===t?null:void 0}validateDateString(t){switch(this.component._type){case"date":return v.isoDateRegex.test(t);case"datetime-local":return v.isoLocalDateTimeRegex.test(t);case"month":return v.isoMonthRegex.test(t);case"time":return v.isoTimeRegex.test(t);case"week":return v.isoWeekRegex.test(t);default:return!1}}onChange(t){super.onChange(t),!!t.target.value!=!!this.component._value&&(this.component._value=t.target.value)}validateMax(t){h(this.component,"_max",(t=>void 0===t||null!==t&&this.validateDateString(t)),new Set(["Iso8601","Date"]),this.tryParseToString(t,"date"===this.component._type||"month"===this.component._type||"datetime-local"===this.component._type?v.DEFAULT_MAX_DATE:void 0))}validateMin(t){h(this.component,"_min",(t=>void 0===t||null!==t&&this.validateDateString(t)),new Set(["Iso8601","Date"]),this.tryParseToString(t))}validateOn(t){u(this.component,"_on",Object.assign(Object.assign({},t),{onChange:(e,i)=>{!!i!=!!this.component._value&&(this.component._value=i),(null==t?void 0:t.onChange)&&t.onChange(e,i)}}))}validateReadOnly(t){m(this.component,t)}validateRequired(t){r(this.component,"_required",t)}validateStep(t){p(this.component,"_step",t)}validateType(t){h(this.component,"_type",(t=>"string"==typeof t&&("date"===t||"datetime-local"===t||"month"===t||"number"===t||"time"===t||"week"===t)),new Set(["String {date, datetime-local, month, number, time, week}"]),t)}validateValue(t){this.validateValueEx(t)}validateValueEx(t,e){this.validateIso8601("_value",t,e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateLabel(this.component._label),this.validateSuggestions(this.component._suggestions||this.component._list),this.validateOn(this.component._on),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateStep(this.component._step),this.validateType(this.component._type),this.validateValue(this.component._value)}}v.isoDateRegex=/^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])/,v.isoLocalDateTimeRegex=/^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])[T ][0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/,v.isoMonthRegex=/^\d{4}-([0]\d|1[0-2])/,v.isoTimeRegex=/^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/,v.isoWeekRegex=/^\d{4}-W(?:[0-4]\d|5[0-3])$/,v.DEFAULT_MAX_DATE=new Date(9999,11,31,23,59,59);const y=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}kol-input-number{display:block}.error.hidden{display:none}",b=class{render(){const{ariaDescribedBy:i}=o(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,s=l(this.state._label);return t(e,{class:{"has-value":this.state._hasValue}},t("kol-input",{class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},t("span",{slot:"label"},s?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:a?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,step:this.state._step,spellcheck:"false",type:this.state._type,value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,n(this.host,this.ref)},this.onKeyUp=t=>{"Enter"===t.code?d({form:this.host,ref:this.ref}):this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._max=void 0,this._min=void 0,this._name=void 0,this._on=void 0,this._readOnly=!1,this._required=!1,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._step=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="date",this._value=void 0,this.state={_autoComplete:"off",_hasValue:!1,_hideError:!1,_id:`id-${a()}`,_label:"",_suggestions:[],_type:"datetime-local"},this.controller=new v(this,"input-date",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateStep(t){this.controller.validateStep(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValueEx(t,(t=>{""===t&&this.ref&&(this.ref.value="")}))}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_max:["validateMax"],_min:["validateMin"],_name:["validateName"],_on:["validateOn"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_step:["validateStep"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};b.style={default:y};export{b as kol_input_date};

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

@@ -1 +1 @@
-{"version":3,"names":["validateReadOnly","component","value","watchBoolean","InputDateController","InputIconController","constructor","name","host","super","this","validateIso8601","propName","afterPatch","watchValidator","undefined","validateDateString","Set","tryParseToString","hooks","validateAutoComplete","validateHideError","state","_hideError","a11yHint","validateList","validateSuggestions","defaultValue","v","Date","_type","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","_step","Error","isoDateRegex","test","isoLocalDateTimeRegex","isoMonthRegex","isoTimeRegex","isoWeekRegex","onChange","event","target","_value","validateMax","DEFAULT_MAX_DATE","validateMin","validateOn","setState","Object","assign","e","validateRequired","validateStep","watchNumber","validateType","validateValue","validateValueEx","setFormAssociatedValue","componentWillLoad","_autoComplete","_max","_min","validateLabel","_label","_suggestions","_list","_on","_readOnly","_required","defaultStyleCss","KolInputDate","render","ariaDescribedBy","getRenderStates","hasSuggestions","Array","isArray","length","hasExpertSlot","showExpertSlot","h","Host","class","_hasValue","_hideLabel","_disabled","_error","_hint","_icons","_id","_smartButton","_tooltipAlign","_touched","slot","ref","catchRef","title","accessKey","_accessKey","join","autoCapitalize","autoComplete","autoCorrect","disabled","id","list","max","min","_name","readOnly","required","step","spellcheck","type","controller","onFacade","onKeyUp","hostRef","propagateFocus","code","propagateSubmitEventToForm","form","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideLabel","validateHint","validateIcon","validateIcons","validateId","validateName","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","_alert","addValueChangeListener"],"sources":["src/types/props/read-only.ts","src/components/input-date/controller.ts","src/components/input-date/style.css?tag=kol-input-date&mode=default&encapsulation=shadow","src/components/input-date/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type ReadOnlyPropType = boolean;\n\n/**\n * Makes the input element read only.\n */\nexport type PropReadOnly = {\n\treadOnly: ReadOnlyPropType;\n};\n\n/* validator */\nexport const validateReadOnly = (component: Generic.Element.Component, value?: ReadOnlyPropType): void => {\n\twatchBoolean(component, '_readOnly', value);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { InputNumberType } from '../../types/input/control/number';\nimport { Iso8601 } from '../../types/input/iso8601';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType, validateHideError } from '../../types/props/hide-error';\nimport { ReadOnlyPropType, validateReadOnly } from '../../types/props/read-only';\nimport { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';\nimport { a11yHint } from '../../utils/a11y.tipps';\nimport { setState, watchBoolean, watchNumber, watchValidator } from '../../utils/prop.validators';\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { Props, Watches } from './types';\n\nexport class InputDateController extends InputIconController implements Watches {\n\t// test: https://regex101.com/r/NTVh4L/1\n\tprivate static readonly isoDateRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])/;\n\tprivate static readonly isoLocalDateTimeRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])[T ][0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\n\tprivate static readonly isoMonthRegex = /^\\d{4}-([0]\\d|1[0-2])/;\n\tprivate static readonly isoTimeRegex = /^[0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\n\tprivate static readonly isoWeekRegex = /^\\d{4}-W(?:[0-4]\\d|5[0-3])$/;\n\n\tprivate static readonly DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);\n\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 validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\tpublic 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\t/**\n\t * @deprecated remains to satisfy `Watches` interface\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tpublic validateList(): void {}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tprivate tryParseToString(value?: Iso8601 | Date | null, defaultValue?: Date): string | null | undefined {\n\t\tconst v: Iso8601 | Date | undefined = value ?? defaultValue;\n\t\tif (typeof v === 'string') {\n\t\t\treturn v;\n\t\t}\n\t\tif (typeof v === 'object' && v instanceof Date) {\n\t\t\tswitch (this.component._type) {\n\t\t\t\tcase 'date':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}-${v.getDate()}`;\n\t\t\t\tcase 'datetime-local':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}-${v.getDate()}T${v.getHours()}:${v.getMinutes()}:${v.getSeconds()}`;\n\t\t\t\tcase 'month':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}`;\n\t\t\t\tcase 'time':\n\t\t\t\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#using_the_step_attribute\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.component._step === undefined ||\n\t\t\t\t\t\t(typeof this.component._step === 'string' && this.component._step === '60') ||\n\t\t\t\t\t\t(typeof this.component._step === 'number' && this.component._step === 60)\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn `${v.getHours()}:${v.getMinutes()}`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn `${v.getHours()}:${v.getMinutes()}:${v.getSeconds()}`;\n\t\t\t\t\t}\n\t\t\t\tcase 'week':\n\t\t\t\t\tthrow new Error('Auto convert to week is not supported!');\n\t\t\t}\n\t\t}\n\t\tif (value === null) {\n\t\t\treturn null;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tprivate validateDateString(value: string): boolean {\n\t\tswitch (this.component._type) {\n\t\t\tcase 'date':\n\t\t\t\treturn InputDateController.isoDateRegex.test(value);\n\t\t\tcase 'datetime-local':\n\t\t\t\treturn InputDateController.isoLocalDateTimeRegex.test(value);\n\t\t\tcase 'month':\n\t\t\t\treturn InputDateController.isoMonthRegex.test(value);\n\t\t\tcase 'time':\n\t\t\t\treturn InputDateController.isoTimeRegex.test(value);\n\t\t\tcase 'week':\n\t\t\t\treturn InputDateController.isoWeekRegex.test(value);\n\t\t\tdefault:\n\t\t\t\treturn false;\n\t\t}\n\t}\n\n\tprivate readonly validateIso8601 = (propName: string, value?: Date | Iso8601 | null, afterPatch?: (v: string) => void) => {\n\t\treturn watchValidator(\n\t\t\tthis.component,\n\t\t\tpropName,\n\t\t\t(value): boolean => value === undefined || value == null || value === '' || this.validateDateString(value),\n\t\t\tnew Set(['Date', 'string{ISO-8601}']),\n\t\t\tthis.tryParseToString(value),\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: (value) => {\n\t\t\t\t\t\tif (typeof value === 'string' && afterPatch) {\n\t\t\t\t\t\t\tafterPatch(value);\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\tprotected onChange(event: Event): void {\n\t\tsuper.onChange(event);\n\n\t\t// set the value here when the value is switched between blank and set (or vice versa) to enable value resets via setting null as value.\n\t\tif (!!(event.target as HTMLInputElement).value !== !!this.component._value) {\n\t\t\tthis.component._value = (event.target as HTMLInputElement).value as Iso8601;\n\t\t}\n\t}\n\n\tpublic validateMax(value?: Iso8601 | Date): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_max',\n\t\t\t(value): boolean => value === undefined || (value !== null && this.validateDateString(value)),\n\t\t\tnew Set(['Iso8601', 'Date']),\n\t\t\tthis.tryParseToString(\n\t\t\t\tvalue,\n\t\t\t\tthis.component._type === 'date' || this.component._type === 'month' || this.component._type === 'datetime-local'\n\t\t\t\t\t? InputDateController.DEFAULT_MAX_DATE\n\t\t\t\t\t: undefined\n\t\t\t)\n\t\t);\n\t}\n\n\tpublic validateMin(value?: Iso8601 | Date): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_min',\n\t\t\t(value): boolean => value === undefined || (value !== null && this.validateDateString(value)),\n\t\t\tnew Set(['Iso8601', 'Date']),\n\t\t\tthis.tryParseToString(value)\n\t\t);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault) {\n\t\tsetState(this.component, '_on', {\n\t\t\t...value,\n\t\t\tonChange: (e: Event, v: unknown) => {\n\t\t\t\t// set the value here when the value is switched between blank and set (or vice versa) to enable value resets via setting null as value.\n\t\t\t\tif (!!v !== !!this.component._value) {\n\t\t\t\t\tthis.component._value = v as Iso8601;\n\t\t\t\t}\n\n\t\t\t\tif (value?.onChange) {\n\t\t\t\t\tvalue.onChange(e, v);\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tvalidateReadOnly(this.component, value);\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateStep(value?: number): void {\n\t\twatchNumber(this.component, '_step', value);\n\t}\n\n\tpublic validateType(value?: InputNumberType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_type',\n\t\t\t(value): boolean =>\n\t\t\t\ttypeof value === 'string' &&\n\t\t\t\t(value === 'date' || value === 'datetime-local' || value === 'month' || value === 'number' || value === 'time' || value === 'week'),\n\t\t\tnew Set(['String {date, datetime-local, month, number, time, week}']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\tpublic validateValue(value?: Iso8601 | Date | null): void {\n\t\tthis.validateValueEx(value);\n\t}\n\n\t/**\n\t * Overload of validate value. Extends by an after patch callback function.\n\t */\n\tpublic validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void {\n\t\tthis.validateIso8601('_value', value, afterPatch);\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateHideError(this.component._hideError);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateSuggestions(this.component._suggestions || this.component._list);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateType(this.component._type);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@import url(../input-line.css);\nkol-input-number {\n\tdisplay: block;\n}\n.error.hidden {\n\tdisplay: none;\n}\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriHorizontalIcons } from '../../types/icons';\nimport { InputDateType } from '../../types/input/control/number';\nimport { Iso8601 } from '../../types/input/iso8601';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { ReadOnlyPropType } from '../../types/props/read-only';\nimport { SuggestionsPropType } from '../../types/props/suggestions';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { Props as ButtonProps } from '../button/types';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InputDateController } from './controller';\nimport { ComponentApi, States } from './types';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-date',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputDate implements ComponentApi {\n\t@Element() private readonly host?: HTMLKolInputDateElement;\n\tprivate ref?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onKeyUp = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.controller.onFacade.onChange(event);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host class={{ 'has-value': this.state._hasValue }}>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._type]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_readOnly={this.state._readOnly}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\t\t\tmin={this.state._min}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\treadOnly={this.state._readOnly}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\tstep={this.state._step}\n\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\ttype={this.state._type}\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonKeyUp={this.onKeyUp}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputDateController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriHorizontalIcons>; /**\n\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Deprecated: Gibt die Liste der Vorschlagszahlen an.\n\t * @deprecated Use _suggestions instead.\n\t */\n\t@Prop() public _list?: Stringified<string[]>;\n\n\t/**\n\t * Defines the largest possible input value.\n\t */\n\t@Prop() public _max?: Iso8601 | Date;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: Iso8601 | Date;\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 read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * 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 the step size for value changes.\n\t */\n\t@Prop() public _step?: number;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type: InputDateType = 'date';\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true }) public _value?: Iso8601 | Date | null;\n\n\t@State() public state: States = {\n\t\t_autoComplete: 'off',\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`, // ⚠ required\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'datetime-local',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputDateController(this, 'input-date', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_list')\n\tpublic validateList(value?: Stringified<string[]>): void {\n\t\tthis.validateSuggestions(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: Iso8601 | Date): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: Iso8601 | Date): void {\n\t\tthis.controller.validateMin(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('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | 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('_step')\n\tpublic validateStep(value?: number): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputDateType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Iso8601 | Date | null): void {\n\t\tthis.controller.validateValueEx(value, (v) => {\n\t\t\tif (v === '' && this.ref) {\n\t\t\t\tthis.ref.value = '';\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"names":["validateReadOnly","component","value","watchBoolean","InputDateController","InputIconController","constructor","name","host","super","this","validateIso8601","propName","afterPatch","watchValidator","undefined","validateDateString","Set","tryParseToString","hooks","validateAutoComplete","validateList","validateSuggestions","defaultValue","v","Date","_type","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","_step","Error","isoDateRegex","test","isoLocalDateTimeRegex","isoMonthRegex","isoTimeRegex","isoWeekRegex","onChange","event","target","_value","validateMax","DEFAULT_MAX_DATE","validateMin","validateOn","setState","Object","assign","e","validateRequired","validateStep","watchNumber","validateType","validateValue","validateValueEx","setFormAssociatedValue","state","componentWillLoad","_autoComplete","_max","_min","validateLabel","_label","_suggestions","_list","_on","_readOnly","_required","defaultStyleCss","KolInputDate","render","ariaDescribedBy","getRenderStates","hasSuggestions","Array","isArray","length","hasExpertSlot","showExpertSlot","h","Host","class","_hasValue","_hideLabel","_disabled","_error","_hideError","_hint","_icons","_id","_smartButton","_tooltipAlign","_touched","slot","ref","catchRef","title","accessKey","_accessKey","join","autoCapitalize","autoComplete","autoCorrect","disabled","id","list","max","min","_name","readOnly","required","step","spellcheck","type","controller","onFacade","onKeyUp","hostRef","propagateFocus","code","propagateSubmitEventToForm","form","nonce","validateAccessKey","validateAlert","validateDisabled","validateError","validateHideError","validateHideLabel","validateHint","validateIcon","validateIcons","validateId","validateName","validateSmartButton","validateSyncValueBySelector","validateTabIndex","validateTouched","_alert","addValueChangeListener"],"sources":["src/types/props/read-only.ts","src/components/input-date/controller.ts","src/components/input-date/style.css?tag=kol-input-date&mode=default&encapsulation=shadow","src/components/input-date/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type ReadOnlyPropType = boolean;\n\n/**\n * Makes the input element read only.\n */\nexport type PropReadOnly = {\n\treadOnly: ReadOnlyPropType;\n};\n\n/* validator */\nexport const validateReadOnly = (component: Generic.Element.Component, value?: ReadOnlyPropType): void => {\n\twatchBoolean(component, '_readOnly', value);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { InputNumberType } from '../../types/input/control/number';\nimport { Iso8601 } from '../../types/input/iso8601';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { ReadOnlyPropType, validateReadOnly } from '../../types/props/read-only';\nimport { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';\nimport { setState, watchBoolean, watchNumber, watchValidator } from '../../utils/prop.validators';\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { Props, Watches } from './types';\n\nexport class InputDateController extends InputIconController implements Watches {\n\t// test: https://regex101.com/r/NTVh4L/1\n\tprivate static readonly isoDateRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])/;\n\tprivate static readonly isoLocalDateTimeRegex = /^\\d{4}-([0]\\d|1[0-2])-([0-2]\\d|3[01])[T ][0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\n\tprivate static readonly isoMonthRegex = /^\\d{4}-([0]\\d|1[0-2])/;\n\tprivate static readonly isoTimeRegex = /^[0-2]\\d:[0-5]\\d(:[0-5]\\d(?:\\.\\d+)?)?/;\n\tprivate static readonly isoWeekRegex = /^\\d{4}-W(?:[0-4]\\d|5[0-3])$/;\n\n\tprivate static readonly DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);\n\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 validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t/**\n\t * @deprecated remains to satisfy `Watches` interface\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tpublic validateList(): void {}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tprivate tryParseToString(value?: Iso8601 | Date | null, defaultValue?: Date): string | null | undefined {\n\t\tconst v: Iso8601 | Date | undefined = value ?? defaultValue;\n\t\tif (typeof v === 'string') {\n\t\t\treturn v;\n\t\t}\n\t\tif (typeof v === 'object' && v instanceof Date) {\n\t\t\tswitch (this.component._type) {\n\t\t\t\tcase 'date':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}-${v.getDate()}`;\n\t\t\t\tcase 'datetime-local':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}-${v.getDate()}T${v.getHours()}:${v.getMinutes()}:${v.getSeconds()}`;\n\t\t\t\tcase 'month':\n\t\t\t\t\treturn `${v.getFullYear()}-${v.getMonth() + 1}`;\n\t\t\t\tcase 'time':\n\t\t\t\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#using_the_step_attribute\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.component._step === undefined ||\n\t\t\t\t\t\t(typeof this.component._step === 'string' && this.component._step === '60') ||\n\t\t\t\t\t\t(typeof this.component._step === 'number' && this.component._step === 60)\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn `${v.getHours()}:${v.getMinutes()}`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn `${v.getHours()}:${v.getMinutes()}:${v.getSeconds()}`;\n\t\t\t\t\t}\n\t\t\t\tcase 'week':\n\t\t\t\t\tthrow new Error('Auto convert to week is not supported!');\n\t\t\t}\n\t\t}\n\t\tif (value === null) {\n\t\t\treturn null;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tprivate validateDateString(value: string): boolean {\n\t\tswitch (this.component._type) {\n\t\t\tcase 'date':\n\t\t\t\treturn InputDateController.isoDateRegex.test(value);\n\t\t\tcase 'datetime-local':\n\t\t\t\treturn InputDateController.isoLocalDateTimeRegex.test(value);\n\t\t\tcase 'month':\n\t\t\t\treturn InputDateController.isoMonthRegex.test(value);\n\t\t\tcase 'time':\n\t\t\t\treturn InputDateController.isoTimeRegex.test(value);\n\t\t\tcase 'week':\n\t\t\t\treturn InputDateController.isoWeekRegex.test(value);\n\t\t\tdefault:\n\t\t\t\treturn false;\n\t\t}\n\t}\n\n\tprivate readonly validateIso8601 = (propName: string, value?: Date | Iso8601 | null, afterPatch?: (v: string) => void) => {\n\t\treturn watchValidator(\n\t\t\tthis.component,\n\t\t\tpropName,\n\t\t\t(value): boolean => value === undefined || value == null || value === '' || this.validateDateString(value),\n\t\t\tnew Set(['Date', 'string{ISO-8601}']),\n\t\t\tthis.tryParseToString(value),\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: (value) => {\n\t\t\t\t\t\tif (typeof value === 'string' && afterPatch) {\n\t\t\t\t\t\t\tafterPatch(value);\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\tprotected onChange(event: Event): void {\n\t\tsuper.onChange(event);\n\n\t\t// set the value here when the value is switched between blank and set (or vice versa) to enable value resets via setting null as value.\n\t\tif (!!(event.target as HTMLInputElement).value !== !!this.component._value) {\n\t\t\tthis.component._value = (event.target as HTMLInputElement).value as Iso8601;\n\t\t}\n\t}\n\n\tpublic validateMax(value?: Iso8601 | Date): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_max',\n\t\t\t(value): boolean => value === undefined || (value !== null && this.validateDateString(value)),\n\t\t\tnew Set(['Iso8601', 'Date']),\n\t\t\tthis.tryParseToString(\n\t\t\t\tvalue,\n\t\t\t\tthis.component._type === 'date' || this.component._type === 'month' || this.component._type === 'datetime-local'\n\t\t\t\t\t? InputDateController.DEFAULT_MAX_DATE\n\t\t\t\t\t: undefined\n\t\t\t)\n\t\t);\n\t}\n\n\tpublic validateMin(value?: Iso8601 | Date): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_min',\n\t\t\t(value): boolean => value === undefined || (value !== null && this.validateDateString(value)),\n\t\t\tnew Set(['Iso8601', 'Date']),\n\t\t\tthis.tryParseToString(value)\n\t\t);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault) {\n\t\tsetState(this.component, '_on', {\n\t\t\t...value,\n\t\t\tonChange: (e: Event, v: unknown) => {\n\t\t\t\t// set the value here when the value is switched between blank and set (or vice versa) to enable value resets via setting null as value.\n\t\t\t\tif (!!v !== !!this.component._value) {\n\t\t\t\t\tthis.component._value = v as Iso8601;\n\t\t\t\t}\n\n\t\t\t\tif (value?.onChange) {\n\t\t\t\t\tvalue.onChange(e, v);\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tvalidateReadOnly(this.component, value);\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateStep(value?: number): void {\n\t\twatchNumber(this.component, '_step', value);\n\t}\n\n\tpublic validateType(value?: InputNumberType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_type',\n\t\t\t(value): boolean =>\n\t\t\t\ttypeof value === 'string' &&\n\t\t\t\t(value === 'date' || value === 'datetime-local' || value === 'month' || value === 'number' || value === 'time' || value === 'week'),\n\t\t\tnew Set(['String {date, datetime-local, month, number, time, week}']),\n\t\t\tvalue\n\t\t);\n\t}\n\n\tpublic validateValue(value?: Iso8601 | Date | null): void {\n\t\tthis.validateValueEx(value);\n\t}\n\n\t/**\n\t * Overload of validate value. Extends by an after patch callback function.\n\t */\n\tpublic validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void {\n\t\tthis.validateIso8601('_value', value, afterPatch);\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateSuggestions(this.component._suggestions || this.component._list);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateType(this.component._type);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@import url(../input-line.css);\nkol-input-number {\n\tdisplay: block;\n}\n.error.hidden {\n\tdisplay: none;\n}\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriHorizontalIcons } from '../../types/icons';\nimport { InputDateType } from '../../types/input/control/number';\nimport { Iso8601 } from '../../types/input/iso8601';\nimport { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';\nimport { HideErrorPropType } from '../../types/props/hide-error';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { ReadOnlyPropType } from '../../types/props/read-only';\nimport { SuggestionsPropType } from '../../types/props/suggestions';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { Props as ButtonProps } from '../button/types';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { getRenderStates } from '../input/controller';\nimport { InputDateController } from './controller';\nimport { ComponentApi, States } from './types';\n\n/**\n * @slot - Die Beschriftung des Eingabefeldes.\n */\n@Component({\n\ttag: 'kol-input-date',\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n\tshadow: true,\n})\nexport class KolInputDate implements ComponentApi {\n\t@Element() private readonly host?: HTMLKolInputDateElement;\n\tprivate ref?: HTMLInputElement;\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onKeyUp = (event: KeyboardEvent) => {\n\t\tif (event.code === 'Enter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.controller.onFacade.onChange(event);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\t\tconst hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\n\t\treturn (\n\t\t\t<Host class={{ 'has-value': this.state._hasValue }}>\n\t\t\t\t<kol-input\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t[this.state._type]: true,\n\t\t\t\t\t\t'hide-label': !!this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t_error={this.state._error}\n\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t_suggestions={this.state._suggestions}\n\t\t\t\t\t_readOnly={this.state._readOnly}\n\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t_smartButton={this.state._smartButton}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t>\n\t\t\t\t\t{/*  TODO: der folgende Slot ohne Name muss später entfernt werden */}\n\t\t\t\t\t<span slot=\"label\">{hasExpertSlot ? <slot></slot> : this.state._label}</span>\n\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\ttitle=\"\"\n\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\tautoComplete={this.state._autoComplete}\n\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\tid={this.state._id}\n\t\t\t\t\t\t\tlist={hasSuggestions ? `${this.state._id}-list` : undefined}\n\t\t\t\t\t\t\tmax={this.state._max}\n\t\t\t\t\t\t\tmin={this.state._min}\n\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\treadOnly={this.state._readOnly}\n\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\tstep={this.state._step}\n\t\t\t\t\t\t\tspellcheck=\"false\"\n\t\t\t\t\t\t\ttype={this.state._type}\n\t\t\t\t\t\t\tvalue={this.state._value as string}\n\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\tonKeyUp={this.onKeyUp}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</kol-input>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputDateController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean = true;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: InputTypeOnOff;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Defines the error message text.\n\t */\n\t@Prop() public _error?: string;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriHorizontalIcons>; /**\n\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriHorizontalIcons>;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Deprecated: Gibt die Liste der Vorschlagszahlen an.\n\t * @deprecated Use _suggestions instead.\n\t */\n\t@Prop() public _list?: Stringified<string[]>;\n\n\t/**\n\t * Defines the largest possible input value.\n\t */\n\t@Prop() public _max?: Iso8601 | Date;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: Iso8601 | Date;\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 read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t/**\n\t * 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 the step size for value changes.\n\t */\n\t@Prop() public _step?: number;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type: InputDateType = 'date';\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true }) public _value?: Iso8601 | Date | null;\n\n\t@State() public state: States = {\n\t\t_autoComplete: 'off',\n\t\t_hasValue: false,\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`, // ⚠ required\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'datetime-local',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new InputDateController(this, 'input-date', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_error')\n\tpublic validateError(value?: string): void {\n\t\tthis.controller.validateError(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.validateIcons(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_list')\n\tpublic validateList(value?: Stringified<string[]>): void {\n\t\tthis.validateSuggestions(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: Iso8601 | Date): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: Iso8601 | Date): void {\n\t\tthis.controller.validateMin(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('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | 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('_step')\n\tpublic validateStep(value?: number): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputDateType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Iso8601 | Date | null): void {\n\t\tthis.controller.validateValueEx(value, (v) => {\n\t\t\tif (v === '' && this.ref) {\n\t\t\t\tthis.ref.value = '';\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._alert = this._alert === true;\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,H as e,r as i,g as a}from"./index-d46a1c6a.js";import{n as s}from"./dev.utils-b8a2ec94.js";import{a as l,s as n}from"./prop.validators-e20b06c5.js";import{a as o,s as r}from"./reuse-b3566e4c.js";import{p as d}from"./controller-36de320d.js";import{v as h,g as p}from"./controller-3444f586.js";import{a as u}from"./a11y.tipps-786571db.js";import{I as c}from"./controller-377660f4.js";import"./index-d56bfd0f.js";import"./hide-label-f059671e.js";import"./label-d69274a4.js";import"./events-2bb1065b.js";import"./tab-index-c779bf01.js";import"./associated.controller-90adea5d.js";import"./controller-d6393b5d.js";import"./controller-icon-105c05dd.js";import"./icons-5b410219.js";import"./suggestions-de4b0c1b.js";const m=(t,e)=>{l(t,"_multiple",e)};class f extends c{constructor(t,e,i){super(t,e,i),this.component=t}validateHideError(t){h(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&u("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMultiple(t){m(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateHideError(this.component._hideError),this.validateMultiple(this.component._multiple)}}const v=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}.error.hidden{display:none}",y=class{render(){const{ariaDescribedBy:i}=p(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,l=r(this.state._label);return t(e,{class:{"has-value":this.state._hasValue}},t("kol-input",{class:{email:!0,"hide-label":!!this.state._hideLabel},_alert:this.state._alert,_currentLength:this.state._currentLength,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_maxLength:this.state._maxLength,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},t("span",{slot:"label"},l?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,multiple:this.state._multiple,id:this.state._id,list:a?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,size:this.state._size,spellcheck:"false",type:"email",value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,o(this.host,this.ref)},this.onKeyUp=t=>{n(this,"_currentLength",t.target.value.length),"Enter"===t.code?d({form:this.host,ref:this.ref}):this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._maxLength=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._size=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${s()}`,_label:"",_suggestions:[]},this.controller=new f(this,"input-email",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSize(t){this.controller.validateSize(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_maxLength:["validateMaxLength"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_size:["validateSize"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};y.style={default:v};export{y as kol_input_email};
+import{h as t,H as e,r as i,g as a}from"./index-e9d20d00.js";import{n as s}from"./dev.utils-808b02af.js";import{a as l,s as n}from"./prop.validators-8dc620b0.js";import{a as d,s as o}from"./reuse-d79ab469.js";import{p as r}from"./controller-e18b0591.js";import{g as h}from"./controller-34e3505b.js";import{I as p}from"./controller-1aaf6ed9.js";import"./a11y.tipps-42463a61.js";import"./index-d56bfd0f.js";import"./hide-label-c1cd274b.js";import"./label-485bdf3e.js";import"./events-fa760b68.js";import"./tab-index-ff0d1137.js";import"./associated.controller-4d29e8ed.js";import"./controller-7592ddb2.js";import"./controller-icon-e49f46ec.js";import"./icons-6c80b022.js";import"./suggestions-292845f9.js";const u=(t,e)=>{l(t,"_multiple",e)};class c extends p{constructor(t,e,i){super(t,e,i),this.component=t}validateMultiple(t){u(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateMultiple(this.component._multiple)}}const f=":host{--a11y-min-size:44px;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role='button'],button:not([role='link']),kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}:host{max-width:100%}*{box-sizing:border-box}kol-span-wc{display:grid;place-items:center}kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>kol-span-wc>span>span{display:none}.required label>span::after,.required legend>span::after{content:'*'}:host{display:block}input,textarea{cursor:text}input[type='checkbox'],input[type='color'],input[type='file'],input[type='radio'],input[type='range'],label,option,select{cursor:pointer}input[type='color'],input[type='date'],input[type='datetime-local'],input[type='email'],input[type='file'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='time'],input[type='url'],input[type='week'],select,select[multiple] option,textarea{font-size:1rem;width:100%}input[type='file']{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}select[multiple] option{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}kol-input.disabled :is(button,input,label,option,select,textarea){cursor:not-allowed;opacity:0.5}kol-input{display:grid}kol-input .input-slot{flex-grow:1}input:not([type='checkbox'],[type='radio']),select:not([multiple],[size]){height:2.75em}input:focus,option:focus,select:focus,textarea:focus{outline:0}.input{display:flex;align-items:center}.input>kol-icon{display:grid;height:var(--a11y-min-size);place-items:center}kol-input.required .input-tooltip .span-label::after{content:'*'}.error.hidden{display:none}",m=class{render(){const{ariaDescribedBy:i}=h(this.state),a=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,l=o(this.state._label);return t(e,{class:{"has-value":this.state._hasValue}},t("kol-input",{class:{email:!0,"hide-label":!!this.state._hideLabel},_alert:this.state._alert,_currentLength:this.state._currentLength,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_suggestions:this.state._suggestions,_maxLength:this.state._maxLength,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},t("span",{slot:"label"},l?t("slot",null):this.state._label),t("div",{slot:"input"},t("input",Object.assign({ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":i.length>0?i.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,multiple:this.state._multiple,id:this.state._id,list:a?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,size:this.state._size,spellcheck:"false",type:"email",value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp})))))}constructor(t){i(this,t),this.catchRef=t=>{this.ref=t,d(this.host,this.ref)},this.onKeyUp=t=>{n(this,"_currentLength",t.target.value.length),"Enter"===t.code?r({form:this.host,ref:this.ref}):this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icon=void 0,this._icons=void 0,this._id=void 0,this._label=void 0,this._list=void 0,this._maxLength=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._size=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${s()}`,_label:"",_suggestions:[]},this.controller=new c(this,"input-email",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcon(t){this.validateIcons(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateList(t){this.validateSuggestions(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSize(t){this.controller.validateSize(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icon:["validateIcon"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_list:["validateList"],_maxLength:["validateMaxLength"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_size:["validateSize"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};m.style={default:f};export{m as kol_input_email};