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

package/dist/cjs/controller-CU_Kk12B.js.map

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

package/dist/cjs/controller-PzSnWMee.js

@@ -1,55 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var common = require('./common-Bwi0J8Cv.js');
-var spellCheck = require('./spell-check-COH7yfoL.js');
-var suggestions = require('./suggestions-Beyw4iFN.js');
-var controller = require('./controller-C9l_vfsq.js');
-
-const inputTextTypeOptions = ['text', 'search', 'url', 'tel'];
-const isInputTextTypePropType = (value) => {
-    return typeof value === 'string' && inputTextTypeOptions.includes(value);
-};
-const validateTypeInputText = (component, value) => {
-    common.watchValidator(component, '_type', isInputTextTypePropType, new Set(inputTextTypeOptions), value);
-};
-
-class InputTextEmailController extends controller.InputPasswordController {
-    constructor(component, name, host) {
-        super(component, name, host);
-        this.component = component;
-    }
-    validateSuggestions(value) {
-        suggestions.validateSuggestions(this.component, value);
-    }
-    componentWillLoad() {
-        super.componentWillLoad();
-        this.validateSuggestions(this.component._suggestions);
-    }
-}
-class InputTextController extends InputTextEmailController {
-    constructor(component, name, host) {
-        super(component, name, host);
-        this.hasError = false;
-        this.component = component;
-    }
-    validateSpellCheck(value) {
-        spellCheck.validateSpellCheck(this.component, value);
-    }
-    validateType(value) {
-        validateTypeInputText(this.component, value);
-    }
-    componentWillLoad() {
-        super.componentWillLoad();
-        this.validateSpellCheck(this.component._spellCheck);
-        this.validateType(this.component._type);
-    }
-}
-
-exports.InputTextController = InputTextController;
-exports.InputTextEmailController = InputTextEmailController;
-//# sourceMappingURL=controller-PzSnWMee.js.map
-
-//# sourceMappingURL=controller-PzSnWMee.js.map

package/dist/cjs/controller-PzSnWMee.js.map

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

package/dist/cjs/controller-icon-DbtCUP4L.js

