@public-ui/components 4.3.0 → 4.3.1-rc.0

package/dist/esm/controller-Bt_GTg1G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-Bt_GTg1G.js","sources":["src/internal/props/align.ts","src/internal/props/badge-text.ts","src/internal/props/id.ts","src/utils/overlay.ts","src/internal/functional-components/tooltip/api.tsx","src/internal/functional-components/tooltip/controller.ts"],"sourcesContent":["import type { AlignPropType } from '../../schema';\nimport { alignPropTypeOptions } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Align prop for positioning floating elements\n *\n * Description:\n * Controls the alignment of floating elements (tooltips, popovers, tabs) relative to their\n * reference element. The alignment affects how the floating element is positioned and which\n * side the arrow points from.\n *\n * Valid values: 'top' | 'right' | 'bottom' | 'left'\n * Default: 'top'\n *\n * Accessibility:\n * - Alignment should be chosen to ensure floating content is visible and does not obscure\n *   important content for users with low vision or screen magnification\n */\nexport type AlignProp = SimpleProp<'align', AlignPropType>;\n\nexport const alignProp = createPropDefinition<AlignProp>(\n\t'align',\n\t'top',\n\t(value) => {\n\t\tconst str = normalizeString(value);\n\t\tif ((alignPropTypeOptions as readonly string[]).includes(str)) {\n\t\t\treturn str as AlignPropType;\n\t\t}\n\t\tthrow new Error(`Invalid align value: ${str}`);\n\t},\n\t(v) => (alignPropTypeOptions as readonly string[]).includes(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Badge Text prop for highlighting text in labels\n *\n * Description:\n * Specifies text to be underlined and highlighted as a badge within the label.\n * This is useful for highlighting keyboard shortcuts or other important text portions.\n *\n * Usage:\n * - Default: empty string (no badge highlighting)\n * - When set: the specified text will be underlined in the label\n * - Case-sensitive matching (tries uppercase/lowercase variations if exact match not found)\n *\n * Accessibility:\n * - Underlined text must have sufficient contrast (WCAG 1.4.11)\n * - Badge text should complement, not replace, other text alternatives\n */\nexport type BadgeTextProp = SimpleProp<'badgeText', string>;\nexport const badgeTextProp = createPropDefinition<BadgeTextProp>('badgeText', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type IdProp = SimpleProp<'id', string>;\n\nexport const idProp = createPropDefinition<IdProp>('id', '', normalizeString);\n","/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * Cached reference to the top-most overlay (z-index 1000).\n * Maintained by showOverlay and hideOverlay to avoid repeated set iterations.\n */\nlet lastOverlay: HTMLElement | null = null;\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\t// Ensure the overlay is at the end of the set to maintain the invariant:\n\t// all overlays have z-index 999 except the last one (z-index 1000).\n\tif (lastOverlay !== overlay) {\n\t\tif (lastOverlay) {\n\t\t\tlastOverlay.style.setProperty('z-index', '999');\n\t\t}\n\t\tVISIBLE_OVERLAYS.delete(overlay);\n\t\tVISIBLE_OVERLAYS.add(overlay);\n\t\toverlay.style.setProperty('z-index', '1000');\n\t\tlastOverlay = overlay;\n\t}\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tif (!VISIBLE_OVERLAYS.delete(overlay)) {\n\t\treturn;\n\t}\n\n\tif (lastOverlay === overlay) {\n\t\t// Find the new last overlay\n\t\tlastOverlay = null;\n\t\tfor (const el of VISIBLE_OVERLAYS) {\n\t\t\tlastOverlay = el;\n\t\t}\n\t\tif (lastOverlay) {\n\t\t\tlastOverlay.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import { alignProp, badgeTextProp, idProp, labelProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const tooltipPropsConfig = {\n\trequired: [labelProp],\n\toptional: [alignProp, badgeTextProp, idProp],\n} as const satisfies PropsConfigShape;\n\nexport type TooltipApi = ApiFromConfig<\n\ttypeof tooltipPropsConfig,\n\t{\n\t\tMethods: {\n\t\t\thideTooltip: () => void;\n\t\t};\n\t}\n>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { getDocument } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../../utils/tooltip-open-tracking';\nimport { alignProp, badgeTextProp, idProp, labelProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { TooltipApi } from './api';\nimport { tooltipPropsConfig } from './api';\n\nexport class TooltipController extends BaseController<TooltipApi> implements ControllerInterface<TooltipApi> {\n\tprivate previousSibling?: HTMLElement;\n\tprivate tooltipElement?: HTMLElement;\n\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\tprivate isHiddenForCurrentVisit = false;\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\tprivate cleanupAutoPositioning?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<TooltipApi>) {\n\t\tsuper(stateAccess, tooltipPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<TooltipApi>): void {\n\t\tthis.watchLabel(props.label);\n\t\tthis.watchAlign(props.align);\n\t\tthis.watchBadgeText(props.badgeText);\n\t\tthis.watchId(props.id);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\tpublic watchBadgeText(value?: string): void {\n\t\tbadgeTextProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('badgeText', v);\n\t\t});\n\t}\n\n\tpublic watchId(value?: string): void {\n\t\tidProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('id', v);\n\t\t});\n\t}\n\n\tpublic initContext(previousSibling: HTMLElement | undefined): void {\n\t\tthis.previousSibling = previousSibling;\n\t}\n\n\tpublic syncListeners(last?: HTMLElement | null, next?: HTMLElement | null, replacePreviousSibling = false): void {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t}\n\n\tpublic handleEventListeners(host: HTMLElement): void {\n\t\tconst nextSibling = host.previousElementSibling as HTMLElement | null;\n\t\tthis.syncListeners(this.previousSibling, nextSibling, true);\n\t}\n\n\tpublic hideTooltip(): void {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\t\t\t// Why? - https://github.com/public-ui/kolibri/issues/10471\n\t\t\tthis.tooltipElement.addEventListener(\n\t\t\t\t'animationend',\n\t\t\t\t(): void => {\n\t\t\t\t\t// double-check if tooltip is still hidden at animation's end\n\t\t\t\t\tif (this.tooltipElement?.classList.contains('hide')) {\n\t\t\t\t\t\t// remove element style property from showTooltip (required in gecko browsers)\n\t\t\t\t\t\tthis.tooltipElement.style.removeProperty('display');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ once: true },\n\t\t\t);\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tpublic setTooltipElementRef = (el?: HTMLElement): void => {\n\t\tthis.tooltipElement = el;\n\t\tif (this.tooltipElement) {\n\t\t\tthis.addListeners(this.tooltipElement);\n\t\t}\n\t};\n\n\tpublic destroy(): void {\n\t\tclearTimeout(this.overFocusTimeout);\n\n\t\tif (this.previousSibling) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\tprivate resetHideFlag(): void {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t}\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this.getRenderProp('align'),\n\t\t\t\tarrowElement: this.tooltipElement.querySelector('.kol-tooltip__arrow') as HTMLElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip(): void {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keydown', this.hideTooltipByEscape, { once: true });\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showOrHideTooltip(): void {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tthis.hideTooltip();\n\t\t\t}\n\t\t}, 300);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tevent.stopPropagation();\n\t\t\tevent.preventDefault();\n\t\t\tthis.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseLeave = (): void => {\n\t\tthis.hasMouseIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusOut = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners(el: HTMLElement): void {\n\t\tel.addEventListener('mouseover', this.handleMouseEnter);\n\t\tel.addEventListener('mouseout', this.handleMouseLeave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusOut);\n\t}\n\n\tprivate removeListeners(el: HTMLElement): void {\n\t\tel.removeEventListener('mouseover', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseout', this.handleMouseLeave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusOut);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/controller-DSVcj5D4.js

@@ -0,0 +1,120 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { k as a11yHint, H as watchJsonArrayString, s as setState } from './common-DQP27q1D.js';
+import { h as hasEnoughReadableChars, c as containsOnlyNumbers } from './label-Dwxm-V_h.js';
+import { v as validateRequired } from './required-Jalqrrjz.js';
+import { v as validateOrientation } from './orientation-CveWosyb.js';
+import { I as InputController } from './FormFieldStateWrapper-DPZokHeL.js';
+
+const validateInputSelectOptions = (option) => {
+    if (typeof option === 'object' && option !== null) {
+        if (typeof option.label === 'string' && option.label.length > 0) {
+            option.disabled = option.disabled === true;
+            option.label = `${option.label}`.trim();
+            if (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {
+                a11yHint(`A differing Aria-Label (${option.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`);
+            }
+            if (Array.isArray(option.options)) {
+                return (option.options.find((item) => {
+                    return validateInputSelectOptions(item) === false;
+                }) === undefined);
+            }
+            return true;
+        }
+        else if (typeof option.label === 'number') {
+            return true;
+        }
+    }
+    return false;
+};
+
+const validateOptions = (component, value, options = {}) => {
+    watchJsonArrayString(component, '_options', (item) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0, value, undefined, options);
+};
+const validateOptionsWithOptgroup = (component, value, options = {}) => {
+    watchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);
+};
+
+const fillKeyOptionMap = (keyOptionMap, options, preKey = '') => {
+    options.forEach((option, index) => {
+        const key = `${preKey}-${index}`;
+        if (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {
+            if (Array.isArray(option.options)) {
+                fillKeyOptionMap(keyOptionMap, option.options, key);
+            }
+            else {
+                keyOptionMap.set(key, option);
+            }
+        }
+    });
+};
+class InputCheckboxRadioController extends InputController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.component = component;
+    }
+    validateRequired(value) {
+        validateRequired(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateRequired(this.component._required);
+    }
+}
+class InputRadioController extends InputCheckboxRadioController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.keyOptionMap = new Map();
+        this.getOptionByKey = (key) => this.keyOptionMap.get(key);
+        this.afterPatchOptions = (value, _state, _component, key) => {
+            if (key === '_value') {
+                this.setFormAssociatedValue(value);
+            }
+        };
+        this.beforePatchOptions = (_value, nextState) => {
+            const options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;
+            if (Array.isArray(options) && options.length > 0) {
+                this.keyOptionMap.clear();
+                const normalizedOptions = options.map((option) => {
+                    var _a;
+                    if (typeof option === 'object' && option !== null && typeof option.label === 'string') {
+                        return Object.assign(Object.assign({}, option), { value: (_a = option.value) !== null && _a !== void 0 ? _a : option.label });
+                    }
+                    return option;
+                });
+                fillKeyOptionMap(this.keyOptionMap, normalizedOptions);
+            }
+        };
+        this.component = component;
+    }
+    validateOrientation(value) {
+        validateOrientation(this.component, value, 'vertical');
+    }
+    validateOptions(value) {
+        validateOptions(this.component, value, {
+            hooks: {
+                afterPatch: this.afterPatchOptions,
+                beforePatch: this.beforePatchOptions,
+            },
+        });
+    }
+    validateValue(value) {
+        value = Array.isArray(value) ? value[0] : value;
+        setState(this.component, '_value', value, {
+            afterPatch: this.afterPatchOptions,
+            beforePatch: this.beforePatchOptions,
+        });
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateOrientation(this.component._orientation);
+        this.validateOptions(this.component._options);
+        this.validateValue(this.component._value);
+    }
+}
+
+export { InputCheckboxRadioController as I, InputRadioController as a, validateOptions as b, fillKeyOptionMap as f, validateOptionsWithOptgroup as v };
+//# sourceMappingURL=controller-DSVcj5D4.js.map
+
+//# sourceMappingURL=controller-DSVcj5D4.js.map

package/dist/esm/controller-DSVcj5D4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-DSVcj5D4.js","sources":["src/schema/validators/options.ts","src/schema/props/options.ts","src/components/input-radio/controller.ts"],"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 { Generic } from 'adopted-style-sheets';\n\nimport type { Optgroup, Option, RadioOption, StencilUnknown } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { watchJsonArrayString } from '../utils';\nimport { validateInputSelectOptions } from '../validators';\n\n/* types */\n\nexport type OptionsPropType = Stringified<Option<StencilUnknown>[]>;\nexport type OptionsWithOptgroupPropType = Stringified<(Option<StencilUnknown> | Optgroup<StencilUnknown>)[]>;\nexport type RadioOptionsPropType = Stringified<RadioOption<StencilUnknown>[]>;\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptions = {\n\toptions: OptionsPropType;\n};\n\nexport type PropRadioOptions = {\n\toptions: RadioOptionsPropType;\n};\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptionsWithOptgroup = {\n\toptions: OptionsWithOptgroupPropType;\n};\n\n/* validators */\n\nexport const validateOptions = (component: Generic.Element.Component, value: OptionsPropType | undefined, options: WatchOptions = {}): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_options',\n\t\t(item: Option<StencilUnknown>) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0,\n\t\tvalue,\n\t\tundefined,\n\t\toptions,\n\t);\n};\n\nexport const validateOptionsWithOptgroup = (\n\tcomponent: Generic.Element.Component,\n\tvalue: OptionsWithOptgroupPropType | undefined,\n\toptions: WatchOptions = {},\n) => {\n\twatchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tInputRadioProps,\n\tInputRadioWatches,\n\tOptgroup,\n\tOptionsPropType,\n\tPropLabelWithExpertSlot,\n\tRadioOption,\n\tRequiredPropType,\n\tSelectOption,\n\tStencilUnknown,\n} from '../../schema';\nimport { setState, validateOptions, validateRequired } from '../../schema';\n\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\nimport { InputController } from '../@deprecated/input/controller';\n\nexport const fillKeyOptionMap = <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey = ''): void => {\n\toptions.forEach((option, index) => {\n\t\tconst key = `${preKey}-${index}`;\n\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\tfillKeyOptionMap(keyOptionMap, (option as Optgroup<T>).options, key);\n\t\t\t} else {\n\t\t\t\tkeyOptionMap.set(key, option as RadioOption<T>);\n\t\t\t}\n\t\t}\n\t});\n};\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\trequired: boolean;\n};\ntype InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxRadioProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateRequired(this.component._required);\n\t}\n}\n\nexport class InputRadioController extends InputCheckboxRadioController implements InputRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputRadioProps;\n\tprivate readonly keyOptionMap = new Map<string, RadioOption<StencilUnknown>>();\n\n\tpublic constructor(component: Generic.Element.Component & InputRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): RadioOption<StencilUnknown> | undefined => this.keyOptionMap.get(key);\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this.component, value, 'vertical');\n\t}\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\n\t\t\tconst normalizedOptions = options.map((option: RadioOption<StencilUnknown> | string) => {\n\t\t\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tvalue: option.value ?? option.label,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn option;\n\t\t\t});\n\n\t\t\tfillKeyOptionMap(this.keyOptionMap, normalizedOptions as SelectOption<StencilUnknown>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tvalue = Array.isArray(value) ? (value[0] as StencilUnknown) : value;\n\t\tsetState(this.component, '_value', value, {\n\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOrientation(this.component._orientation);\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/controller-DzSR1-Rv.js

@@ -0,0 +1,52 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { b as watchValidator } from './common-DQP27q1D.js';
+import { v as validateSpellCheck } from './spell-check-l03TljKp.js';
+import { v as validateSuggestions } from './suggestions-BfWyHL3T.js';
+import { I as InputPasswordController } from './controller-QnGZhP54.js';
+
+const inputTextTypeOptions = ['text', 'search', 'url', 'tel'];
+const isInputTextTypePropType = (value) => {
+    return typeof value === 'string' && inputTextTypeOptions.includes(value);
+};
+const validateTypeInputText = (component, value) => {
+    watchValidator(component, '_type', isInputTextTypePropType, new Set(inputTextTypeOptions), value);
+};
+
+class InputTextEmailController extends InputPasswordController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.component = component;
+    }
+    validateSuggestions(value) {
+        validateSuggestions(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateSuggestions(this.component._suggestions);
+    }
+}
+class InputTextController extends InputTextEmailController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.hasError = false;
+        this.component = component;
+    }
+    validateSpellCheck(value) {
+        validateSpellCheck(this.component, value);
+    }
+    validateType(value) {
+        validateTypeInputText(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateSpellCheck(this.component._spellCheck);
+        this.validateType(this.component._type);
+    }
+}
+
+export { InputTextEmailController as I, InputTextController as a };
+//# sourceMappingURL=controller-DzSR1-Rv.js.map
+
+//# sourceMappingURL=controller-DzSR1-Rv.js.map

