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

package/dist/esm/Heading-vsrFh4hD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-vsrFh4hD.js","sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel } from '../../schema';\nimport clsx from '../../utils/clsx';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps;\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = JSXBase.HTMLAttributes<HTMLParagraphElement>;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: SecondaryHeadlineProps;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * The secondary text is rendered as a `<p>` because according to the HTML `hgroup`\n * specification the subheading does not create its own outline level.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<p class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</p>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc {...SecondaryHeadlineProps}>{secondaryHeadline}</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"names":[],"mappings":";;;;;;;AAyBA,MAAM,iBAAiB,GAAG,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC;AAU3B,SAAS,mBAAmB,CAAC,KAAa,EAAA;AACzC,IAAA,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB;AAChE;AAQM,SAAU,cAAc,CAAC,KAA4B,EAAA;AAC1D,IAAA,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAAI,CAAA,EAAA,KAAK,CAAkB,CAAA,GAAG,QAAQ;AAC5E;AAQA,MAAM,aAAa,GAAsB,CAAC,EAA0D,EAAE,QAAQ,KAAI;IAAxE,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,EAAA,GAAA,EAAY,EAAP,KAAK,GAAxD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAA0D,CAAF;AACjG,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC;AAEzC,IAAA,QACC,EAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAE,EAAE,UAAU,CAAC,EAAA,EAAM,KAAK,CAC7F,EAAA,QAAQ,CACI;AAEhB,CAAC;AAUD,MAAM,sBAAsB,GAA+B,CAAC,EAA+B,EAAE,QAAQ,KAAI;QAA7C,EAAE,KAAK,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA7B,SAA+B,CAAF;IACxF,QACC,CAAG,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,CAAA,EAC/F,QAAQ,CACN;AAEN,CAAC;AAQD,MAAM,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ,KACL;QAFH,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,GAAhI,MAAA,CAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,wBAAA,CAAkI,CAAF;AAGhI,IAAA,MAAM,aAAa,GAClB,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EACF,EAAA,KAAK,CACR;IAED,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACC,CAAC,CAAA,aAAa,kBAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAAM,EAAA,aAAa,GAC/E,QAAQ,CACM;;AAIlB,IAAA,MAAM,EAAE,KAAK,EAAE,eAAe,EAAqB,GAAA,iBAAiB,EAAjC,WAAW,GAAK,MAAA,CAAA,iBAAiB,EAA9D,CAAA,OAAA,CAA0C,CAAoB;AACpE,IAAA,MAAM,kBAAkB,GAAA,MAAA,CAAA,MAAA,CAAA,EACvB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,EAC9C,EAAA,WAAW,CACd;IAED,QACC,8BAAY,kBAAkB,CAAA,EAC7B,CAAA,CAAC,aAAa,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,EAAA,EAAM,aAAa,CAAA,EACvG,QAAQ,CACM,EAChB,CAAC,CAAA,sBAAsB,oBAAK,sBAAsB,CAAA,EAAG,iBAAiB,CAA0B,CACxF;AAEX;;;;"}

package/dist/esm/Input-Bq2Uv2rH.js

