@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

package/dist/esm/component-DaUkSW3u.js

@@ -0,0 +1,21 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h } from './index-CfYfRjdO.js';
+import { b as bem } from './bem-registry-BRfTMZf0.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+
+const iconBem = bem.forBlock('kol-icon');
+const BEM_CLASS_ICON = iconBem();
+const BEM_CLASS_ICON__ICON = iconBem('icon');
+const IconFC = (_a) => {
+    var { class: classNames, icons, label } = _a, htmlAttributes = __rest(_a, ["class", "icons", "label"]);
+    const hasAriaLabel = (label === null || label === void 0 ? void 0 : label.length) > 0;
+    return (h("i", Object.assign({}, htmlAttributes, { "aria-hidden": hasAriaLabel ? undefined : 'true', "aria-label": hasAriaLabel ? label : undefined, class: clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames), role: hasAriaLabel ? 'img' : 'presentation' })));
+};
+
+export { IconFC as I };
+//# sourceMappingURL=component-DaUkSW3u.js.map
+
+//# sourceMappingURL=component-DaUkSW3u.js.map

package/dist/esm/component-DaUkSW3u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-DaUkSW3u.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label should be trimmed by normalization in controller\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACC,yBACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/contrast-D_ZImOya.js

@@ -0,0 +1,97 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { l as parse, m as hsl, r as rgb, n as rgba$1, q as s } from './common-Cbb6Axov.js';
+
+/** @module  color-rgba */
+
+function rgba (color) {
+	// template literals
+	if (Array.isArray(color) && color.raw) color = String.raw(...arguments);
+
+	var values;
+
+	//attempt to parse non-array arguments
+	var parsed = parse(color);
+
+	if (!parsed.space) return []
+
+	const min = parsed.space[0] === 'h' ? hsl.min : rgb.min;
+	const max = parsed.space[0] === 'h' ? hsl.max : rgb.max;
+
+	values = Array(3);
+	values[0] = Math.min(Math.max(parsed.values[0], min[0]), max[0]);
+	values[1] = Math.min(Math.max(parsed.values[1], min[1]), max[1]);
+	values[2] = Math.min(Math.max(parsed.values[2], min[2]), max[2]);
+
+	if (parsed.space[0] === 'h') {
+		values = hsl.rgb(values);
+	}
+
+	values.push(Math.min(Math.max(parsed.alpha, 0), 1));
+
+	return values
+}
+
+const getContrastYIQ = (r, g, b) => {
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    return yiq >= 128 ? -1 : 1;
+};
+const calcColorContrast = (baseColor, contrastColor, ratio, dir = 1) => {
+    const color = [
+        Math.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),
+        Math.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),
+        Math.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),
+    ];
+    const contrast = s(rgba$1.hex(`rgba(${baseColor.join(',')},1)`), rgba$1.hex(`rgba(${color.join(',')},1)`));
+    const summe = color[0] + color[1] + color[2];
+    if (summe === 0 || summe === 765 || contrast > ratio) {
+        return {
+            background: baseColor,
+            foreground: color,
+            contrast,
+        };
+    }
+    else {
+        return calcColorContrast(baseColor, color, ratio, dir);
+    }
+};
+const cache = new Map();
+const getColorContrast = (baseColor, contrastColor, ratio, dir = 1) => {
+    if (cache.has(baseColor)) {
+        return cache.get(baseColor);
+    }
+    const color = calcColorContrast(baseColor, contrastColor, ratio, dir);
+    cache.set(baseColor, color);
+    return color;
+};
+const createContrastColorPair = (color, contrastRatio = 7) => {
+    let baseColor = [0, 0, 0, 1];
+    let contrastColor = [255, 255, 255, 1];
+    if (typeof color === 'string') {
+        baseColor = rgba(color);
+        contrastColor = baseColor;
+    }
+    else if (typeof color === 'object' && color !== null && typeof color.background === 'string' && typeof color.foreground === 'string') {
+        baseColor = rgba(color.background);
+        if (typeof color.foreground === 'string') {
+            contrastColor = rgba(color.foreground);
+        }
+        else {
+            contrastColor = baseColor;
+        }
+    }
+    const yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);
+    const colorContrast = getColorContrast([baseColor[0], baseColor[1], baseColor[2]], [contrastColor[0], contrastColor[1], contrastColor[2]], contrastRatio, yiq);
+    contrastColor = [...colorContrast.foreground, 1];
+    return {
+        background: rgba$1.hex(`rgba(${baseColor.join(',')})`),
+        foreground: rgba$1.hex(`rgba(${contrastColor.join(',')})`),
+        contrast: colorContrast.contrast,
+    };
+};
+
+export { createContrastColorPair as c, rgba as r };
+//# sourceMappingURL=contrast-D_ZImOya.js.map
+
+//# sourceMappingURL=contrast-D_ZImOya.js.map