package/dist/esm/controller-DzSR1-Rv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-DzSR1-Rv.js","sources":["src/schema/props/type-input-text.ts","src/components/input-text/controller.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const inputTextTypeOptions = ['text', 'search', 'url', 'tel'] as const;\nexport type InputTextTypePropType = (typeof inputTextTypeOptions)[number];\n\n/**\n * Defines the type of the input-text component.\n */\nexport type PropTypeInputText = {\n\ttype: InputTextTypePropType;\n};\n\nconst isInputTextTypePropType = (value: unknown): value is InputTextTypePropType => {\n\treturn typeof value === 'string' && inputTextTypeOptions.includes(value as InputTextTypePropType);\n};\n\nexport const validateTypeInputText = (component: Generic.Element.Component, value?: InputTextTypePropType): void => {\n\twatchValidator(component, '_type', isInputTextTypePropType, new Set(inputTextTypeOptions), value);\n};\n","import type {\n\tInputTextProps,\n\tInputTextTypePropType,\n\tInputTextWatches,\n\tPropLabelWithExpertSlot,\n\tPropSuggestions,\n\tSpellCheckPropType,\n\tSuggestionsPropType,\n} from '../../schema';\nimport { validateSpellCheck, validateSuggestions, validateTypeInputText } from '../../schema';\n\nimport { InputPasswordController } from '../input-password/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = PropSuggestions;\ntype InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextEmailProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextEmailProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t}\n}\n\nexport class InputTextController extends InputTextEmailController implements InputTextWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextProps;\n\n\tpublic hasError = false;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tvalidateSpellCheck(this.component, value);\n\t}\n\n\tpublic validateType(value?: InputTextTypePropType): void {\n\t\tvalidateTypeInputText(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSpellCheck(this.component._spellCheck);\n\t\tthis.validateType(this.component._type);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;AAIO,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAU;AAU7E,MAAM,uBAAuB,GAAG,CAAC,KAAc,KAAoC;IAClF,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAA8B,CAAC;AAClG,CAAC;AAEM,MAAM,qBAAqB,GAAG,CAAC,SAAoC,EAAE,KAA6B,KAAU;AAClH,IAAA,cAAc,CAAC,SAAS,EAAE,OAAO,EAAE,uBAAuB,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC;AAClG,CAAC;;ACAK,MAAO,wBAAyB,SAAQ,uBAAuB,CAAA;AAGpE,IAAA,WAAA,CAAmB,SAA0D,EAAE,IAAY,EAAE,IAAkB,EAAA;AAC9G,QAAA,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;;AAGpB,IAAA,mBAAmB,CAAC,KAA2B,EAAA;AACrD,QAAA,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;;IAGpC,iBAAiB,GAAA;QACvB,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;;AAEtD;AAEK,MAAO,mBAAoB,SAAQ,wBAAwB,CAAA;AAKhE,IAAA,WAAA,CAAmB,SAAqD,EAAE,IAAY,EAAE,IAAkB,EAAA;AACzG,QAAA,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;AAHtB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAItB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;;AAGpB,IAAA,kBAAkB,CAAC,KAA0B,EAAA;AACnD,QAAA,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;;AAGnC,IAAA,YAAY,CAAC,KAA6B,EAAA;AAChD,QAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;;IAGtC,iBAAiB,GAAA;QACvB,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACnD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;AAExC;;;;"}