@@ -0,0 +1,27 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h, F as Fragment } from './index-Dy5OebFJ.js';
+import './common-DQP27q1D.js';
+import { i as isMsgDefinedAndInputTouched, c as getDefaultProps, g as getMsgType } from './FormFieldStateWrapper-DPZokHeL.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+import { a as createRelatedUniqueId } from './dev.utils-6rI-ojpf.js';
+
+const InputFc = (props) => {
+    const { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value } = props, other = __rest(props, ["class", "msg", "required", "disabled", "touched", "readonly", "ariaDescribedBy", "hideLabel", "label", "suggestions", "value"]);
+    const stateCssClasses = {
+        ['kol-input--disabled']: Boolean(disabled),
+        ['kol-input--required']: Boolean(required),
+        ['kol-input--touched']: Boolean(touched),
+        ['kol-input--readonly']: Boolean(readonly),
+        [`kol-input--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),
+    };
+    const inputProps = Object.assign(Object.assign({ class: clsx('kol-input', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly, type: 'text', list: suggestions && typeof other.id === 'string' ? createRelatedUniqueId(other.id, 'list') : undefined }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);
+    return (h(Fragment, null, h("input", Object.assign({}, inputProps, { value: value })), suggestions));
+};
+
+export { InputFc as I };
+//# sourceMappingURL=Input-Bq2Uv2rH.js.map
+
+//# sourceMappingURL=Input-Bq2Uv2rH.js.map

package/dist/esm/Input-Bq2Uv2rH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-Bq2Uv2rH.js","sources":["src/functional-components/inputs/Input/Input.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type InputProps = DefaultInputProps<JSXBase.InputHTMLAttributes<HTMLInputElement>> & {\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\tspellcheck?: boolean;\n\tsuggestions?: VNode;\n\tvalue?: string | number | string[];\n} & {\n\t[key: `aria-${string}`]: unknown;\n\t[key: `data-${string}`]: unknown;\n};\n\nconst InputFc: FC<InputProps> = (props) => {\n\tconst { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value, ...other } = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-input--disabled']: Boolean(disabled),\n\t\t['kol-input--required']: Boolean(required),\n\t\t['kol-input--touched']: Boolean(touched),\n\t\t['kol-input--readonly']: Boolean(readonly),\n\t\t[`kol-input--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: JSXBase.InputHTMLAttributes<HTMLInputElement> = {\n\t\tclass: clsx('kol-input', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\ttype: 'text',\n\t\tlist: suggestions && typeof other.id === 'string' ? createRelatedUniqueId(other.id, 'list') : undefined,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<input {...inputProps} value={value} />\n\t\t\t{suggestions}\n\t\t</>\n\t);\n};\n\nexport default InputFc;\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,OAAO,GAAmB,CAAC,KAAK,KAAI;IACzC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAA,GAAe,KAAK,EAAf,KAAK,GAAK,MAAA,CAAA,KAAK,EAA1I,CAAA,OAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,CAAkI,CAAQ;AAEhJ,IAAA,MAAM,eAAe,GAAG;AACvB,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC;AACxC,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,CAAc,WAAA,EAAA,UAAU,CAAC,GAAG,CAAC,CAAA,CAAE,GAAG,2BAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;KAC5E;AAED,IAAA,MAAM,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACf,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,eAAe,EAAE,UAAU,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,SAAS,EACpG,EAAA,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACtD,EAAA,KAAK,CACR;AAED,IAAA,QACC,CAAA,CAAA,QAAA,EAAA,IAAA,EACC,CAAA,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAW,UAAU,EAAA,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAAA,EACtC,WAAW,CACV;AAEL;;;;"}

package/dist/esm/InputStateWrapper-DTJTCqy1.js

@@ -0,0 +1,83 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h } from './index-Dy5OebFJ.js';
+import { I as InputFc } from './Input-Bq2Uv2rH.js';
+import { a as createRelatedUniqueId } from './dev.utils-6rI-ojpf.js';
+import { a as getRenderStates } from './FormFieldStateWrapper-DPZokHeL.js';
+
+const SuggestionsFc = (_a) => {
+    var { id, suggestions } = _a, other = __rest(_a, ["id", "suggestions"]);
+    if (!suggestions) {
+        return null;
+    }
+    return (h("datalist", Object.assign({ id: createRelatedUniqueId(id, 'list') }, other), suggestions.map((option) => (h("option", { value: option })))));
+};
+
+function getInputProps(state, other, customSuggestions) {
+    var _a;
+    const renderStates = getRenderStates(state);
+    const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];
+    const props = {
+        id: state._id,
+        hideLabel: state._hideLabel,
+        label: state._label,
+        disabled: state._disabled,
+        name: state._name,
+    };
+    if ('_accessKey' in state)
+        props.accessKey = state._accessKey;
+    if ('_type' in state)
+        props.type = state._type;
+    if ('_value' in state)
+        props.value = state._value;
+    if ('_required' in state)
+        props.required = state._required;
+    if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard')
+        props.maxlength = state._maxLength;
+    if ('_placeholder' in state)
+        props.placeholder = state._placeholder;
+    if ('_autoComplete' in state)
+        props.autoComplete = state._autoComplete;
+    if ('_spellCheck' in state)
+        props.spellcheck = state._spellCheck;
+    if ('_pattern' in state)
+        props.pattern = state._pattern;
+    if ('_readOnly' in state)
+        props.readonly = state._readOnly;
+    if ('_min' in state)
+        props.min = state._min;
+    if ('_max' in state)
+        props.max = state._max;
+    if ('_step' in state)
+        props.step = state._step;
+    if ('_multiple' in state)
+        props.multiple = state._multiple;
+    if ('_checked' in state)
+        props.checked = state._checked;
+    if ('_indeterminate' in state)
+        props.indeterminate = state._indeterminate;
+    if ('_touched' in state)
+        props.touched = state._touched;
+    if ('_msg' in state)
+        props.msg = state._msg;
+    if ('_shortKey' in state)
+        props['aria-keyshortcuts'] = state._shortKey;
+    if ('_suggestions' in state && !customSuggestions) {
+        const hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;
+        if (hasSuggestions) {
+            props.suggestions = (h(SuggestionsFc, { id: state._id, suggestions: state._suggestions }));
+        }
+    }
+    return Object.assign(Object.assign(Object.assign({}, props), other), { ariaDescribedBy, 'aria-invalid': renderStates.hasError ? 'true' : undefined });
+}
+const InputStateWrapper = (_a) => {
+    var { state, customSuggestions } = _a, other = __rest(_a, ["state", "customSuggestions"]);
+    return h(InputFc, Object.assign({}, getInputProps(state, other, customSuggestions)));
+};
+
+export { InputStateWrapper as I, SuggestionsFc as S };
+//# sourceMappingURL=InputStateWrapper-DTJTCqy1.js.map
+
+//# sourceMappingURL=InputStateWrapper-DTJTCqy1.js.map

package/dist/esm/InputStateWrapper-DTJTCqy1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStateWrapper-DTJTCqy1.js","sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={createRelatedUniqueId(id, 'list')} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport SuggestionsFc from '../../functional-components/Suggestions';\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} 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\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param other\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, other: Partial<InputProps>, customSuggestions?: boolean): InputProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t};\n\n\tif ('_accessKey' in state) props.accessKey = state._accessKey;\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn {\n\t\t...props,\n\t\t...other,\n\t\tariaDescribedBy,\n\t\t'aria-invalid': renderStates.hasError ? 'true' : undefined,\n\t};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"names":["KolInputFc"],"mappings":"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"}

