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

package/dist/cjs/FormFieldStateWrapper-DfhtHQ0q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldStateWrapper-DfhtHQ0q.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":["watchBoolean","watchString","objectObjectHandler","parseJson","watchValidator","isObject","isString","AssociatedInputController","validateAccessKey","validateAccessAndShortKey","validateDisabled","validateTooltipAlign","a11yHint","validateHideLabel","validateLabelWithExpertSlot","setState","validateShortKey","validateTabIndex","validateVariantClassName","dispatchDomEvent","KolEvent","createRelatedUniqueId","__rest","h","clsx","translate","buildBadgeTextString","SpanFC","KolPopoverButtonWcTag","KolAlertFc","TooltipController","BaseWebComponent","showExpertSlot","classNameFromVariant","TooltipFC","KolFormFieldMsgFc"],"mappings":"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"}

package/dist/cjs/Heading-BsFESjhY.js

@@ -0,0 +1,41 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
+var index = require('./index-wWcNpiEl.js');
+var clsx = require('./clsx-Bm_HQUnh.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 = tslib_es6.__rest(_a, ["class", "level"]);
+    const HeadlineTag = getHeadlineTag(level);
+    return (index.h(HeadlineTag, Object.assign({ class: clsx.clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames) }, other), children));
+};
+const KolSecondaryHeadlineFc = (_a, children) => {
+    var { class: classNames } = _a, other = tslib_es6.__rest(_a, ["class"]);
+    return (index.h("p", Object.assign({ class: clsx.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 = tslib_es6.__rest(_a, ["secondaryHeadline", "level", "class", "HeadingGroupProps", "SecondaryHeadlineProps"]);
+    const headlineProps = Object.assign({ level }, other);
+    if (!secondaryHeadline) {
+        return (index.h(KolHeadlineFc, Object.assign({ class: clsx.clsx(classNames, 'kol-headline--single') }, headlineProps), children));
+    }
+    const { class: groupClassNames } = HeadingGroupProps, groupOthers = tslib_es6.__rest(HeadingGroupProps, ["class"]);
+    const headlineGroupProps = Object.assign({ class: clsx.clsx('kol-heading-group', groupClassNames) }, groupOthers);
+    return (index.h("hgroup", Object.assign({}, headlineGroupProps), index.h(KolHeadlineFc, Object.assign({ class: clsx.clsx(classNames, 'kol-headline--group', 'kol-headline--primary') }, headlineProps), children), index.h(KolSecondaryHeadlineFc, Object.assign({}, SecondaryHeadlineProps), secondaryHeadline)));
+};
+
+exports.KolHeadingFc = KolHeadingFc;
+//# sourceMappingURL=Heading-BsFESjhY.js.map
+
+//# sourceMappingURL=Heading-BsFESjhY.js.map

package/dist/cjs/Heading-BsFESjhY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-BsFESjhY.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":["__rest","h","clsx"],"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,GAAxDA,gBAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAA0D,CAAF;AACjG,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC;AAEzC,IAAA,QACCC,QAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAEC,SAAI,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,GAAAF,gBAAA,CAAA,EAAA,EAA7B,SAA+B,CAAF;IACxF,QACCC,OAAG,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAEC,SAAI,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,GAAhIF,gBAAA,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,QACCC,OAAC,CAAA,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAAM,EAAA,aAAa,GAC/E,QAAQ,CACM;;AAIlB,IAAA,MAAM,EAAE,KAAK,EAAE,eAAe,EAAqB,GAAA,iBAAiB,EAAjC,WAAW,GAAKF,gBAAA,CAAA,iBAAiB,EAA9D,CAAA,OAAA,CAA0C,CAAoB;AACpE,IAAA,MAAM,kBAAkB,GAAA,MAAA,CAAA,MAAA,CAAA,EACvB,KAAK,EAAEE,SAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,EAC9C,EAAA,WAAW,CACd;IAED,QACCD,oCAAY,kBAAkB,CAAA,EAC7BA,OAAA,CAAC,aAAa,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,EAAA,EAAM,aAAa,CAAA,EACvG,QAAQ,CACM,EAChBD,OAAC,CAAA,sBAAsB,oBAAK,sBAAsB,CAAA,EAAG,iBAAiB,CAA0B,CACxF;AAEX;;;;"}

package/dist/cjs/Input-2MK2d3Az.js

@@ -0,0 +1,29 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
+var index = require('./index-wWcNpiEl.js');
+require('./common-CN1iwxfv.js');
+var FormFieldStateWrapper = require('./FormFieldStateWrapper-DfhtHQ0q.js');
+var clsx = require('./clsx-Bm_HQUnh.js');
+var dev_utils = require('./dev.utils-BbU8cv-y.js');
+
+const InputFc = (props) => {
+    const { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value } = props, other = tslib_es6.__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--${FormFieldStateWrapper.getMsgType(msg)}`]: FormFieldStateWrapper.isMsgDefinedAndInputTouched(msg, touched),
+    };
+    const inputProps = Object.assign(Object.assign({ class: clsx.clsx('kol-input', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly, type: 'text', list: suggestions && typeof other.id === 'string' ? dev_utils.createRelatedUniqueId(other.id, 'list') : undefined }, FormFieldStateWrapper.getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);
+    return (index.h(index.Fragment, null, index.h("input", Object.assign({}, inputProps, { value: value })), suggestions));
+};
+
+exports.InputFc = InputFc;
+//# sourceMappingURL=Input-2MK2d3Az.js.map
+
+//# sourceMappingURL=Input-2MK2d3Az.js.map

package/dist/cjs/Input-2MK2d3Az.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-2MK2d3Az.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":["__rest","getMsgType","isMsgDefinedAndInputTouched","clsx","createRelatedUniqueId","getDefaultProps","h","Fragment"],"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,GAAKA,gBAAA,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,EAAAC,gCAAU,CAAC,GAAG,CAAC,CAAA,CAAE,GAAGC,iDAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;KAC5E;AAED,IAAA,MAAM,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACf,KAAK,EAAEC,SAAI,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,GAAGC,+BAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,SAAS,EACpG,EAAAC,qCAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACtD,EAAA,KAAK,CACR;AAED,IAAA,QACCC,OAAA,CAAAC,cAAA,EAAA,IAAA,EACCD,OAAA,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAW,UAAU,EAAA,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAAA,EACtC,WAAW,CACV;AAEL;;;;"}

package/dist/cjs/InputStateWrapper-DKbtjTSv.js

@@ -0,0 +1,86 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
+var index = require('./index-wWcNpiEl.js');
+var Input = require('./Input-2MK2d3Az.js');
+var dev_utils = require('./dev.utils-BbU8cv-y.js');
+var FormFieldStateWrapper = require('./FormFieldStateWrapper-DfhtHQ0q.js');
+
+const SuggestionsFc = (_a) => {
+    var { id, suggestions } = _a, other = tslib_es6.__rest(_a, ["id", "suggestions"]);
+    if (!suggestions) {
+        return null;
+    }
+    return (index.h("datalist", Object.assign({ id: dev_utils.createRelatedUniqueId(id, 'list') }, other), suggestions.map((option) => (index.h("option", { value: option })))));
+};
+
+function getInputProps(state, other, customSuggestions) {
+    var _a;
+    const renderStates = FormFieldStateWrapper.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 = (index.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 = tslib_es6.__rest(_a, ["state", "customSuggestions"]);
+    return index.h(Input.InputFc, Object.assign({}, getInputProps(state, other, customSuggestions)));
+};
+
+exports.InputStateWrapper = InputStateWrapper;
+exports.SuggestionsFc = SuggestionsFc;
+//# sourceMappingURL=InputStateWrapper-DKbtjTSv.js.map
+
+//# sourceMappingURL=InputStateWrapper-DKbtjTSv.js.map

package/dist/cjs/InputStateWrapper-DKbtjTSv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStateWrapper-DKbtjTSv.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":["__rest","h","createRelatedUniqueId","getRenderStates","KolInputFc"],"mappings":"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"}

package/dist/cjs/access-and-short-key-Dt0HA_8K.js

@@ -0,0 +1,41 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateAccessKey = (component, value) => {
+    common.watchString(component, '_accessKey', value);
+};
+
+const validateShortKey = (component, value) => {
+    common.watchString(component, '_shortKey', value);
+};
+
+const options = {
+    hooks: {
+        afterPatch: (value) => {
+            if (value !== -1 && value !== 0) {
+                common.a11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);
+            }
+        },
+    },
+};
+const validateTabIndex = (component, value) => {
+    common.watchNumber(component, '_tabIndex', value, options);
+};
+
+const validateAccessAndShortKey = (accessKey, shortKey) => {
+    if (accessKey && shortKey) {
+        throw new Error('AccessKey and ShortKey are used. Only one is allowed.');
+    }
+};
+
+exports.validateAccessAndShortKey = validateAccessAndShortKey;
+exports.validateAccessKey = validateAccessKey;
+exports.validateShortKey = validateShortKey;
+exports.validateTabIndex = validateTabIndex;
+//# sourceMappingURL=access-and-short-key-Dt0HA_8K.js.map
+
+//# sourceMappingURL=access-and-short-key-Dt0HA_8K.js.map

package/dist/cjs/access-and-short-key-Dt0HA_8K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"access-and-short-key-Dt0HA_8K.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":["watchString","a11yHint","watchNumber"],"mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,KAAU;AAC1G,IAAAA,kBAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AAC5C;;MCHa,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAAA,kBAAW,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;gBAChCC,eAAQ,CAAC,CAA4G,0GAAA,CAAA,CAAC;;SAEvH;AACD,KAAA;CACD;MAGY,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;IACxGC,kBAAW,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/cjs/align-CDPlxAkP.js

@@ -0,0 +1,26 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateAlignment = (component, propName, value) => {
+    common.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);
+};
+
+exports.alignPropTypeOptions = alignPropTypeOptions;
+exports.validateAlign = validateAlign;
+exports.validateAlignment = validateAlignment;
+//# sourceMappingURL=align-CDPlxAkP.js.map
+
+//# sourceMappingURL=align-CDPlxAkP.js.map

package/dist/cjs/align-CDPlxAkP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-CDPlxAkP.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":["watchValidator"],"mappings":";;;;;;;AAMa,MAAA,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAqB,KAAU;AACxH,IAAAA,qBAAc,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;;;;;;"}