package/dist/esm/contrast-D_ZImOya.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-D_ZImOya.js","sources":["../../node_modules/.pnpm/color-rgba@2.4.0/node_modules/color-rgba/index.mjs","src/schema/utils/contrast.ts"],"sourcesContent":["/** @module  color-rgba */\r\nimport parse from 'color-parse'\r\nimport rgb from 'color-space/rgb.js'\r\nimport hsl from 'color-space/hsl.js'\r\n\r\nexport default function rgba (color) {\r\n\t// template literals\r\n\tif (Array.isArray(color) && color.raw) color = String.raw(...arguments)\r\n\r\n\tvar values, i, l\r\n\r\n\t//attempt to parse non-array arguments\r\n\tvar parsed = parse(color)\r\n\r\n\tif (!parsed.space) return []\r\n\r\n\tconst min = parsed.space[0] === 'h' ? hsl.min : rgb.min\r\n\tconst max = parsed.space[0] === 'h' ? hsl.max : rgb.max\r\n\r\n\tvalues = Array(3)\r\n\tvalues[0] = Math.min(Math.max(parsed.values[0], min[0]), max[0])\r\n\tvalues[1] = Math.min(Math.max(parsed.values[1], min[1]), max[1])\r\n\tvalues[2] = Math.min(Math.max(parsed.values[2], min[2]), max[2])\r\n\r\n\tif (parsed.space[0] === 'h') {\r\n\t\tvalues = hsl.rgb(values)\r\n\t}\r\n\r\n\tvalues.push(Math.min(Math.max(parsed.alpha, 0), 1))\r\n\r\n\treturn values\r\n}\r\n","import type { RGB } from 'color-convert/conversions';\nimport { hex } from 'wcag-contrast';\n\nimport rgba from 'color-rgba';\nimport rgbaConvert from 'rgba-convert';\n\ntype RGBA = [number, number, number, number];\n\n// const calcColor = (color: RGBA, diff: number): RGBA => [\n//   Math.max(Math.min(Math.round(color[0] + (color[0] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[1] + (color[1] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[2] + (color[2] / 100 + 1) * diff), 255), 0),\n//   color[3],\n// ];\n\n// const relativeLuminanceFormel = (c: number): number => {\n//   if (c <= 0.03928) {\n//     return c / 12.92;\n//   } else {\n//     return ((c + 0.055) / 1.055) ** 2.4;\n//   }\n// };\n// // https://www.w3.org/TR/WCAG20/#contrast-ratiodef\n// const relativeLuminance = (r: number, g: number, b: number): number => {\n//   return (\n//     0.2126 * relativeLuminanceFormel(r) + 0.7152 * relativeLuminanceFormel(g) + 0.0722 * relativeLuminanceFormel(b)\n//   );\n// };\n\n// https://css-tricks.com/snippets/javascript/random-hex-color/\n// const randomColor = () => Math.floor(Math.random() * 16777215).toString(16);\n\n// https://24ways.org/2010/calculating-color-contrast/\nexport const getContrastYIQ = (r: number, g: number, b: number): number => {\n\tconst yiq = (r * 299 + g * 587 + b * 114) / 1000;\n\treturn yiq >= 128 ? -1 : 1;\n};\n\ntype ColorPair<T> = {\n\tbackground: T;\n\tforeground: T;\n};\n\nexport type ColorContrast<T> = ColorPair<T> & {\n\tcontrast: number;\n};\n\nexport const calcColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tconst color: RGB = [\n\t\tMath.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),\n\t];\n\tconst contrast = hex(rgbaConvert.hex(`rgba(${baseColor.join(',')},1)`), rgbaConvert.hex(`rgba(${color.join(',')},1)`));\n\tconst summe = color[0] + color[1] + color[2];\n\tif (summe === 0 || summe === 765 || contrast > ratio) {\n\t\treturn {\n\t\t\tbackground: baseColor,\n\t\t\tforeground: color,\n\t\t\tcontrast,\n\t\t};\n\t} else {\n\t\treturn calcColorContrast(baseColor, color, ratio, dir);\n\t}\n};\n\nconst cache: Map<unknown, ColorContrast<RGB>> = new Map();\n\nexport const getColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tif (cache.has(baseColor)) {\n\t\treturn cache.get(baseColor) as ColorContrast<RGB>;\n\t}\n\tconst color = calcColorContrast(baseColor, contrastColor, ratio, dir);\n\tcache.set(baseColor, color);\n\treturn color;\n};\n\nexport const createContrastColorPair = (color: string | ColorPair<string>, contrastRatio = 7): ColorContrast<string> => {\n\tlet baseColor: RGBA = [0, 0, 0, 1];\n\tlet contrastColor: RGBA = [255, 255, 255, 1];\n\tif (typeof color === 'string') {\n\t\tbaseColor = rgba(color);\n\t\tcontrastColor = baseColor;\n\t} else if (typeof color === 'object' && color !== null && typeof color.background === 'string' && typeof color.foreground === 'string') {\n\t\tbaseColor = rgba(color.background);\n\t\tif (typeof color.foreground === 'string') {\n\t\t\tcontrastColor = rgba(color.foreground);\n\t\t} else {\n\t\t\tcontrastColor = baseColor;\n\t\t}\n\t}\n\tconst yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);\n\tconst colorContrast = getColorContrast(\n\t\t[baseColor[0], baseColor[1], baseColor[2]],\n\t\t[contrastColor[0], contrastColor[1], contrastColor[2]],\n\t\tcontrastRatio,\n\t\tyiq,\n\t);\n\tcontrastColor = [...colorContrast.foreground, 1];\n\n\treturn {\n\t\tbackground: rgbaConvert.hex(`rgba(${baseColor.join(',')})`),\n\t\tforeground: rgbaConvert.hex(`rgba(${contrastColor.join(',')})`),\n\t\tcontrast: colorContrast.contrast,\n\t};\n};\n"],"names":["hex","rgbaConvert"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/controller-9xFQ1gbO.js

@@ -0,0 +1,96 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { f as KolFormTag } from './component-names-Dy77vq43.js';
+import { J as getExperimentalMode, j as devHint, M as setEventTarget, a as KoliBriDevHelper, L as Log } from './common-Cbb6Axov.js';
+
+const searchFormElement = (el) => {
+    if (getExperimentalMode()) {
+        devHint(`↓ Search form element start.`);
+        Log.debug(el);
+    }
+    while (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== 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 (getExperimentalMode()) {
+            Log.debug(el);
+        }
+    }
+    if (getExperimentalMode()) {
+        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') {
+            setEventTarget(event, form);
+            form.dispatchEvent(event);
+        }
+        else if (form.tagName === KolFormTag.toUpperCase()) {
+            setEventTarget(event, 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 (getExperimentalMode() && form.noValidate === false) {
+                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 {
+                    setEventTarget(event, form);
+                    form.dispatchEvent(event);
+                }
+            });
+        }
+        else if (form.tagName === KolFormTag.toUpperCase()) {
+            setEventTarget(event, 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);
+                }
+            });
+        }
+    }
+};
+
+export { propagateResetEventToForm as a, propagateSubmitEventToForm as p };
+//# sourceMappingURL=controller-9xFQ1gbO.js.map
+
+//# sourceMappingURL=controller-9xFQ1gbO.js.map

