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

package/dist/esm/FormFieldStateWrapper-DPZokHeL.js

@@ -0,0 +1,470 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { e as watchBoolean, g as watchString, p as parseJson, o as objectObjectHandler, b as watchValidator, G as isObject, i as isString, s as setState, k as a11yHint } from './common-DQP27q1D.js';
+import { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-VGm6CSC-.js';
+import { v as validateDisabled } from './disabled-jKlKAF7J.js';
+import { v as validateHideLabel } from './hide-label-C_IKiUpx.js';
+import { a as validateLabelWithExpertSlot } from './label-Dwxm-V_h.js';
+import { v as validateTooltipAlign } from './tooltip-align-B40m4aqW.js';
+import { v as validateVariantClassName, c as classNameFromVariant } from './variant-class-name-BCVDdbOR.js';
+import { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';
+import { A as AssociatedInputController } from './associated.controller-DlSiZFjQ.js';
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h } from './index-Dy5OebFJ.js';
+import { t as translate } from './i18n-D8kFHvIt.js';
+import { B as BaseWebComponent } from './base-web-component-BT6jbe_v.js';
+import { T as TooltipFC } from './component-Dsjf4KGf.js';
+import { T as TooltipController } from './controller-Bt_GTg1G.js';
+import { S as SpanFC, b as buildBadgeTextString, s as showExpertSlot } from './component-BQ5Ub0wy.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+import { a as createRelatedUniqueId } from './dev.utils-6rI-ojpf.js';
+import { f as KolPopoverButtonWcTag } from './component-names-BGnhDM7F.js';
+import { K as KolAlertFc } from './Alert-ISJ3JUa5.js';
+
+const validateAdjustHeight = (component, value) => {
+    watchBoolean(component, '_adjustHeight', value);
+};
+
+const validateHideMsg = (component, value, options) => {
+    watchBoolean(component, '_hideMsg', value, options);
+};
+
+const validateHint = (component, value) => {
+    watchString(component, '_hint', value);
+};
+
+const validateMsg = (component, value) => {
+    objectObjectHandler(value, () => {
+        try {
+            value = parseJson(value);
+        }
+        catch (_a) {
+        }
+        watchValidator(component, `_msg`, (value) => {
+            if (value === undefined) {
+                return true;
+            }
+            if (typeof value === 'string' && value.length > 0) {
+                return true;
+            }
+            if (isObject(value) && value !== null) {
+                const desc = value._description;
+                return isString(desc, 1);
+            }
+            return false;
+        }, new Set(['MsgPropType', 'string']), value);
+    });
+};
+function isMsgDefinedAndInputTouched(msg, touched) {
+    return Boolean(msg) && touched === true;
+}
+function normalizeMsg(msg) {
+    if (typeof msg === 'string') {
+        try {
+            return parseJson(msg);
+        }
+        catch (_a) {
+            return { _description: msg, _type: 'error' };
+        }
+    }
+    if (msg && typeof msg === 'object' && !('_type' in msg)) {
+        return Object.assign(Object.assign({}, msg), { _type: 'error' });
+    }
+    return msg;
+}
+function getMsgType(msg) {
+    var _a;
+    if (typeof msg === 'string') {
+        return 'error';
+    }
+    return (_a = msg === null || msg === void 0 ? void 0 : msg._type) !== null && _a !== void 0 ? _a : 'error';
+}
+
+const validateTouched = (component, value) => {
+    watchBoolean(component, '_touched', value);
+};
+
+class ControlledInputController extends AssociatedInputController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.component = component;
+    }
+    validateTouched(value) {
+        validateTouched(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateTouched(this.component._touched);
+    }
+}
+
+class InputController extends ControlledInputController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.valueChangeListeners = [];
+        this.inputHasFocus = false;
+        this.onFacade = {
+            onBlur: this.onBlur.bind(this),
+            onChange: this.onChange.bind(this),
+            onClick: this.onClick.bind(this),
+            onFocus: this.onFocus.bind(this),
+            onInput: this.onInput.bind(this),
+            onKeyDown: this.onKeyDown.bind(this),
+        };
+        this.component = component;
+    }
+    validateAccessKey(value) {
+        validateAccessKey(this.component, value);
+        validateAccessAndShortKey(value, this.component._shortKey);
+    }
+    validateAdjustHeight(value) {
+        validateAdjustHeight(this.component, value);
+    }
+    validateDisabled(value) {
+        validateDisabled(this.component, value);
+    }
+    validateTooltipAlign(value) {
+        validateTooltipAlign(this.component, value);
+    }
+    validateHideMsg(value) {
+        validateHideMsg(this.component, value, {
+            hooks: {
+                afterPatch: () => {
+                    if (this.component.state._hideMsg) {
+                        a11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');
+                    }
+                },
+            },
+        });
+    }
+    validateHideLabel(value) {
+        validateHideLabel(this.component, value, {
+            hooks: {
+                afterPatch: () => {
+                    if (this.component.state._hideLabel) {
+                        a11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');
+                    }
+                },
+            },
+        });
+    }
+    validateHint(value) {
+        validateHint(this.component, value);
+    }
+    validateLabel(value) {
+        validateLabelWithExpertSlot(this.component, value, {
+            required: true,
+        });
+    }
+    validateMsg(value) {
+        validateMsg(this.component, value);
+    }
+    validateOn(value) {
+        if (typeof value === 'object') {
+            setState(this.component, '_on', value);
+        }
+    }
+    validateShortKey(value) {
+        validateShortKey(this.component, value);
+        validateAccessAndShortKey(this.component._accessKey, value);
+    }
+    validateSmartButton(value) {
+        objectObjectHandler(value, () => {
+            try {
+                value = parseJson(value);
+            }
+            catch (_a) {
+            }
+            setState(this.component, '_smartButton', value);
+        });
+    }
+    validateTabIndex(value) {
+        validateTabIndex(this.component, value);
+    }
+    validateVariant(value) {
+        validateVariantClassName(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateAccessKey(this.component._accessKey);
+        this.validateAdjustHeight(this.component._adjustHeight);
+        this.validateMsg(this.component._msg);
+        this.validateDisabled(this.component._disabled);
+        this.validateHideMsg(this.component._hideMsg);
+        this.validateHideLabel(this.component._hideLabel);
+        this.validateHint(this.component._hint);
+        this.validateLabel(this.component._label);
+        this.validateShortKey(this.component._shortKey);
+        this.validateSmartButton(this.component._smartButton);
+        this.validateOn(this.component._on);
+        this.validateTabIndex(this.component._tabIndex);
+        this.validateVariant(this.component._variant);
+        validateAccessAndShortKey(this.component._accessKey, this.component._shortKey);
+    }
+    emitEvent(type, value) {
+        if (this.host) {
+            dispatchDomEvent(this.host, type, value);
+        }
+    }
+    onChange(event, value) {
+        var _a;
+        event.stopPropagation();
+        if (typeof value === 'undefined') {
+            value = event.target.value;
+        }
+        this.emitEvent(KolEvent.change, value);
+        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {
+            this.component._on.onChange(event, value);
+        }
+        this.valueChangeListeners.forEach((listener) => listener(value));
+    }
+    onInput(event, shouldSetFormAssociatedValue = true, value) {
+        var _a;
+        event.stopPropagation();
+        if (typeof value === 'undefined') {
+            value = event.target.value;
+        }
+        this.emitEvent(KolEvent.input, value);
+        if (shouldSetFormAssociatedValue) {
+            this.setFormAssociatedValue(value);
+        }
+        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {
+            this.component._on.onInput(event, value);
+        }
+    }
+    onClick(event) {
+        var _a;
+        this.emitEvent(KolEvent.click);
+        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {
+            this.component._on.onClick(event);
+        }
+    }
+    onFocus(event) {
+        var _a;
+        if (!this.inputHasFocus) {
+            this.emitEvent(KolEvent.focus);
+            if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onFocus) === 'function') {
+                this.component._on.onFocus(event);
+            }
+            this.inputHasFocus = true;
+        }
+    }
+    onBlur(event) {
+        var _a, _b;
+        if (this.component._disabled) {
+            return;
+        }
+        const root = ((_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) || this.host;
+        const isFocusInside = (root === null || root === void 0 ? void 0 : root.contains(event.relatedTarget)) || this.host === event.relatedTarget;
+        if (this.inputHasFocus && !isFocusInside) {
+            this.component._touched = true;
+            this.emitEvent(KolEvent.blur);
+            if (typeof ((_b = this.component._on) === null || _b === void 0 ? void 0 : _b.onBlur) === 'function') {
+                this.component._on.onBlur(event);
+            }
+            this.inputHasFocus = false;
+        }
+    }
+    onKeyDown(event) {
+        var _a;
+        this.emitEvent(KolEvent.keydown);
+        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onKeyDown) === 'function') {
+            this.component._on.onKeyDown(event);
+        }
+    }
+    addValueChangeListener(listener) {
+        this.valueChangeListeners.push(listener);
+    }
+    hasSoftCharacterLimit() {
+        return typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';
+    }
+    hasCounter() {
+        return this.component.state._hasCounter === true;
+    }
+}
+
+function getDefaultProps({ ariaDescribedBy, hideLabel, label }) {
+    return {
+        title: '',
+        autoCapitalize: 'off',
+        autoCorrect: 'off',
+        'aria-describedby': (ariaDescribedBy === null || ariaDescribedBy === void 0 ? void 0 : ariaDescribedBy.length) ? ariaDescribedBy.join(' ') : undefined,
+        'aria-label': hideLabel && label ? label : undefined,
+    };
+}
+
+const getRenderStates = (state) => {
+    const msg = state._msg;
+    const description = typeof msg === 'string' ? msg : msg === null || msg === void 0 ? void 0 : msg._description;
+    const type = getMsgType(msg);
+    const hasMessage = Boolean(description && description.length > 0);
+    const isMessageValidError = type === 'error' && hasMessage;
+    const hasError = isMessageValidError && state._touched === true;
+    const hasHint = typeof state._hint === 'string' && state._hint.length > 0;
+    const ariaDescribedBy = [];
+    if (hasMessage && !state._hideMsg) {
+        ariaDescribedBy.push(createRelatedUniqueId(state._id, 'msg'));
+    }
+    if (hasHint === true) {
+        ariaDescribedBy.push(createRelatedUniqueId(state._id, 'hint'));
+    }
+    if (hasError === true) {
+        ariaDescribedBy.push(createRelatedUniqueId(state._id, 'error'));
+    }
+    return { hasError, hasHint, ariaDescribedBy };
+};
+
+const KolFormFieldHintFc = (_a) => {
+    var { id, class: classNames, hint, baseClassName = 'kol-form-field' } = _a, other = __rest(_a, ["id", "class", "hint", "baseClassName"]);
+    if (!hint) {
+        return null;
+    }
+    return (h("span", Object.assign({ class: clsx(`${baseClassName}__hint`, classNames), id: createRelatedUniqueId(id || '', 'hint') }, other), hint));
+};
+
+const KolFormFieldLabelFc = (_a) => {
+    var { component: Component = 'label', id, baseClassName = 'kol-form-field', class: classNames, accessKey, shortKey, label, hideLabel, hasExpertSlot, showBadge = true, readOnly, infoPopover } = _a, other = __rest(_a, ["component", "id", "baseClassName", "class", "accessKey", "shortKey", "label", "hideLabel", "hasExpertSlot", "showBadge", "readOnly", "infoPopover"]);
+    const useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;
+    const translateReadOnly = translate('kol-readonly');
+    const badgeText = showBadge === false ? undefined : buildBadgeTextString(accessKey, shortKey);
+    return (h(Component, Object.assign({}, other, { class: clsx(`${baseClassName}__label`, classNames), id: !useTooltipInsteadOfLabel ? createRelatedUniqueId(id, 'label') : undefined, hidden: useTooltipInsteadOfLabel, htmlFor: id }), h(SpanFC, { class: `${baseClassName}__label-text`, label: hasExpertSlot ? '' : (label !== null && label !== void 0 ? label : ''), badgeText: badgeText }, h("slot", { name: "expert" })), !hasExpertSlot && readOnly && (h("span", { class: `${baseClassName}__label__read-only`, "aria-hidden": "true" }, "(", translateReadOnly, ")")), !hasExpertSlot && infoPopover && (h(KolPopoverButtonWcTag, Object.assign({ _variant: "ghost" }, infoPopover, { _hideLabel: true, _inline: true }), h("div", { class: "kol-popover-button__popover--styled" }, infoPopover._content)))));
+};
+
+const FormFieldMsgFc = (_a) => {
+    var _b, _c;
+    var { alert, msg, id, class: classNames } = _a, other = __rest(_a, ["alert", "msg", "id", "class"]);
+    const message = normalizeMsg(msg);
+    return (h(KolAlertFc, Object.assign({ id: createRelatedUniqueId(id, 'msg'), alert: (_b = message === null || message === void 0 ? void 0 : message._alert) !== null && _b !== void 0 ? _b : alert, hasCloser: false, level: 0, type: (_c = message === null || message === void 0 ? void 0 : message._type) !== null && _c !== void 0 ? _c : 'error', variant: "msg", class: clsx('kol-form-field__msg', classNames) }, other), (message === null || message === void 0 ? void 0 : message._description) || undefined));
+};
+
+const formFieldTooltipControllerById = new Map();
+const getFormFieldTooltipController = (id) => {
+    const tooltipController = formFieldTooltipControllerById.get(id);
+    if (tooltipController) {
+        return tooltipController;
+    }
+    const nextTooltipController = new TooltipController(BaseWebComponent.stateLess);
+    nextTooltipController.componentWillLoad({ label: '' });
+    formFieldTooltipControllerById.set(id, nextTooltipController);
+    return nextTooltipController;
+};
+const destroyFormFieldTooltipController = (id) => {
+    const tooltipController = formFieldTooltipControllerById.get(id);
+    if (tooltipController) {
+        tooltipController.destroy();
+        formFieldTooltipControllerById.delete(id);
+    }
+};
+function getModifierClassNameByMsgType(msg) {
+    if (msg === null || msg === void 0 ? void 0 : msg.type) {
+        return ({
+            default: 'msg-type-default',
+            info: 'msg-type-info',
+            success: 'msg-type-success',
+            warning: 'msg-type-warning',
+            error: 'msg-type-error',
+        }[msg === null || msg === void 0 ? void 0 : msg.type] || '');
+    }
+    return '';
+}
+const InputContainer = (_a, children) => {
+    var { class: classNames } = _a, other = __rest(_a, ["class"]);
+    return (h("div", Object.assign({ class: clsx('kol-form-field__input', classNames) }, other), children));
+};
+const KolFormFieldFc = (props, children) => {
+    const { component: Component = 'div', renderNoLabel, renderNoTooltip, renderNoHint, anotherChildren, id, required, alert, disabled, class: classNames, msg, hideMsg, hideLabel, label, infoPopover, hint, accessKey, shortKey, counter, readOnly, touched, maxLength, ariaDescribedBy, showBadge, tooltipAlign, tooltipFloatingRef, variant, formFieldLabelProps, formFieldHintProps, formFieldTooltipProps, formFieldMsgProps, formFieldInputProps } = props, other = __rest(props, ["component", "renderNoLabel", "renderNoTooltip", "renderNoHint", "anotherChildren", "id", "required", "alert", "disabled", "class", "msg", "hideMsg", "hideLabel", "label", "infoPopover", "hint", "accessKey", "shortKey", "counter", "readOnly", "touched", "maxLength", "ariaDescribedBy", "showBadge", "tooltipAlign", "tooltipFloatingRef", "variant", "formFieldLabelProps", "formFieldHintProps", "formFieldTooltipProps", "formFieldMsgProps", "formFieldInputProps"]);
+    const showLabel = !renderNoLabel;
+    const showHint = !renderNoHint;
+    const showTooltip = !renderNoTooltip;
+    const hasExpertSlot = showExpertSlot(label);
+    const showMsg = isMsgDefinedAndInputTouched(msg, touched);
+    const badgeText = buildBadgeTextString(accessKey, shortKey);
+    const useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;
+    const labelId = createRelatedUniqueId(id, 'label');
+    const tooltipController = useTooltipInsteadOfLabel ? getFormFieldTooltipController(id) : undefined;
+    if (tooltipController) {
+        tooltipController.watchAlign(tooltipAlign);
+        tooltipController.watchBadgeText(badgeText || '');
+        tooltipController.watchId(labelId);
+        tooltipController.watchLabel(label);
+    }
+    else {
+        destroyFormFieldTooltipController(id);
+    }
+    const forwardedInputRef = formFieldInputProps === null || formFieldInputProps === void 0 ? void 0 : formFieldInputProps.ref;
+    const setInputContainerRef = (el) => {
+        forwardedInputRef === null || forwardedInputRef === void 0 ? void 0 : forwardedInputRef(el);
+        if (tooltipController && el) {
+            tooltipController.initContext(el);
+            tooltipController.syncListeners(undefined, el, true);
+        }
+    };
+    let stateCssClasses = {
+        ['kol-form-field--disabled']: Boolean(disabled),
+        ['kol-form-field--required']: Boolean(required),
+        ['kol-form-field--touched']: Boolean(touched),
+        ['kol-form-field--hide-label']: Boolean(hideLabel),
+        ['kol-form-field--read-only']: Boolean(readOnly),
+        ['kol-form-field--hidden-msg']: Boolean(hideMsg),
+    };
+    if (variant) {
+        stateCssClasses = Object.assign(Object.assign({}, stateCssClasses), { [classNameFromVariant(variant, 'form-field')]: true });
+    }
+    if (showMsg) {
+        const msgType = getMsgType(msg);
+        stateCssClasses = Object.assign(Object.assign({}, stateCssClasses), { [`kol-form-field--${msgType}`]: true, [`kol-form-field--${getModifierClassNameByMsgType({ type: msgType })}`]: true });
+    }
+    return (h(Component, Object.assign({ class: clsx('kol-form-field', stateCssClasses, classNames), "aria-describedby": ariaDescribedBy }, other), showLabel && (h(KolFormFieldLabelFc, Object.assign({}, (formFieldLabelProps || {}), { id: id, hasExpertSlot: hasExpertSlot, hideLabel: hideLabel, label: label, accessKey: accessKey, shortKey: shortKey, readOnly: readOnly, showBadge: showBadge, infoPopover: infoPopover }))), h(InputContainer, Object.assign({}, formFieldInputProps, { ref: setInputContainerRef }), children, useTooltipInsteadOfLabel && hideLabel === true && (h("div", { class: clsx('kol-form-field__tooltip', formFieldTooltipProps === null || formFieldTooltipProps === void 0 ? void 0 : formFieldTooltipProps.class) }, h(TooltipFC, { badgeText: badgeText || '', label: label, align: tooltipAlign, id: labelId, refFloating: tooltipFloatingRef !== null && tooltipFloatingRef !== void 0 ? tooltipFloatingRef : ((el) => {
+            tooltipController === null || tooltipController === void 0 ? void 0 : tooltipController.setTooltipElementRef(el);
+        }) })))), counter && !(counter.maxLengthBehavior === 'soft' && typeof counter.maxLength !== 'number') && (h("div", { class: "kol-form-field__counter" }, h("span", { "data-testid": "input-counter", "aria-hidden": "true", class: "kol-form-field__counter", ref: counter.visualRef }), h("span", { "aria-live": "polite", class: "visually-hidden", "data-testid": "input-counter-aria", id: createRelatedUniqueId(id, 'counter'), ref: counter.ariaRef }))), showMsg && !hideMsg && h(FormFieldMsgFc, Object.assign({}, (formFieldMsgProps || {}), { id: id, alert: alert, msg: msg })), showHint && h(KolFormFieldHintFc, Object.assign({}, (formFieldHintProps || {}), { id: id, hint: hint })), anotherChildren, typeof maxLength === 'number' && !counter && (h("span", { id: createRelatedUniqueId(id, 'character-limit-hint'), class: "visually-hidden" }, translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })))));
+};
+
+function getFormFieldProps(state, counterRefs) {
+    const props = {
+        id: state._id,
+        disabled: state._disabled,
+        msg: state._msg,
+        hint: state._hint,
+        label: state._label,
+        hideLabel: state._hideLabel,
+        hideMsg: state._hideMsg,
+        touched: state._touched,
+        showBadge: ('_accessKey' in state && Boolean(state._accessKey)) || ('_shortKey' in state && Boolean(state._shortKey)),
+    };
+    if ('_required' in state) {
+        props.required = state._required;
+    }
+    if ('_readOnly' in state) {
+        props.readOnly = state._readOnly;
+    }
+    if ('_accessKey' in state) {
+        props.accessKey = state._accessKey;
+    }
+    if ('_shortKey' in state) {
+        props.shortKey = state._shortKey;
+    }
+    if ('_maxLength' in state) {
+        props.maxLength = state._maxLength;
+    }
+    if ('_hasCounter' in state && state._hasCounter === true) {
+        props.counter = Object.assign({ maxLength: '_maxLength' in state ? state._maxLength : undefined, maxLengthBehavior: ('_maxLengthBehavior' in state ? state._maxLengthBehavior : undefined) || 'hard' }, counterRefs);
+    }
+    if ('_variant' in state) {
+        props.variant = state._variant;
+    }
+    return props;
+}
+const FormFieldStateWrapper = (_a, children) => {
+    var { state, counterRefs } = _a, other = __rest(_a, ["state", "counterRefs"]);
+    const { ariaDescribedBy: ariaDescribedByArray } = getRenderStates(state);
+    const isRadioVariant = other.component === 'fieldset' || ('_options' in state && '_orientation' in state);
+    const ariaDescribedBy = isRadioVariant && ariaDescribedByArray.length > 0 ? ariaDescribedByArray.join(' ') : undefined;
+    const baseProps = getFormFieldProps(state, counterRefs);
+    return (h(KolFormFieldFc, Object.assign({}, baseProps, other, { ariaDescribedBy: ariaDescribedBy }), children));
+};
+
+export { FormFieldStateWrapper as F, InputController as I, KolFormFieldLabelFc as K, getRenderStates as a, KolFormFieldHintFc as b, getDefaultProps as c, getMsgType as g, isMsgDefinedAndInputTouched as i };
+//# sourceMappingURL=FormFieldStateWrapper-DPZokHeL.js.map
+
+//# sourceMappingURL=FormFieldStateWrapper-DPZokHeL.js.map