@@ -1,169 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var index = require('./index-DN0jEVKb.js');
-var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var component = require('./component-Bkq_S4-F.js');
-var componentNames = require('./component-names-5KS_pYRF.js');
-var common = require('./common-Bwi0J8Cv.js');
-var FormFieldStateWrapper = require('./FormFieldStateWrapper-CpXhI6_0.js');
-var clsx = require('./clsx-Bm_HQUnh.js');
-var component$1 = require('./component-DsOmmb34.js');
-var _Uint8Array = require('./_Uint8Array-BAQUGozM.js');
-var icons = require('./icons-GIfyKN8a.js');
-
-const KolButtonFc = (props) => {
-    const { label, icons, hideLabel, disabled, onClick } = props, other = tslib_es6.__rest(props, ["label", "icons", "hideLabel", "disabled", "onClick"]);
-    return index.h(componentNames.KolButtonWcTag, Object.assign({ _label: label, _disabled: disabled, _icons: icons, _hideLabel: hideLabel, _on: { onClick } }, other));
-};
-
-const KolIconButtonFc = (props) => {
-    const { componentName = 'button', label, icon, onClick } = props, other = tslib_es6.__rest(props, ["componentName", "label", "icon", "onClick"]);
-    const Component = componentName === 'button' ? KolButtonFc : component.IconFC;
-    return index.h(Component, Object.assign({ label: label || '', hideLabel: true, icons: `${icon}`, onClick: onClick }, other));
-};
-
-const InputAdornment = (_a, children) => {
-    var { position = 'start', class: className } = _a, other = tslib_es6.__rest(_a, ["position", "class"]);
-    const rootClassName = `kol-input-container__adornment`;
-    const positionClassName = `${rootClassName}--${position}`;
-    return (index.h("div", Object.assign({ class: clsx.clsx(rootClassName, positionClassName, className) }, other), children));
-};
-
-function hasItems(items) {
-    if (!items) {
-        return false;
-    }
-    return Array.isArray(items) ? items.length > 0 : Boolean(items);
-}
-const Container = (_a, children) => {
-    var { class: className } = _a, other = tslib_es6.__rest(_a, ["class"]);
-    return (index.h("div", Object.assign({ class: clsx.clsx('kol-input-container__container', className) }, other), children));
-};
-const KolInputContainerFc = (props, children) => {
-    const { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps } = props, other = tslib_es6.__rest(props, ["class", "startAdornment", "endAdornment", "disabled", "msg", "touched", "containerProps", "startAdornmentProps", "endAdornmentProps"]);
-    const stateCssClasses = {
-        ['kol-input-container--disabled']: disabled,
-        [`kol-input-container--${FormFieldStateWrapper.getMsgType(msg)}`]: FormFieldStateWrapper.isMsgDefinedAndInputTouched(msg, touched),
-    };
-    const baseProps = Object.assign({ class: clsx.clsx('kol-input-container', stateCssClasses, classNames) }, other);
-    if (!hasItems(startAdornment) && !hasItems(endAdornment)) {
-        return (index.h("div", Object.assign({}, baseProps), index.h(Container, Object.assign({}, containerProps), children)));
-    }
-    return (index.h("div", Object.assign({}, baseProps), index.h(InputAdornment, Object.assign({}, startAdornmentProps, { position: "start" }), startAdornment), index.h(Container, Object.assign({}, containerProps), children), index.h(InputAdornment, Object.assign({}, endAdornmentProps, { position: "end" }), endAdornment)));
-};
-
-function getInputContainerProps(state) {
-    let icons = undefined;
-    let smartButton;
-    if ('_icons' in state) {
-        icons = state._icons;
-    }
-    if ('_smartButton' in state) {
-        smartButton = state._smartButton;
-    }
-    return {
-        icons,
-        smartButton,
-        disabled: state._disabled,
-        msg: state._msg,
-        touched: state._touched,
-    };
-}
-const InputContainerStateWrapperFc = ({ state, startAdornment: defaultStartAdornment, endAdornment: defaultEndAdornment }, children) => {
-    var _a, _b;
-    const { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);
-    let leftIconProps = icons === null || icons === void 0 ? void 0 : icons.left;
-    if (component$1.isString(leftIconProps)) {
-        leftIconProps = { icon: leftIconProps };
-    }
-    let rightIconProps = icons === null || icons === void 0 ? void 0 : icons.right;
-    if (component$1.isString(rightIconProps)) {
-        rightIconProps = { icon: rightIconProps };
-    }
-    const startAdornment = [];
-    const endAdornment = [];
-    if (defaultStartAdornment) {
-        if (Array.isArray(defaultStartAdornment)) {
-            startAdornment.push(...defaultStartAdornment);
-        }
-        else {
-            startAdornment.push(defaultStartAdornment);
-        }
-    }
-    if (leftIconProps) {
-        if (_Uint8Array.isObject(leftIconProps)) {
-            startAdornment.push(index.h(component.IconFC, { class: "kol-input-container__icon", icons: leftIconProps.icon, label: (_a = leftIconProps.label) !== null && _a !== void 0 ? _a : '', style: leftIconProps.style }));
-        }
-        else {
-            startAdornment.push(index.h(component.IconFC, { class: "kol-input-container__icon", icons: leftIconProps, label: "" }));
-        }
-    }
-    if (_Uint8Array.isObject(smartButton)) {
-        endAdornment.push(index.h(KolIconButtonFc, Object.assign({ componentName: "button", class: "kol-input-container__smart-button" }, smartButton, { hideLabel: true, disabled: disabled })));
-    }
-    if (rightIconProps) {
-        if (_Uint8Array.isObject(rightIconProps)) {
-            endAdornment.push(index.h(component.IconFC, { class: "kol-input-container__icon", icons: rightIconProps.icon, label: (_b = rightIconProps.label) !== null && _b !== void 0 ? _b : '', style: rightIconProps.style }));
-        }
-        else {
-            endAdornment.push(index.h(component.IconFC, { class: "kol-input-container__icon", icons: rightIconProps, label: "" }));
-        }
-    }
-    if (defaultEndAdornment) {
-        if (Array.isArray(defaultEndAdornment)) {
-            endAdornment.push(...defaultEndAdornment);
-        }
-        else {
-            endAdornment.push(defaultEndAdornment);
-        }
-    }
-    return (index.h(KolInputContainerFc, { disabled: disabled, msg: msg, touched: touched, startAdornment: startAdornment, endAdornment: endAdornment }, children));
-};
-
-class InputIconController extends FormFieldStateWrapper.InputController {
-    constructor(component, name, host) {
-        super(component, name, host);
-        this.numberStringRegex = /^\d+(\.\d+)?$/;
-        this.parseToNumber = (value) => {
-            if (typeof value === 'number') {
-                return isNaN(value) ? null : value;
-            }
-            if (this.isNumberString(value)) {
-                return parseFloat(value);
-            }
-            return null;
-        };
-        this.validateNumber = (propName, value) => {
-            return common.watchValidator(this.component, propName, (value) => value === undefined || value === null || typeof value === 'number' || (typeof value === 'string' && this.numberStringRegex.test(value)), new Set(['number', 'NumberString']), value, {
-                hooks: {
-                    beforePatch: (value, nextState) => {
-                        if (nextState === null || nextState === void 0 ? void 0 : nextState.has(propName)) {
-                            nextState === null || nextState === void 0 ? void 0 : nextState.set(propName, this.parseToNumber(value));
-                        }
-                    },
-                },
-            });
-        };
-        this.component = component;
-    }
-    validateIcons(value) {
-        icons.validateIcons(this.component, value);
-    }
-    isNumberString(value) {
-        return typeof value === 'string' && this.numberStringRegex.test(value);
-    }
-    componentWillLoad() {
-        super.componentWillLoad();
-        this.validateIcons(this.component._icons);
-    }
-}
-
-exports.InputContainerStateWrapperFc = InputContainerStateWrapperFc;
-exports.InputIconController = InputIconController;
-exports.KolIconButtonFc = KolIconButtonFc;
-//# sourceMappingURL=controller-icon-DbtCUP4L.js.map
-
-//# sourceMappingURL=controller-icon-DbtCUP4L.js.map