package/dist/esm/access-and-short-key-VGm6CSC-.js

@@ -0,0 +1,36 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { g as watchString, N as watchNumber, k as a11yHint } from './common-DQP27q1D.js';
+
+const validateAccessKey = (component, value) => {
+    watchString(component, '_accessKey', value);
+};
+
+const validateShortKey = (component, value) => {
+    watchString(component, '_shortKey', value);
+};
+
+const options = {
+    hooks: {
+        afterPatch: (value) => {
+            if (value !== -1 && value !== 0) {
+                a11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);
+            }
+        },
+    },
+};
+const validateTabIndex = (component, value) => {
+    watchNumber(component, '_tabIndex', value, options);
+};
+
+const validateAccessAndShortKey = (accessKey, shortKey) => {
+    if (accessKey && shortKey) {
+        throw new Error('AccessKey and ShortKey are used. Only one is allowed.');
+    }
+};
+
+export { validateAccessAndShortKey as a, validateShortKey as b, validateTabIndex as c, validateAccessKey as v };
+//# sourceMappingURL=access-and-short-key-VGm6CSC-.js.map
+
+//# sourceMappingURL=access-and-short-key-VGm6CSC-.js.map

package/dist/esm/access-and-short-key-VGm6CSC-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"access-and-short-key-VGm6CSC-.js","sources":["src/schema/props/access-key.ts","src/schema/props/short-key.ts","src/schema/props/tab-index.ts","src/schema/validators/access-and-short-key.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines the key combination that can be used to trigger or focus the component's interactive element.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type ShortKeyPropType = string;\n\n/**\n * Adds a visual short key hint to the component and sets the `aria-keyshortcuts` attribute on the focusable element.\n */\nexport type PropShortKey = {\n\tshortKey: ShortKeyPropType;\n};\n\n/* validator */\nexport const validateShortKey = (component: Generic.Element.Component, value?: ShortKeyPropType): void => {\n\twatchString(component, '_shortKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/* types */\nexport type TabIndexPropType = number;\n\n/**\n * Defines which tab-index the primary element of the component has.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex\n */\nexport type PropTabIndex = {\n\ttabIndex: TabIndexPropType;\n};\n\n/* constants */\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/* validator */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: TabIndexPropType): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n","import type { AccessKeyPropType, ShortKeyPropType } from '../props';\n\nexport const validateAccessAndShortKey = (accessKey?: AccessKeyPropType, shortKey?: ShortKeyPropType) => {\n\tif (accessKey && shortKey) {\n\t\tthrow new Error('AccessKey and ShortKey are used. Only one is allowed.');\n\t}\n};\n"],"names":[],"mappings":";;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,KAAU;AAC1G,IAAA,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AAC5C;;MCHa,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC3C;;ACCA,MAAM,OAAO,GAAuB;AACnC,IAAA,KAAK,EAAE;AACN,QAAA,UAAU,EAAE,CAAC,KAAK,KAAI;YACrB,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChC,QAAQ,CAAC,CAA4G,0GAAA,CAAA,CAAC;;SAEvH;AACD,KAAA;CACD;MAGY,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;IACxG,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACpD;;MC5Ba,yBAAyB,GAAG,CAAC,SAA6B,EAAE,QAA2B,KAAI;AACvG,IAAA,IAAI,SAAS,IAAI,QAAQ,EAAE;AAC1B,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;;AAE1E;;;;"}

