@public-ui/components 4.3.0-rc.4 → 4.3.0-rc.6

package/dist/collection/schema/props/variant-class-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-class-name.js","sourceRoot":"","sources":["../../../src/schema/props/variant-class-name.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAQ1C,MAAM,kBAAkB,GAAG,+BAA+B,CAAC;AAC3D,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,EAAQ,EAAE;IACxH,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC;AACxF,CAAC,CAAC","sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, SAFE_CLASS_NAME_ALLOWED, value);\n};\n"]}
+{"version":3,"file":"variant-class-name.js","sourceRoot":"","sources":["../../../src/schema/props/variant-class-name.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQzC,MAAM,kBAAkB,GAAG,+BAA+B,CAAC;AAC3D,MAAM,oBAAoB,GAAG,CAAC,KAAc,EAAE,EAAE,CAC/C,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,IAAK,KAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;AACvI,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAQ,EAAE;;IACxE,IAAI,MAAA,SAAS,CAAC,SAAS,0CAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1C,MAAM,QAAQ,GAAG,MAAA,SAAS,CAAC,SAAS,0CAAE,GAAG,CAAC,UAAU,CAAC,CAAC;QACtD,IAAI,iBAAiB,GAA6B,EAAE,CAAC;QACrD,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;YAC3B,iBAAiB,GAAI,QAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,iBAAiB,GAAG,QAAQ,CAAC;QAC9B,CAAC;QACD,MAAA,SAAS,CAAC,SAAS,0CAAE,GAAG,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IACzD,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,EAAE,UAAwB,EAAE,EAAQ,EAAE;;IACpJ,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,KAAK,kCACtF,OAAO,KACV,YAAY,EAAE,EAAE,EAChB,KAAK,EAAE;YACN,UAAU,EAAE,MAAA,OAAO,CAAC,KAAK,0CAAE,UAAU;YACrC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE;;gBACrD,IAAI,OAAO,CAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,WAAW,CAAA,KAAK,UAAU,EAAE,CAAC;oBACtD,MAAA,OAAO,CAAC,KAAK,0CAAE,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;gBAClE,CAAC;gBACD,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC9B,CAAC;SACD,IACA,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAA8C,EAAE,aAAqB,EAAU,EAAE;IACrH,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5B,SAAS,IAAI,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,OAAO,GAAG,GAAG,CAAC;QAC5D,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC","sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { isString } from '../validators';\n\nexport type VariantClassNamePropType = string | string[];\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isValidArrayOrString = (value: unknown) =>\n\t(Array.isArray(value) && value.every(isSafeClassName)) || (isString(value, 1) && (value as string).split(' ').every(isSafeClassName));\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nconst beforePatchString = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_variant')) {\n\t\tconst variants = component.nextState?.get('_variant');\n\t\tlet nextStateVariants: VariantClassNamePropType = [];\n\t\tif (isString(variants, 1)) {\n\t\t\tnextStateVariants = (variants as string).split(' ');\n\t\t} else if (Array.isArray(variants)) {\n\t\t\tnextStateVariants = variants;\n\t\t}\n\t\tcomponent.nextState?.set('_variant', nextStateVariants);\n\t}\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType, options: WatchOptions = {}): void => {\n\twatchValidator(component, '_variant', isValidArrayOrString, SAFE_CLASS_NAME_ALLOWED, value, {\n\t\t...options,\n\t\tdefaultValue: {},\n\t\thooks: {\n\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t}\n\t\t\t\tbeforePatchString(component);\n\t\t\t},\n\t\t},\n\t});\n};\n\nexport const classNameFromVariant = (variants: VariantClassNamePropType | undefined, componentName: string): string => {\n\tlet className = '';\n\n\tif (Array.isArray(variants)) {\n\t\tvariants.forEach((variant) => {\n\t\t\tclassName += 'kol-' + componentName + '--' + variant + ' ';\n\t\t});\n\t}\n\treturn className;\n};\n"]}