package/dist/esm/controller-QnGZhP54.js

@@ -0,0 +1,79 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { g as watchString, e as watchBoolean } from './common-DQP27q1D.js';
+import { v as validateAutoComplete } from './auto-complete-DIQZuGuL.js';
+import { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './counter-dom-updater-B0ZtaijC.js';
+import { v as validatePlaceholder } from './placeholder-DitmQbvz.js';
+import { v as validateReadOnly } from './read-only-Vt3H3FN6.js';
+import { v as validateRequired } from './required-Jalqrrjz.js';
+import { v as validateVariantClassName } from './variant-class-name-BCVDdbOR.js';
+import { I as InputIconController } from './controller-icon-BYAsff0K.js';
+
+const validatePattern = (component, value, options = {}) => {
+    watchString(component, '_pattern', value, options);
+};
+
+const validateVisibilityToggle = (component, value, hooks) => {
+    watchBoolean(component, '_visibilityToggle', value, hooks);
+};
+
+class InputPasswordController extends InputIconController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.component = component;
+    }
+    validateAutoComplete(value) {
+        validateAutoComplete(this.component, value);
+    }
+    validateHasCounter(value) {
+        validateHasCounter(this.component, value);
+    }
+    validateMaxLengthBehavior(value) {
+        validateMaxLengthBehavior(this.component, value);
+    }
+    validateMaxLength(value) {
+        validateMaxLength(this.component, value);
+    }
+    validatePattern(value) {
+        validatePattern(this.component, value);
+    }
+    validatePlaceholder(value) {
+        validatePlaceholder(this.component, value);
+    }
+    validateReadOnly(value) {
+        validateReadOnly(this.component, value);
+    }
+    validateRequired(value) {
+        validateRequired(this.component, value);
+    }
+    validateValue(value) {
+        watchString(this.component, '_value', value);
+        this.setFormAssociatedValue(this.component.state._value);
+    }
+    validateVariant(value) {
+        validateVariantClassName(this.component, value);
+    }
+    validateVisibilityToggle(value) {
+        validateVisibilityToggle(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateAutoComplete(this.component._autoComplete);
+        this.validateHasCounter(this.component._hasCounter);
+        this.validateMaxLengthBehavior(this.component._maxLengthBehavior);
+        this.validateMaxLength(this.component._maxLength);
+        this.validatePattern(this.component._pattern);
+        this.validatePlaceholder(this.component._placeholder);
+        this.validateReadOnly(this.component._readOnly);
+        this.validateRequired(this.component._required);
+        this.validateValue(this.component._value);
+        this.validateVariant(this.component._variant);
+        this.validateVisibilityToggle(this.component._visibilityToggle);
+    }
+}
+
+export { InputPasswordController as I };
+//# sourceMappingURL=controller-QnGZhP54.js.map
+
+//# sourceMappingURL=controller-QnGZhP54.js.map