package/dist/esm/controller-9xFQ1gbO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-9xFQ1gbO.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":[],"mappings":";;;;;;AAIA,MAAM,iBAAiB,GAAG,CAAC,EAAoC,KAAiD;IAC/G,IAAI,mBAAmB,EAAE,EAAE;QAC1B,OAAO,CAAC,CAA8B,4BAAA,CAAA,CAAC;AACvC,QAAA,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;;AAEd,IAAA,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrG,QAAA,IAAI;AACH,YAAA,IAAI,EAAE,CAAC,aAAa,YAAY,WAAW,EAAE;AAC5C,gBAAA,EAAE,GAAG,EAAE,CAAC,aAAa;;AACf,iBAAA,IAAI,EAAE,CAAC,UAAU,YAAY,UAAU,EAAE;AAC/C,gBAAA,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI;;iBACjB;gBACN,EAAE,GAAG,IAAI;;;QAET,OAAA,EAAA,EAAM;;QAOR,IAAI,mBAAmB,EAAE,EAAE;AAC1B,YAAA,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;;;IAGf,IAAI,mBAAmB,EAAE,EAAE;QAC1B,OAAO,CAAC,CAAiC,+BAAA,CAAA,CAAC;;AAE3C,IAAA,OAAO,EAAE;AACV,CAAC;MAEY,yBAAyB,GAAG,CACxC,OAGI,GAAA,EAAE,KACG;;IACT,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAI,IAAI,YAAY,WAAW,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,SAAA,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;AAC5B,YAAA,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;;aACnB,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrD,YAAA,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC;YACtF,MAAM,OAAO,GAAG,IAAiB;AACjC,YAAA,IAAI,QAAO,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,CAAA,KAAK,UAAU,EAAE;gBAC/C,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,KAAK,CAAC;;;;AAI/B;MAEa,0BAA0B,GAAG,CACzC,OAGI,GAAA,EAAE,KACG;IACT,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAI,IAAI,YAAY,WAAW,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;AACvC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,IAAI;AACf,SAAA,CAAC;AAWF,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAC5B,IAAI,mBAAmB,EAAE,IAAK,IAAwB,CAAC,UAAU,KAAK,KAAK,EAAE;gBAC5E,OAAO,CAAC,2GAA2G,EAAE;AACpH,oBAAA,KAAK,EAAE,IAAI;AACX,iBAAA,CAAC;;YAIH,UAAU,CAAC,MAAK;AAEf,gBAAA,IAAI,OAAQ,IAAwB,CAAC,aAAa,KAAK,UAAU,EAAE;oBACjE,IAAwB,CAAC,aAAa,EAAE;;qBACnC;AACN,oBAAA,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;AAC3B,oBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;;AAE3B,aAAC,CAAC;;aACI,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrD,YAAA,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC;YACtF,MAAM,OAAO,GAAG,IAAiB;YAEjC,UAAU,CAAC,MAAK;;AACf,gBAAA,IAAI,QAAO,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,CAAA,KAAK,UAAU,EAAE;oBAChD,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,KAAK,CAAC;;AAE9B,aAAC,CAAC;;;AAGL;;;;"}