package/dist/cjs/controller-icon-DbtCUP4L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller-icon-DbtCUP4L.js","sources":["src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { OptionalButtonProps, RequiredButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<RequiredButtonProps & OptionalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport type { VariantClassNamePropType } from '../../schema';\nimport KolButtonFc, { type ButtonProps } from '../Button';\n\ntype IconType = {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\tlabel?: string;\n\tstyle?: { [key: string]: string };\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\tbuttonVariant?: VariantClassNamePropType;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`IconFC`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The Codicon or other font classname used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `buttonVariant`: Variant for the button component.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"kolicon-check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : IconFC;\n\n\treturn <Component label={label || ''} hideLabel icons={`${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { 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 InputAdornment from '../InputAdornment';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport {\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InternalButtonProps,\n\ttype KoliBriHorizontalIcons,\n\ttype MsgPropType,\n\ttype SelectStates,\n\ttype Stringified,\n\ttype TextareaStates,\n} from '../../schema';\n\nimport { isObject, isString } from 'lodash-es';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport { IconFC } from '../../internal/functional-components/icon/component';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: InternalButtonProps;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: InternalButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg,\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = (\n\t{ state, startAdornment: defaultStartAdornment, endAdornment: defaultEndAdornment },\n\tchildren,\n) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultStartAdornment) {\n\t\tif (Array.isArray(defaultStartAdornment)) {\n\t\t\tstartAdornment.push(...defaultStartAdornment);\n\t\t} else {\n\t\t\tstartAdornment.push(defaultStartAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tif (isObject(leftIconProps)) {\n\t\t\tstartAdornment.push(\n\t\t\t\t<IconFC class=\"kol-input-container__icon\" icons={leftIconProps.icon} label={leftIconProps.label ?? ''} style={leftIconProps.style} />,\n\t\t\t);\n\t\t} else {\n\t\t\tstartAdornment.push(<IconFC class=\"kol-input-container__icon\" icons={leftIconProps} label=\"\" />);\n\t\t}\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tif (isObject(rightIconProps)) {\n\t\t\tendAdornment.push(\n\t\t\t\t<IconFC class=\"kol-input-container__icon\" icons={rightIconProps.icon} label={rightIconProps.label ?? ''} style={rightIconProps.style} />,\n\t\t\t);\n\t\t} else {\n\t\t\tendAdornment.push(<IconFC class=\"kol-input-container__icon\" icons={rightIconProps} label=\"\" />);\n\t\t}\n\t}\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { IconsHorizontalPropType, NumberString } from '../../../schema';\nimport { validateIcons, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprivate readonly numberStringRegex = /^\\d+(\\.\\d+)?$/; // https://regex101.com/r/mET6Tx/1\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 validateIcons(value?: IconsHorizontalPropType): void {\n\t\tvalidateIcons(this.component, value);\n\t}\n\n\tpublic isNumberString(value: unknown): value is NumberString {\n\t\treturn typeof value === 'string' && this.numberStringRegex.test(value);\n\t}\n\n\tprotected readonly parseToNumber = (value?: number | NumberString | null): number | null => {\n\t\tif (typeof value === 'number') {\n\t\t\treturn isNaN(value) ? null : value;\n\t\t}\n\t\tif (this.isNumberString(value)) {\n\t\t\treturn parseFloat(value);\n\t\t}\n\t\treturn null;\n\t};\n\n\tprotected readonly validateNumber = (propName: string, value?: number | NumberString | null) => {\n\t\treturn watchValidator(\n\t\t\tthis.component,\n\t\t\tpropName,\n\t\t\t(value): boolean =>\n\t\t\t\tvalue === undefined || value === null || typeof value === 'number' || (typeof value === 'string' && this.numberStringRegex.test(value)),\n\t\t\tnew Set(['number', 'NumberString']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (value: unknown, nextState) => {\n\t\t\t\t\t\tif (nextState?.has(propName)) {\n\t\t\t\t\t\t\tnextState?.set(propName, this.parseToNumber(value as number | NumberString | null));\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"names":["__rest","h","KolButtonWcTag","IconFC","clsx","getMsgType","isMsgDefinedAndInputTouched","isString","isObject","InputController","watchValidator","validateIcons"],"mappings":"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"}

package/dist/cjs/controller-yEO0Y7nZ.js

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

package/dist/cjs/controller-yEO0Y7nZ.js.map

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

package/dist/cjs/counter-dom-updater-Bm-4DlX7.js

@@ -1,119 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var common = require('./common-Bwi0J8Cv.js');
-var i18n = require('./i18n-Cp31h8Qy.js');
-
-const validateHasCounter = (component, value, options) => {
-    common.watchBoolean(component, '_hasCounter', value, options);
-};
-
-const validateMaxLength = (component, value, options = {}) => {
-    common.watchNumber(component, '_maxLength', value, Object.assign({ min: 0 }, options));
-};
-
-const maxLengthBehaviorPropTypeOptions = ['hard', 'soft'];
-const validateMaxLengthBehavior = (component, value) => {
-    common.watchValidator(component, '_maxLengthBehavior', (value) => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value), new Set(['String {hard, soft}']), value);
-};
-
-const getCounterVisualText = (maxLengthBehavior, maxLength, currentLength) => {
-    if (typeof maxLength !== 'number') {
-        return i18n.translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });
-    }
-    if (maxLengthBehavior === 'soft') {
-        const remaining = maxLength - currentLength;
-        return remaining < 0
-            ? i18n.translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })
-            : i18n.translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });
-    }
-    return i18n.translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } });
-};
-const getCounterAriaText = (maxLengthBehavior, maxLength, currentLength) => {
-    if (typeof maxLength !== 'number') {
-        return i18n.translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });
-    }
-    if (maxLengthBehavior === 'soft') {
-        const remaining = maxLength - currentLength;
-        return remaining < 0
-            ? i18n.translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })
-            : i18n.translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });
-    }
-    return i18n.translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLength), max: String(maxLength) } });
-};
-const getCounterMaxText = (maxLengthBehavior, maxLength, currentLength) => {
-    if (maxLengthBehavior === 'hard' && typeof maxLength === 'number' && currentLength >= maxLength) {
-        return i18n.translate('kol-character-counter-max-aria');
-    }
-    return '';
-};
-
-const isCharacterInputKey = (event) => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
-const REANNOUNCE_MARKER = '\u00A0';
-class CounterDomUpdater {
-    constructor() {
-        this.reannounceToggle = false;
-        this.setVisualRef = (el) => {
-            this.visualSpan = el;
-        };
-        this.setAriaRef = (el) => {
-            this.ariaSpan = el;
-        };
-        this.handleKeyDown = (event, currentLength, maxLength, maxLengthBehavior) => {
-            if (maxLengthBehavior !== 'hard' || typeof maxLength !== 'number' || currentLength < maxLength)
-                return;
-            if (!isCharacterInputKey(event))
-                return;
-            this.retriggerAria(currentLength, maxLength, maxLengthBehavior);
-        };
-    }
-    doUpdateVisual(currentLength, maxLength, maxLengthBehavior) {
-        if (!this.visualSpan)
-            return;
-        this.visualSpan.innerText = getCounterVisualText(maxLengthBehavior, maxLength, currentLength);
-        this.visualSpan.classList.toggle('kol-form-field__counter--exceeded', maxLengthBehavior === 'soft' && typeof maxLength === 'number' && currentLength > maxLength);
-    }
-    doUpdateAria(currentLength, maxLength, maxLengthBehavior, forceReannounce = false) {
-        if (!this.ariaSpan)
-            return;
-        const ariaText = getCounterAriaText(maxLengthBehavior, maxLength, currentLength);
-        const maxText = getCounterMaxText(maxLengthBehavior, maxLength, currentLength);
-        let text = [ariaText, maxText].filter(Boolean).join(' ');
-        if (forceReannounce) {
-            this.reannounceToggle = !this.reannounceToggle;
-            if (this.reannounceToggle) {
-                text += REANNOUNCE_MARKER;
-            }
-        }
-        this.ariaSpan.innerText = text;
-    }
-    update(currentLength, maxLength, maxLengthBehavior) {
-        this.doUpdateVisual(currentLength, maxLength, maxLengthBehavior);
-        clearTimeout(this.debounceTimer);
-        this.debounceTimer = setTimeout(() => this.doUpdateAria(currentLength, maxLength, maxLengthBehavior), 1000);
-    }
-    updateImmediate(currentLength, maxLength, maxLengthBehavior) {
-        this.doUpdateVisual(currentLength, maxLength, maxLengthBehavior);
-        clearTimeout(this.debounceTimer);
-        this.doUpdateAria(currentLength, maxLength, maxLengthBehavior);
-    }
-    retriggerAria(currentLength, maxLength, maxLengthBehavior) {
-        if (!this.ariaSpan)
-            return;
-        clearTimeout(this.debounceTimer);
-        this.debounceTimer = setTimeout(() => this.doUpdateAria(currentLength, maxLength, maxLengthBehavior, true), 1000);
-    }
-    destroy() {
-        clearTimeout(this.debounceTimer);
-    }
-}
-
-exports.CounterDomUpdater = CounterDomUpdater;
-exports.validateHasCounter = validateHasCounter;
-exports.validateMaxLength = validateMaxLength;
-exports.validateMaxLengthBehavior = validateMaxLengthBehavior;
-//# sourceMappingURL=counter-dom-updater-Bm-4DlX7.js.map
-
-//# sourceMappingURL=counter-dom-updater-Bm-4DlX7.js.map