package/dist/esm/controller-QnGZhP54.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-QnGZhP54.js","sources":["src/schema/props/pattern.ts","src/schema/props/visibility-toggle.ts","src/components/input-password/controller.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\nexport type PatternPropType = string;\n\n/**\n * Defines a validation pattern for the input field.\n */\nexport type PropPattern = {\n\tpattern: PatternPropType;\n};\n\nexport const validatePattern = (component: Generic.Element.Component, value?: PatternPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_pattern', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type VisibilityTogglePropType = boolean;\n\n/**\n * Activates the show password button.\n */\nexport type PropVisibilityToggle = {\n\tvisibilityToggle: VisibilityTogglePropType;\n};\n\n/* validator */\nexport const validateVisibilityToggle = (component: Generic.Element.Component, value?: VisibilityTogglePropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_visibilityToggle', value, hooks);\n};\n","import type {\n\tAutoCompletePropType,\n\tHasCounterPropType,\n\tInputPasswordProps,\n\tInputPasswordWatches,\n\tMaxLengthBehaviorPropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport {\n\tvalidateHasCounter,\n\tvalidateMaxLength,\n\tvalidatePattern,\n\tvalidatePlaceholder,\n\tvalidateReadOnly,\n\tvalidateRequired,\n\tvalidateVariantClassName,\n\twatchString,\n} from '../../schema';\nimport { validateAutoComplete } from '../../schema/props/auto-complete';\nimport { validateMaxLengthBehavior } from '../../schema/props/max-length-behavior';\nimport { validateVisibilityToggle, type VisibilityTogglePropType } from '../../schema/props/visibility-toggle';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputPasswordController extends InputIconController implements InputPasswordWatches {\n\tprotected readonly component: Generic.Element.Component & InputPasswordProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tvalidateAutoComplete(this.component, value);\n\t}\n\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tvalidateHasCounter(this.component, value);\n\t}\n\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tvalidateMaxLengthBehavior(this.component, value);\n\t}\n\n\tpublic validateMaxLength(value?: number): void {\n\t\tvalidateMaxLength(this.component, value);\n\t}\n\n\tpublic validatePattern(value?: string): void {\n\t\tvalidatePattern(this.component, value);\n\t}\n\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tvalidatePlaceholder(this.component, value);\n\t}\n\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tvalidateReadOnly(this.component, value);\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(this.component, '_value', value);\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this.component, value);\n\t}\n\n\tpublic validateVisibilityToggle(value?: VisibilityTogglePropType): void {\n\t\tvalidateVisibilityToggle(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateHasCounter(this.component._hasCounter);\n\t\tthis.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n\t\tthis.validateMaxLength(this.component._maxLength);\n\t\tthis.validatePattern(this.component._pattern);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant);\n\t\tthis.validateVisibilityToggle(this.component._visibilityToggle);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/controller-bihHCiox.js

@@ -0,0 +1,96 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { g as KolFormTag } from './component-names-BGnhDM7F.js';
+import { J as getExperimentalMode, j as devHint, M as setEventTarget, a as KoliBriDevHelper, L as Log } from './common-DQP27q1D.js';
+
+const searchFormElement = (el) => {
+    if (getExperimentalMode()) {
+        devHint(`↓ Search form element start.`);
+        Log.debug(el);
+    }
+    while (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {
+        try {
+            if (el.parentElement instanceof HTMLElement) {
+                el = el.parentElement;
+            }
+            else if (el.parentNode instanceof ShadowRoot) {
+                el = el.parentNode.host;
+            }
+            else {
+                el = null;
+            }
+        }
+        catch (_a) {
+        }
+        if (getExperimentalMode()) {
+            Log.debug(el);
+        }
+    }
+    if (getExperimentalMode()) {
+        devHint(`↑ Search form element finished.`);
+    }
+    return el;
+};
+const propagateResetEventToForm = (options = {}) => {
+    var _a, _b;
+    const form = searchFormElement(options.form);
+    if (form instanceof HTMLElement) {
+        const event = new Event('reset', {
+            bubbles: true,
+            cancelable: true,
+        });
+        if (form.tagName === 'FORM') {
+            setEventTarget(event, form);
+            form.dispatchEvent(event);
+        }
+        else if (form.tagName === KolFormTag.toUpperCase()) {
+            setEventTarget(event, KoliBriDevHelper.querySelector('form', form));
+            const kolForm = form;
+            if (typeof ((_a = kolForm._on) === null || _a === void 0 ? void 0 : _a.onReset) === 'function') {
+                (_b = kolForm._on) === null || _b === void 0 ? void 0 : _b.onReset(event);
+            }
+        }
+    }
+};
+const propagateSubmitEventToForm = (options = {}) => {
+    const form = searchFormElement(options.form);
+    if (form instanceof HTMLElement) {
+        const event = new SubmitEvent('submit', {
+            bubbles: true,
+            cancelable: true,
+            submitter: form,
+        });
+        if (form.tagName === 'FORM') {
+            if (getExperimentalMode() && form.noValidate === false) {
+                devHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {
+                    force: true,
+                });
+            }
+            setTimeout(() => {
+                if (typeof form.requestSubmit === 'function') {
+                    form.requestSubmit();
+                }
+                else {
+                    setEventTarget(event, form);
+                    form.dispatchEvent(event);
+                }
+            });
+        }
+        else if (form.tagName === KolFormTag.toUpperCase()) {
+            setEventTarget(event, KoliBriDevHelper.querySelector('form', form));
+            const kolForm = form;
+            setTimeout(() => {
+                var _a, _b;
+                if (typeof ((_a = kolForm._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {
+                    (_b = kolForm._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);
+                }
+            });
+        }
+    }
+};
+
+export { propagateResetEventToForm as a, propagateSubmitEventToForm as p };
+//# sourceMappingURL=controller-bihHCiox.js.map
+
+//# sourceMappingURL=controller-bihHCiox.js.map

package/dist/esm/controller-bihHCiox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-bihHCiox.js","sources":["src/components/form/controller.ts"],"sourcesContent":["import { KolFormTag } from '../../core/component-names';\nimport type { FormProps } from '../../schema';\nimport { devHint, getExperimentalMode, KoliBriDevHelper, Log, setEventTarget } from '../../schema';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tLog.debug(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {\n\t\ttry {\n\t\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\t\tel = el.parentElement;\n\t\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\t\tel = el.parentNode.host;\n\t\t\t} else {\n\t\t\t\tel = null;\n\t\t\t}\n\t\t} catch {\n\t\t\t/**\n\t\t\t * Try is needed for SSR.\n\t\t\t * - no HTMLElement is available\n\t\t\t * - no ShadowRoot is available\n\t\t\t */\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tLog.debug(el);\n\t\t}\n\t}\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↑ Search form element finished.`);\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\tkolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tif (getExperimentalMode() && (form as HTMLFormElement).noValidate === false) {\n\t\t\t\tdevHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {\n\t\t\t\t\tforce: true,\n\t\t\t\t});\n\t\t\t\t// (form as HTMLFormElement).noValidate = true; do not make this implicit\n\t\t\t}\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit\n\t\t\t\tif (typeof (form as HTMLFormElement).requestSubmit === 'function') {\n\t\t\t\t\t(form as HTMLFormElement).requestSubmit();\n\t\t\t\t} else {\n\t\t\t\t\tsetEventTarget(event, form);\n\t\t\t\t\tform.dispatchEvent(event);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/controller-icon-BYAsff0K.js

@@ -0,0 +1,165 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { h } from './index-Dy5OebFJ.js';
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { I as IconFC } from './component-CVwySiGB.js';
+import { b as KolButtonWcTag } from './component-names-BGnhDM7F.js';
+import { b as watchValidator } from './common-DQP27q1D.js';
+import { g as getMsgType, i as isMsgDefinedAndInputTouched, I as InputController } from './FormFieldStateWrapper-DPZokHeL.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+import { i as isString } from './component-BQ5Ub0wy.js';
+import { i as isObject } from './_Uint8Array-kJHDjtoP.js';
+import { v as validateIcons } from './icons-BYRL_f0i.js';
+
+const KolButtonFc = (props) => {
+    const { label, icons, hideLabel, disabled, onClick } = props, other = __rest(props, ["label", "icons", "hideLabel", "disabled", "onClick"]);
+    return h(KolButtonWcTag, Object.assign({ _label: label, _disabled: disabled, _icons: icons, _hideLabel: hideLabel, _on: { onClick } }, other));
+};
+
+const KolIconButtonFc = (props) => {
+    const { componentName = 'button', label, icon, onClick } = props, other = __rest(props, ["componentName", "label", "icon", "onClick"]);
+    const Component = componentName === 'button' ? KolButtonFc : IconFC;
+    return h(Component, Object.assign({ label: label || '', hideLabel: true, icons: `${icon}`, onClick: onClick }, other));
+};
+
+const InputAdornment = (_a, children) => {
+    var { position = 'start', class: className } = _a, other = __rest(_a, ["position", "class"]);
+    const rootClassName = `kol-input-container__adornment`;
+    const positionClassName = `${rootClassName}--${position}`;
+    return (h("div", Object.assign({ class: clsx(rootClassName, positionClassName, className) }, other), children));
+};
+
+function hasItems(items) {
+    if (!items) {
+        return false;
+    }
+    return Array.isArray(items) ? items.length > 0 : Boolean(items);
+}
+const Container = (_a, children) => {
+    var { class: className } = _a, other = __rest(_a, ["class"]);
+    return (h("div", Object.assign({ class: clsx('kol-input-container__container', className) }, other), children));
+};
+const KolInputContainerFc = (props, children) => {
+    const { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps } = props, other = __rest(props, ["class", "startAdornment", "endAdornment", "disabled", "msg", "touched", "containerProps", "startAdornmentProps", "endAdornmentProps"]);
+    const stateCssClasses = {
+        ['kol-input-container--disabled']: disabled,
+        [`kol-input-container--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),
+    };
+    const baseProps = Object.assign({ class: clsx('kol-input-container', stateCssClasses, classNames) }, other);
+    if (!hasItems(startAdornment) && !hasItems(endAdornment)) {
+        return (h("div", Object.assign({}, baseProps), h(Container, Object.assign({}, containerProps), children)));
+    }
+    return (h("div", Object.assign({}, baseProps), h(InputAdornment, Object.assign({}, startAdornmentProps, { position: "start" }), startAdornment), h(Container, Object.assign({}, containerProps), children), h(InputAdornment, Object.assign({}, endAdornmentProps, { position: "end" }), endAdornment)));
+};
+
+function getInputContainerProps(state) {
+    let icons = undefined;
+    let smartButton;
+    if ('_icons' in state) {
+        icons = state._icons;
+    }
+    if ('_smartButton' in state) {
+        smartButton = state._smartButton;
+    }
+    return {
+        icons,
+        smartButton,
+        disabled: state._disabled,
+        msg: state._msg,
+        touched: state._touched,
+    };
+}
+const InputContainerStateWrapperFc = ({ state, startAdornment: defaultStartAdornment, endAdornment: defaultEndAdornment }, children) => {
+    var _a, _b;
+    const { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);
+    let leftIconProps = icons === null || icons === void 0 ? void 0 : icons.left;
+    if (isString(leftIconProps)) {
+        leftIconProps = { icon: leftIconProps };
+    }
+    let rightIconProps = icons === null || icons === void 0 ? void 0 : icons.right;
+    if (isString(rightIconProps)) {
+        rightIconProps = { icon: rightIconProps };
+    }
+    const startAdornment = [];
+    const endAdornment = [];
+    if (defaultStartAdornment) {
+        if (Array.isArray(defaultStartAdornment)) {
+            startAdornment.push(...defaultStartAdornment);
+        }
+        else {
+            startAdornment.push(defaultStartAdornment);
+        }
+    }
+    if (leftIconProps) {
+        if (isObject(leftIconProps)) {
+            startAdornment.push(h(IconFC, { class: "kol-input-container__icon", icons: leftIconProps.icon, label: (_a = leftIconProps.label) !== null && _a !== void 0 ? _a : '', style: leftIconProps.style }));
+        }
+        else {
+            startAdornment.push(h(IconFC, { class: "kol-input-container__icon", icons: leftIconProps, label: "" }));
+        }
+    }
+    if (isObject(smartButton)) {
+        endAdornment.push(h(KolIconButtonFc, Object.assign({ componentName: "button", class: "kol-input-container__smart-button" }, smartButton, { hideLabel: true, disabled: disabled })));
+    }
+    if (rightIconProps) {
+        if (isObject(rightIconProps)) {
+            endAdornment.push(h(IconFC, { class: "kol-input-container__icon", icons: rightIconProps.icon, label: (_b = rightIconProps.label) !== null && _b !== void 0 ? _b : '', style: rightIconProps.style }));
+        }
+        else {
+            endAdornment.push(h(IconFC, { class: "kol-input-container__icon", icons: rightIconProps, label: "" }));
+        }
+    }
+    if (defaultEndAdornment) {
+        if (Array.isArray(defaultEndAdornment)) {
+            endAdornment.push(...defaultEndAdornment);
+        }
+        else {
+            endAdornment.push(defaultEndAdornment);
+        }
+    }
+    return (h(KolInputContainerFc, { disabled: disabled, msg: msg, touched: touched, startAdornment: startAdornment, endAdornment: endAdornment }, children));
+};
+
+class InputIconController extends InputController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.numberStringRegex = /^\d+(\.\d+)?$/;
+        this.parseToNumber = (value) => {
+            if (typeof value === 'number') {
+                return isNaN(value) ? null : value;
+            }
+            if (this.isNumberString(value)) {
+                return parseFloat(value);
+            }
+            return null;
+        };
+        this.validateNumber = (propName, value) => {
+            return watchValidator(this.component, propName, (value) => value === undefined || value === null || typeof value === 'number' || (typeof value === 'string' && this.numberStringRegex.test(value)), new Set(['number', 'NumberString']), value, {
+                hooks: {
+                    beforePatch: (value, nextState) => {
+                        if (nextState === null || nextState === void 0 ? void 0 : nextState.has(propName)) {
+                            nextState === null || nextState === void 0 ? void 0 : nextState.set(propName, this.parseToNumber(value));
+                        }
+                    },
+                },
+            });
+        };
+        this.component = component;
+    }
+    validateIcons(value) {
+        validateIcons(this.component, value);
+    }
+    isNumberString(value) {
+        return typeof value === 'string' && this.numberStringRegex.test(value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateIcons(this.component._icons);
+    }
+}
+
+export { InputIconController as I, KolIconButtonFc as K, InputContainerStateWrapperFc as a };
+//# sourceMappingURL=controller-icon-BYAsff0K.js.map
+
+//# sourceMappingURL=controller-icon-BYAsff0K.js.map