package/dist/collection/schema/tag-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-names.js","sourceRoot":"","sources":["../../src/schema/tag-names.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAuDX;AAvDD,WAAY,OAAO;IAClB,qCAAM,CAAA;IACN,+CAAW,CAAA;IACX,uCAAO,CAAA;IACP,yCAAQ,CAAA;IACR,uCAAO,CAAA;IACP,iDAAY,CAAA;IACZ,yCAAQ,CAAA;IACR,mDAAa,CAAA;IACb,qCAAM,CAAA;IACN,6CAAU,CAAA;IACV,4CAAS,CAAA;IACT,0CAAQ,CAAA;IACR,0CAAQ,CAAA;IACR,sCAAM,CAAA;IACN,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,oDAAa,CAAA;IACb,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,wCAAO,CAAA;IACP,oCAAK,CAAA;IACL,kDAAY,CAAA;IACZ,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,wCAAO,CAAA;IACP,0CAAQ,CAAA;IACR,wDAAe,CAAA;IACf,8CAAU,CAAA;IACV,sCAAM,CAAA;IACN,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,wCAAO,CAAA;IACP,0DAAgB,CAAA;IAChB,4DAAiB,CAAA;IACjB,sCAAM,CAAA;IACN,8CAAU,CAAA;IACV,4DAAiB,CAAA;IACjB,4CAAS,CAAA;IACT,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,gDAAW,CAAA;AACZ,CAAC,EAvDW,OAAO,KAAP,OAAO,QAuDlB","sourcesContent":["export enum TagEnum {\n\t'abbr',\n\t'accordion',\n\t'alert',\n\t'avatar',\n\t'badge',\n\t'breadcrumb',\n\t'button',\n\t'button-link',\n\t'card',\n\t'combobox',\n\t'details',\n\t'dialog',\n\t'drawer',\n\t'form',\n\t'heading',\n\t'icon',\n\t'image',\n\t'input-checkbox',\n\t'input-color',\n\t'input-date',\n\t'input-email',\n\t'input-file',\n\t'input-number',\n\t'input-password',\n\t'input-radio',\n\t'input-range',\n\t'input-text',\n\t'kolibri',\n\t'link',\n\t'link-button',\n\t'logo',\n\t'meter',\n\t'modal',\n\t'nav',\n\t'pagination',\n\t'popover-button',\n\t'progress',\n\t'quote',\n\t'select',\n\t'single-select',\n\t'skip-nav',\n\t'spin',\n\t'split-button',\n\t'symbol',\n\t'table',\n\t'table-stateful',\n\t'table-stateless',\n\t'tabs',\n\t'textarea',\n\t'toast-container',\n\t'toolbar',\n\t'tooltip',\n\t'tree',\n\t'tree-item',\n}\n"]}
+{"version":3,"file":"tag-names.js","sourceRoot":"","sources":["../../src/schema/tag-names.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAuDX;AAvDD,WAAY,OAAO;IAClB,qCAAI,CAAA;IACJ,+CAAS,CAAA;IACT,uCAAK,CAAA;IACL,yCAAM,CAAA;IACN,uCAAK,CAAA;IACL,iDAAU,CAAA;IACV,yCAAM,CAAA;IACN,mDAAa,CAAA;IACb,qCAAI,CAAA;IACJ,6CAAQ,CAAA;IACR,4CAAO,CAAA;IACP,0CAAM,CAAA;IACN,0CAAM,CAAA;IACN,sCAAI,CAAA;IACJ,4CAAO,CAAA;IACP,sCAAI,CAAA;IACJ,wCAAK,CAAA;IACL,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,4CAAO,CAAA;IACP,sCAAI,CAAA;IACJ,oDAAa,CAAA;IACb,sCAAI,CAAA;IACJ,wCAAK,CAAA;IACL,wCAAK,CAAA;IACL,oCAAG,CAAA;IACH,kDAAU,CAAA;IACV,0DAAgB,CAAA;IAChB,8CAAQ,CAAA;IACR,wCAAK,CAAA;IACL,0CAAM,CAAA;IACN,wDAAe,CAAA;IACf,8CAAU,CAAA;IACV,sCAAI,CAAA;IACJ,sDAAc,CAAA;IACd,0CAAM,CAAA;IACN,wCAAK,CAAA;IACL,0DAAgB,CAAA;IAChB,4DAAiB,CAAA;IACjB,sCAAI,CAAA;IACJ,8CAAQ,CAAA;IACR,4DAAiB,CAAA;IACjB,4CAAO,CAAA;IACP,4CAAO,CAAA;IACP,sCAAI,CAAA;IACJ,gDAAW,CAAA;AACZ,CAAC,EAvDW,OAAO,KAAP,OAAO,QAuDlB","sourcesContent":["export enum TagEnum {\n\tabbr,\n\taccordion,\n\talert,\n\tavatar,\n\tbadge,\n\tbreadcrumb,\n\tbutton,\n\t'button-link',\n\tcard,\n\tcombobox,\n\tdetails,\n\tdialog,\n\tdrawer,\n\tform,\n\theading,\n\ticon,\n\timage,\n\t'input-checkbox',\n\t'input-color',\n\t'input-date',\n\t'input-email',\n\t'input-file',\n\t'input-number',\n\t'input-password',\n\t'input-radio',\n\t'input-range',\n\t'input-text',\n\tkolibri,\n\tlink,\n\t'link-button',\n\tlogo,\n\tmeter,\n\tmodal,\n\tnav,\n\tpagination,\n\t'popover-button',\n\tprogress,\n\tquote,\n\tselect,\n\t'single-select',\n\t'skip-nav',\n\tspin,\n\t'split-button',\n\tsymbol,\n\ttable,\n\t'table-stateful',\n\t'table-stateless',\n\ttabs,\n\ttextarea,\n\t'toast-container',\n\ttoolbar,\n\ttooltip,\n\ttree,\n\t'tree-item',\n}\n"]}

package/dist/collection/utils/counter-dom-updater.js

@@ -0,0 +1,64 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { getCounterAriaText, getCounterMaxText, getCounterVisualText } from "../functional-components/FormField/counter-utils";
+const isCharacterInputKey = (event) => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
+const REANNOUNCE_MARKER = '\u00A0';
+export 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);
+    }
+}
+//# sourceMappingURL=counter-dom-updater.js.map