package/dist/cjs/counter-dom-updater-Bm-4DlX7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"counter-dom-updater-Bm-4DlX7.js","sources":["src/schema/props/has-counter.ts","src/schema/props/max-length.ts","src/schema/props/max-length-behavior.ts","src/functional-components/FormField/counter-utils.ts","src/utils/counter-dom-updater.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasCounterPropType = boolean;\n\n/**\n * Shows the character count on the lower border of the input.\n */\nexport type PropHasCounter = {\n\thasCounter: HasCounterPropType;\n};\n\n/* validator */\nexport const validateHasCounter = (component: Generic.Element.Component, value?: HasCounterPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hasCounter', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nexport type MaxLengthPropType = number;\n\n/**\n * Defines the maximum length of the value.\n */\nexport type PropMaxLength = {\n\tmaxLength: MaxLengthPropType;\n};\n\nexport const validateMaxLength = (component: Generic.Element.Component, value?: MaxLengthPropType, options: WatchNumberOptions = {}): void => {\n\twatchNumber(component, '_maxLength', value, { min: 0, ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\n/* types */\nconst maxLengthBehaviorPropTypeOptions = ['hard', 'soft'] as const;\nexport type MaxLengthBehaviorPropType = (typeof maxLengthBehaviorPropTypeOptions)[number];\n\n/**\n * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n */\nexport type PropMaxLengthBehavior = {\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/* validator */\nexport const validateMaxLengthBehavior = (component: Generic.Element.Component, value?: MaxLengthBehaviorPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_maxLengthBehavior',\n\t\t(value): boolean => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value),\n\t\tnew Set(['String {hard, soft}']),\n\t\tvalue,\n\t);\n};\n","import { translate } from '../../i18n';\nimport type { MaxLengthBehaviorPropType } from '../../schema';\n\nexport const getCounterVisualText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterAriaText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (typeof maxLength !== 'number') {\n\t\treturn translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\t}\n\tif (maxLengthBehavior === 'soft') {\n\t\tconst remaining = maxLength - currentLength;\n\t\treturn remaining < 0\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remaining)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remaining) } });\n\t}\n\treturn translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLength), max: String(maxLength) } });\n};\n\nexport const getCounterMaxText = (maxLengthBehavior: MaxLengthBehaviorPropType, maxLength: number | undefined, currentLength: number): string => {\n\tif (maxLengthBehavior === 'hard' && typeof maxLength === 'number' && currentLength >= maxLength) {\n\t\treturn translate('kol-character-counter-max-aria');\n\t}\n\treturn '';\n};\n","import { getCounterAriaText, getCounterMaxText, getCounterVisualText } from '../functional-components/FormField/counter-utils';\nimport type { MaxLengthBehaviorPropType } from '../schema';\n\n/**\n * Prüft, ob ein Tastendruck einen Eingabeversuch (druckbares Einzelzeichen) darstellt.\n * Steuertasten (Pfeiltasten, Tab, Backspace, …) sowie Tastenkombinationen mit Strg/Meta/Alt\n * werden ausgeschlossen, da sie kein Zeichen einfügen.\n */\nconst isCharacterInputKey = (event: KeyboardEvent): boolean => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n\n/** Nicht sichtbares geschütztes Leerzeichen (NBSP), das zur Erzwingung einer erneuten Live-Region-Ankündigung dient. */\nconst REANNOUNCE_MARKER = '\\u00A0';\n\nexport class CounterDomUpdater {\n\tprivate visualSpan?: HTMLSpanElement;\n\tprivate ariaSpan?: HTMLSpanElement;\n\tprivate debounceTimer?: ReturnType<typeof setTimeout>;\n\tprivate reannounceToggle = false;\n\n\treadonly setVisualRef = (el?: HTMLSpanElement): void => {\n\t\tthis.visualSpan = el;\n\t};\n\n\treadonly setAriaRef = (el?: HTMLSpanElement): void => {\n\t\tthis.ariaSpan = el;\n\t};\n\n\tprivate doUpdateVisual(currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType): void {\n\t\tif (!this.visualSpan) return;\n\t\tthis.visualSpan.innerText = getCounterVisualText(maxLengthBehavior, maxLength, currentLength);\n\t\tthis.visualSpan.classList.toggle(\n\t\t\t'kol-form-field__counter--exceeded',\n\t\t\tmaxLengthBehavior === 'soft' && typeof maxLength === 'number' && currentLength > maxLength,\n\t\t);\n\t}\n\n\tprivate doUpdateAria(currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType, forceReannounce = false): void {\n\t\tif (!this.ariaSpan) return;\n\t\tconst ariaText = getCounterAriaText(maxLengthBehavior, maxLength, currentLength);\n\t\tconst maxText = getCounterMaxText(maxLengthBehavior, maxLength, currentLength);\n\t\tlet text = [ariaText, maxText].filter(Boolean).join(' ');\n\n\t\tif (forceReannounce) {\n\t\t\t// `aria-live` kündigt nur an, wenn sich der Inhalt gegenüber dem zuletzt vorgelesenen Text ändert.\n\t\t\t// Bei wiederholten Eingabeversuchen ist der Text identisch, sodass ein bloßes Neu-Setzen (auch nach\n\t\t\t// vorherigem Leeren) von Screenreadern nicht erneut vorgelesen wird. Daher wird abwechselnd ein\n\t\t\t// nicht sichtbares NBSP angehängt, damit sich der Textinhalt tatsächlich ändert und die Meldung\n\t\t\t// erneut angekündigt wird.\n\t\t\tthis.reannounceToggle = !this.reannounceToggle;\n\t\t\tif (this.reannounceToggle) {\n\t\t\t\ttext += REANNOUNCE_MARKER;\n\t\t\t}\n\t\t}\n\n\t\tthis.ariaSpan.innerText = text;\n\t}\n\n\t/** Sofortiges Update des visuellen Spans, entprelltes Update des Aria-Spans (1 s). */\n\tupdate(currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType): void {\n\t\tthis.doUpdateVisual(currentLength, maxLength, maxLengthBehavior);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.doUpdateAria(currentLength, maxLength, maxLengthBehavior), 1000);\n\t}\n\n\t/** Sofortiges Update beider Spans ohne Debounce (für initialles Render und programmatische Wertänderungen). */\n\tupdateImmediate(currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType): void {\n\t\tthis.doUpdateVisual(currentLength, maxLength, maxLengthBehavior);\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.doUpdateAria(currentLength, maxLength, maxLengthBehavior);\n\t}\n\n\t/**\n\t * Tastendruck-Handler für die Live-Region beim Hard-Limit.\n\t *\n\t * Ist das Hard-Limit erreicht, blockiert das native `maxlength`-Attribut weitere Eingaben, ohne ein\n\t * `input`-Event auszulösen. Span 2 (`aria-live`) bliebe damit unverändert und der Screenreader würde\n\t * die „Zeichenlimit erreicht!\"-Meldung bei weiteren Eingabeversuchen nicht erneut vorlesen.\n\t *\n\t * Dieser Handler triggert die Live-Region bei einem Eingabeversuch nach Erreichen des Limits\n\t * **entprellt** (1 s) erneut, sodass die visuell versteckte Meldung zum Zeichenlimit wiederholt\n\t * vorgelesen wird.\n\t */\n\treadonly handleKeyDown = (event: KeyboardEvent, currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType): void => {\n\t\tif (maxLengthBehavior !== 'hard' || typeof maxLength !== 'number' || currentLength < maxLength) return;\n\t\tif (!isCharacterInputKey(event)) return;\n\t\tthis.retriggerAria(currentLength, maxLength, maxLengthBehavior);\n\t};\n\n\t/**\n\t * Erzwingt – entprellt – eine erneute Ankündigung der Live-Region. `doUpdateAria` hängt dazu abwechselnd\n\t * ein nicht sichtbares NBSP an, sodass der Screenreader die identische Meldung als Änderung erkennt.\n\t */\n\tpublic retriggerAria(currentLength: number, maxLength: number | undefined, maxLengthBehavior: MaxLengthBehaviorPropType): void {\n\t\tif (!this.ariaSpan) return;\n\t\tclearTimeout(this.debounceTimer);\n\t\tthis.debounceTimer = setTimeout(() => this.doUpdateAria(currentLength, maxLength, maxLengthBehavior, true), 1000);\n\t}\n\n\tdestroy(): void {\n\t\tclearTimeout(this.debounceTimer);\n\t}\n}\n"],"names":["watchBoolean","watchNumber","watchValidator","translate"],"mappings":"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"}