package/dist/esm/controller-BUTW5QfH.js

@@ -0,0 +1,239 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as alignFloatingElements, b as autoUpdate } from './align-floating-elements-Xqbu3THH.js';
+import { x as getDocument } from './common-Cbb6Axov.js';
+import { t as tooltipClosed, a as tooltipOpened } from './tooltip-open-tracking-D3tCiiGP.js';
+import { c as createPropDefinition, n as normalizeString } from './normalizers-iLdS6AQE.js';
+import { a as alignPropTypeOptions } from './align-BdqBkiyq.js';
+import { l as labelProp } from './label-BwPy2Jd4.js';
+import './base-web-component-BCIMb9gN.js';
+import { B as BaseController } from './base-controller-CXhqh4cR.js';
+
+const alignProp = createPropDefinition('align', 'top', (value) => {
+    const str = normalizeString(value);
+    if (alignPropTypeOptions.includes(str)) {
+        return str;
+    }
+    throw new Error(`Invalid align value: ${str}`);
+}, (v) => alignPropTypeOptions.includes(v));
+
+const badgeTextProp = createPropDefinition('badgeText', '', normalizeString);
+
+const idProp = createPropDefinition('id', '', normalizeString);
+
+const VISIBLE_OVERLAYS = new Set();
+let lastOverlay = null;
+function showOverlay(overlay) {
+    if (lastOverlay !== overlay) {
+        if (lastOverlay) {
+            lastOverlay.style.setProperty('z-index', '999');
+        }
+        VISIBLE_OVERLAYS.delete(overlay);
+        VISIBLE_OVERLAYS.add(overlay);
+        overlay.style.setProperty('z-index', '1000');
+        lastOverlay = overlay;
+    }
+}
+function hideOverlay(overlay) {
+    if (!VISIBLE_OVERLAYS.delete(overlay)) {
+        return;
+    }
+    if (lastOverlay === overlay) {
+        lastOverlay = null;
+        for (const el of VISIBLE_OVERLAYS) {
+            lastOverlay = el;
+        }
+        if (lastOverlay) {
+            lastOverlay.style.setProperty('z-index', '1000');
+        }
+    }
+}
+
+const tooltipPropsConfig = {
+    required: [labelProp],
+    optional: [alignProp, badgeTextProp, idProp],
+};
+
+class TooltipController extends BaseController {
+    constructor(stateAccess) {
+        super(stateAccess, tooltipPropsConfig);
+        this.hasFocusIn = false;
+        this.hasMouseIn = false;
+        this.isHiddenForCurrentVisit = false;
+        this.setTooltipElementRef = (el) => {
+            this.tooltipElement = el;
+            if (this.tooltipElement) {
+                this.addListeners(this.tooltipElement);
+            }
+        };
+        this.hideTooltipByEscape = (event) => {
+            if (event.key === 'Escape') {
+                this.hideTooltip();
+            }
+        };
+        this.handleMouseEnter = () => {
+            const isNewVisit = this.isNewVisit();
+            this.hasMouseIn = true;
+            if (isNewVisit) {
+                this.isHiddenForCurrentVisit = false;
+            }
+            this.showOrHideTooltip();
+        };
+        this.handleMouseLeave = () => {
+            this.hasMouseIn = false;
+            this.resetHideFlag();
+            this.showOrHideTooltip();
+        };
+        this.handleFocusIn = () => {
+            const isNewVisit = this.isNewVisit();
+            this.hasFocusIn = true;
+            if (isNewVisit) {
+                this.isHiddenForCurrentVisit = false;
+            }
+            this.showOrHideTooltip();
+        };
+        this.handleFocusOut = () => {
+            this.hasFocusIn = false;
+            this.resetHideFlag();
+            this.showOrHideTooltip();
+        };
+    }
+    componentWillLoad(props) {
+        this.watchLabel(props.label);
+        this.watchAlign(props.align);
+        this.watchBadgeText(props.badgeText);
+        this.watchId(props.id);
+    }
+    watchLabel(value) {
+        labelProp.apply(value, (v) => {
+            this.setRenderProp('label', v);
+        });
+    }
+    watchAlign(value) {
+        alignProp.apply(value, (v) => {
+            this.setRenderProp('align', v);
+        });
+    }
+    watchBadgeText(value) {
+        badgeTextProp.apply(value, (v) => {
+            this.setRenderProp('badgeText', v);
+        });
+    }
+    watchId(value) {
+        idProp.apply(value, (v) => {
+            this.setRenderProp('id', v);
+        });
+    }
+    initContext(previousSibling) {
+        this.previousSibling = previousSibling;
+    }
+    syncListeners(last, next, replacePreviousSibling = false) {
+        if (last) {
+            this.removeListeners(last);
+        }
+        if (next) {
+            if (replacePreviousSibling) {
+                this.previousSibling = next;
+            }
+            this.addListeners(next);
+        }
+    }
+    handleEventListeners(host) {
+        const nextSibling = host.previousElementSibling;
+        this.syncListeners(this.previousSibling, nextSibling, true);
+    }
+    hideTooltip() {
+        this.isHiddenForCurrentVisit = true;
+        if (this.tooltipElement) {
+            hideOverlay(this.tooltipElement);
+            tooltipClosed();
+            this.tooltipElement.classList.remove('show');
+            this.tooltipElement.classList.add('hide');
+            if (this.cleanupAutoPositioning) {
+                this.cleanupAutoPositioning();
+                this.cleanupAutoPositioning = undefined;
+            }
+        }
+        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
+    }
+    destroy() {
+        clearTimeout(this.overFocusTimeout);
+        if (this.previousSibling) {
+            this.removeListeners(this.previousSibling);
+            this.previousSibling = undefined;
+        }
+        if (this.tooltipElement) {
+            this.removeListeners(this.tooltipElement);
+        }
+        if (this.cleanupAutoPositioning) {
+            this.cleanupAutoPositioning();
+            this.cleanupAutoPositioning = undefined;
+        }
+        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
+    }
+    isNewVisit() {
+        return !this.hasMouseIn && !this.hasFocusIn;
+    }
+    resetHideFlag() {
+        if (this.isNewVisit()) {
+            this.isHiddenForCurrentVisit = false;
+        }
+    }
+    async alignTooltip() {
+        if (this.tooltipElement && this.previousSibling) {
+            await alignFloatingElements({
+                align: this.getRenderProp('align'),
+                arrowElement: this.tooltipElement.querySelector('.kol-tooltip__arrow'),
+                floatingElement: this.tooltipElement,
+                referenceElement: this.previousSibling,
+            });
+        }
+    }
+    showTooltip() {
+        if (this.isHiddenForCurrentVisit) {
+            return;
+        }
+        if (this.previousSibling && this.tooltipElement) {
+            showOverlay(this.tooltipElement);
+            tooltipOpened();
+            this.tooltipElement.classList.remove('hide');
+            this.tooltipElement.classList.add('show');
+            this.tooltipElement.style.setProperty('display', 'block');
+            getDocument().addEventListener('keyup', this.hideTooltipByEscape, { once: true });
+            const target = this.previousSibling;
+            const tooltipEl = this.tooltipElement;
+            this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {
+                void this.alignTooltip();
+            });
+        }
+    }
+    showOrHideTooltip() {
+        clearTimeout(this.overFocusTimeout);
+        this.overFocusTimeout = setTimeout(() => {
+            if (this.hasMouseIn || this.hasFocusIn) {
+                this.showTooltip();
+            }
+            else {
+                this.hideTooltip();
+            }
+        }, 300);
+    }
+    addListeners(el) {
+        el.addEventListener('mouseover', this.handleMouseEnter);
+        el.addEventListener('mouseout', this.handleMouseLeave);
+        el.addEventListener('focusin', this.handleFocusIn);
+        el.addEventListener('focusout', this.handleFocusOut);
+    }
+    removeListeners(el) {
+        el.removeEventListener('mouseover', this.handleMouseEnter);
+        el.removeEventListener('mouseout', this.handleMouseLeave);
+        el.removeEventListener('focusin', this.handleFocusIn);
+        el.removeEventListener('focusout', this.handleFocusOut);
+    }
+}
+
+export { TooltipController as T };
+//# sourceMappingURL=controller-BUTW5QfH.js.map
+
+//# sourceMappingURL=controller-BUTW5QfH.js.map