package/dist/collection/utils/counter-dom-updater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-dom-updater.js","sourceRoot":"","sources":["../../src/utils/counter-dom-updater.ts"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/utils/scroll-lock.js

@@ -0,0 +1,52 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+const SCROLL_LOCK_OWNERS = new Set();
+let previousOverflow = null;
+let previousPaddingRight = null;
+export function lockScroll(owner) {
+    if (typeof document === 'undefined' || typeof window === 'undefined') {
+        return;
+    }
+    if (SCROLL_LOCK_OWNERS.has(owner)) {
+        return;
+    }
+    if (SCROLL_LOCK_OWNERS.size === 0) {
+        const docEl = document.documentElement;
+        previousOverflow = docEl.style.getPropertyValue('overflow');
+        previousPaddingRight = docEl.style.getPropertyValue('padding-right');
+        const scrollbarWidth = window.innerWidth - docEl.clientWidth;
+        if (scrollbarWidth > 0) {
+            const currentPaddingRight = Number.parseFloat(window.getComputedStyle(docEl).paddingRight) || 0;
+            docEl.style.setProperty('padding-right', `${currentPaddingRight + scrollbarWidth}px`);
+        }
+        docEl.style.setProperty('overflow', 'hidden');
+    }
+    SCROLL_LOCK_OWNERS.add(owner);
+}
+export function unlockScroll(owner) {
+    if (typeof document === 'undefined' || typeof window === 'undefined') {
+        return;
+    }
+    if (!SCROLL_LOCK_OWNERS.delete(owner)) {
+        return;
+    }
+    if (SCROLL_LOCK_OWNERS.size === 0) {
+        const docEl = document.documentElement;
+        if (previousOverflow) {
+            docEl.style.setProperty('overflow', previousOverflow);
+        }
+        else {
+            docEl.style.removeProperty('overflow');
+        }
+        if (previousPaddingRight) {
+            docEl.style.setProperty('padding-right', previousPaddingRight);
+        }
+        else {
+            docEl.style.removeProperty('padding-right');
+        }
+        previousOverflow = null;
+        previousPaddingRight = null;
+    }
+}
+//# sourceMappingURL=scroll-lock.js.map