package/dist/cjs/custom-class-7gc4yTQh.js

@@ -1,17 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var common = require('./common-Bwi0J8Cv.js');
-
-const validateCustomClass = (component, value) => {
-    common.watchString(component, '_customClass', value, {
-        defaultValue: '',
-    });
-};
-
-exports.validateCustomClass = validateCustomClass;
-//# sourceMappingURL=custom-class-7gc4yTQh.js.map
-
-//# sourceMappingURL=custom-class-7gc4yTQh.js.map

package/dist/cjs/custom-class-7gc4yTQh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-class-7gc4yTQh.js","sources":["src/schema/props/custom-class.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type CustomClassPropType = string;\n\n/**\n * Defines the custom class attribute.\n */\nexport type PropCustomClass = {\n\tcustomClass: CustomClassPropType;\n};\n\n/* validator */\nexport const validateCustomClass = (component: Generic.Element.Component, value?: CustomClassPropType): void => {\n\twatchString(component, '_customClass', value, {\n\t\tdefaultValue: '',\n\t});\n};\n"],"names":["watchString"],"mappings":";;;;;;;MAea,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,KAAU;AAC9G,IAAAA,kBAAW,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE;AAC7C,QAAA,YAAY,EAAE,EAAE;AAChB,KAAA,CAAC;AACH;;;;"}