package/dist/esm/FormFieldStateWrapper-DPZokHeL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldStateWrapper-DPZokHeL.js","sources":["src/schema/props/adjust-height.ts","src/schema/props/hide-msg.ts","src/schema/props/hint.ts","src/schema/props/msg.ts","src/schema/props/touched.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts","src/functional-components/inputs/_helpers/getDefaultProps.ts","src/functional-component-wrappers/_helpers/getRenderStates.ts","src/functional-components/FormFieldHint/FormFieldHint.tsx","src/functional-components/FormFieldLabel/FormFieldLabel.tsx","src/functional-components/FormFieldMsg/FormFieldMsg.tsx","src/functional-components/FormField/FormField.tsx","src/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AdjustHeightPropType = boolean;\n\n/**\n * Adjusts the height of the element to its content.\n */\nexport type PropAdjustHeight = {\n\tadjustHeight: AdjustHeightPropType;\n};\n\n/* validator */\nexport const validateAdjustHeight = (component: Generic.Element.Component, value?: AdjustHeightPropType): void => {\n\twatchBoolean(component, '_adjustHeight', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HideMsgPropType = boolean;\n\n/**\n * Hides the message but leaves it in the DOM for the input's aria-describedby.\n */\nexport type PropHideMsg = {\n\thideMsg: HideMsgPropType;\n};\n\n/* validator */\nexport const validateHideMsg = (component: Generic.Element.Component, value?: HideMsgPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hideMsg', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type HintPropType = string;\n\n/**\n * Provides additional guidance below the form field.\n */\nexport type PropHint = {\n\thint: HintPropType;\n};\n\n/* validator */\nexport const validateHint = (component: Generic.Element.Component, value?: HintPropType): void => {\n\twatchString(component, '_hint', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { AlertProps } from '../components';\nimport type { Stringified } from '../types';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString } from '../validators';\n\n/* types */\nexport type MsgPropType = Omit<AlertProps, '_level' | '_on' | '_label' | '_hasCloser' | '_variant'> & { _description: string };\n\n/**\n * Defines the properties for a message rendered as Alert component.\n */\nexport type PropMsg = {\n\tmsg: Stringified<MsgPropType>;\n};\n\n/* validator */\nexport const validateMsg = (component: Generic.Element.Component, value?: Stringified<MsgPropType>): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<MsgPropType>(value);\n\t\t} catch {\n\t\t\t// value keeps original value\n\t\t}\n\t\twatchValidator<Stringified<MsgPropType>>(\n\t\t\tcomponent,\n\t\t\t`_msg`,\n\t\t\t(value) => {\n\t\t\t\tif (value === undefined) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && value.length > 0) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (isObject(value) && value !== null) {\n\t\t\t\t\tconst desc = (value as { _description?: unknown })._description;\n\t\t\t\t\treturn isString(desc, 1);\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t},\n\t\t\tnew Set(['MsgPropType', 'string']),\n\t\t\tvalue as Stringified<MsgPropType>,\n\t\t);\n\t});\n};\n\nexport function isMsgDefinedAndInputTouched(msg?: Stringified<MsgPropType>, touched?: boolean): boolean {\n\t/**\n\t * We support 5 types of messages:\n\t * - default\n\t * - info\n\t * - success\n\t * - warning\n\t * - error\n\t *\n\t * Messages on inputs are only rendered after the field has been touched,\n\t * regardless of the message type.\n\t */\n\treturn Boolean(msg) && touched === true;\n}\n\nexport const checkHasMsg = isMsgDefinedAndInputTouched;\n\nexport function normalizeMsg(msg?: Stringified<MsgPropType>): MsgPropType | undefined {\n\tif (typeof msg === 'string') {\n\t\ttry {\n\t\t\treturn parseJson<MsgPropType>(msg);\n\t\t} catch {\n\t\t\treturn { _description: msg, _type: 'error' };\n\t\t}\n\t}\n\tif (msg && typeof msg === 'object' && !('_type' in msg)) {\n\t\treturn { ...msg, _type: 'error' };\n\t}\n\treturn msg;\n}\n\nexport function getMsgType(msg?: Stringified<MsgPropType>): MsgPropType['_type'] | 'error' {\n\tif (typeof msg === 'string') {\n\t\treturn 'error';\n\t}\n\n\treturn msg?._type ?? 'error';\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type TouchedPropType = boolean;\n\n/**\n * Shows if the input was touched by a user.\n */\nexport type PropTouched = {\n\ttouched: TouchedPropType;\n};\n\n/* validator */\nexport const validateTouched = (component: Generic.Element.Component, value?: TouchedPropType): void => {\n\twatchBoolean(component, '_touched', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched } from '../../schema';\n\nimport { AssociatedInputController } from './associated.controller';\n\nimport type { Props, Watches } from './types';\n\nexport class ControlledInputController extends AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tAccessKeyPropType,\n\tAdjustHeightPropType,\n\tDisabledPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateHideMsg,\n\tvalidateHint,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n} from '../../../schema';\nimport { validateTabIndex } from '../../../schema/props/tab-index';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: StencilUnknown) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tprivate inputHasFocus = false;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this.component, value);\n\t\tvalidateAccessAndShortKey(value, this.component._shortKey);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this.component, value);\n\t}\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this.component, value);\n\t}\n\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tvalidateHideMsg(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideMsg) {\n\t\t\t\t\t\ta11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: HintPropType): void {\n\t\tvalidateHint(this.component, value);\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this.component, value);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, value);\n\t}\n\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<InternalButtonProps>(value as string);\n\t\t\t} catch {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideMsg(this.component._hideMsg);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateShortKey(this.component._shortKey);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tthis.validateVariant(this.component._variant);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: FocusEvent): void {\n\t\tif (!this.inputHasFocus) {\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\t\tthis.component._on.onFocus(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = true;\n\t\t}\n\t}\n\n\tprotected onBlur(event: FocusEvent): void {\n\t\tif (this.component._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst root = this.host?.shadowRoot || this.host;\n\t\tconst isFocusInside = root?.contains(event.relatedTarget as Node) || this.host === event.relatedTarget;\n\n\t\tif (this.inputHasFocus && !isFocusInside) {\n\t\t\tthis.component._touched = true;\n\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\t\tthis.component._on.onBlur(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = false;\n\t\t}\n\t}\n\n\tprotected onKeyDown(event: KeyboardEvent): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.keydown);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onKeyDown === 'function') {\n\t\t\tthis.component._on.onKeyDown(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t\tonKeyDown: this.onKeyDown.bind(this),\n\t};\n\n\tpublic hasSoftCharacterLimit() {\n\t\treturn typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';\n\t}\n\n\tpublic hasCounter() {\n\t\treturn this.component.state._hasCounter === true;\n\t}\n}\n","export function getDefaultProps({ ariaDescribedBy, hideLabel, label }: { ariaDescribedBy?: string[]; hideLabel?: boolean; label?: string }): {\n\ttitle: string;\n\tautoCapitalize: string;\n\tautoCorrect: string;\n\t'aria-describedby'?: string;\n\t'aria-label'?: string;\n} {\n\treturn {\n\t\ttitle: '',\n\t\tautoCapitalize: 'off',\n\t\tautoCorrect: 'off',\n\t\t'aria-describedby': ariaDescribedBy?.length ? ariaDescribedBy.join(' ') : undefined,\n\t\t'aria-label': hideLabel && label ? label : undefined,\n\t};\n}\n","import { getMsgType, type MsgPropType, type Stringified, type TouchedPropType } from '../../schema';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: Stringified<MsgPropType>;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n\t_hideMsg?: boolean;\n\t_hasCounter?: boolean;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst msg = state._msg;\n\tconst description = typeof msg === 'string' ? msg : msg?._description;\n\tconst type = getMsgType(msg);\n\tconst hasMessage = Boolean(description && description.length > 0);\n\tconst isMessageValidError = type === 'error' && hasMessage;\n\tconst hasError = isMessageValidError && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasMessage && !state._hideMsg) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'msg'));\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'hint'));\n\t}\n\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'error'));\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\ntype FormFieldHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\thint?: string;\n\tbaseClassName?: string;\n};\n\nconst KolFormFieldHintFc: FC<FormFieldHintProps> = ({ id, class: classNames, hint, baseClassName = 'kol-form-field', ...other }) => {\n\tif (!hint) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span class={clsx(`${baseClassName}__hint`, classNames)} id={createRelatedUniqueId(id || '', 'hint')} {...other}>\n\t\t\t{hint}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldHintFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { SpanFC } from '../../internal/functional-components/span/component';\nimport type { IconsPropType, PopoverButtonProps } from '../../schema';\nimport { buildBadgeTextString } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nexport type FormFieldLabelInfoPopoverProps = Omit<PopoverButtonProps, '_icons' | '_hideLabel' | '_inline'> & {\n\t_content: string;\n\t_icons: IconsPropType;\n};\n\ntype FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\tcomponent?: 'label' | 'legend';\n\tid: string;\n\tlabel?: string;\n\taccessKey?: string;\n\tshortKey?: string;\n\thasExpertSlot?: boolean;\n\thideLabel?: boolean;\n\tbaseClassName?: string;\n\tshowBadge?: boolean;\n\treadOnly?: boolean;\n\tinfoPopover?: FormFieldLabelInfoPopoverProps;\n};\n\nconst KolFormFieldLabelFc: FC<FormFieldLabelProps> = ({\n\tcomponent: Component = 'label',\n\tid,\n\tbaseClassName = 'kol-form-field',\n\tclass: classNames,\n\taccessKey,\n\tshortKey,\n\tlabel,\n\thideLabel,\n\thasExpertSlot,\n\tshowBadge = true,\n\treadOnly,\n\tinfoPopover,\n\t...other\n}) => {\n\tconst useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;\n\tconst translateReadOnly = translate('kol-readonly');\n\tconst badgeText = showBadge === false ? undefined : buildBadgeTextString(accessKey, shortKey);\n\n\treturn (\n\t\t<Component\n\t\t\t{...other}\n\t\t\tclass={clsx(`${baseClassName}__label`, classNames)}\n\t\t\tid={!useTooltipInsteadOfLabel ? createRelatedUniqueId(id, 'label') : undefined}\n\t\t\thidden={useTooltipInsteadOfLabel}\n\t\t\thtmlFor={id}\n\t\t>\n\t\t\t<SpanFC class={`${baseClassName}__label-text`} label={hasExpertSlot ? '' : (label ?? '')} badgeText={badgeText}>\n\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t</SpanFC>\n\t\t\t{!hasExpertSlot && readOnly && (\n\t\t\t\t<span class={`${baseClassName}__label__read-only`} aria-hidden=\"true\">\n\t\t\t\t\t({translateReadOnly})\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{!hasExpertSlot && infoPopover && (\n\t\t\t\t<KolPopoverButtonWcTag _variant=\"ghost\" {...infoPopover} _hideLabel _inline={true}>\n\t\t\t\t\t<div class=\"kol-popover-button__popover--styled\">{infoPopover._content}</div>\n\t\t\t\t</KolPopoverButtonWcTag>\n\t\t\t)}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldLabelFc;\n","import { type FunctionalComponent, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nimport { type AlertPropType, type IdPropType, type MsgPropType, normalizeMsg, type Stringified } from '../../schema';\nimport KolAlertFc from '../Alert';\n\ntype FormFieldMsgProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\talert?: AlertPropType;\n\tmsg?: Stringified<MsgPropType>;\n\tid: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ alert, msg, id, class: classNames, ...other }) => {\n\tconst message = normalizeMsg(msg);\n\n\treturn (\n\t\t<KolAlertFc\n\t\t\tid={createRelatedUniqueId(id, 'msg')}\n\t\t\talert={message?._alert ?? alert}\n\t\t\thasCloser={false}\n\t\t\tlevel={0}\n\t\t\ttype={message?._type ?? 'error'}\n\t\t\tvariant=\"msg\"\n\t\t\tclass={clsx('kol-form-field__msg', classNames)}\n\t\t\t{...other}\n\t\t>\n\t\t\t{message?._description || undefined}\n\t\t</KolAlertFc>\n\t);\n};\n\nexport default FormFieldMsgFc;\n","import type { JSX } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { translate } from '../../i18n';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { MaxLengthBehaviorPropType, MsgPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';\nimport { buildBadgeTextString, classNameFromVariant, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\nimport KolFormFieldHintFc from '../FormFieldHint/FormFieldHint';\nimport KolFormFieldLabelFc from '../FormFieldLabel';\nimport type { FormFieldLabelInfoPopoverProps } from '../FormFieldLabel/FormFieldLabel';\nimport KolFormFieldMsgFc from '../FormFieldMsg';\n\nconst formFieldTooltipControllerById = new Map<string, TooltipController>();\n\nconst getFormFieldTooltipController = (id: string): TooltipController => {\n\tconst tooltipController = formFieldTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\treturn tooltipController;\n\t}\n\n\tconst nextTooltipController = new TooltipController(BaseWebComponent.stateLess);\n\tnextTooltipController.componentWillLoad({ label: '' });\n\tformFieldTooltipControllerById.set(id, nextTooltipController);\n\treturn nextTooltipController;\n};\n\nconst destroyFormFieldTooltipController = (id: string): void => {\n\tconst tooltipController = formFieldTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\ttooltipController.destroy();\n\t\tformFieldTooltipControllerById.delete(id);\n\t}\n};\n\nfunction getModifierClassNameByMsgType(msg?: { type?: string }): string {\n\tif (msg?.type) {\n\t\treturn (\n\t\t\t{\n\t\t\t\tdefault: 'msg-type-default',\n\t\t\t\tinfo: 'msg-type-info',\n\t\t\t\tsuccess: 'msg-type-success',\n\t\t\t\twarning: 'msg-type-warning',\n\t\t\t\terror: 'msg-type-error',\n\t\t\t}[msg?.type] || ''\n\t\t);\n\t}\n\n\treturn '';\n}\n\nexport type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {\n\tcomponent?: 'div' | 'fieldset';\n\tid: string;\n\talert?: boolean;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\thideMsg?: boolean;\n\tinfoPopover?: FormFieldLabelInfoPopoverProps;\n\taccessKey?: string;\n\tshortKey?: string;\n\tcounter?: {\n\t\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n\t\tmaxLength?: number;\n\t\tvisualRef?: (el?: HTMLSpanElement) => void;\n\t\tariaRef?: (el?: HTMLSpanElement) => void;\n\t};\n\treadOnly?: boolean;\n\ttouched?: boolean;\n\trequired?: boolean;\n\trenderNoLabel?: boolean;\n\trenderNoTooltip?: boolean;\n\trenderNoHint?: boolean;\n\tanotherChildren?: JSX.Element | JSX.Element[];\n\tmaxLength?: number;\n\tshowBadge?: boolean;\n\ttooltipAlign?: TooltipAlignPropType;\n\ttooltipFloatingRef?: (el?: HTMLDivElement) => void;\n\ttooltipArrowRef?: (el?: HTMLDivElement) => void;\n\tvariant?: VariantClassNamePropType;\n\n\tformFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & { component?: 'label' | 'legend' };\n\tformFieldHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n\tformFieldTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tformFieldMsgProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tformFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-form-field__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFormFieldFc: FC<FormFieldProps> = (props, children) => {\n\tconst {\n\t\tcomponent: Component = 'div',\n\t\trenderNoLabel,\n\t\trenderNoTooltip,\n\t\trenderNoHint,\n\t\tanotherChildren,\n\t\tid,\n\t\trequired,\n\t\talert,\n\t\tdisabled,\n\t\tclass: classNames,\n\t\tmsg,\n\t\thideMsg,\n\t\thideLabel,\n\t\tlabel,\n\t\tinfoPopover,\n\t\thint,\n\t\taccessKey,\n\t\tshortKey,\n\t\tcounter,\n\t\treadOnly,\n\t\ttouched,\n\t\tmaxLength,\n\t\tariaDescribedBy,\n\t\tshowBadge,\n\t\ttooltipAlign,\n\t\ttooltipFloatingRef,\n\t\tvariant,\n\t\tformFieldLabelProps,\n\t\tformFieldHintProps,\n\t\tformFieldTooltipProps,\n\t\tformFieldMsgProps,\n\t\tformFieldInputProps,\n\t\t...other\n\t} = props;\n\n\tconst showLabel = !renderNoLabel;\n\tconst showHint = !renderNoHint;\n\tconst showTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showMsg = isMsgDefinedAndInputTouched(msg, touched);\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;\n\tconst labelId = createRelatedUniqueId(id, 'label');\n\tconst tooltipController = useTooltipInsteadOfLabel ? getFormFieldTooltipController(id) : undefined;\n\n\tif (tooltipController) {\n\t\ttooltipController.watchAlign(tooltipAlign);\n\t\ttooltipController.watchBadgeText(badgeText || '');\n\t\ttooltipController.watchId(labelId);\n\t\ttooltipController.watchLabel(label);\n\t} else {\n\t\tdestroyFormFieldTooltipController(id);\n\t}\n\n\tconst forwardedInputRef = formFieldInputProps?.ref as ((el?: HTMLDivElement) => void) | undefined;\n\tconst setInputContainerRef = (el?: HTMLDivElement): void => {\n\t\tforwardedInputRef?.(el);\n\t\tif (tooltipController && el) {\n\t\t\ttooltipController.initContext(el);\n\t\t\ttooltipController.syncListeners(undefined, el, true);\n\t\t}\n\t};\n\n\tlet stateCssClasses = {\n\t\t['kol-form-field--disabled']: Boolean(disabled),\n\t\t['kol-form-field--required']: Boolean(required),\n\t\t['kol-form-field--touched']: Boolean(touched),\n\t\t['kol-form-field--hide-label']: Boolean(hideLabel),\n\t\t['kol-form-field--read-only']: Boolean(readOnly),\n\t\t['kol-form-field--hidden-msg']: Boolean(hideMsg),\n\t};\n\n\tif (variant) {\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[classNameFromVariant(variant, 'form-field')]: true,\n\t\t};\n\t}\n\n\tif (showMsg) {\n\t\tconst msgType = getMsgType(msg);\n\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[`kol-form-field--${msgType}`]: true,\n\t\t\t[`kol-form-field--${getModifierClassNameByMsgType({ type: msgType })}`]: true,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Component class={clsx('kol-form-field', stateCssClasses, classNames)} aria-describedby={ariaDescribedBy} {...other}>\n\t\t\t{showLabel && (\n\t\t\t\t<KolFormFieldLabelFc\n\t\t\t\t\t{...(formFieldLabelProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\taccessKey={accessKey}\n\t\t\t\t\tshortKey={shortKey}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\tshowBadge={showBadge}\n\t\t\t\t\tinfoPopover={infoPopover}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<InputContainer {...formFieldInputProps} ref={setInputContainerRef}>\n\t\t\t\t{children}\n\t\t\t\t{useTooltipInsteadOfLabel && hideLabel === true && (\n\t\t\t\t\t<div class={clsx('kol-form-field__tooltip', formFieldTooltipProps?.class)}>\n\t\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\t\tbadgeText={badgeText || ''}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\t\t\tid={labelId}\n\t\t\t\t\t\t\trefFloating={\n\t\t\t\t\t\t\t\ttooltipFloatingRef ??\n\t\t\t\t\t\t\t\t((el?: HTMLDivElement) => {\n\t\t\t\t\t\t\t\t\ttooltipController?.setTooltipElementRef(el);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</InputContainer>\n\t\t\t{counter && !(counter.maxLengthBehavior === 'soft' && typeof counter.maxLength !== 'number') && (\n\t\t\t\t<div class=\"kol-form-field__counter\">\n\t\t\t\t\t<span data-testid=\"input-counter\" aria-hidden=\"true\" class=\"kol-form-field__counter\" ref={counter.visualRef} />\n\t\t\t\t\t<span aria-live=\"polite\" class=\"visually-hidden\" data-testid=\"input-counter-aria\" id={createRelatedUniqueId(id, 'counter')} ref={counter.ariaRef} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{showMsg && !hideMsg && <KolFormFieldMsgFc {...(formFieldMsgProps || {})} id={id} alert={alert} msg={msg} />}\n\t\t\t{showHint && <KolFormFieldHintFc {...(formFieldHintProps || {})} id={id} hint={hint} />}\n\t\t\t{anotherChildren}\n\t\t\t{typeof maxLength === 'number' && !counter && (\n\t\t\t\t// Der visuell versteckte Zeichenlimit-Hinweis wird nur gerendert, wenn KEIN Zähler aktiv ist.\n\t\t\t\t// Ist ein Zähler vorhanden, vermitteln dessen Spans (`input-counter`/`input-counter-aria`) das\n\t\t\t\t// Maximum bereits, sodass der zusätzliche Hinweis redundant wäre.\n\t\t\t\t<span id={createRelatedUniqueId(id, 'character-limit-hint')} class=\"visually-hidden\">\n\t\t\t\t\t{translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport KolFormFieldFc, { type FormFieldProps } from '../../functional-components/FormField';\nimport type { TextareaStates } from '../../schema';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n\ttype SelectStates,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates\n\t| TextareaStates;\n\nexport type FormFieldStateWrapperProps = Partial<FormFieldProps> & {\n\tstate: InputState;\n\tcounterRefs?: {\n\t\tvisualRef?: (el?: HTMLSpanElement) => void;\n\t\tariaRef?: (el?: HTMLSpanElement) => void;\n\t};\n};\n\nfunction getFormFieldProps(\n\tstate: InputState,\n\tcounterRefs?: { visualRef?: (el?: HTMLSpanElement) => void; ariaRef?: (el?: HTMLSpanElement) => void },\n): FormFieldProps {\n\tconst props: FormFieldProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg as MsgPropType,\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\thideMsg: state._hideMsg,\n\t\ttouched: state._touched,\n\t\tshowBadge: ('_accessKey' in state && Boolean(state._accessKey)) || ('_shortKey' in state && Boolean(state._shortKey)),\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readOnly = state._readOnly;\n\t}\n\n\tif ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\tif ('_maxLength' in state) {\n\t\tprops.maxLength = state._maxLength;\n\t}\n\n\tif ('_hasCounter' in state && state._hasCounter === true) {\n\t\tprops.counter = {\n\t\t\tmaxLength: '_maxLength' in state ? state._maxLength : undefined,\n\t\t\tmaxLengthBehavior: ('_maxLengthBehavior' in state ? state._maxLengthBehavior : undefined) || 'hard',\n\t\t\t...counterRefs,\n\t\t};\n\t}\n\n\tif ('_variant' in state) {\n\t\tprops.variant = state._variant;\n\t}\n\treturn props;\n}\n\nconst FormFieldStateWrapper: FC<FormFieldStateWrapperProps> = ({ state, counterRefs, ...other }, children) => {\n\tconst { ariaDescribedBy: ariaDescribedByArray } = getRenderStates(state);\n\tconst isRadioVariant = other.component === 'fieldset' || ('_options' in state && '_orientation' in state);\n\tconst ariaDescribedBy = isRadioVariant && ariaDescribedByArray.length > 0 ? ariaDescribedByArray.join(' ') : undefined;\n\tconst baseProps = getFormFieldProps(state, counterRefs);\n\n\treturn (\n\t\t<KolFormFieldFc {...baseProps} {...other} ariaDescribedBy={ariaDescribedBy}>\n\t\t\t{children}\n\t\t</KolFormFieldFc>\n\t);\n};\n\nexport default FormFieldStateWrapper;\n"],"names":["KolFormFieldMsgFc"],"mappings":"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"}

package/dist/esm/Heading-vsrFh4hD.js

@@ -0,0 +1,39 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h } from './index-Dy5OebFJ.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+
+const MIN_HEADING_LEVEL = 1;
+const MAX_HEADING_LEVEL = 6;
+function isValidHeadingLevel(level) {
+    return level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;
+}
+function getHeadlineTag(level) {
+    return isValidHeadingLevel(level) ? `h${level}` : 'strong';
+}
+const KolHeadlineFc = (_a, children) => {
+    var { class: classNames, level = MIN_HEADING_LEVEL } = _a, other = __rest(_a, ["class", "level"]);
+    const HeadlineTag = getHeadlineTag(level);
+    return (h(HeadlineTag, Object.assign({ class: clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames) }, other), children));
+};
+const KolSecondaryHeadlineFc = (_a, children) => {
+    var { class: classNames } = _a, other = __rest(_a, ["class"]);
+    return (h("p", Object.assign({ class: clsx('kol-headline kol-headline--group kol-headline--secondary', classNames) }, other), children));
+};
+const KolHeadingFc = (_a, children) => {
+    var { secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {} } = _a, other = __rest(_a, ["secondaryHeadline", "level", "class", "HeadingGroupProps", "SecondaryHeadlineProps"]);
+    const headlineProps = Object.assign({ level }, other);
+    if (!secondaryHeadline) {
+        return (h(KolHeadlineFc, Object.assign({ class: clsx(classNames, 'kol-headline--single') }, headlineProps), children));
+    }
+    const { class: groupClassNames } = HeadingGroupProps, groupOthers = __rest(HeadingGroupProps, ["class"]);
+    const headlineGroupProps = Object.assign({ class: clsx('kol-heading-group', groupClassNames) }, groupOthers);
+    return (h("hgroup", Object.assign({}, headlineGroupProps), h(KolHeadlineFc, Object.assign({ class: clsx(classNames, 'kol-headline--group', 'kol-headline--primary') }, headlineProps), children), h(KolSecondaryHeadlineFc, Object.assign({}, SecondaryHeadlineProps), secondaryHeadline)));
+};
+
+export { KolHeadingFc as K };
+//# sourceMappingURL=Heading-vsrFh4hD.js.map
+
+//# sourceMappingURL=Heading-vsrFh4hD.js.map