package/dist/esm/align-CCcqVV8A.js

@@ -0,0 +1,22 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { b as watchValidator } from './common-DQP27q1D.js';
+
+const validateAlignment = (component, propName, value) => {
+    watchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {
+        defaultValue: 'top',
+    });
+};
+
+const horizontalAlignOptions = ['left', 'right'];
+const verticalAlignOptions = ['top', 'bottom'];
+const alignPropTypeOptions = [...horizontalAlignOptions, ...verticalAlignOptions];
+const validateAlign = (component, value) => {
+    validateAlignment(component, '_align', value);
+};
+
+export { alignPropTypeOptions as a, validateAlignment as b, validateAlign as v };
+//# sourceMappingURL=align-CCcqVV8A.js.map
+
+//# sourceMappingURL=align-CCcqVV8A.js.map

package/dist/esm/align-CCcqVV8A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-CCcqVV8A.js","sources":["src/schema/validators/alignment.ts","src/schema/props/align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AlignPropType } from '../props';\nimport { alignPropTypeOptions } from '../props';\nimport { watchValidator } from '../utils';\n\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: AlignPropType): void => {\n\twatchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {\n\t\tdefaultValue: 'top',\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\n/* types */\nconst horizontalAlignOptions = ['left', 'right'] as const;\ntype HorizontalAlign = (typeof horizontalAlignOptions)[number];\nconst verticalAlignOptions = ['top', 'bottom'] as const;\ntype VerticalAlign = (typeof verticalAlignOptions)[number];\nexport const alignPropTypeOptions = [...horizontalAlignOptions, ...verticalAlignOptions] as const;\nexport type AlignPropType = HorizontalAlign | VerticalAlign;\n\n/**\n * Defines the visual orientation of the component: top, right, bottom or left.\n */\nexport type PropAlign = {\n\talign: AlignPropType;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: AlignPropType): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAqB,KAAU;AACxH,IAAA,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE;AACvJ,QAAA,YAAY,EAAE,KAAK;AACnB,KAAA,CAAC;AACH;;ACLA,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU;AAEzD,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAU;AAE1C,MAAA,oBAAoB,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,oBAAoB;MAW1E,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,KAAU;AAClG,IAAA,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;AAC9C;;;;"}