package/dist/esm/controller-BUTW5QfH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-BUTW5QfH.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\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('keyup', 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\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":[],"mappings":"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"}

package/dist/esm/controller-CSptrI5n.js

@@ -0,0 +1,120 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { k as a11yHint, H as watchJsonArrayString, s as setState } from './common-Cbb6Axov.js';
+import { h as hasEnoughReadableChars, c as containsOnlyNumbers } from './label-We78Dt9U.js';
+import { v as validateRequired } from './required-BYwM0tPO.js';
+import { v as validateOrientation } from './orientation-DPjc47G2.js';
+import { I as InputController } from './FormFieldStateWrapper-DCZ5A-2U.js';
+
+const validateInputSelectOptions = (option) => {
+    if (typeof option === 'object' && option !== null) {
+        if (typeof option.label === 'string' && option.label.length > 0) {
+            option.disabled = option.disabled === true;
+            option.label = `${option.label}`.trim();
+            if (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {
+                a11yHint(`A differing Aria-Label (${option.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`);
+            }
+            if (Array.isArray(option.options)) {
+                return (option.options.find((item) => {
+                    return validateInputSelectOptions(item) === false;
+                }) === undefined);
+            }
+            return true;
+        }
+        else if (typeof option.label === 'number') {
+            return true;
+        }
+    }
+    return false;
+};
+
+const validateOptions = (component, value, options = {}) => {
+    watchJsonArrayString(component, '_options', (item) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0, value, undefined, options);
+};
+const validateOptionsWithOptgroup = (component, value, options = {}) => {
+    watchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);
+};
+
+const fillKeyOptionMap = (keyOptionMap, options, preKey = '') => {
+    options.forEach((option, index) => {
+        const key = `${preKey}-${index}`;
+        if (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {
+            if (Array.isArray(option.options)) {
+                fillKeyOptionMap(keyOptionMap, option.options, key);
+            }
+            else {
+                keyOptionMap.set(key, option);
+            }
+        }
+    });
+};
+class InputCheckboxRadioController extends InputController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.component = component;
+    }
+    validateRequired(value) {
+        validateRequired(this.component, value);
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateRequired(this.component._required);
+    }
+}
+class InputRadioController extends InputCheckboxRadioController {
+    constructor(component, name, host) {
+        super(component, name, host);
+        this.keyOptionMap = new Map();
+        this.getOptionByKey = (key) => this.keyOptionMap.get(key);
+        this.afterPatchOptions = (value, _state, _component, key) => {
+            if (key === '_value') {
+                this.setFormAssociatedValue(value);
+            }
+        };
+        this.beforePatchOptions = (_value, nextState) => {
+            const options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;
+            if (Array.isArray(options) && options.length > 0) {
+                this.keyOptionMap.clear();
+                const normalizedOptions = options.map((option) => {
+                    var _a;
+                    if (typeof option === 'object' && option !== null && typeof option.label === 'string') {
+                        return Object.assign(Object.assign({}, option), { value: (_a = option.value) !== null && _a !== void 0 ? _a : option.label });
+                    }
+                    return option;
+                });
+                fillKeyOptionMap(this.keyOptionMap, normalizedOptions);
+            }
+        };
+        this.component = component;
+    }
+    validateOrientation(value) {
+        validateOrientation(this.component, value, 'vertical');
+    }
+    validateOptions(value) {
+        validateOptions(this.component, value, {
+            hooks: {
+                afterPatch: this.afterPatchOptions,
+                beforePatch: this.beforePatchOptions,
+            },
+        });
+    }
+    validateValue(value) {
+        value = Array.isArray(value) ? value[0] : value;
+        setState(this.component, '_value', value, {
+            afterPatch: this.afterPatchOptions,
+            beforePatch: this.beforePatchOptions,
+        });
+    }
+    componentWillLoad() {
+        super.componentWillLoad();
+        this.validateOrientation(this.component._orientation);
+        this.validateOptions(this.component._options);
+        this.validateValue(this.component._value);
+    }
+}
+
+export { InputCheckboxRadioController as I, InputRadioController as a, validateOptions as b, fillKeyOptionMap as f, validateOptionsWithOptgroup as v };
+//# sourceMappingURL=controller-CSptrI5n.js.map
+
+//# sourceMappingURL=controller-CSptrI5n.js.map