@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.8

package/dist/cjs/{base-web-component-C8MLLGxi.js → base-web-component-BK8X1O8C.js}

@@ -5,13 +5,13 @@
 
 var common = require('./common-B9-LvLNa.js');
 var variant = require('./variant-wdbSxe--.js');
-var inputContainer = require('./input-container-Cye4qL9S.js');
+var inputContainer = require('./input-container-BUK2Fp_t.js');
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
 var multiple = require('./multiple-Do6O5sIE.js');
 var required = require('./required-ZyS6KTUB.js');
 var rows = require('./rows-CTtKDSvD.js');
-var api = require('./api-LP3gnw7U.js');
-var index = require('./index-BnEus4Y9.js');
+var api = require('./api-BI1qXrGa.js');
+var index = require('./index-RAfZF5x0.js');
 var accessAndShortKey = require('./access-and-short-key-D40HWCJe.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
 var label = require('./label-DVnpZWVb.js');
@@ -81,13 +81,18 @@ const SelectOptionListFC = ({ preKey, options, disabled, value: selectedValue, O
         return null;
     }
     return (index.h(index.Fragment, null, options.map((option, index$1) => {
+        var _a;
         const key = [preKey, `-${index$1}`].join('');
         if ('options' in option) {
+            if (!((_a = option.options) === null || _a === void 0 ? void 0 : _a.length)) {
+                return null;
+            }
+            const isOptgroupDisabled = Boolean(disabled || option.disabled);
             const { label } = option, other = tslib_es6.__rest(option, ["label"]);
-            return (index.h("optgroup", Object.assign({ class: selectBem('optgroup', { disabled: Boolean(disabled) }), key: key }, OptionGroupProps, { label: label === null || label === void 0 ? void 0 : label.toString(), disabled: disabled }), index.h(SelectOptionListFC, Object.assign({ OptionGroupProps: OptionGroupProps, OptionProps: OptionProps, value: selectedValue, preKey: key }, other))));
+            return (index.h("optgroup", Object.assign({ class: selectBem('optgroup', { disabled: isOptgroupDisabled }), key: key }, OptionGroupProps, { label: label === null || label === void 0 ? void 0 : label.toString(), disabled: isOptgroupDisabled }), index.h(SelectOptionListFC, Object.assign({ OptionGroupProps: OptionGroupProps, OptionProps: OptionProps, value: selectedValue, preKey: key }, other, { disabled: isOptgroupDisabled }))));
         }
         if ('value' in option) {
-            return index.h(SelectOptionFC, Object.assign({ key: key }, OptionProps, { index: key, selectedValue: selectedValue }, option));
+            return (index.h(SelectOptionFC, Object.assign({ key: key }, OptionProps, { index: key, selectedValue: selectedValue }, option, { disabled: Boolean(disabled || option.disabled) })));
         }
         return null;
     })));
@@ -95,7 +100,7 @@ const SelectOptionListFC = ({ preKey, options, disabled, value: selectedValue, O
 const SelectFC = (props) => {
     const { class: classNames, msg, touched, disabled, required, options, value, OptionProps, OptionGroupProps, ariaDescribedBy, hideLabel, label } = props, other = tslib_es6.__rest(props, ["class", "msg", "touched", "disabled", "required", "options", "value", "OptionProps", "OptionGroupProps", "ariaDescribedBy", "hideLabel", "label"]);
     const selectProps = Object.assign(Object.assign({ class: clsx.clsx(selectBem(Object.assign({ disabled: Boolean(disabled), required: Boolean(required), touched: Boolean(touched) }, (api.isMsgDefinedAndInputTouched(msg, touched) ? { [api.getMsgType(msg)]: true } : {}))), classNames), required: required, disabled: disabled }, api.getDefaultInputProps({ ariaDescribedBy, hideLabel, label })), other);
-    return (index.h("select", Object.assign({}, selectProps), index.h(SelectOptionListFC, { options: options, value: value, OptionGroupProps: OptionGroupProps, OptionProps: OptionProps })));
+    return (index.h("select", Object.assign({}, selectProps), index.h(SelectOptionListFC, { OptionGroupProps: OptionGroupProps, OptionProps: OptionProps, disabled: disabled, options: options, value: value })));
 };
 
 const assertSelectValueMatchesMultiplicity = (value, multiple, source) => {
@@ -109,7 +114,9 @@ const assertSelectValueMatchesMultiplicity = (value, multiple, source) => {
         throw new Error(`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (${source} = ${JSON.stringify(value)})`);
     }
 };
-const flattenSelectOptions = (options) => options.flatMap((entry) => ('options' in entry && Array.isArray(entry.options) ? flattenSelectOptions(entry.options) : [entry]));
+const flattenSelectOptions = (options, groupDisabled = false) => options.flatMap((entry) => 'options' in entry && Array.isArray(entry.options)
+    ? flattenSelectOptions(entry.options, Boolean(groupDisabled || entry.disabled))
+    : [Object.assign(Object.assign({}, entry), { disabled: Boolean(groupDisabled || entry.disabled) })]);
 const normalizeSelectValue = (value, options, multiple) => {
     if (options.length === 0) {
         return value;
@@ -232,6 +239,6 @@ class BaseSelectWebComponent extends api.BaseFormFieldWebComponent {
 
 exports.BaseSelectWebComponent = BaseSelectWebComponent;
 exports.selectPropsConfig = selectPropsConfig;
-//# sourceMappingURL=base-web-component-C8MLLGxi.js.map
+//# sourceMappingURL=base-web-component-BK8X1O8C.js.map
 
-//# sourceMappingURL=base-web-component-C8MLLGxi.js.map
+//# sourceMappingURL=base-web-component-BK8X1O8C.js.map

package/dist/cjs/base-web-component-BK8X1O8C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-web-component-BK8X1O8C.js","sources":["src/schema/validators/options.ts","src/internal/props/options-with-optgroup.ts","src/internal/props/select-value.ts","src/internal/functional-components/select/api.tsx","src/internal/functional-components/form-field/select.tsx","src/internal/functional-components/form-field/select-value.ts","src/internal/functional-components/select/base-web-component.tsx"],"sourcesContent":["import { containsOnlyNumbers, hasEnoughReadableChars } from '../props';\nimport { a11yHint } from '../utils';\n\nimport type { Optgroup, SelectOption } from '../types';\nexport const validateInputSelectOptions = <T>(option: SelectOption<T>): boolean => {\n\tif (typeof option === 'object' && option !== null) {\n\t\tif (typeof option.label === 'string' && option.label.length > 0) {\n\t\t\toption.disabled = option.disabled === true;\n\t\t\toption.label = `${option.label}`.trim();\n\t\t\tif (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {\n\t\t\t\ta11yHint(`A differing Aria-Label (${option.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`);\n\t\t\t}\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\treturn (\n\t\t\t\t\t(option as Optgroup<T>).options.find((item) => {\n\t\t\t\t\t\treturn validateInputSelectOptions(item) === false;\n\t\t\t\t\t}) === undefined\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn true;\n\t\t} else if (typeof option.label === 'number') {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n","import type { Optgroup, Option, OptionsWithOptgroupPropType, StencilUnknown } from '../../schema';\nimport { parseJson, validateInputSelectOptions } from '../../schema';\nimport type { Prop } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\n\nexport type SelectOptionsList = (Option<StencilUnknown> | Optgroup<StencilUnknown>)[];\n\n/**\n * Options prop for `kol-select`\n *\n * Description:\n * Options and optgroups, as an array or as a JSON string when it is passed through an HTML attribute.\n * Every option needs a non-empty string or a number as `label`; one invalid option rejects the whole\n * list. An empty string is rejected as well, because Stencil can pass it for an empty array.\n *\n * The validation is `validateInputSelectOptions` of the schema, which also normalizes each option in\n * place: `disabled` becomes a boolean and a string `label` is trimmed.\n */\nexport type OptionsWithOptgroupProp = Prop<'options', OptionsWithOptgroupPropType, SelectOptionsList>;\n\nfunction normalizeOptionsWithOptgroup(value: unknown): SelectOptionsList | never {\n\tconst parsed = typeof value === 'string' ? parseJson<unknown>(value) : value;\n\tif (Array.isArray(parsed) && parsed.every((option) => validateInputSelectOptions(option as Option<StencilUnknown>))) {\n\t\treturn parsed as SelectOptionsList;\n\t}\n\tthrow new Error('Invalid select options');\n}\n\nexport const optionsWithOptgroupProp = createPropDefinition<OptionsWithOptgroupProp>('options', [], normalizeOptionsWithOptgroup);\n","import type { StencilUnknown, Stringified } from '../../schema';\nimport type { Prop } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\n\n/**\n * Value prop of `kol-select`\n *\n * Description:\n * The selected values; a single value is wrapped into a list. A JSON string is not parsed, it is a\n * value of its own. The default is the empty list. `kol-select` keeps `null` as `[null]` instead of\n * applying this definition to it.\n */\nexport type SelectValueProp = Prop<'value', Stringified<StencilUnknown[]> | Stringified<StencilUnknown>, StencilUnknown[]>;\nexport const selectValueProp = createPropDefinition<SelectValueProp>('value', [], (value: unknown) =>\n\tArray.isArray(value) ? (value as StencilUnknown[]) : [value as StencilUnknown],\n);\n","import {\n\taccessKeyProp,\n\thorizontalIconsProp,\n\tmultipleProp,\n\toptionsWithOptgroupProp,\n\trequiredProp,\n\trowsProp,\n\tselectValueProp,\n\tshortKeyProp,\n\ttabIndexProp,\n\tvariantProp,\n} from '../../props';\nimport type { FormFieldBaseStates } from '../form-field/api';\nimport { formFieldBasePropsConfig } from '../form-field/api';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const selectPropsConfig = {\n\trequired: [...formFieldBasePropsConfig.required],\n\toptional: [\n\t\t...formFieldBasePropsConfig.optional,\n\t\taccessKeyProp,\n\t\thorizontalIconsProp,\n\t\tmultipleProp,\n\t\toptionsWithOptgroupProp,\n\t\trequiredProp,\n\t\trowsProp,\n\t\tselectValueProp,\n\t\tshortKeyProp,\n\t\ttabIndexProp,\n\t\tvariantProp,\n\t],\n} as const satisfies PropsConfigShape;\n\nexport type SelectApi = ApiFromConfig<typeof selectPropsConfig, { States: FormFieldBaseStates }>;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { MsgPropType, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../../../schema';\nimport { getMsgType, isMsgDefinedAndInputTouched } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { getBlockBem } from '../bem-root-node/block-bem';\nimport type { DefaultInputProps } from './default-input-props';\nimport { getDefaultInputProps } from './default-input-props';\n\nconst selectBem = getBlockBem('kol-select');\n\ntype SelectAttributes = JSXBase.SelectHTMLAttributes<HTMLSelectElement>;\n\nexport type SelectOptionFCProps = Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'> & {\n\t/** The value, or the list of values, of the selected options. */\n\tselectedValue?: StencilUnknown | StencilUnknown[];\n\tvalue: StencilUnknown;\n\tlabel: W3CInputValue;\n\t/** The key of the option, rendered as its native value; the field maps it back to `value`. */\n\tindex?: string | number;\n};\n\nexport type SelectOptionListFCProps = {\n\t/** Key prefix of the options in an optgroup. */\n\tpreKey?: string;\n\tdisabled?: boolean;\n\tvalue?: StencilUnknown | StencilUnknown[];\n\toptions?: SelectOption<StencilUnknown>[];\n\tOptionProps?: Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'>;\n\tOptionGroupProps?: Omit<JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>, 'label'>;\n};\n\nexport type SelectFCProps = DefaultInputProps<SelectAttributes> &\n\tSelectOptionListFCProps & {\n\t\ttouched?: boolean;\n\t\tmsg?: Stringified<MsgPropType>;\n\t} & {\n\t\t[key: `aria-${string}`]: unknown;\n\t\t[key: `data-${string}`]: unknown;\n\t};\n\n/**\n * Native `<option>`. Its native value is the key (`-<index>`, in an optgroup `-<group>-<index>`), not\n * the option value, because a native value can only be a string.\n */\nexport const SelectOptionFC: FC<SelectOptionFCProps> = ({ class: classNames, index, selectedValue, selected, value, label, disabled, ...other }) => {\n\tconst selectedValues = selectedValue === undefined ? [] : Array.isArray(selectedValue) ? selectedValue : [selectedValue];\n\tconst isSelected = selected || selectedValues.includes(value);\n\n\treturn (\n\t\t<option\n\t\t\tclass={clsx(selectBem('option', { selected: Boolean(isSelected), disabled: Boolean(disabled) }), classNames)}\n\t\t\tselected={isSelected}\n\t\t\tdisabled={disabled}\n\t\t\tvalue={index}\n\t\t\t{...other}\n\t\t>\n\t\t\t{label}\n\t\t</option>\n\t);\n};\n\n/** Options and optgroups of a native select, recursively; an optgroup prefixes the keys of its options. */\nexport const SelectOptionListFC: FC<SelectOptionListFCProps> = ({\n\tpreKey,\n\toptions,\n\tdisabled,\n\tvalue: selectedValue,\n\tOptionProps = {},\n\tOptionGroupProps = {},\n}) => {\n\tif (!options?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst key = [preKey, `-${index}`].join('');\n\n\t\t\t\tif ('options' in option) {\n\t\t\t\t\tif (!option.options?.length) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst isOptgroupDisabled = Boolean(disabled || option.disabled);\n\t\t\t\t\tconst { label, ...other } = option;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<optgroup\n\t\t\t\t\t\t\tclass={selectBem('optgroup', { disabled: isOptgroupDisabled })}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t{...OptionGroupProps}\n\t\t\t\t\t\t\tlabel={label?.toString()}\n\t\t\t\t\t\t\tdisabled={isOptgroupDisabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SelectOptionListFC\n\t\t\t\t\t\t\t\tOptionGroupProps={OptionGroupProps}\n\t\t\t\t\t\t\t\tOptionProps={OptionProps}\n\t\t\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t\t\tpreKey={key}\n\t\t\t\t\t\t\t\t{...other}\n\t\t\t\t\t\t\t\tdisabled={isOptgroupDisabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</optgroup>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SelectOptionFC key={key} {...OptionProps} index={key} selectedValue={selectedValue} {...option} disabled={Boolean(disabled || option.disabled)} />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\n/**\n * Native `<select>` of a form field with its options. The select itself is the root of the\n * `kol-select` block, so the block classes are set on it directly instead of through `BemRootNodeFC`.\n */\nexport const SelectFC: FC<SelectFCProps> = (props) => {\n\tconst {\n\t\tclass: classNames,\n\t\tmsg,\n\t\ttouched,\n\t\tdisabled,\n\t\trequired,\n\t\toptions,\n\t\tvalue,\n\t\tOptionProps,\n\t\tOptionGroupProps,\n\t\tariaDescribedBy,\n\t\thideLabel,\n\t\tlabel,\n\t\t...other\n\t} = props;\n\n\tconst selectProps: SelectAttributes = {\n\t\tclass: clsx(\n\t\t\tselectBem({\n\t\t\t\tdisabled: Boolean(disabled),\n\t\t\t\trequired: Boolean(required),\n\t\t\t\ttouched: Boolean(touched),\n\t\t\t\t...(isMsgDefinedAndInputTouched(msg, touched) ? { [getMsgType(msg) as string]: true } : {}),\n\t\t\t}),\n\t\t\tclassNames,\n\t\t),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\t...getDefaultInputProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<select {...selectProps}>\n\t\t\t<SelectOptionListFC OptionGroupProps={OptionGroupProps} OptionProps={OptionProps} disabled={disabled} options={options} value={value} />\n\t\t</select>\n\t);\n};\n","import type { Option, StencilUnknown } from '../../../schema';\nimport type { SelectOptionsList } from '../../props/options-with-optgroup';\n\n/**\n * Throws when the shape of a `_value` does not match `_multiple`: a list in single mode, or a single\n * value in multiple mode. The field throws from its watcher, so the value is not applied. `source`\n * names the value in the message: the received value of a `_value` change, or the current value on\n * a `_multiple` change.\n */\nexport const assertSelectValueMatchesMultiplicity = (value: unknown, multiple: boolean, source: 'current' | 'received'): void => {\n\tconst isArray = Array.isArray(value);\n\n\tif (multiple) {\n\t\tif (value !== undefined && !isArray) {\n\t\t\tthrow new Error(\n\t\t\t\t`↑ The schema for the property (_value) is not valid for multiple mode. Expected an array. The value will not be changed. (${source} = ${JSON.stringify(value)})`,\n\t\t\t);\n\t\t}\n\t} else if (isArray) {\n\t\tthrow new Error(\n\t\t\t`↑ The schema for the property (_value) is not valid for single mode. Expected a single value. The value will not be changed. (${source} = ${JSON.stringify(value)})`,\n\t\t);\n\t}\n};\n\n/** The options of the list, with the options of each optgroup in place of the optgroup. */\nconst flattenSelectOptions = (options: SelectOptionsList, groupDisabled = false): Option<StencilUnknown>[] =>\n\toptions.flatMap((entry) =>\n\t\t'options' in entry && Array.isArray(entry.options)\n\t\t\t? flattenSelectOptions(entry.options, Boolean(groupDisabled || entry.disabled))\n\t\t\t: [{ ...(entry as Option<StencilUnknown>), disabled: Boolean(groupDisabled || (entry as Option<StencilUnknown>).disabled) }],\n\t);\n\n/**\n * Keeps only the values that belong to an option. Then, in single mode (`multiple === false`, not\n * merely falsy) without a value, the value becomes the value of the first enabled option, which is\n * the option the native select shows. Without options, the value is kept as it is, because the\n * options can follow the value.\n */\nexport const normalizeSelectValue = (value: StencilUnknown[], options: SelectOptionsList, multiple: boolean | undefined): StencilUnknown[] => {\n\tif (options.length === 0) {\n\t\treturn value;\n\t}\n\tconst flatOptions = flattenSelectOptions(options);\n\tconst optionValues = flatOptions.map((option) => option.value);\n\tconst filtered = value.every((item) => optionValues.includes(item)) ? value : value.filter((item) => optionValues.includes(item));\n\tif (multiple === false && filtered.length === 0) {\n\t\tconst firstEnabled = flatOptions.find((option) => option.disabled !== true);\n\t\treturn firstEnabled ? [firstEnabled.value] : filtered;\n\t}\n\treturn filtered;\n};\n","import { h, type JSX } from '@stencil/core';\nimport type {\n\tIconsHorizontalPropType,\n\tMultiplePropType,\n\tOption,\n\tOptionsWithOptgroupPropType,\n\tSelectOption,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tVariantClassNamePropType,\n} from '../../../schema';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport clsx from '../../../utils/clsx';\nimport type { CtaRef } from '../../../utils/element-interaction';\nimport {\n\taccessKeyProp,\n\thorizontalIconsProp,\n\tmultipleProp,\n\toptionsWithOptgroupProp,\n\trequiredProp,\n\trowsProp,\n\tselectValueProp,\n\tshortKeyProp,\n\ttabIndexProp,\n\tvariantProp,\n} from '../../props';\nimport { getInputAdornments } from '../form-field/adornments';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\nimport { FormFieldFC } from '../form-field/component';\nimport { InputContainerFC } from '../form-field/input-container';\nimport { fillKeyOptionMap } from '../form-field/options';\nimport type { SelectFCProps } from '../form-field/select';\nimport { SelectFC } from '../form-field/select';\nimport { assertSelectValueMatchesMultiplicity, normalizeSelectValue } from '../form-field/select-value';\nimport type { SelectApi } from './api';\n\n/**\n * Shared orchestrator implementation of `kol-select` and the page size select of the pagination\n * (`PageSizeSelect`): the option map, the value list and its normalization, the native select\n * events and the render.\n *\n * `kol-select` keeps what Stencil has to see in the component class itself (DD16).\n */\nexport abstract class BaseSelectWebComponent extends BaseFormFieldWebComponent<SelectApi> {\n\t/** Read for the multiplicity check and the first option preselection, like the raw prop. */\n\tpublic abstract _multiple?: boolean;\n\t/** Written on user input. */\n\tpublic abstract _value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;\n\n\tprotected abstract readonly ctaRef: CtaRef<HTMLSelectElement>;\n\n\t/** Option of each native option value (`-<index>`). */\n\tprivate readonly keyOptionMap = new Map<string, Option<StencilUnknown>>();\n\n\t/**\n\t * Whether the field has a value, for the class `kol-form-field--has-value`. It starts as `true`\n\t * and follows each `change`; it does not trigger a render of its own.\n\t */\n\tprivate hasValue = true;\n\n\t// --- Prop application (the concrete element's watchers delegate here) ---\n\n\tprotected applyAccessKey(value?: string): void {\n\t\taccessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));\n\t\tvalidateAccessAndShortKey(value, this.getShortKeyProp());\n\t}\n\n\tprotected applyShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.setRenderProp('shortKey', v));\n\t\tvalidateAccessAndShortKey(this.getAccessKeyProp(), value);\n\t}\n\n\tprotected abstract getAccessKeyProp(): string | undefined;\n\tprotected abstract getShortKeyProp(): ShortKeyPropType | undefined;\n\n\tprotected applyIcons(value?: IconsHorizontalPropType): void {\n\t\thorizontalIconsProp.apply(value, (v) => this.setRenderProp('icons', v));\n\t}\n\n\tprotected applyMultiple(value?: MultiplePropType): void {\n\t\tassertSelectValueMatchesMultiplicity(this._value, value === true, 'current');\n\t\tmultipleProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('multiple', v);\n\t\t\tthis.setRenderProp('value', normalizeSelectValue(this.getRenderProp('value'), this.getRenderProp('options'), this._multiple));\n\t\t});\n\t}\n\n\t/** The option map keeps its entries while the list is empty. */\n\tprotected applyOptions(value?: OptionsWithOptgroupPropType): void {\n\t\toptionsWithOptgroupProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('options', v);\n\t\t\tif (v.length > 0) {\n\t\t\t\tthis.keyOptionMap.clear();\n\t\t\t\tfillKeyOptionMap(this.keyOptionMap, v as SelectOption<StencilUnknown>[]);\n\t\t\t\tthis.setRenderProp('value', normalizeSelectValue(this.getRenderProp('value'), v, this._multiple));\n\t\t\t}\n\t\t});\n\t}\n\n\tprotected applyRequired(value?: boolean): void {\n\t\trequiredProp.apply(value, (v) => this.setRenderProp('required', v));\n\t}\n\n\tprotected applyRows(value?: number): void {\n\t\trowsProp.apply(value, (v) => this.setRenderProp('rows', v));\n\t}\n\n\tprotected applyTabIndex(value?: number): void {\n\t\ttabIndexProp.apply(value, (v) => this.setRenderProp('tabIndex', v));\n\t}\n\n\t/**\n\t * A single value is wrapped into a list and `null` is kept as `[null]`. Only a `_value` change sets\n\t * the form value; the preselection on an `_options` or `_multiple` change does not.\n\t */\n\tprotected applyValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void {\n\t\tassertSelectValueMatchesMultiplicity(value, this._multiple === true, 'received');\n\t\tconst setValue = (list: StencilUnknown[]): void => {\n\t\t\tconst normalized = normalizeSelectValue(list, this.getRenderProp('options'), this._multiple);\n\t\t\tthis.setRenderProp('value', normalized);\n\t\t\tthis.formAssociation.setFormAssociatedValue(this.getModelValue());\n\t\t};\n\t\tif (value === null) {\n\t\t\tsetValue([null]);\n\t\t} else {\n\t\t\tselectValueProp.apply(value, setValue);\n\t\t}\n\t}\n\n\tprotected applyVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.setRenderProp('variant', v));\n\t}\n\n\t// --- Value ---\n\n\t/** The value list with `_multiple`, otherwise its first entry (the list itself when empty). */\n\tprotected getModelValue(): StencilUnknown[] | StencilUnknown {\n\t\tconst value = this.getRenderProp('value');\n\t\tif (this._multiple) {\n\t\t\treturn value;\n\t\t}\n\t\treturn Array.isArray(value) && value.length > 0 ? value[0] : value;\n\t}\n\n\t// --- Event handling of the native select ---\n\n\tprivate readonly handleSelectInput = (event: Event): void => {\n\t\tconst selectedValues = Array.from(this.ctaRef.el?.options || [])\n\t\t\t.filter((option) => option.selected)\n\t\t\t.map((option) => this.keyOptionMap.get(option.value)?.value);\n\n\t\tif (this._multiple) {\n\t\t\tthis._value = selectedValues;\n\t\t\tthis.handleInput(event, selectedValues);\n\t\t} else {\n\t\t\tconst singleValue: StencilUnknown = selectedValues.length > 0 ? selectedValues[0] : undefined;\n\t\t\tthis._value = singleValue as Stringified<StencilUnknown>;\n\t\t\tthis.handleInput(event, singleValue);\n\t\t}\n\t};\n\n\tprivate readonly handleSelectChange = (event: Event): void => {\n\t\tconst value = this._value as StencilUnknown;\n\t\tthis.handleChange(event, value);\n\t\tthis.hasValue = !!value;\n\t};\n\n\t// --- Render ---\n\n\tprivate getSelectProps(): SelectFCProps {\n\t\tconst { ariaDescribedBy, hasError } = this.getAria();\n\t\tconst multiple = this.getRenderProp('multiple');\n\t\tconst shortKey = this.getRenderProp('shortKey');\n\n\t\treturn {\n\t\t\tid: this.getState('id'),\n\t\t\thideLabel: this.getRenderProp('hideLabel'),\n\t\t\tlabel: this.getRenderProp('label'),\n\t\t\tvalue: this.getRenderProp('value'),\n\t\t\toptions: this.getRenderProp('options'),\n\t\t\taccessKey: this.getRenderProp('accessKey') || undefined,\n\t\t\tdisabled: this.getRenderProp('disabled'),\n\t\t\tname: this.getRenderProp('name') || undefined,\n\t\t\t'aria-invalid': hasError ? 'true' : undefined,\n\t\t\tariaDescribedBy,\n\t\t\tsize: multiple ? this.getRenderProp('rows') : undefined,\n\t\t\tmultiple,\n\t\t\trequired: this.getRenderProp('required'),\n\t\t\ttouched: this.getRenderProp('touched'),\n\t\t\tmsg: this.getRenderProp('msg'),\n\t\t\t...(shortKey ? { 'aria-keyshortcuts': shortKey } : {}),\n\t\t\tref: this.ctaRef,\n\t\t\tonBlur: this.handleBlur,\n\t\t\tonChange: this.handleSelectChange,\n\t\t\tonClick: this.handleClick,\n\t\t\tonFocus: this.handleFocus,\n\t\t\tonInput: this.handleSelectInput,\n\t\t\tonKeyDown: this.handleKeyDown,\n\t\t};\n\t}\n\n\tprotected renderSelectField(): JSX.Element {\n\t\tconst disabled = this.getRenderProp('disabled');\n\t\tconst { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });\n\n\t\treturn (\n\t\t\t<FormFieldFC\n\t\t\t\t{...this.getFormFieldProps({\n\t\t\t\t\tclass: clsx('kol-form-field-select', { 'kol-form-field--has-value': this.hasValue }),\n\t\t\t\t\taccessKey: this.getRenderProp('accessKey') || undefined,\n\t\t\t\t\tshortKey: this.getRenderProp('shortKey') || undefined,\n\t\t\t\t\trequired: this.getRenderProp('required'),\n\t\t\t\t\tvariant: this.getRenderProp('variant'),\n\t\t\t\t})}\n\t\t\t\tonClick={() => this.ctaRef.el?.focus()}\n\t\t\t>\n\t\t\t\t<InputContainerFC\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t>\n\t\t\t\t\t<SelectFC {...this.getSelectProps()} />\n\t\t\t\t</InputContainerFC>\n\t\t\t</FormFieldFC>\n\t\t);\n\t}\n}\n"],"names":["hasEnoughReadableChars","containsOnlyNumbers","a11yHint","parseJson","createPropDefinition","formFieldBasePropsConfig","accessKeyProp","horizontalIconsProp","multipleProp","requiredProp","rowsProp","shortKeyProp","tabIndexProp","variantProp","getBlockBem","index","__rest","h","clsx","Fragment","isMsgDefinedAndInputTouched","getMsgType","getDefaultInputProps","BaseFormFieldWebComponent","validateAccessAndShortKey","fillKeyOptionMap","getInputAdornments","FormFieldFC","InputContainerFC"],"mappings":"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"}

package/dist/cjs/{base-web-component-mmgXJMg0.js → base-web-component-GLk66TOu.js}

@@ -5,21 +5,21 @@
 
 require('./common-B9-LvLNa.js');
 var variant = require('./variant-wdbSxe--.js');
-var suggestions = require('./suggestions-0hcm13gT.js');
-var inputContainer = require('./input-container-Cye4qL9S.js');
+var suggestions = require('./suggestions-quLXODgi.js');
+var inputContainer = require('./input-container-BUK2Fp_t.js');
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
 var placeholder = require('./placeholder-ClwJSSNT.js');
 var readOnly = require('./read-only-DBvxEaxi.js');
 var required = require('./required-ZyS6KTUB.js');
 var smartButton = require('./smart-button-BVsd-3XP.js');
 var valueString = require('./value-string-BG4BxeEb.js');
-var api = require('./api-LP3gnw7U.js');
-var index = require('./index-BnEus4Y9.js');
+var api = require('./api-BI1qXrGa.js');
+var index = require('./index-RAfZF5x0.js');
 var controller = require('./controller-D45264J9.js');
 var accessAndShortKey = require('./access-and-short-key-D40HWCJe.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
 var elementInteraction = require('./element-interaction-7FI_z19L.js');
-var behavior = require('./behavior-DWqrO2yi.js');
+var behavior = require('./behavior-BEaXHesG.js');
 
 const patternProp = baseWebComponent.createPropDefinition('pattern', undefined, baseWebComponent.normalizeString);
 
@@ -185,6 +185,6 @@ class BaseTextInputWebComponent extends api.BaseFormFieldWebComponent {
 
 exports.BaseTextInputWebComponent = BaseTextInputWebComponent;
 exports.textInputBasePropsConfig = textInputBasePropsConfig;
-//# sourceMappingURL=base-web-component-mmgXJMg0.js.map
+//# sourceMappingURL=base-web-component-GLk66TOu.js.map
 
-//# sourceMappingURL=base-web-component-mmgXJMg0.js.map
+//# sourceMappingURL=base-web-component-GLk66TOu.js.map

package/dist/cjs/{base-web-component-mmgXJMg0.js.map → base-web-component-GLk66TOu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-web-component-mmgXJMg0.js","sources":["src/internal/props/pattern.ts","src/internal/functional-components/text-input/api.tsx","src/internal/functional-components/text-input/base-web-component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Pattern prop for text-based inputs\n *\n * Description:\n * A regular expression the value has to match for the native constraint validation.\n *\n * @see https://html.spec.whatwg.org/multipage/input.html#attr-input-pattern\n */\nexport type PatternProp = SimpleProp<'pattern', string>;\n// The default is `undefined`: the native attribute is only rendered when a pattern is set.\nexport const patternProp = createPropDefinition<PatternProp>('pattern', undefined as unknown as string, normalizeString);\n","import {\n\taccessKeyProp,\n\tautoCompleteProp,\n\thorizontalIconsProp,\n\tpatternProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tshortKeyProp,\n\tsmartButtonProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../props';\nimport type { FormFieldBaseStates } from '../form-field/api';\nimport { formFieldBasePropsConfig } from '../form-field/api';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props email, password and text have in common. The counter props (`hasCounter`, `maxLength`,\n * `maxLengthBehavior`) belong to the `CounterBehavior` and are not part of this config.\n */\nexport const textInputBasePropsConfig = {\n\trequired: [...formFieldBasePropsConfig.required],\n\toptional: [\n\t\t...formFieldBasePropsConfig.optional,\n\t\taccessKeyProp,\n\t\tautoCompleteProp,\n\t\thorizontalIconsProp,\n\t\tpatternProp,\n\t\tplaceholderProp,\n\t\treadOnlyProp,\n\t\trequiredProp,\n\t\tshortKeyProp,\n\t\tsmartButtonProp,\n\t\tstringValueProp,\n\t\tvariantProp,\n\t],\n} as const satisfies PropsConfigShape;\n\nexport type TextInputBaseApi = ApiFromConfig<typeof textInputBasePropsConfig, { States: FormFieldBaseStates }>;\n","import { h } from '@stencil/core';\nimport type { VNode } from '@stencil/core/internal';\nimport { propagateSubmitEventToForm } from '../../../components/form/controller';\nimport type {\n\tAccessKeyPropType,\n\tAutoCompletePropType,\n\tIconsHorizontalPropType,\n\tInternalButtonProps,\n\tMaxLengthBehaviorPropType,\n\tShortKeyPropType,\n\tStringified,\n\tVariantClassNamePropType,\n\tW3CInputValue,\n} from '../../../schema';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport clsx from '../../../utils/clsx';\nimport { createCtaRef } from '../../../utils/element-interaction';\nimport {\n\taccessKeyProp,\n\tautoCompleteProp,\n\thorizontalIconsProp,\n\tpatternProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tshortKeyProp,\n\tsmartButtonProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../props';\nimport { BaseWebComponent } from '../base-web-component';\nimport { CounterBehavior } from '../counter/behavior';\nimport { getInputAdornments } from '../form-field/adornments';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\nimport type { FormFieldFCProps } from '../form-field/component';\nimport type { InputFCProps } from '../form-field/input';\nimport { SuggestionsFC } from '../form-field/suggestions';\nimport type { TextInputBaseApi } from './api';\n\ntype TextInputFieldProps = {\n\t/** Native type; `kol-input-text` passes it where its state carried `_type`, before the value. */\n\ttype?: InputFCProps['type'];\n\tspellcheck?: boolean;\n\tmultiple?: boolean;\n\tsuggestions?: W3CInputValue[];\n};\n\n/**\n * Shared orchestrator implementation of `kol-input-email`, `kol-input-password` and `kol-input-text`\n * on top of the form field base: the common text input props, the character counter, the submit on\n * Enter and the props of the native `<input>`.\n *\n * As in the form field base, the concrete element declares every `@Prop` with its `@Watch`, which\n * calls the matching `apply*` method (DD16).\n */\nexport abstract class BaseTextInputWebComponent<Api extends TextInputBaseApi> extends BaseFormFieldWebComponent<Api> {\n\tpublic abstract _accessKey?: AccessKeyPropType;\n\tpublic abstract _shortKey?: ShortKeyPropType;\n\t/** Written on every input, so the watcher updates the counter and the form value. */\n\tpublic abstract _value?: string;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\tprotected readonly counter = new CounterBehavior(BaseWebComponent.stateLess);\n\n\t/**\n\t * Whether the field has a value, rendered as the root class `has-value`. It is a plain field, not\n\t * state: changing it does not re-render, the class follows with the next render (#11053).\n\t */\n\tprotected hasValue = false;\n\n\t/** Typed view on the text input props, see `shared` in the form field base. */\n\tprivate get textShared(): BaseTextInputWebComponent<TextInputBaseApi> {\n\t\treturn this as unknown as BaseTextInputWebComponent<TextInputBaseApi>;\n\t}\n\n\t/** Call from `componentWillLoad`, after the value has been applied. */\n\tprotected initHasValue(): void {\n\t\tthis.hasValue = Boolean(this.textShared.getRenderProp('value'));\n\t}\n\n\t/** Call from `componentDidLoad`: fills the counter spans once they exist. */\n\tprotected didLoadTextInput(): void {\n\t\tif (this.counter.hasCounter() || this.counter.hasSoftLimit()) {\n\t\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t\t}\n\t}\n\n\t/** Call from `disconnectedCallback`. */\n\tprotected destroyTextInput(): void {\n\t\tthis.destroyFormField();\n\t\tthis.counter.destroy();\n\t}\n\n\t// --- Prop application ---\n\n\tprotected applyAccessKey(value?: AccessKeyPropType): void {\n\t\taccessKeyProp.apply(value, (v) => this.textShared.setRenderProp('accessKey', v));\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\tprotected applyAutoComplete(value?: AutoCompletePropType): void {\n\t\tautoCompleteProp.apply(value, (v) => this.textShared.setRenderProp('autoComplete', v));\n\t}\n\n\tprotected applyIcons(value?: IconsHorizontalPropType): void {\n\t\thorizontalIconsProp.apply(value, (v) => this.textShared.setRenderProp('icons', v));\n\t}\n\n\tprotected applyPattern(value?: string): void {\n\t\tpatternProp.apply(value, (v) => this.textShared.setRenderProp('pattern', v));\n\t}\n\n\tprotected applyPlaceholder(value?: string): void {\n\t\tplaceholderProp.apply(value, (v) => this.textShared.setRenderProp('placeholder', v));\n\t}\n\n\tprotected applyReadOnly(value?: boolean): void {\n\t\treadOnlyProp.apply(value, (v) => this.textShared.setRenderProp('readOnly', v));\n\t}\n\n\tprotected applyRequired(value?: boolean): void {\n\t\trequiredProp.apply(value, (v) => this.textShared.setRenderProp('required', v));\n\t}\n\n\tprotected applyShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.textShared.setRenderProp('shortKey', v));\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t/** Without `_smartButton` no button is rendered, so no default may remain. */\n\tprotected applySmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tif (value === undefined || value === null) {\n\t\t\tthis.textShared.unsetRenderProp('smartButton');\n\t\t} else {\n\t\t\tsmartButtonProp.apply(value, (v) => this.textShared.setRenderProp('smartButton', v));\n\t\t}\n\t}\n\n\tprotected applyValue(value?: string): void {\n\t\tthis.initValue(value);\n\t\tthis.counter.update(value?.length ?? 0);\n\t}\n\n\t/** Applies the value on load, without a counter update: `didLoadTextInput` fills the counter once its spans exist. */\n\tprotected initValue(value?: string): void {\n\t\tstringValueProp.apply(value, (v) => this.textShared.setRenderProp('value', v));\n\t\tthis.formAssociation.setFormAssociatedValue(this.textShared.getRenderProp('value'));\n\t}\n\n\t/** Applies the maximum on load, without a counter update, see `initValue`. */\n\tprotected initMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t}\n\n\tprotected applyVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.textShared.setRenderProp('variant', v));\n\t}\n\n\tprotected applyHasCounter(value?: boolean): void {\n\t\tthis.counter.watchHasCounter(value);\n\t}\n\n\tprotected applyMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t}\n\n\tprotected applyMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.counter.watchMaxLengthBehavior(value);\n\t}\n\n\t// --- Event handling ---\n\n\t/** Writes the value before the input event is dispatched, so the watcher has run when listeners read it. */\n\tprotected readonly handleTextInput = (event: Event): void => {\n\t\tthis._value = (event.target as HTMLInputElement).value;\n\t\tthis.handleInput(event);\n\t};\n\n\tprotected readonly handleTextChange = (event: Event, value?: unknown): void => {\n\t\tthis.handleChange(event, value);\n\t\tthis.hasValue = Boolean(value ?? (event.target as HTMLInputElement).value);\n\t};\n\n\tprotected readonly handleTextFocus = (event: FocusEvent): void => {\n\t\tthis.handleFocus(event);\n\t\tthis.counter.retriggerAria(this._value?.length ?? 0);\n\t};\n\n\t/** Enter submits the surrounding `kol-form`, like in a native form. */\n\tprotected readonly handleTextKeyDown = (event: KeyboardEvent): void => {\n\t\tthis.handleKeyDown(event);\n\t\tthis.counter.handleKeyDown(event, this.ctaRef.el?.value.length ?? 0);\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\t// --- Render ---\n\n\t/** Props of the form field shell, with the counter, the limit and the root classes of the text fields. */\n\tprotected getTextFormFieldProps(classNames: string): FormFieldFCProps {\n\t\tconst shared = this.textShared;\n\t\treturn this.getFormFieldProps({\n\t\t\tclass: clsx(classNames, {\n\t\t\t\t'has-value': this.hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.counter.hasSoftLimit() || this.counter.hasCounter(),\n\t\t\t}),\n\t\t\taccessKey: shared.getRenderProp('accessKey') || undefined,\n\t\t\tshortKey: shared.getRenderProp('shortKey') || undefined,\n\t\t\tvariant: shared.getRenderProp('variant'),\n\t\t\trequired: shared.getRenderProp('required'),\n\t\t\treadOnly: shared.getRenderProp('readOnly'),\n\t\t\tmaxLength: this.counter.getRenderProp('maxLength'),\n\t\t\tcounter: this.counter.getCounterProps(),\n\t\t});\n\t}\n\n\t/** Adornments of the input container; `endAdornment` is the field-specific button, if any. */\n\tprotected getTextInputAdornments(endAdornment?: VNode | null): { startAdornment: VNode[]; endAdornment: VNode[] } {\n\t\treturn getInputAdornments({\n\t\t\ticons: this.textShared.getRenderProp('icons'),\n\t\t\tsmartButton: this.getSmartButtonFcProps(\n\t\t\t\tthis.textShared.getRenderProp('smartButton') as InternalButtonProps | undefined,\n\t\t\t\tthis.textShared.getRenderProp('disabled'),\n\t\t\t),\n\t\t\tendAdornment,\n\t\t});\n\t}\n\n\t/**\n\t * Props of the native `<input>`. The keys follow the order of the legacy state wrapper, and props\n\t * the legacy state only held once set are only passed when set: the rendered attributes keep their\n\t * order in the hydrate snapshot.\n\t */\n\tprotected getTextInputProps({ type, spellcheck, multiple, suggestions }: TextInputFieldProps, overrides: Partial<InputFCProps> = {}): InputFCProps {\n\t\tconst shared = this.textShared;\n\t\tconst id = shared.getState('id');\n\t\tconst accessKey = shared.getRenderProp('accessKey');\n\t\tconst shortKey = shared.getRenderProp('shortKey');\n\t\tconst placeholder = shared.getRenderProp('placeholder');\n\t\tconst pattern = shared.getRenderProp('pattern');\n\t\tconst maxLength = this.counter.getMaxLengthAttribute();\n\t\tconst characterLimitHintId = this.counter.getCharacterLimitHintId(id);\n\t\tconst { ariaDescribedBy, hasError } = this.getAria();\n\n\t\treturn {\n\t\t\tid,\n\t\t\thideLabel: shared.getRenderProp('hideLabel'),\n\t\t\tlabel: shared.getRenderProp('label'),\n\t\t\tdisabled: shared.getRenderProp('disabled'),\n\t\t\t// The name prop defaults to `''`; an unnamed field renders no `name` attribute.\n\t\t\tname: shared.getRenderProp('name') || undefined,\n\t\t\t...(accessKey ? { accessKey } : {}),\n\t\t\t...(type !== undefined ? { type } : {}),\n\t\t\tvalue: shared.getRenderProp('value'),\n\t\t\trequired: shared.getRenderProp('required'),\n\t\t\t...(maxLength !== undefined ? { maxlength: maxLength } : {}),\n\t\t\t...(placeholder !== undefined ? { placeholder } : {}),\n\t\t\tautoComplete: shared.getRenderProp('autoComplete'),\n\t\t\t...(spellcheck !== undefined ? { spellcheck } : {}),\n\t\t\t...(pattern !== undefined ? { pattern } : {}),\n\t\t\treadonly: shared.getRenderProp('readOnly'),\n\t\t\t...(multiple !== undefined ? { multiple } : {}),\n\t\t\ttouched: shared.getRenderProp('touched'),\n\t\t\tmsg: shared.getRenderProp('msg'),\n\t\t\t...(shortKey ? { 'aria-keyshortcuts': shortKey } : {}),\n\t\t\t...(suggestions && suggestions.length > 0 ? { suggestions: (<SuggestionsFC id={id} suggestions={suggestions} />) as VNode } : {}),\n\t\t\tref: this.ctaRef,\n\t\t\tonBlur: this.handleBlur,\n\t\t\tonChange: this.handleTextChange,\n\t\t\tonClick: this.handleClick,\n\t\t\tonFocus: this.handleTextFocus,\n\t\t\tonInput: this.handleTextInput,\n\t\t\tonKeyDown: this.handleTextKeyDown,\n\t\t\t...overrides,\n\t\t\tariaDescribedBy: characterLimitHintId ? [...ariaDescribedBy, characterLimitHintId] : ariaDescribedBy,\n\t\t\t'aria-invalid': hasError ? 'true' : undefined,\n\t\t};\n\t}\n}\n"],"names":["createPropDefinition","normalizeString","formFieldBasePropsConfig","accessKeyProp","autoCompleteProp","horizontalIconsProp","placeholderProp","readOnlyProp","requiredProp","shortKeyProp","smartButtonProp","stringValueProp","variantProp","BaseFormFieldWebComponent","createCtaRef","CounterBehavior","BaseWebComponent","propagateSubmitEventToForm","validateAccessAndShortKey","clsx","getInputAdornments","suggestions","h","SuggestionsFC"],"mappings":"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"}
+{"version":3,"file":"base-web-component-GLk66TOu.js","sources":["src/internal/props/pattern.ts","src/internal/functional-components/text-input/api.tsx","src/internal/functional-components/text-input/base-web-component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Pattern prop for text-based inputs\n *\n * Description:\n * A regular expression the value has to match for the native constraint validation.\n *\n * @see https://html.spec.whatwg.org/multipage/input.html#attr-input-pattern\n */\nexport type PatternProp = SimpleProp<'pattern', string>;\n// The default is `undefined`: the native attribute is only rendered when a pattern is set.\nexport const patternProp = createPropDefinition<PatternProp>('pattern', undefined as unknown as string, normalizeString);\n","import {\n\taccessKeyProp,\n\tautoCompleteProp,\n\thorizontalIconsProp,\n\tpatternProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tshortKeyProp,\n\tsmartButtonProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../props';\nimport type { FormFieldBaseStates } from '../form-field/api';\nimport { formFieldBasePropsConfig } from '../form-field/api';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props email, password and text have in common. The counter props (`hasCounter`, `maxLength`,\n * `maxLengthBehavior`) belong to the `CounterBehavior` and are not part of this config.\n */\nexport const textInputBasePropsConfig = {\n\trequired: [...formFieldBasePropsConfig.required],\n\toptional: [\n\t\t...formFieldBasePropsConfig.optional,\n\t\taccessKeyProp,\n\t\tautoCompleteProp,\n\t\thorizontalIconsProp,\n\t\tpatternProp,\n\t\tplaceholderProp,\n\t\treadOnlyProp,\n\t\trequiredProp,\n\t\tshortKeyProp,\n\t\tsmartButtonProp,\n\t\tstringValueProp,\n\t\tvariantProp,\n\t],\n} as const satisfies PropsConfigShape;\n\nexport type TextInputBaseApi = ApiFromConfig<typeof textInputBasePropsConfig, { States: FormFieldBaseStates }>;\n","import { h } from '@stencil/core';\nimport type { VNode } from '@stencil/core/internal';\nimport { propagateSubmitEventToForm } from '../../../components/form/controller';\nimport type {\n\tAccessKeyPropType,\n\tAutoCompletePropType,\n\tIconsHorizontalPropType,\n\tInternalButtonProps,\n\tMaxLengthBehaviorPropType,\n\tShortKeyPropType,\n\tStringified,\n\tVariantClassNamePropType,\n\tW3CInputValue,\n} from '../../../schema';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport clsx from '../../../utils/clsx';\nimport { createCtaRef } from '../../../utils/element-interaction';\nimport {\n\taccessKeyProp,\n\tautoCompleteProp,\n\thorizontalIconsProp,\n\tpatternProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tshortKeyProp,\n\tsmartButtonProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../props';\nimport { BaseWebComponent } from '../base-web-component';\nimport { CounterBehavior } from '../counter/behavior';\nimport { getInputAdornments } from '../form-field/adornments';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\nimport type { FormFieldFCProps } from '../form-field/component';\nimport type { InputFCProps } from '../form-field/input';\nimport { SuggestionsFC } from '../form-field/suggestions';\nimport type { TextInputBaseApi } from './api';\n\ntype TextInputFieldProps = {\n\t/** Native type; `kol-input-text` passes it where its state carried `_type`, before the value. */\n\ttype?: InputFCProps['type'];\n\tspellcheck?: boolean;\n\tmultiple?: boolean;\n\tsuggestions?: W3CInputValue[];\n};\n\n/**\n * Shared orchestrator implementation of `kol-input-email`, `kol-input-password` and `kol-input-text`\n * on top of the form field base: the common text input props, the character counter, the submit on\n * Enter and the props of the native `<input>`.\n *\n * As in the form field base, the concrete element declares every `@Prop` with its `@Watch`, which\n * calls the matching `apply*` method (DD16).\n */\nexport abstract class BaseTextInputWebComponent<Api extends TextInputBaseApi> extends BaseFormFieldWebComponent<Api> {\n\tpublic abstract _accessKey?: AccessKeyPropType;\n\tpublic abstract _shortKey?: ShortKeyPropType;\n\t/** Written on every input, so the watcher updates the counter and the form value. */\n\tpublic abstract _value?: string;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\tprotected readonly counter = new CounterBehavior(BaseWebComponent.stateLess);\n\n\t/**\n\t * Whether the field has a value, rendered as the root class `has-value`. It is a plain field, not\n\t * state: changing it does not re-render, the class follows with the next render (#11053).\n\t */\n\tprotected hasValue = false;\n\n\t/** Typed view on the text input props, see `shared` in the form field base. */\n\tprivate get textShared(): BaseTextInputWebComponent<TextInputBaseApi> {\n\t\treturn this as unknown as BaseTextInputWebComponent<TextInputBaseApi>;\n\t}\n\n\t/** Call from `componentWillLoad`, after the value has been applied. */\n\tprotected initHasValue(): void {\n\t\tthis.hasValue = Boolean(this.textShared.getRenderProp('value'));\n\t}\n\n\t/** Call from `componentDidLoad`: fills the counter spans once they exist. */\n\tprotected didLoadTextInput(): void {\n\t\tif (this.counter.hasCounter() || this.counter.hasSoftLimit()) {\n\t\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t\t}\n\t}\n\n\t/** Call from `disconnectedCallback`. */\n\tprotected destroyTextInput(): void {\n\t\tthis.destroyFormField();\n\t\tthis.counter.destroy();\n\t}\n\n\t// --- Prop application ---\n\n\tprotected applyAccessKey(value?: AccessKeyPropType): void {\n\t\taccessKeyProp.apply(value, (v) => this.textShared.setRenderProp('accessKey', v));\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\tprotected applyAutoComplete(value?: AutoCompletePropType): void {\n\t\tautoCompleteProp.apply(value, (v) => this.textShared.setRenderProp('autoComplete', v));\n\t}\n\n\tprotected applyIcons(value?: IconsHorizontalPropType): void {\n\t\thorizontalIconsProp.apply(value, (v) => this.textShared.setRenderProp('icons', v));\n\t}\n\n\tprotected applyPattern(value?: string): void {\n\t\tpatternProp.apply(value, (v) => this.textShared.setRenderProp('pattern', v));\n\t}\n\n\tprotected applyPlaceholder(value?: string): void {\n\t\tplaceholderProp.apply(value, (v) => this.textShared.setRenderProp('placeholder', v));\n\t}\n\n\tprotected applyReadOnly(value?: boolean): void {\n\t\treadOnlyProp.apply(value, (v) => this.textShared.setRenderProp('readOnly', v));\n\t}\n\n\tprotected applyRequired(value?: boolean): void {\n\t\trequiredProp.apply(value, (v) => this.textShared.setRenderProp('required', v));\n\t}\n\n\tprotected applyShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.textShared.setRenderProp('shortKey', v));\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t/** Without `_smartButton` no button is rendered, so no default may remain. */\n\tprotected applySmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tif (value === undefined || value === null) {\n\t\t\tthis.textShared.unsetRenderProp('smartButton');\n\t\t} else {\n\t\t\tsmartButtonProp.apply(value, (v) => this.textShared.setRenderProp('smartButton', v));\n\t\t}\n\t}\n\n\tprotected applyValue(value?: string): void {\n\t\tthis.initValue(value);\n\t\tthis.counter.update(value?.length ?? 0);\n\t}\n\n\t/** Applies the value on load, without a counter update: `didLoadTextInput` fills the counter once its spans exist. */\n\tprotected initValue(value?: string): void {\n\t\tstringValueProp.apply(value, (v) => this.textShared.setRenderProp('value', v));\n\t\tthis.formAssociation.setFormAssociatedValue(this.textShared.getRenderProp('value'));\n\t}\n\n\t/** Applies the maximum on load, without a counter update, see `initValue`. */\n\tprotected initMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t}\n\n\tprotected applyVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.textShared.setRenderProp('variant', v));\n\t}\n\n\tprotected applyHasCounter(value?: boolean): void {\n\t\tthis.counter.watchHasCounter(value);\n\t}\n\n\tprotected applyMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t}\n\n\tprotected applyMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.counter.watchMaxLengthBehavior(value);\n\t}\n\n\t// --- Event handling ---\n\n\t/** Writes the value before the input event is dispatched, so the watcher has run when listeners read it. */\n\tprotected readonly handleTextInput = (event: Event): void => {\n\t\tthis._value = (event.target as HTMLInputElement).value;\n\t\tthis.handleInput(event);\n\t};\n\n\tprotected readonly handleTextChange = (event: Event, value?: unknown): void => {\n\t\tthis.handleChange(event, value);\n\t\tthis.hasValue = Boolean(value ?? (event.target as HTMLInputElement).value);\n\t};\n\n\tprotected readonly handleTextFocus = (event: FocusEvent): void => {\n\t\tthis.handleFocus(event);\n\t\tthis.counter.retriggerAria(this._value?.length ?? 0);\n\t};\n\n\t/** Enter submits the surrounding `kol-form`, like in a native form. */\n\tprotected readonly handleTextKeyDown = (event: KeyboardEvent): void => {\n\t\tthis.handleKeyDown(event);\n\t\tthis.counter.handleKeyDown(event, this.ctaRef.el?.value.length ?? 0);\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\t// --- Render ---\n\n\t/** Props of the form field shell, with the counter, the limit and the root classes of the text fields. */\n\tprotected getTextFormFieldProps(classNames: string): FormFieldFCProps {\n\t\tconst shared = this.textShared;\n\t\treturn this.getFormFieldProps({\n\t\t\tclass: clsx(classNames, {\n\t\t\t\t'has-value': this.hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.counter.hasSoftLimit() || this.counter.hasCounter(),\n\t\t\t}),\n\t\t\taccessKey: shared.getRenderProp('accessKey') || undefined,\n\t\t\tshortKey: shared.getRenderProp('shortKey') || undefined,\n\t\t\tvariant: shared.getRenderProp('variant'),\n\t\t\trequired: shared.getRenderProp('required'),\n\t\t\treadOnly: shared.getRenderProp('readOnly'),\n\t\t\tmaxLength: this.counter.getRenderProp('maxLength'),\n\t\t\tcounter: this.counter.getCounterProps(),\n\t\t});\n\t}\n\n\t/** Adornments of the input container; `endAdornment` is the field-specific button, if any. */\n\tprotected getTextInputAdornments(endAdornment?: VNode | null): { startAdornment: VNode[]; endAdornment: VNode[] } {\n\t\treturn getInputAdornments({\n\t\t\ticons: this.textShared.getRenderProp('icons'),\n\t\t\tsmartButton: this.getSmartButtonFcProps(\n\t\t\t\tthis.textShared.getRenderProp('smartButton') as InternalButtonProps | undefined,\n\t\t\t\tthis.textShared.getRenderProp('disabled'),\n\t\t\t),\n\t\t\tendAdornment,\n\t\t});\n\t}\n\n\t/**\n\t * Props of the native `<input>`. The keys follow the order of the legacy state wrapper, and props\n\t * the legacy state only held once set are only passed when set: the rendered attributes keep their\n\t * order in the hydrate snapshot.\n\t */\n\tprotected getTextInputProps({ type, spellcheck, multiple, suggestions }: TextInputFieldProps, overrides: Partial<InputFCProps> = {}): InputFCProps {\n\t\tconst shared = this.textShared;\n\t\tconst id = shared.getState('id');\n\t\tconst accessKey = shared.getRenderProp('accessKey');\n\t\tconst shortKey = shared.getRenderProp('shortKey');\n\t\tconst placeholder = shared.getRenderProp('placeholder');\n\t\tconst pattern = shared.getRenderProp('pattern');\n\t\tconst maxLength = this.counter.getMaxLengthAttribute();\n\t\tconst characterLimitHintId = this.counter.getCharacterLimitHintId(id);\n\t\tconst { ariaDescribedBy, hasError } = this.getAria();\n\n\t\treturn {\n\t\t\tid,\n\t\t\thideLabel: shared.getRenderProp('hideLabel'),\n\t\t\tlabel: shared.getRenderProp('label'),\n\t\t\tdisabled: shared.getRenderProp('disabled'),\n\t\t\t// The name prop defaults to `''`; an unnamed field renders no `name` attribute.\n\t\t\tname: shared.getRenderProp('name') || undefined,\n\t\t\t...(accessKey ? { accessKey } : {}),\n\t\t\t...(type !== undefined ? { type } : {}),\n\t\t\tvalue: shared.getRenderProp('value'),\n\t\t\trequired: shared.getRenderProp('required'),\n\t\t\t...(maxLength !== undefined ? { maxlength: maxLength } : {}),\n\t\t\t...(placeholder !== undefined ? { placeholder } : {}),\n\t\t\tautoComplete: shared.getRenderProp('autoComplete'),\n\t\t\t...(spellcheck !== undefined ? { spellcheck } : {}),\n\t\t\t...(pattern !== undefined ? { pattern } : {}),\n\t\t\treadonly: shared.getRenderProp('readOnly'),\n\t\t\t...(multiple !== undefined ? { multiple } : {}),\n\t\t\ttouched: shared.getRenderProp('touched'),\n\t\t\tmsg: shared.getRenderProp('msg'),\n\t\t\t...(shortKey ? { 'aria-keyshortcuts': shortKey } : {}),\n\t\t\t...(suggestions && suggestions.length > 0 ? { suggestions: (<SuggestionsFC id={id} suggestions={suggestions} />) as VNode } : {}),\n\t\t\tref: this.ctaRef,\n\t\t\tonBlur: this.handleBlur,\n\t\t\tonChange: this.handleTextChange,\n\t\t\tonClick: this.handleClick,\n\t\t\tonFocus: this.handleTextFocus,\n\t\t\tonInput: this.handleTextInput,\n\t\t\tonKeyDown: this.handleTextKeyDown,\n\t\t\t...overrides,\n\t\t\tariaDescribedBy: characterLimitHintId ? [...ariaDescribedBy, characterLimitHintId] : ariaDescribedBy,\n\t\t\t'aria-invalid': hasError ? 'true' : undefined,\n\t\t};\n\t}\n}\n"],"names":["createPropDefinition","normalizeString","formFieldBasePropsConfig","accessKeyProp","autoCompleteProp","horizontalIconsProp","placeholderProp","readOnlyProp","requiredProp","shortKeyProp","smartButtonProp","stringValueProp","variantProp","BaseFormFieldWebComponent","createCtaRef","CounterBehavior","BaseWebComponent","propagateSubmitEventToForm","validateAccessAndShortKey","clsx","getInputAdornments","suggestions","h","SuggestionsFC"],"mappings":"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"}

package/dist/cjs/{behavior-DWqrO2yi.js → behavior-BEaXHesG.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dev_utils = require('./dev.utils-BjrG4FNf.js');
+var dev_utils = require('./dev.utils-DybQ4euF.js');
 require('./common-B9-LvLNa.js');
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
 var behavior = require('./behavior-DMhnAIvG.js');
@@ -163,6 +163,6 @@ class CounterBehavior extends behavior.BaseBehavior {
 }
 
 exports.CounterBehavior = CounterBehavior;
-//# sourceMappingURL=behavior-DWqrO2yi.js.map
+//# sourceMappingURL=behavior-BEaXHesG.js.map
 
-//# sourceMappingURL=behavior-DWqrO2yi.js.map
+//# sourceMappingURL=behavior-BEaXHesG.js.map

package/dist/cjs/{behavior-DWqrO2yi.js.map → behavior-BEaXHesG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"behavior-DWqrO2yi.js","sources":["src/internal/props/has-counter.ts","src/internal/props/max-length.ts","src/internal/props/max-length-behavior.ts","src/internal/functional-components/counter/api.tsx","src/internal/functional-components/counter/texts.ts","src/internal/functional-components/counter/behavior.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Has counter prop for text-based form fields\n *\n * Description:\n * Shows the character counter below the control.\n */\nexport type HasCounterProp = SimpleProp<'hasCounter', boolean>;\nexport const hasCounterProp = createPropDefinition<HasCounterProp>('hasCounter', false, normalizeBoolean);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max length prop for text-based form fields\n *\n * Description:\n * The maximum number of characters. With the max length behavior `'hard'` it becomes the native\n * `maxlength` attribute, with `'soft'` it is only announced by the character counter.\n *\n * @see https://html.spec.whatwg.org/multipage/input.html#attr-input-maxlength\n */\nexport type MaxLengthProp = SimpleProp<'maxLength', number>;\n// The default is `undefined`: without a maximum there is no limit and no character limit hint. The\n// validation also runs on the default, so it accepts `undefined`.\nexport const maxLengthProp = createPropDefinition<MaxLengthProp>(\n\t'maxLength',\n\tundefined as unknown as number,\n\tnormalizeNumber,\n\t(value) => value === undefined || value >= 0,\n);\n","import type { MaxLengthBehaviorPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { isEnumOption, normalizeString } from './helpers/normalizers';\n\nconst MAX_LENGTH_BEHAVIOR_OPTIONS: readonly MaxLengthBehaviorPropType[] = ['hard', 'soft'];\n\n/**\n * Max length behavior prop for text-based form fields\n *\n * Description:\n * `'hard'` prevents longer input through the native `maxlength` attribute, `'soft'` allows it and\n * lets the character counter announce the exceeded limit.\n */\nexport type MaxLengthBehaviorProp = SimpleProp<'maxLengthBehavior', MaxLengthBehaviorPropType>;\n\nfunction normalizeMaxLengthBehavior(value: unknown): MaxLengthBehaviorPropType {\n\tconst str = normalizeString(value);\n\tif (isEnumOption(str, MAX_LENGTH_BEHAVIOR_OPTIONS)) {\n\t\treturn str;\n\t}\n\tthrow new Error(`Invalid max length behavior: ${str}`);\n}\n\nexport const maxLengthBehaviorProp = createPropDefinition<MaxLengthBehaviorProp>('maxLengthBehavior', 'hard', normalizeMaxLengthBehavior);\n","import { hasCounterProp, maxLengthBehaviorProp, maxLengthProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const counterPropsConfig = {\n\toptional: [hasCounterProp, maxLengthProp, maxLengthBehaviorProp],\n} as const satisfies PropsConfigShape;\n\nexport type CounterApi = ApiFromConfig<typeof counterPropsConfig>;\n","import { translate } from '../../../i18n';\nimport type { MaxLengthBehaviorPropType } from '../../../schema';\n\nexport const getCounterVisualText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterAriaText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterMaxText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (maxLengthBehavior === 'hard' && typeof maxLength === 'number' && currentLength >= maxLength) {\n\t\treturn translate('kol-character-counter-max-aria');\n\t}\n\treturn '';\n};\n","import type { MaxLengthBehaviorPropType } from '../../../schema';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { hasCounterProp, maxLengthBehaviorProp, maxLengthProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { FormFieldFCProps } from '../form-field/component';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { CounterApi } from './api';\nimport { counterPropsConfig } from './api';\nimport { getCounterAriaText, getCounterMaxText, getCounterVisualText } from './texts';\n\n/** A printable single character without Ctrl, Meta or Alt, i.e. a key press that inserts a character. */\nconst isCharacterInputKey = (event: KeyboardEvent): boolean => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n\n/** Invisible no-break space that makes an identical live region text differ, so it is announced again. */\nconst REANNOUNCE_MARKER = ' ';\n\nconst ARIA_DEBOUNCE_MS = 1000;\n\ntype CounterLimit = {\n\tmaxLength?: number;\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/**\n * Character counter and character limit of a text field.\n *\n * It owns `hasCounter`, `maxLength` and `maxLengthBehavior` and writes the texts of the two counter\n * spans of `FormFieldFC` directly into the DOM, without a re-render: the visible span immediately,\n * the `aria-live` span debounced, so a screen reader does not announce every key stroke.\n */\nexport class CounterBehavior extends BaseBehavior<CounterApi> implements BehaviorInterface<CounterApi> {\n\tprivate visualSpan?: HTMLSpanElement;\n\tprivate ariaSpan?: HTMLSpanElement;\n\tprivate debounceTimer?: ReturnType<typeof setTimeout>;\n\tprivate reannounceToggle = false;\n\n\tpublic constructor(stateAccess: StateAccess<CounterApi>) {\n\t\tsuper(stateAccess, counterPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<CounterApi>): void {\n\t\tthis.watchHasCounter(props.hasCounter);\n\t\tthis.watchMaxLength(props.maxLength);\n\t\tthis.watchMaxLengthBehavior(props.maxLengthBehavior);\n\t}\n\n\tpublic watchHasCounter(value?: boolean): void {\n\t\thasCounterProp.apply(value, (v) => this.setRenderProp('hasCounter', v));\n\t}\n\n\tpublic watchMaxLength(value?: number): void {\n\t\tmaxLengthProp.apply(value, (v) => this.setRenderProp('maxLength', v));\n\t}\n\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tmaxLengthBehaviorProp.apply(value, (v) => this.setRenderProp('maxLengthBehavior', v));\n\t}\n\n\tpublic readonly setVisualRef = (el?: HTMLSpanElement): void => {\n\t\tthis.visualSpan = el;\n\t};\n\n\tpublic readonly setAriaRef = (el?: HTMLSpanElement): void => {\n\t\tthis.ariaSpan = el;\n\t};\n\n\tpublic hasCounter(): boolean {\n\t\treturn this.getRenderProp('hasCounter') === true;\n\t}\n\n\t/** A maximum with the behavior `'soft'`: the counter announces the exceeded limit instead of `maxlength` preventing it. */\n\tpublic hasSoftLimit(): boolean {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn typeof maxLength === 'number' && maxLengthBehavior === 'soft';\n\t}\n\n\t/** The native `maxlength` attribute: only a hard limit prevents longer input. */\n\tpublic getMaxLengthAttribute(): number | undefined {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn maxLengthBehavior === 'hard' ? maxLength : undefined;\n\t}\n\n\t/** The `counter` prop of `FormFieldFC`; the counter is only rendered with `hasCounter`. */\n\tpublic getCounterProps(): FormFieldFCProps['counter'] {\n\t\tif (!this.hasCounter()) {\n\t\t\treturn undefined;\n\t\t}\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn { maxLength, maxLengthBehavior, visualRef: this.setVisualRef, ariaRef: this.setAriaRef };\n\t}\n\n\t/**\n\t * The ID of the hidden character limit hint, which the control references in `aria-describedby`.\n\t * The hint only exists for a maximum without counter, because the counter announces the maximum itself.\n\t */\n\tpublic getCharacterLimitHintId(id: string): string | undefined {\n\t\treturn typeof this.getRenderProp('maxLength') === 'number' && !this.hasCounter() ? createRelatedUniqueId(id, 'character-limit-hint') : undefined;\n\t}\n\n\t/** Updates the visible span immediately and the `aria-live` span debounced. */\n\tpublic update(currentLength: number): void {\n\t\tconst limit = this.getLimit();\n\t\tthis.updateVisual(currentLength, limit);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.updateAria(currentLength, limit), ARIA_DEBOUNCE_MS);\n\t}\n\n\t/** Updates both spans without debounce, e.g. after the first render or a programmatic change of the limit. */\n\tpublic updateImmediate(currentLength: number): void {\n\t\tconst limit = this.getLimit();\n\t\tthis.updateVisual(currentLength, limit);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.updateAria(currentLength, limit);\n\t}\n\n\t/**\n\t * Announces the reached hard limit again on every further typing attempt. `maxlength` blocks the\n\t * input without an `input` event, so the live region would otherwise stay silent.\n\t */\n\tpublic readonly handleKeyDown = (event: KeyboardEvent, currentLength: number): void => {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\tif (maxLengthBehavior !== 'hard' || typeof maxLength !== 'number' || currentLength < maxLength) return;\n\t\tif (!isCharacterInputKey(event)) return;\n\t\tthis.retriggerAria(currentLength);\n\t};\n\n\t/** Announces the `aria-live` span again, debounced, even if its text did not change. */\n\tpublic retriggerAria(currentLength: number): void {\n\t\tif (!this.ariaSpan) return;\n\t\tconst limit = this.getLimit();\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.updateAria(currentLength, limit, true), ARIA_DEBOUNCE_MS);\n\t}\n\n\tpublic destroy(): void {\n\t\tclearTimeout(this.debounceTimer);\n\t}\n\n\tprivate getLimit(): CounterLimit {\n\t\treturn { maxLength: this.getRenderProp('maxLength'), maxLengthBehavior: this.getRenderProp('maxLengthBehavior') };\n\t}\n\n\tprivate updateVisual(currentLength: number, { maxLength, maxLengthBehavior }: CounterLimit): void {\n\t\tif (!this.visualSpan) return;\n\t\tthis.visualSpan.innerText = getCounterVisualText(maxLengthBehavior, maxLength, currentLength);\n\t\tthis.visualSpan.classList.toggle(\n\t\t\t'kol-form-field__counter--exceeded',\n\t\t\tmaxLengthBehavior === 'soft' && typeof maxLength === 'number' && currentLength > maxLength,\n\t\t);\n\t}\n\n\tprivate updateAria(currentLength: number, { maxLength, maxLengthBehavior }: CounterLimit, forceReannounce = false): void {\n\t\tif (!this.ariaSpan) return;\n\t\tlet text = [getCounterAriaText(maxLengthBehavior, maxLength, currentLength), getCounterMaxText(maxLengthBehavior, maxLength, currentLength)]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ');\n\n\t\tif (forceReannounce) {\n\t\t\t// `aria-live` only announces a changed text. A repeated attempt produces the same text, so a\n\t\t\t// no-break space is appended on every other call to make it differ.\n\t\t\tthis.reannounceToggle = !this.reannounceToggle;\n\t\t\tif (this.reannounceToggle) {\n\t\t\t\ttext += REANNOUNCE_MARKER;\n\t\t\t}\n\t\t}\n\n\t\tthis.ariaSpan.innerText = text;\n\t}\n}\n"],"names":["createPropDefinition","normalizeBoolean","normalizeNumber","normalizeString","isEnumOption","translate","BaseBehavior","createRelatedUniqueId"],"mappings":";;;;;;;;;;;AAWO,MAAM,cAAc,GAAGA,qCAAoB,CAAiB,YAAY,EAAE,KAAK,EAAEC,iCAAgB,CAAC;;ACKlG,MAAM,aAAa,GAAGD,qCAAoB,CAChD,WAAW,EACX,SAA8B,EAC9BE,gCAAe,EACf,CAAC,KAAK,KAAK,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,CAAC,CAC5C;;AChBD,MAAM,2BAA2B,GAAyC,CAAC,MAAM,EAAE,MAAM,CAAC;AAW1F,SAAS,0BAA0B,CAAC,KAAc,EAAA;AACjD,IAAA,MAAM,GAAG,GAAGC,gCAAe,CAAC,KAAK,CAAC;AAClC,IAAA,IAAIC,6BAAY,CAAC,GAAG,EAAE,2BAA2B,CAAC,EAAE;AACnD,QAAA,OAAO,GAAG;;AAEX,IAAA,MAAM,IAAI,KAAK,CAAC,gCAAgC,GAAG,CAAA,CAAE,CAAC;AACvD;AAEO,MAAM,qBAAqB,GAAGJ,qCAAoB,CAAwB,mBAAmB,EAAE,MAAM,EAAE,0BAA0B,CAAC;;ACrBlI,MAAM,kBAAkB,GAAG;AACjC,IAAA,QAAQ,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,qBAAqB,CAAC;CAC5B;;ACF9B,MAAM,oBAAoB,GAAG,CAAC,iBAA4C,EAAE,SAA6B,EAAE,aAAqB,KAAY;AAClJ,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAClC,QAAA,OAAOK,cAAS,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC;;AAExG,IAAA,IAAI,iBAAiB,KAAK,MAAM,EAAE;AACjC,QAAA,MAAM,SAAS,GAAG,SAAS,GAAG,aAAa;QAC3C,OAAO,SAAS,GAAG;cAChBA,cAAS,CAAC,8BAA8B,EAAE,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE;AACnG,cAAEA,cAAS,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;;IAElG,OAAOA,cAAS,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;AACvI,CAAC;AAEM,MAAM,kBAAkB,GAAG,CAAC,iBAA4C,EAAE,SAA6B,EAAE,aAAqB,KAAY;AAChJ,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAClC,QAAA,OAAOA,cAAS,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC;;AAExG,IAAA,IAAI,iBAAiB,KAAK,MAAM,EAAE;AACjC,QAAA,MAAM,SAAS,GAAG,SAAS,GAAG,aAAa;QAC3C,OAAO,SAAS,GAAG;cAChBA,cAAS,CAAC,8BAA8B,EAAE,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE;AACnG,cAAEA,cAAS,CAAC,+BAA+B,EAAE,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;;IAElG,OAAOA,cAAS,CAAC,2CAA2C,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;AAC5I,CAAC;AAEM,MAAM,iBAAiB,GAAG,CAAC,iBAA4C,EAAE,SAA6B,EAAE,aAAqB,KAAY;AAC/I,IAAA,IAAI,iBAAiB,KAAK,MAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,aAAa,IAAI,SAAS,EAAE;AAChG,QAAA,OAAOA,cAAS,CAAC,gCAAgC,CAAC;;AAEnD,IAAA,OAAO,EAAE;AACV,CAAC;;ACvBD,MAAM,mBAAmB,GAAG,CAAC,KAAoB,KAAc,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;AAG1I,MAAM,iBAAiB,GAAG,GAAG;AAE7B,MAAM,gBAAgB,GAAG,IAAI;AAcvB,MAAO,eAAgB,SAAQC,qBAAwB,CAAA;AAM5D,IAAA,WAAA,CAAmB,WAAoC,EAAA;AACtD,QAAA,KAAK,CAAC,WAAW,EAAE,kBAAkB,CAAC;AAH/B,QAAA,IAAgB,CAAA,gBAAA,GAAG,KAAK;AAwBhB,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,EAAoB,KAAU;AAC7D,YAAA,IAAI,CAAC,UAAU,GAAG,EAAE;AACrB,SAAC;AAEe,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,EAAoB,KAAU;AAC3D,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AACnB,SAAC;QAuDe,IAAA,CAAA,aAAa,GAAG,CAAC,KAAoB,EAAE,aAAqB,KAAU;YACrF,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;YACxD,IAAI,iBAAiB,KAAK,MAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,aAAa,GAAG,SAAS;gBAAE;AAChG,YAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;gBAAE;AACjC,YAAA,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;AAClC,SAAC;;AApFM,IAAA,iBAAiB,CAAC,KAAqC,EAAA;AAC7D,QAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;AACtC,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC;AACpC,QAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,iBAAiB,CAAC;;AAG9C,IAAA,eAAe,CAAC,KAAe,EAAA;AACrC,QAAA,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;;AAGjE,IAAA,cAAc,CAAC,KAAc,EAAA;AACnC,QAAA,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;;AAG/D,IAAA,sBAAsB,CAAC,KAAiC,EAAA;AAC9D,QAAA,qBAAqB,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;;IAW/E,UAAU,GAAA;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,IAAI;;IAI1C,YAAY,GAAA;QAClB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;QACxD,OAAO,OAAO,SAAS,KAAK,QAAQ,IAAI,iBAAiB,KAAK,MAAM;;IAI9D,qBAAqB,GAAA;QAC3B,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;QACxD,OAAO,iBAAiB,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;;IAIrD,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AACvB,YAAA,OAAO,SAAS;;QAEjB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;AACxD,QAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE;;AAOzF,IAAA,uBAAuB,CAAC,EAAU,EAAA;AACxC,QAAA,OAAO,OAAO,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAGC,+BAAqB,CAAC,EAAE,EAAE,sBAAsB,CAAC,GAAG,SAAS;;AAI1I,IAAA,MAAM,CAAC,aAAqB,EAAA;AAClC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7B,QAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC;AACvC,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,QAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC;;AAIxF,IAAA,eAAe,CAAC,aAAqB,EAAA;AAC3C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7B,QAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC;AACvC,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC;;AAe/B,IAAA,aAAa,CAAC,aAAqB,EAAA;QACzC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;AACpB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC7B,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC;;IAG9F,OAAO,GAAA;AACb,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;IAGzB,QAAQ,GAAA;AACf,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE;;AAG1G,IAAA,YAAY,CAAC,aAAqB,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAgB,EAAA;QACzF,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,EAAE,SAAS,EAAE,aAAa,CAAC;QAC7F,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAC/B,mCAAmC,EACnC,iBAAiB,KAAK,MAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,aAAa,GAAG,SAAS,CAC1F;;IAGM,UAAU,CAAC,aAAqB,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAgB,EAAE,eAAe,GAAG,KAAK,EAAA;QAChH,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;QACpB,IAAI,IAAI,GAAG,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,EAAE,SAAS,EAAE,aAAa,CAAC;aACzI,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;QAEX,IAAI,eAAe,EAAE;AAGpB,YAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,gBAAgB;AAC9C,YAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,IAAI,iBAAiB;;;AAI3B,QAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI;;AAE/B;;;;"}
+{"version":3,"file":"behavior-BEaXHesG.js","sources":["src/internal/props/has-counter.ts","src/internal/props/max-length.ts","src/internal/props/max-length-behavior.ts","src/internal/functional-components/counter/api.tsx","src/internal/functional-components/counter/texts.ts","src/internal/functional-components/counter/behavior.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Has counter prop for text-based form fields\n *\n * Description:\n * Shows the character counter below the control.\n */\nexport type HasCounterProp = SimpleProp<'hasCounter', boolean>;\nexport const hasCounterProp = createPropDefinition<HasCounterProp>('hasCounter', false, normalizeBoolean);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max length prop for text-based form fields\n *\n * Description:\n * The maximum number of characters. With the max length behavior `'hard'` it becomes the native\n * `maxlength` attribute, with `'soft'` it is only announced by the character counter.\n *\n * @see https://html.spec.whatwg.org/multipage/input.html#attr-input-maxlength\n */\nexport type MaxLengthProp = SimpleProp<'maxLength', number>;\n// The default is `undefined`: without a maximum there is no limit and no character limit hint. The\n// validation also runs on the default, so it accepts `undefined`.\nexport const maxLengthProp = createPropDefinition<MaxLengthProp>(\n\t'maxLength',\n\tundefined as unknown as number,\n\tnormalizeNumber,\n\t(value) => value === undefined || value >= 0,\n);\n","import type { MaxLengthBehaviorPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { isEnumOption, normalizeString } from './helpers/normalizers';\n\nconst MAX_LENGTH_BEHAVIOR_OPTIONS: readonly MaxLengthBehaviorPropType[] = ['hard', 'soft'];\n\n/**\n * Max length behavior prop for text-based form fields\n *\n * Description:\n * `'hard'` prevents longer input through the native `maxlength` attribute, `'soft'` allows it and\n * lets the character counter announce the exceeded limit.\n */\nexport type MaxLengthBehaviorProp = SimpleProp<'maxLengthBehavior', MaxLengthBehaviorPropType>;\n\nfunction normalizeMaxLengthBehavior(value: unknown): MaxLengthBehaviorPropType {\n\tconst str = normalizeString(value);\n\tif (isEnumOption(str, MAX_LENGTH_BEHAVIOR_OPTIONS)) {\n\t\treturn str;\n\t}\n\tthrow new Error(`Invalid max length behavior: ${str}`);\n}\n\nexport const maxLengthBehaviorProp = createPropDefinition<MaxLengthBehaviorProp>('maxLengthBehavior', 'hard', normalizeMaxLengthBehavior);\n","import { hasCounterProp, maxLengthBehaviorProp, maxLengthProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const counterPropsConfig = {\n\toptional: [hasCounterProp, maxLengthProp, maxLengthBehaviorProp],\n} as const satisfies PropsConfigShape;\n\nexport type CounterApi = ApiFromConfig<typeof counterPropsConfig>;\n","import { translate } from '../../../i18n';\nimport type { MaxLengthBehaviorPropType } from '../../../schema';\n\nexport const getCounterVisualText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterAriaText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterMaxText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (maxLengthBehavior === 'hard' && typeof maxLength === 'number' && currentLength >= maxLength) {\n\t\treturn translate('kol-character-counter-max-aria');\n\t}\n\treturn '';\n};\n","import type { MaxLengthBehaviorPropType } from '../../../schema';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { hasCounterProp, maxLengthBehaviorProp, maxLengthProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { FormFieldFCProps } from '../form-field/component';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { CounterApi } from './api';\nimport { counterPropsConfig } from './api';\nimport { getCounterAriaText, getCounterMaxText, getCounterVisualText } from './texts';\n\n/** A printable single character without Ctrl, Meta or Alt, i.e. a key press that inserts a character. */\nconst isCharacterInputKey = (event: KeyboardEvent): boolean => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n\n/** Invisible no-break space that makes an identical live region text differ, so it is announced again. */\nconst REANNOUNCE_MARKER = ' ';\n\nconst ARIA_DEBOUNCE_MS = 1000;\n\ntype CounterLimit = {\n\tmaxLength?: number;\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/**\n * Character counter and character limit of a text field.\n *\n * It owns `hasCounter`, `maxLength` and `maxLengthBehavior` and writes the texts of the two counter\n * spans of `FormFieldFC` directly into the DOM, without a re-render: the visible span immediately,\n * the `aria-live` span debounced, so a screen reader does not announce every key stroke.\n */\nexport class CounterBehavior extends BaseBehavior<CounterApi> implements BehaviorInterface<CounterApi> {\n\tprivate visualSpan?: HTMLSpanElement;\n\tprivate ariaSpan?: HTMLSpanElement;\n\tprivate debounceTimer?: ReturnType<typeof setTimeout>;\n\tprivate reannounceToggle = false;\n\n\tpublic constructor(stateAccess: StateAccess<CounterApi>) {\n\t\tsuper(stateAccess, counterPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<CounterApi>): void {\n\t\tthis.watchHasCounter(props.hasCounter);\n\t\tthis.watchMaxLength(props.maxLength);\n\t\tthis.watchMaxLengthBehavior(props.maxLengthBehavior);\n\t}\n\n\tpublic watchHasCounter(value?: boolean): void {\n\t\thasCounterProp.apply(value, (v) => this.setRenderProp('hasCounter', v));\n\t}\n\n\tpublic watchMaxLength(value?: number): void {\n\t\tmaxLengthProp.apply(value, (v) => this.setRenderProp('maxLength', v));\n\t}\n\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tmaxLengthBehaviorProp.apply(value, (v) => this.setRenderProp('maxLengthBehavior', v));\n\t}\n\n\tpublic readonly setVisualRef = (el?: HTMLSpanElement): void => {\n\t\tthis.visualSpan = el;\n\t};\n\n\tpublic readonly setAriaRef = (el?: HTMLSpanElement): void => {\n\t\tthis.ariaSpan = el;\n\t};\n\n\tpublic hasCounter(): boolean {\n\t\treturn this.getRenderProp('hasCounter') === true;\n\t}\n\n\t/** A maximum with the behavior `'soft'`: the counter announces the exceeded limit instead of `maxlength` preventing it. */\n\tpublic hasSoftLimit(): boolean {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn typeof maxLength === 'number' && maxLengthBehavior === 'soft';\n\t}\n\n\t/** The native `maxlength` attribute: only a hard limit prevents longer input. */\n\tpublic getMaxLengthAttribute(): number | undefined {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn maxLengthBehavior === 'hard' ? maxLength : undefined;\n\t}\n\n\t/** The `counter` prop of `FormFieldFC`; the counter is only rendered with `hasCounter`. */\n\tpublic getCounterProps(): FormFieldFCProps['counter'] {\n\t\tif (!this.hasCounter()) {\n\t\t\treturn undefined;\n\t\t}\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\treturn { maxLength, maxLengthBehavior, visualRef: this.setVisualRef, ariaRef: this.setAriaRef };\n\t}\n\n\t/**\n\t * The ID of the hidden character limit hint, which the control references in `aria-describedby`.\n\t * The hint only exists for a maximum without counter, because the counter announces the maximum itself.\n\t */\n\tpublic getCharacterLimitHintId(id: string): string | undefined {\n\t\treturn typeof this.getRenderProp('maxLength') === 'number' && !this.hasCounter() ? createRelatedUniqueId(id, 'character-limit-hint') : undefined;\n\t}\n\n\t/** Updates the visible span immediately and the `aria-live` span debounced. */\n\tpublic update(currentLength: number): void {\n\t\tconst limit = this.getLimit();\n\t\tthis.updateVisual(currentLength, limit);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.updateAria(currentLength, limit), ARIA_DEBOUNCE_MS);\n\t}\n\n\t/** Updates both spans without debounce, e.g. after the first render or a programmatic change of the limit. */\n\tpublic updateImmediate(currentLength: number): void {\n\t\tconst limit = this.getLimit();\n\t\tthis.updateVisual(currentLength, limit);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.updateAria(currentLength, limit);\n\t}\n\n\t/**\n\t * Announces the reached hard limit again on every further typing attempt. `maxlength` blocks the\n\t * input without an `input` event, so the live region would otherwise stay silent.\n\t */\n\tpublic readonly handleKeyDown = (event: KeyboardEvent, currentLength: number): void => {\n\t\tconst { maxLength, maxLengthBehavior } = this.getLimit();\n\t\tif (maxLengthBehavior !== 'hard' || typeof maxLength !== 'number' || currentLength < maxLength) return;\n\t\tif (!isCharacterInputKey(event)) return;\n\t\tthis.retriggerAria(currentLength);\n\t};\n\n\t/** Announces the `aria-live` span again, debounced, even if its text did not change. */\n\tpublic retriggerAria(currentLength: number): void {\n\t\tif (!this.ariaSpan) return;\n\t\tconst limit = this.getLimit();\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.updateAria(currentLength, limit, true), ARIA_DEBOUNCE_MS);\n\t}\n\n\tpublic destroy(): void {\n\t\tclearTimeout(this.debounceTimer);\n\t}\n\n\tprivate getLimit(): CounterLimit {\n\t\treturn { maxLength: this.getRenderProp('maxLength'), maxLengthBehavior: this.getRenderProp('maxLengthBehavior') };\n\t}\n\n\tprivate updateVisual(currentLength: number, { maxLength, maxLengthBehavior }: CounterLimit): void {\n\t\tif (!this.visualSpan) return;\n\t\tthis.visualSpan.innerText = getCounterVisualText(maxLengthBehavior, maxLength, currentLength);\n\t\tthis.visualSpan.classList.toggle(\n\t\t\t'kol-form-field__counter--exceeded',\n\t\t\tmaxLengthBehavior === 'soft' && typeof maxLength === 'number' && currentLength > maxLength,\n\t\t);\n\t}\n\n\tprivate updateAria(currentLength: number, { maxLength, maxLengthBehavior }: CounterLimit, forceReannounce = false): void {\n\t\tif (!this.ariaSpan) return;\n\t\tlet text = [getCounterAriaText(maxLengthBehavior, maxLength, currentLength), getCounterMaxText(maxLengthBehavior, maxLength, currentLength)]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ');\n\n\t\tif (forceReannounce) {\n\t\t\t// `aria-live` only announces a changed text. A repeated attempt produces the same text, so a\n\t\t\t// no-break space is appended on every other call to make it differ.\n\t\t\tthis.reannounceToggle = !this.reannounceToggle;\n\t\t\tif (this.reannounceToggle) {\n\t\t\t\ttext += REANNOUNCE_MARKER;\n\t\t\t}\n\t\t}\n\n\t\tthis.ariaSpan.innerText = text;\n\t}\n}\n"],"names":["createPropDefinition","normalizeBoolean","normalizeNumber","normalizeString","isEnumOption","translate","BaseBehavior","createRelatedUniqueId"],"mappings":"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"}

package/dist/cjs/{color-C9UZwMvC.js → color-CZiNkZFM.js}

@@ -5,7 +5,7 @@
 
 var common = require('./common-B9-LvLNa.js');
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
-var contrast = require('./contrast-kLMuDQLl.js');
+var contrast = require('./contrast-CrL_sMV6.js');
 
 const HEX_REGEX = /^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;
 function isHexString(value) {
@@ -47,6 +47,6 @@ const colorProp = baseWebComponent.createPropDefinition('color', {
 }, normalizer, validator);
 
 exports.colorProp = colorProp;
-//# sourceMappingURL=color-C9UZwMvC.js.map
+//# sourceMappingURL=color-CZiNkZFM.js.map
 
-//# sourceMappingURL=color-C9UZwMvC.js.map
+//# sourceMappingURL=color-CZiNkZFM.js.map

package/dist/cjs/{color-C9UZwMvC.js.map → color-CZiNkZFM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-C9UZwMvC.js","sources":["src/internal/props/color.ts"],"sourcesContent":["import type { ColorPair } from '../../schema';\nimport { createContrastColorPair, parseJson } from '../../schema';\nimport { createPropDefinition, type Prop } from './helpers/factory';\n\n/**\n * Color prop for foreground/background color pairs\n *\n * Description:\n * Defines a color pair consisting of a foreground (text) and background color. Both colors\n * must be provided as valid hex values. The component automatically calculates contrast-safe\n * color pairs to ensure readability.\n *\n * Usage (according to WCAG 2.1):\n * - Single hex value: color=\"#003366\" (background; foreground is auto-calculated for contrast)\n * - Color pair object: color={ backgroundColor: \"#003366\", foregroundColor: \"#ffffff\" }\n * - All color combinations must meet WCAG contrast requirements:\n *   - Normal text: minimum contrast ratio 4.5:1 (WCAG 1.4.3 Contrast Minimum, Level AA)\n *   - Large text (≥18pt or ≥14pt bold): minimum contrast ratio 3:1\n *   - Enhanced: minimum contrast ratio 7:1 for normal text (WCAG 1.4.6 Contrast Enhanced, Level AAA)\n * - Non-text elements (icons, borders) require a minimum contrast ratio of 3:1 (WCAG 1.4.11 Non-text Contrast)\n * - Color must not be the only means of conveying information (WCAG 1.4.1 Use of Color)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html\n */\nconst HEX_REGEX = /^#((\\d|[a-f]){8}|(\\d|[a-f]){6}|(\\d|[a-f]){3,4})$/i;\nfunction isHexString(value: string): boolean {\n\treturn HEX_REGEX.test(value);\n}\n\nfunction normalizer(value: unknown): ColorPair {\n\tif (typeof value === 'string' && isHexString(value)) {\n\t\tconst colors = createContrastColorPair(value);\n\t\treturn {\n\t\t\tbackgroundColor: colors.background,\n\t\t\tforegroundColor: colors.foreground,\n\t\t};\n\t}\n\t// The prop is declared `Stringified<PropColor>`, so a color pair also arrives as a JSON string\n\t// whenever it is set through an HTML attribute rather than a JS property.\n\tconst candidate = typeof value === 'string' ? parseJson<ColorPair>(value) : value;\n\tif (typeof candidate === 'object' && candidate) {\n\t\tconst colorPair = candidate as ColorPair;\n\t\tif (\n\t\t\ttypeof colorPair.backgroundColor === 'string' &&\n\t\t\ttypeof colorPair.foregroundColor === 'string' &&\n\t\t\tisHexString(colorPair.backgroundColor) &&\n\t\t\tisHexString(colorPair.foregroundColor)\n\t\t) {\n\t\t\tconst colors = createContrastColorPair({\n\t\t\t\tbackground: colorPair.backgroundColor,\n\t\t\t\tforeground: colorPair.foregroundColor,\n\t\t\t});\n\t\t\treturn {\n\t\t\t\tbackgroundColor: colors.background,\n\t\t\t\tforegroundColor: colors.foreground,\n\t\t\t};\n\t\t}\n\t}\n\tthrow new Error(`Invalid color ${value as string}`);\n}\n\nfunction validator(value: ColorPair) {\n\treturn isHexString(value.foregroundColor) && isHexString(value.backgroundColor);\n}\n\nexport type ColorProp = Prop<'color', ColorPair | string, ColorPair>;\nexport const colorProp = createPropDefinition<ColorProp>(\n\t'color',\n\t{\n\t\tbackgroundColor: '#d3d3d3',\n\t\tforegroundColor: '#3f3f3f',\n\t},\n\tnormalizer,\n\tvalidator,\n);\n"],"names":["createContrastColorPair","parseJson","createPropDefinition"],"mappings":";;;;;;;;;AA2BA,MAAM,SAAS,GAAG,mDAAmD;AACrE,SAAS,WAAW,CAAC,KAAa,EAAA;AACjC,IAAA,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B;AAEA,SAAS,UAAU,CAAC,KAAc,EAAA;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;AACpD,QAAA,MAAM,MAAM,GAAGA,gCAAuB,CAAC,KAAK,CAAC;QAC7C,OAAO;YACN,eAAe,EAAE,MAAM,CAAC,UAAU;YAClC,eAAe,EAAE,MAAM,CAAC,UAAU;SAClC;;AAIF,IAAA,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAGC,gBAAS,CAAY,KAAK,CAAC,GAAG,KAAK;AACjF,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,EAAE;QAC/C,MAAM,SAAS,GAAG,SAAsB;AACxC,QAAA,IACC,OAAO,SAAS,CAAC,eAAe,KAAK,QAAQ;AAC7C,YAAA,OAAO,SAAS,CAAC,eAAe,KAAK,QAAQ;AAC7C,YAAA,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;AACtC,YAAA,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,EACrC;YACD,MAAM,MAAM,GAAGD,gCAAuB,CAAC;gBACtC,UAAU,EAAE,SAAS,CAAC,eAAe;gBACrC,UAAU,EAAE,SAAS,CAAC,eAAe;AACrC,aAAA,CAAC;YACF,OAAO;gBACN,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,eAAe,EAAE,MAAM,CAAC,UAAU;aAClC;;;AAGH,IAAA,MAAM,IAAI,KAAK,CAAC,iBAAiB,KAAe,CAAA,CAAE,CAAC;AACpD;AAEA,SAAS,SAAS,CAAC,KAAgB,EAAA;AAClC,IAAA,OAAO,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC;AAChF;AAGa,MAAA,SAAS,GAAGE,qCAAoB,CAC5C,OAAO,EACP;AACC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,eAAe,EAAE,SAAS;AAC1B,CAAA,EACD,UAAU,EACV,SAAS;;;;"}
+{"version":3,"file":"color-CZiNkZFM.js","sources":["src/internal/props/color.ts"],"sourcesContent":["import type { ColorPair } from '../../schema';\nimport { createContrastColorPair, parseJson } from '../../schema';\nimport { createPropDefinition, type Prop } from './helpers/factory';\n\n/**\n * Color prop for foreground/background color pairs\n *\n * Description:\n * Defines a color pair consisting of a foreground (text) and background color. Both colors\n * must be provided as valid hex values. The component automatically calculates contrast-safe\n * color pairs to ensure readability.\n *\n * Usage (according to WCAG 2.1):\n * - Single hex value: color=\"#003366\" (background; foreground is auto-calculated for contrast)\n * - Color pair object: color={ backgroundColor: \"#003366\", foregroundColor: \"#ffffff\" }\n * - All color combinations must meet WCAG contrast requirements:\n *   - Normal text: minimum contrast ratio 4.5:1 (WCAG 1.4.3 Contrast Minimum, Level AA)\n *   - Large text (≥18pt or ≥14pt bold): minimum contrast ratio 3:1\n *   - Enhanced: minimum contrast ratio 7:1 for normal text (WCAG 1.4.6 Contrast Enhanced, Level AAA)\n * - Non-text elements (icons, borders) require a minimum contrast ratio of 3:1 (WCAG 1.4.11 Non-text Contrast)\n * - Color must not be the only means of conveying information (WCAG 1.4.1 Use of Color)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n * @see https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html\n */\nconst HEX_REGEX = /^#((\\d|[a-f]){8}|(\\d|[a-f]){6}|(\\d|[a-f]){3,4})$/i;\nfunction isHexString(value: string): boolean {\n\treturn HEX_REGEX.test(value);\n}\n\nfunction normalizer(value: unknown): ColorPair {\n\tif (typeof value === 'string' && isHexString(value)) {\n\t\tconst colors = createContrastColorPair(value);\n\t\treturn {\n\t\t\tbackgroundColor: colors.background,\n\t\t\tforegroundColor: colors.foreground,\n\t\t};\n\t}\n\t// The prop is declared `Stringified<PropColor>`, so a color pair also arrives as a JSON string\n\t// whenever it is set through an HTML attribute rather than a JS property.\n\tconst candidate = typeof value === 'string' ? parseJson<ColorPair>(value) : value;\n\tif (typeof candidate === 'object' && candidate) {\n\t\tconst colorPair = candidate as ColorPair;\n\t\tif (\n\t\t\ttypeof colorPair.backgroundColor === 'string' &&\n\t\t\ttypeof colorPair.foregroundColor === 'string' &&\n\t\t\tisHexString(colorPair.backgroundColor) &&\n\t\t\tisHexString(colorPair.foregroundColor)\n\t\t) {\n\t\t\tconst colors = createContrastColorPair({\n\t\t\t\tbackground: colorPair.backgroundColor,\n\t\t\t\tforeground: colorPair.foregroundColor,\n\t\t\t});\n\t\t\treturn {\n\t\t\t\tbackgroundColor: colors.background,\n\t\t\t\tforegroundColor: colors.foreground,\n\t\t\t};\n\t\t}\n\t}\n\tthrow new Error(`Invalid color ${value as string}`);\n}\n\nfunction validator(value: ColorPair) {\n\treturn isHexString(value.foregroundColor) && isHexString(value.backgroundColor);\n}\n\nexport type ColorProp = Prop<'color', ColorPair | string, ColorPair>;\nexport const colorProp = createPropDefinition<ColorProp>(\n\t'color',\n\t{\n\t\tbackgroundColor: '#d3d3d3',\n\t\tforegroundColor: '#3f3f3f',\n\t},\n\tnormalizer,\n\tvalidator,\n);\n"],"names":["createContrastColorPair","parseJson","createPropDefinition"],"mappings":";;;;;;;;;AA2BA,MAAM,SAAS,GAAG,mDAAmD;AACrE,SAAS,WAAW,CAAC,KAAa,EAAA;AACjC,IAAA,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B;AAEA,SAAS,UAAU,CAAC,KAAc,EAAA;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;AACpD,QAAA,MAAM,MAAM,GAAGA,gCAAuB,CAAC,KAAK,CAAC;QAC7C,OAAO;YACN,eAAe,EAAE,MAAM,CAAC,UAAU;YAClC,eAAe,EAAE,MAAM,CAAC,UAAU;SAClC;;AAIF,IAAA,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAGC,gBAAS,CAAY,KAAK,CAAC,GAAG,KAAK;AACjF,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,EAAE;QAC/C,MAAM,SAAS,GAAG,SAAsB;AACxC,QAAA,IACC,OAAO,SAAS,CAAC,eAAe,KAAK,QAAQ;AAC7C,YAAA,OAAO,SAAS,CAAC,eAAe,KAAK,QAAQ;AAC7C,YAAA,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;AACtC,YAAA,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,EACrC;YACD,MAAM,MAAM,GAAGD,gCAAuB,CAAC;gBACtC,UAAU,EAAE,SAAS,CAAC,eAAe;gBACrC,UAAU,EAAE,SAAS,CAAC,eAAe;AACrC,aAAA,CAAC;YACF,OAAO;gBACN,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,eAAe,EAAE,MAAM,CAAC,UAAU;aAClC;;;AAGH,IAAA,MAAM,IAAI,KAAK,CAAC,iBAAiB,KAAe,CAAA,CAAE,CAAC;AACpD;AAEA,SAAS,SAAS,CAAC,KAAgB,EAAA;AAClC,IAAA,OAAO,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC;AAChF;AAGa,MAAA,SAAS,GAAGE,qCAAoB,CAC5C,OAAO,EACP;AACC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,eAAe,EAAE,SAAS;AAC1B,CAAA,EACD,UAAU,EACV,SAAS;;;;"}

package/dist/cjs/{component-ZPvcKmPR.js → component-3EZdZbDH.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
 
@@ -18,6 +18,6 @@ const IconFC = (_a) => {
 };
 
 exports.IconFC = IconFC;
-//# sourceMappingURL=component-ZPvcKmPR.js.map
+//# sourceMappingURL=component-3EZdZbDH.js.map
 
-//# sourceMappingURL=component-ZPvcKmPR.js.map
+//# sourceMappingURL=component-3EZdZbDH.js.map

package/dist/cjs/{component-ZPvcKmPR.js.map → component-3EZdZbDH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-ZPvcKmPR.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label is always a normalized string ('' when unset — see labelProp definition)\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":["bem","__rest","h","clsx"],"mappings":";;;;;;;;;;AAQA,MAAM,OAAO,GAAGA,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApDC,gBAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACCC,+BACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"component-3EZdZbDH.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label is always a normalized string ('' when unset — see labelProp definition)\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":["bem","__rest","h","clsx"],"mappings":";;;;;;;;;;AAQA,MAAM,OAAO,GAAGA,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApDC,gBAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACCC,+BACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/{component-DuPEYx7z.js → component-B96XYPtn.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 var i18n = require('./i18n-UGaB-Dwg.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
-var component = require('./component-X_thXnkE.js');
+var component = require('./component-Du98sklA.js');
 
 const spinBem = bemRegistry.bem.forBlock('kol-spin');
 const BEM_CLASS_SPIN__LOADER = spinBem('loader');
@@ -27,6 +27,6 @@ const SpinFC = (props) => {
 };
 
 exports.SpinFC = SpinFC;
-//# sourceMappingURL=component-DuPEYx7z.js.map
+//# sourceMappingURL=component-B96XYPtn.js.map
 
-//# sourceMappingURL=component-DuPEYx7z.js.map
+//# sourceMappingURL=component-B96XYPtn.js.map

package/dist/cjs/{component-DuPEYx7z.js.map → component-B96XYPtn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DuPEYx7z.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","h","BemRootNodeFC","Fragment","translate"],"mappings":";;;;;;;;;;AAUA,MAAM,OAAO,GAAGA,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAOC,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAOA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAKA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACCA,OAAA,CAACC,uBAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJD,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzFA,OAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAIG,cAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEXH,OAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAIG,cAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}
+{"version":3,"file":"component-B96XYPtn.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","h","BemRootNodeFC","Fragment","translate"],"mappings":";;;;;;;;;;AAUA,MAAM,OAAO,GAAGA,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAOC,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAOA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAKA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACCA,OAAA,CAACC,uBAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJD,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzFA,OAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAIG,cAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEXH,OAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAIG,cAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}

package/dist/cjs/{component-uHDfV5D8.js → component-BUCx7i5o.js}

@@ -4,14 +4,14 @@
 'use strict';
 
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-BnEus4Y9.js');
-var Heading = require('./Heading-Bck3PFpH.js');
+var index = require('./index-RAfZF5x0.js');
+var Heading = require('./Heading-yiwXjRrz.js');
 var i18n = require('./i18n-UGaB-Dwg.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
-var component$2 = require('./component-X_thXnkE.js');
-var component$1 = require('./component-1NrcvQzp.js');
-var component = require('./component-ZPvcKmPR.js');
+var component$2 = require('./component-Du98sklA.js');
+var component$1 = require('./component-CPVFCnaN.js');
+var component = require('./component-3EZdZbDH.js');
 
 const alertBem$1 = bemRegistry.bem.forBlock('kol-alert');
 const BEM_CLASS_ALERT__ICON = alertBem$1('icon');
@@ -62,6 +62,6 @@ const AlertFC = (props, children) => {
 };
 
 exports.AlertFC = AlertFC;
-//# sourceMappingURL=component-uHDfV5D8.js.map
+//# sourceMappingURL=component-BUCx7i5o.js.map
 
-//# sourceMappingURL=component-uHDfV5D8.js.map
+//# sourceMappingURL=component-BUCx7i5o.js.map