package/dist/collection/utils/scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"AAUA,MAAM,kBAAkB,GAAiB,IAAI,GAAG,EAAE,CAAC;AAEnD,IAAI,gBAAgB,GAAkB,IAAI,CAAC;AAC3C,IAAI,oBAAoB,GAAkB,IAAI,CAAC;AAS/C,MAAM,UAAU,UAAU,CAAC,KAAc;IACxC,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACtE,OAAO;IACR,CAAC;IACD,IAAI,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO;IACR,CAAC;IAED,IAAI,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC;QACvC,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC5D,oBAAoB,GAAG,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAGrE,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC;QAC7D,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YACxB,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAChG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,mBAAmB,GAAG,cAAc,IAAI,CAAC,CAAC;QACvF,CAAC;QACD,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AASD,MAAM,UAAU,YAAY,CAAC,KAAc;IAC1C,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACtE,OAAO;IACR,CAAC;IACD,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO;IACR,CAAC;IAED,IAAI,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC;QACvC,IAAI,gBAAgB,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACP,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,oBAAoB,EAAE,CAAC;YAC1B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACP,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QAC7C,CAAC;QACD,gBAAgB,GAAG,IAAI,CAAC;QACxB,oBAAoB,GAAG,IAAI,CAAC;IAC7B,CAAC;AACF,CAAC","sourcesContent":["/**\n * This file contains the functions used to lock the background scroll while\n * a modal overlay (dialog, modal, drawer) is open. The native `showModal()`\n * makes the background inert, but does not prevent the document from scrolling.\n */\n\n/**\n * This set contains all owners (component instances) currently holding the lock.\n * The scroll lock is released once the last owner unlocks.\n */\nconst SCROLL_LOCK_OWNERS: Set<unknown> = new Set();\n\nlet previousOverflow: string | null = null;\nlet previousPaddingRight: string | null = null;\n\n/**\n * Locks the document scroll for the given owner. The first lock stores the\n * current inline styles and hides the viewport scrollbar; the removed\n * scrollbar width is compensated with padding to avoid a layout shift.\n *\n * @param owner The component instance requesting the lock\n */\nexport function lockScroll(owner: unknown): void {\n\tif (typeof document === 'undefined' || typeof window === 'undefined') {\n\t\treturn;\n\t}\n\tif (SCROLL_LOCK_OWNERS.has(owner)) {\n\t\treturn;\n\t}\n\n\tif (SCROLL_LOCK_OWNERS.size === 0) {\n\t\tconst docEl = document.documentElement;\n\t\tpreviousOverflow = docEl.style.getPropertyValue('overflow');\n\t\tpreviousPaddingRight = docEl.style.getPropertyValue('padding-right');\n\n\t\t// Measure before hiding the scrollbar; overlay scrollbars yield 0.\n\t\tconst scrollbarWidth = window.innerWidth - docEl.clientWidth;\n\t\tif (scrollbarWidth > 0) {\n\t\t\tconst currentPaddingRight = Number.parseFloat(window.getComputedStyle(docEl).paddingRight) || 0;\n\t\t\tdocEl.style.setProperty('padding-right', `${currentPaddingRight + scrollbarWidth}px`);\n\t\t}\n\t\tdocEl.style.setProperty('overflow', 'hidden');\n\t}\n\n\tSCROLL_LOCK_OWNERS.add(owner);\n}\n\n/**\n * Releases the scroll lock for the given owner. Calling it for an owner that\n * does not hold a lock is a no-op, so unlocking is idempotent per owner. The\n * previous inline styles are restored once the last owner unlocks.\n *\n * @param owner The component instance releasing the lock\n */\nexport function unlockScroll(owner: unknown): void {\n\tif (typeof document === 'undefined' || typeof window === 'undefined') {\n\t\treturn;\n\t}\n\tif (!SCROLL_LOCK_OWNERS.delete(owner)) {\n\t\treturn;\n\t}\n\n\tif (SCROLL_LOCK_OWNERS.size === 0) {\n\t\tconst docEl = document.documentElement;\n\t\tif (previousOverflow) {\n\t\t\tdocEl.style.setProperty('overflow', previousOverflow);\n\t\t} else {\n\t\t\tdocEl.style.removeProperty('overflow');\n\t\t}\n\t\tif (previousPaddingRight) {\n\t\t\tdocEl.style.setProperty('padding-right', previousPaddingRight);\n\t\t} else {\n\t\t\tdocEl.style.removeProperty('padding-right');\n\t\t}\n\t\tpreviousOverflow = null;\n\t\tpreviousPaddingRight = null;\n\t}\n}\n"]}

package/dist/components/Alert.js

@@ -7,7 +7,7 @@ import { c as clsx } from './clsx.js';
 import { b as KolButtonWcTag } from './component-names.js';
 import { t as translate } from './i18n.js';
 import { b as bem } from './bem-registry.js';
-import { I as IconFC } from './component3.js';
+import { I as IconFC } from './component2.js';
 import { K as KolHeadingFc } from './Heading.js';
 
 const alertBem$1 = bem.forBlock('kol-alert');

package/dist/components/FieldControlStateWrapper.js

@@ -4,11 +4,11 @@
 import { a as __rest } from './tslib.es6.js';
 import { h, Fragment } from '@stencil/core/internal/client';
 import { B as BaseWebComponent } from './base-web-component.js';
-import { T as TooltipFC } from './component.js';
+import { T as TooltipFC } from './component3.js';
 import { T as TooltipController } from './controller.js';
 import './common.js';
 import './prop.validators.js';
-import { b as buildBadgeTextString, s as showExpertSlot } from './component2.js';
+import { b as buildBadgeTextString, s as showExpertSlot } from './component.js';
 import { K as KolFormFieldLabelFc, a as getMsgType, i as isMsgDefinedAndInputTouched, b as KolFormFieldHintFc } from './controller3.js';
 import { c as clsx } from './clsx.js';
 import { a as createRelatedUniqueId } from './dev.utils.js';

package/dist/components/access-and-short-key.js

@@ -1,7 +1,7 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import { h as watchString, I as watchNumber, u as a11yHint } from './prop.validators.js';
+import { e as watchString, D as watchNumber, k as a11yHint } from './prop.validators.js';
 
 const validateAccessKey = (component, value) => {
     watchString(component, '_accessKey', value);