@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.7

package/dist/cjs/{contrast-kLMuDQLl.js → contrast-CrL_sMV6.js}

@@ -29,18 +29,9 @@ const calcColorContrast = (baseColor, contrastColor, ratio, dir = 1) => {
         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 chooseColorContrast = (baseColor, contrastColor, ratio) => {
     const dir = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);
-    const suggested = getColorContrast(baseColor, contrastColor, ratio, dir);
+    const suggested = calcColorContrast(baseColor, contrastColor, ratio, dir);
     if (suggested.contrast >= ratio) {
         return suggested;
     }
@@ -73,6 +64,6 @@ const createContrastColorPair = (color, contrastRatio = 7) => {
 };
 
 exports.createContrastColorPair = createContrastColorPair;
-//# sourceMappingURL=contrast-kLMuDQLl.js.map
+//# sourceMappingURL=contrast-CrL_sMV6.js.map
 
-//# sourceMappingURL=contrast-kLMuDQLl.js.map
+//# sourceMappingURL=contrast-CrL_sMV6.js.map

package/dist/cjs/contrast-CrL_sMV6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-CrL_sMV6.js","sources":["src/schema/utils/contrast.ts"],"sourcesContent":["import type { RGB } from 'color-convert';\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\nexport const getColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> =>\n\tcalcColorContrast(baseColor, contrastColor, ratio, dir);\n\n/**\n * Adjusts the foreground in the direction the YIQ brightness of the background suggests. YIQ is only\n * an estimate of the WCAG contrast ratio: for medium bright backgrounds such as `#00aa00` it suggests\n * a light foreground, although even white stays below the ratio there. If the suggested direction does\n * not reach the ratio, the opposite direction is tried and the foreground with the higher WCAG contrast\n * ratio wins, which is black or white at the latest.\n */\nconst chooseColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number): ColorContrast<RGB> => {\n\tconst dir = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);\n\tconst suggested = calcColorContrast(baseColor, contrastColor, ratio, dir);\n\tif (suggested.contrast >= ratio) {\n\t\treturn suggested;\n\t}\n\tconst opposite = calcColorContrast(baseColor, contrastColor, ratio, -dir);\n\treturn opposite.contrast > suggested.contrast ? opposite : suggested;\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 colorContrast = chooseColorContrast([baseColor[0], baseColor[1], baseColor[2]], [contrastColor[0], contrastColor[1], contrastColor[2]], contrastRatio);\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","rgba"],"mappings":"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"}

package/dist/cjs/{dev.utils-BjrG4FNf.js → dev.utils-B1bWgxrQ.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var common = require('./common-B9-LvLNa.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-qcrGfEY6.js');
 
 const initMeta = () => {
     try {
@@ -81,6 +81,6 @@ exports.createRelatedUniqueId = createRelatedUniqueId;
 exports.createUniqueId = createUniqueId;
 exports.initKoliBri = initKoliBri;
 exports.renderDevAdvice = renderDevAdvice;
-//# sourceMappingURL=dev.utils-BjrG4FNf.js.map
+//# sourceMappingURL=dev.utils-B1bWgxrQ.js.map
 
-//# sourceMappingURL=dev.utils-BjrG4FNf.js.map
+//# sourceMappingURL=dev.utils-B1bWgxrQ.js.map

package/dist/cjs/{dev.utils-BjrG4FNf.js.map → dev.utils-B1bWgxrQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dev.utils-BjrG4FNf.js","sources":["src/utils/dev.utils.ts"],"sourcesContent":["import { Log, getDocument, isTestMode, setColorContrastAnalysis, setExperimentalMode } from '../schema';\n\nimport { Env } from '@stencil/core';\nimport { getWindow } from '../schema';\n\nconst initMeta = (): void => {\n\ttry {\n\t\tconst document = getDocument();\n\t\tif (!document || typeof document.querySelector !== 'function') {\n\t\t\treturn; // Skip meta initialization if document is not available\n\t\t}\n\n\t\tconst meta = document.querySelector('meta[name=\"kolibri\"]');\n\t\tif (meta && meta.hasAttribute('content')) {\n\t\t\tconst content = meta.getAttribute('content');\n\t\t\tif (typeof content === 'string') {\n\t\t\t\tsetExperimentalMode(content.includes('experimental-mode=true'));\n\t\t\t\tsetColorContrastAnalysis(content.includes('color-contrast-analysis=true'));\n\t\t\t}\n\t\t}\n\t} catch {\n\t\t// Ignore meta initialization errors in test/SSR environments\n\t}\n};\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nexport { getKoliBri };\n\nexport const initKoliBri = (): void => {\n\tinitMeta();\n\tLog.debug(\n\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${Env.kolibriVersion}\n\t`,\n\t\t{\n\t\t\tforceLog: true,\n\t\t},\n\t);\n};\n\nexport const renderDevAdvice = (): void => {\n\tif (getKoliBri().adviceShown !== true) {\n\t\tObject.defineProperty(getKoliBri(), 'adviceShown', {\n\t\t\tget: function () {\n\t\t\t\treturn true;\n\t\t\t},\n\t\t});\n\t\tLog.debug(\n\t\t\t`\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n`,\n\t\t);\n\t}\n};\n\nlet nonce = (): string => Math.floor(Math.random() * 16777215).toString(16);\n\nif (isTestMode()) {\n\tnonce = (): string => 'nonce';\n}\n\nexport { nonce };\n\nexport const createUniqueId = (prefix: string): string => `${prefix}-${nonce()}`;\n\nexport const createRelatedUniqueId = (baseId: string, suffix: string): string => {\n\tconst separatorIndex = baseId.lastIndexOf('-');\n\tif (separatorIndex === -1) return `${baseId}-${suffix}`;\n\tconst lastSegment = baseId.slice(separatorIndex + 1);\n\tconst isNonce = lastSegment === 'nonce' || /^[0-9a-f]+$/.test(lastSegment);\n\treturn isNonce ? `${baseId.slice(0, separatorIndex)}-${suffix}-${lastSegment}` : `${baseId}-${suffix}`;\n};\n"],"names":["getDocument","setExperimentalMode","setColorContrastAnalysis","getWindow","Log","Env","nonce","isTestMode"],"mappings":";;;;;;;;AAKA,MAAM,QAAQ,GAAG,MAAW;AAC3B,IAAA,IAAI;AACH,QAAA,MAAM,QAAQ,GAAGA,kBAAW,EAAE;QAC9B,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa,KAAK,UAAU,EAAE;YAC9D;;QAGD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC;QAC3D,IAAI,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YACzC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;AAC5C,YAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;gBAChCC,0BAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;gBAC/DC,+BAAwB,CAAC,OAAO,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC;;;;IAG3E,OAAA,EAAA,EAAM;;AAGT,CAAC;AAED,MAAM,UAAU,GAAG,MAA8B;AAChD,IAAA,IAAI,OAAO,GAAGC,gBAAS,EAAE,CAAC,OAAO;AACjC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;QAC1B,OAAO,GAAG,EAAE;AACZ,QAAA,MAAM,CAAC,cAAc,CAACA,gBAAS,EAAE,EAAE,SAAS,EAAE;AAC7C,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,SAAA,CAAC;;AAEH,IAAA,OAAO,OAAO;AACf,CAAC;AAIM,MAAM,WAAW,GAAG,MAAW;AACrC,IAAA,QAAQ,EAAE;IACVC,UAAG,CAAC,KAAK,CACR;;;;;;AAMmE,mEAAA,EAAAC,SAAG,CAAC,cAAc;EACrF,EACA;AACC,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;AAEO,MAAM,eAAe,GAAG,MAAW;AACzC,IAAA,IAAI,UAAU,EAAE,CAAC,WAAW,KAAK,IAAI,EAAE;AACtC,QAAA,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE;AAClD,YAAA,GAAG,EAAE,YAAA;AACJ,gBAAA,OAAO,IAAI;aACX;AACD,SAAA,CAAC;QACFD,UAAG,CAAC,KAAK,CACR;;;;;AAKF,CAAA,CACE;;AAEH;AAEIE,aAAK,GAAG,MAAc,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE;AAE1E,IAAIC,iBAAU,EAAE,EAAE;AACjB,IAAAD,aAAK,GAAG,MAAc,OAAO;AAC9B;AAIO,MAAM,cAAc,GAAG,CAAC,MAAc,KAAa,GAAG,MAAM,CAAA,CAAA,EAAIA,aAAK,EAAE;MAEjE,qBAAqB,GAAG,CAAC,MAAc,EAAE,MAAc,KAAY;IAC/E,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC;IAC9C,IAAI,cAAc,KAAK,EAAE;AAAE,QAAA,OAAO,CAAG,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,EAAE;IACvD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC;AACpD,IAAA,MAAM,OAAO,GAAG,WAAW,KAAK,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;IAC1E,OAAO,OAAO,GAAG,CAAA,EAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,IAAI,MAAM,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE;AACvG;;;;;;;"}
+{"version":3,"file":"dev.utils-B1bWgxrQ.js","sources":["src/utils/dev.utils.ts"],"sourcesContent":["import { Log, getDocument, isTestMode, setColorContrastAnalysis, setExperimentalMode } from '../schema';\n\nimport { Env } from '@stencil/core';\nimport { getWindow } from '../schema';\n\nconst initMeta = (): void => {\n\ttry {\n\t\tconst document = getDocument();\n\t\tif (!document || typeof document.querySelector !== 'function') {\n\t\t\treturn; // Skip meta initialization if document is not available\n\t\t}\n\n\t\tconst meta = document.querySelector('meta[name=\"kolibri\"]');\n\t\tif (meta && meta.hasAttribute('content')) {\n\t\t\tconst content = meta.getAttribute('content');\n\t\t\tif (typeof content === 'string') {\n\t\t\t\tsetExperimentalMode(content.includes('experimental-mode=true'));\n\t\t\t\tsetColorContrastAnalysis(content.includes('color-contrast-analysis=true'));\n\t\t\t}\n\t\t}\n\t} catch {\n\t\t// Ignore meta initialization errors in test/SSR environments\n\t}\n};\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nexport { getKoliBri };\n\nexport const initKoliBri = (): void => {\n\tinitMeta();\n\tLog.debug(\n\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${Env.kolibriVersion}\n\t`,\n\t\t{\n\t\t\tforceLog: true,\n\t\t},\n\t);\n};\n\nexport const renderDevAdvice = (): void => {\n\tif (getKoliBri().adviceShown !== true) {\n\t\tObject.defineProperty(getKoliBri(), 'adviceShown', {\n\t\t\tget: function () {\n\t\t\t\treturn true;\n\t\t\t},\n\t\t});\n\t\tLog.debug(\n\t\t\t`\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n`,\n\t\t);\n\t}\n};\n\nlet nonce = (): string => Math.floor(Math.random() * 16777215).toString(16);\n\nif (isTestMode()) {\n\tnonce = (): string => 'nonce';\n}\n\nexport { nonce };\n\nexport const createUniqueId = (prefix: string): string => `${prefix}-${nonce()}`;\n\nexport const createRelatedUniqueId = (baseId: string, suffix: string): string => {\n\tconst separatorIndex = baseId.lastIndexOf('-');\n\tif (separatorIndex === -1) return `${baseId}-${suffix}`;\n\tconst lastSegment = baseId.slice(separatorIndex + 1);\n\tconst isNonce = lastSegment === 'nonce' || /^[0-9a-f]+$/.test(lastSegment);\n\treturn isNonce ? `${baseId.slice(0, separatorIndex)}-${suffix}-${lastSegment}` : `${baseId}-${suffix}`;\n};\n"],"names":["getDocument","setExperimentalMode","setColorContrastAnalysis","getWindow","Log","Env","nonce","isTestMode"],"mappings":";;;;;;;;AAKA,MAAM,QAAQ,GAAG,MAAW;AAC3B,IAAA,IAAI;AACH,QAAA,MAAM,QAAQ,GAAGA,kBAAW,EAAE;QAC9B,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,CAAC,aAAa,KAAK,UAAU,EAAE;YAC9D;;QAGD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC;QAC3D,IAAI,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YACzC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;AAC5C,YAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;gBAChCC,0BAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;gBAC/DC,+BAAwB,CAAC,OAAO,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC;;;;IAG3E,OAAA,EAAA,EAAM;;AAGT,CAAC;AAED,MAAM,UAAU,GAAG,MAA8B;AAChD,IAAA,IAAI,OAAO,GAAGC,gBAAS,EAAE,CAAC,OAAO;AACjC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;QAC1B,OAAO,GAAG,EAAE;AACZ,QAAA,MAAM,CAAC,cAAc,CAACA,gBAAS,EAAE,EAAE,SAAS,EAAE;AAC7C,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,SAAA,CAAC;;AAEH,IAAA,OAAO,OAAO;AACf,CAAC;AAIM,MAAM,WAAW,GAAG,MAAW;AACrC,IAAA,QAAQ,EAAE;IACVC,UAAG,CAAC,KAAK,CACR;;;;;;AAMmE,mEAAA,EAAAC,SAAG,CAAC,cAAc;EACrF,EACA;AACC,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;AAEO,MAAM,eAAe,GAAG,MAAW;AACzC,IAAA,IAAI,UAAU,EAAE,CAAC,WAAW,KAAK,IAAI,EAAE;AACtC,QAAA,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE;AAClD,YAAA,GAAG,EAAE,YAAA;AACJ,gBAAA,OAAO,IAAI;aACX;AACD,SAAA,CAAC;QACFD,UAAG,CAAC,KAAK,CACR;;;;;AAKF,CAAA,CACE;;AAEH;AAEIE,aAAK,GAAG,MAAc,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE;AAE1E,IAAIC,iBAAU,EAAE,EAAE;AACjB,IAAAD,aAAK,GAAG,MAAc,OAAO;AAC9B;AAIO,MAAM,cAAc,GAAG,CAAC,MAAc,KAAa,GAAG,MAAM,CAAA,CAAA,EAAIA,aAAK,EAAE;MAEjE,qBAAqB,GAAG,CAAC,MAAc,EAAE,MAAc,KAAY;IAC/E,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC;IAC9C,IAAI,cAAc,KAAK,EAAE;AAAE,QAAA,OAAO,CAAG,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,EAAE;IACvD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC;AACpD,IAAA,MAAM,OAAO,GAAG,WAAW,KAAK,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;IAC1E,OAAO,OAAO,GAAG,CAAA,EAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,IAAI,MAAM,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE;AACvG;;;;;;;"}

package/dist/cjs/{devtools-D_afWgpU.js → devtools-DlcIXbRm.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var common = require('./common-B9-LvLNa.js');
-var dev_utils = require('./dev.utils-BjrG4FNf.js');
-require('./index-BnEus4Y9.js');
+var dev_utils = require('./dev.utils-B1bWgxrQ.js');
+require('./index-qcrGfEY6.js');
 
 const getKoliBri = () => {
     let kolibri = common.getWindow().KoliBri;
@@ -98,6 +98,6 @@ const initialize = () => {
 };
 
 exports.initialize = initialize;
-//# sourceMappingURL=devtools-D_afWgpU.js.map
+//# sourceMappingURL=devtools-DlcIXbRm.js.map
 
-//# sourceMappingURL=devtools-D_afWgpU.js.map
+//# sourceMappingURL=devtools-DlcIXbRm.js.map

package/dist/cjs/{devtools-D_afWgpU.js.map → devtools-DlcIXbRm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"devtools-D_afWgpU.js","sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tisDevMode,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (isDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tmetaModeLog('Development mode', isDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\t// Delay DOM manipulation to ensure document is ready\n\t\tsetTimeout(() => {\n\t\t\ttry {\n\t\t\t\tconst document = getDocument();\n\t\t\t\tconst body = document?.body;\n\n\t\t\t\t// Only proceed if we have a valid document and body\n\t\t\t\tif (document && body && typeof document.createElement === 'function') {\n\t\t\t\t\tconst div = document.createElement('svg');\n\t\t\t\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\t\t\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\t\t\t\tdiv.setAttribute('role', 'toolbar');\n\t\t\t\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\t\t\t\tdiv.innerHTML = `<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"50\"\n  height=\"50\"\n  viewBox=\"0 0 600 600\"\n>\n  <path d=\"M353 322L213 304V434L353 322Z\" fill=\"#047\" />\n  <path d=\"M209 564V304L149 434L209 564Z\" fill=\"#047\" />\n  <path d=\"M357 316L417 250L361 210L275 244L357 316Z\" fill=\"#047\" />\n  <path d=\"M353 318L35 36L213 300L353 318Z\" fill=\"#047\" />\n  <path d=\"M329 218L237 92L250 222L272 241L329 218Z\" fill=\"#047\" />\n  <path d=\"M391 286L565 272L421 252L391 286Z\" fill=\"#047\" />\n</svg>`;\n\n\t\t\t\t\tbody.appendChild(div);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tLog.debug(['Could not initialize DevTools UI (likely in SSR/test environment):', error]);\n\t\t\t}\n\t\t}, 100);\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\ttry {\n\t\t\t\t\tconst document = getDocument();\n\t\t\t\t\tconst body = document?.body;\n\t\t\t\t\tif (document && body && typeof document.createElement === 'function') {\n\t\t\t\t\t\tsetInterval(() => {\n\t\t\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(document.createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t\t\t}, 10000);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tLog.debug(['Could not initialize color contrast analysis:', error]);\n\t\t\t\t}\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"names":["getWindow","Log","initKoliBri","isDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","getExperimentalMode","getColorContrastAnalysis","getDocument"],"mappings":"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"}
+{"version":3,"file":"devtools-DlcIXbRm.js","sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tisDevMode,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (isDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tmetaModeLog('Development mode', isDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\t// Delay DOM manipulation to ensure document is ready\n\t\tsetTimeout(() => {\n\t\t\ttry {\n\t\t\t\tconst document = getDocument();\n\t\t\t\tconst body = document?.body;\n\n\t\t\t\t// Only proceed if we have a valid document and body\n\t\t\t\tif (document && body && typeof document.createElement === 'function') {\n\t\t\t\t\tconst div = document.createElement('svg');\n\t\t\t\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\t\t\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\t\t\t\tdiv.setAttribute('role', 'toolbar');\n\t\t\t\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\t\t\t\tdiv.innerHTML = `<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"50\"\n  height=\"50\"\n  viewBox=\"0 0 600 600\"\n>\n  <path d=\"M353 322L213 304V434L353 322Z\" fill=\"#047\" />\n  <path d=\"M209 564V304L149 434L209 564Z\" fill=\"#047\" />\n  <path d=\"M357 316L417 250L361 210L275 244L357 316Z\" fill=\"#047\" />\n  <path d=\"M353 318L35 36L213 300L353 318Z\" fill=\"#047\" />\n  <path d=\"M329 218L237 92L250 222L272 241L329 218Z\" fill=\"#047\" />\n  <path d=\"M391 286L565 272L421 252L391 286Z\" fill=\"#047\" />\n</svg>`;\n\n\t\t\t\t\tbody.appendChild(div);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tLog.debug(['Could not initialize DevTools UI (likely in SSR/test environment):', error]);\n\t\t\t}\n\t\t}, 100);\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\ttry {\n\t\t\t\t\tconst document = getDocument();\n\t\t\t\t\tconst body = document?.body;\n\t\t\t\t\tif (document && body && typeof document.createElement === 'function') {\n\t\t\t\t\t\tsetInterval(() => {\n\t\t\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(document.createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t\t\t}, 10000);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tLog.debug(['Could not initialize color contrast analysis:', error]);\n\t\t\t\t}\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"names":["getWindow","Log","initKoliBri","isDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","getExperimentalMode","getColorContrastAnalysis","getDocument"],"mappings":"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"}

package/dist/cjs/{field-control-DAHkvYr4.js → field-control-D0lryu2-.js}

@@ -4,14 +4,14 @@
 'use strict';
 
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-qcrGfEY6.js');
 require('./common-B9-LvLNa.js');
-var component$1 = require('./component-o3s7XplI.js');
-var api = require('./api-LP3gnw7U.js');
+var component$1 = require('./component-_jdRFw0Y.js');
+var api = require('./api-CRSjJs8P.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
-var dev_utils = require('./dev.utils-BjrG4FNf.js');
-var component = require('./component-X_thXnkE.js');
-var component$2 = require('./component-GfDUM7Um.js');
+var dev_utils = require('./dev.utils-B1bWgxrQ.js');
+var component = require('./component-BHDnSaCH.js');
+var component$2 = require('./component-B1kzY-J5.js');
 
 const fieldControlBem = bemRegistry.bem.forBlock('kol-field-control');
 const isFieldControlLabelShownAsTooltip = ({ hideLabel, label, renderNoTooltip, }) => !renderNoTooltip && !component$1.showExpertSlot(label) && hideLabel === true;
@@ -29,6 +29,6 @@ const FieldControlFC = (props, children) => {
 
 exports.FieldControlFC = FieldControlFC;
 exports.isFieldControlLabelShownAsTooltip = isFieldControlLabelShownAsTooltip;
-//# sourceMappingURL=field-control-DAHkvYr4.js.map
+//# sourceMappingURL=field-control-D0lryu2-.js.map
 
-//# sourceMappingURL=field-control-DAHkvYr4.js.map
+//# sourceMappingURL=field-control-D0lryu2-.js.map

package/dist/cjs/{field-control-DAHkvYr4.js.map → field-control-D0lryu2-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-control-DAHkvYr4.js","sources":["src/internal/functional-components/form-field/field-control.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC, type VNode } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { LabelAlignPropType, MsgPropType, Stringified, TooltipAlignPropType } from '../../../schema';\nimport { buildBadgeTextString, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { TooltipFC } from '../tooltip/component';\nimport { FormFieldHintFC } from './hint';\nimport { FormFieldLabelFC, type FormFieldInfoPopover, type FormFieldLabelFCProps } from './label';\n\nconst fieldControlBem = bem.forBlock('kol-field-control');\n\nexport type FieldControlFCProps = Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'id' | 'ref'> & {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\tinfoPopover?: FormFieldInfoPopover;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: TooltipAlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadOnly?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\t/** Attributes of the label, e.g. a `mousedown` handler or the access key badge. */\n\tlabelProps?: Pick<FormFieldLabelFCProps, 'onMouseDown' | 'showBadge'>;\n\t/** Receives the `__input` wrapper, the reference element of the label tooltip. */\n\trefInput?: (el?: HTMLDivElement) => void;\n\t/** Receives the floating element of the label tooltip. */\n\trefTooltip: (el?: HTMLDivElement) => void;\n};\n\n/**\n * Whether the control shows its label as a tooltip instead of a visible label: with `hideLabel`,\n * unless the tooltip is disabled or the label is given through the expert slot.\n */\nexport const isFieldControlLabelShownAsTooltip = ({\n\thideLabel,\n\tlabel,\n\trenderNoTooltip,\n}: Pick<FieldControlFCProps, 'hideLabel' | 'label' | 'renderNoTooltip'>): boolean => !renderNoTooltip && !showExpertSlot(label) && hideLabel === true;\n\n/**\n * Stateless row of a checkbox or of one radio option: the control, its label and its hint. With\n * `labelAlign: 'left'` the label comes first. The web component owns the label tooltip and connects\n * it through `refInput` and `refTooltip`.\n *\n * With the tooltip, the label stays visually hidden and leaves its ID to the tooltip. The tooltip\n * wrapper uses the class `kol-form-field__tooltip`, which the themes style.\n */\nexport const FieldControlFC: FC<FieldControlFCProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tlabel,\n\t\thint,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\tinfoPopover,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tdisabled,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadOnly,\n\t\trenderNoHint,\n\t\trenderNoTooltip,\n\t\tlabelProps,\n\t\trefInput,\n\t\trefTooltip,\n\t\t...other\n\t} = props;\n\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showTooltip = isFieldControlLabelShownAsTooltip({ hideLabel, label, renderNoTooltip });\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst showMsg = isMsgDefinedAndInputTouched(msg, touched);\n\n\tconst renderInput = (): VNode => (\n\t\t<div class={fieldControlBem('input')} ref={refInput}>\n\t\t\t{children}\n\t\t</div>\n\t);\n\tconst renderTooltip = (): VNode | null =>\n\t\tshowTooltip ? (\n\t\t\t<div class=\"kol-form-field__tooltip\">\n\t\t\t\t<TooltipFC badgeText={badgeText || ''} label={label} align={tooltipAlign} id={createRelatedUniqueId(id, 'label')} refFloating={refTooltip} />\n\t\t\t</div>\n\t\t) : null;\n\tconst renderLabel = (): VNode => (\n\t\t<FormFieldLabelFC\n\t\t\t{...labelProps}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={hideLabel ? 'kol-field-control__label--visually-hidden' : undefined}\n\t\t\tomitId={showTooltip}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t\tinfoPopover={infoPopover}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-field-control\"\n\t\t\tmodifiers={{\n\t\t\t\tdisabled: Boolean(disabled),\n\t\t\t\trequired: Boolean(required),\n\t\t\t\ttouched: Boolean(touched),\n\t\t\t\t'hide-label': Boolean(hideLabel),\n\t\t\t\t'read-only': Boolean(readOnly),\n\t\t\t\t...(showMsg ? { [getMsgType(msg) as 'default' | 'error' | 'info' | 'success' | 'warning']: true } : {}),\n\t\t\t\t'label-align-left': labelAlign === 'left',\n\t\t\t\t'label-align-right': labelAlign === 'right',\n\t\t\t}}\n\t\t\tclass={classNames}\n\t\t\t{...other}\n\t\t>\n\t\t\t{labelAlign === 'left' ? [renderLabel(), renderInput(), renderTooltip()] : [renderInput(), renderTooltip(), renderLabel()]}\n\t\t\t{!renderNoHint && <FormFieldHintFC baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","showExpertSlot","buildBadgeTextString","isMsgDefinedAndInputTouched","h","TooltipFC","createRelatedUniqueId","FormFieldLabelFC","BemRootNodeFC","getMsgType","FormFieldHintFC"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,eAAe,GAAGA,eAAG,CAAC,QAAQ,CAAC,mBAAmB,CAAC;AA+B5C,MAAA,iCAAiC,GAAG,CAAC,EACjD,SAAS,EACT,KAAK,EACL,eAAe,GACuD,KAAc,CAAC,eAAe,IAAI,CAACC,0BAAc,CAAC,KAAK,CAAC,IAAI,SAAS,KAAK;MAUpI,cAAc,GAA4B,CAAC,KAAK,EAAE,QAAQ,KAAI;IAC1E,MAAM,EACL,KAAK,EAAE,UAAU,EACjB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EAEP,GAAA,KAAK,EADL,KAAK,oBACL,KAAK,EAtBH,CAsBL,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAQ;AAET,IAAA,MAAM,aAAa,GAAGA,0BAAc,CAAC,KAAK,CAAC;AAC3C,IAAA,MAAM,WAAW,GAAG,iCAAiC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC;IAC5F,MAAM,SAAS,GAAGC,gCAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAM,OAAO,GAAGC,+BAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;IAEzD,MAAM,WAAW,GAAG,OACnBC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,QAAQ,EACjD,EAAA,QAAQ,CACJ,CACN;IACD,MAAM,aAAa,GAAG,MACrB,WAAW,IACVA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnCA,OAAA,CAACC,qBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAEC,+BAAqB,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACxI,IACH,IAAI;AACT,IAAA,MAAM,WAAW,GAAG,OACnBF,OAAA,CAACG,oBAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACZ,UAAU,EAAA,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAC,mBAAmB,EACjC,KAAK,EAAE,SAAS,GAAG,2CAA2C,GAAG,SAAS,EAC1E,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACvB,CAAA,CAAA,CACF;AAED,IAAA,QACCH,OAAC,CAAAI,uBAAa,EACb,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,GAAC,OAAO,GAAG,EAAE,CAACC,cAAU,CAAC,GAAG,CAAyD,GAAG,IAAI,EAAE,GAAG,EAAE,EACtG,EAAA,EAAA,kBAAkB,EAAE,UAAU,KAAK,MAAM,EACzC,mBAAmB,EAAE,UAAU,KAAK,OAAO,EAAA,CAAA,EAE5C,KAAK,EAAE,UAAU,IACb,KAAK,CAAA,EAER,UAAU,KAAK,MAAM,GAAG,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,CAAC,EACzH,CAAC,YAAY,IAAIL,OAAA,CAACM,mBAAe,EAAC,EAAA,aAAa,EAAC,mBAAmB,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA,CAC5E;AAElB;;;;;"}
+{"version":3,"file":"field-control-D0lryu2-.js","sources":["src/internal/functional-components/form-field/field-control.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC, type VNode } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { LabelAlignPropType, MsgPropType, Stringified, TooltipAlignPropType } from '../../../schema';\nimport { buildBadgeTextString, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { TooltipFC } from '../tooltip/component';\nimport { FormFieldHintFC } from './hint';\nimport { FormFieldLabelFC, type FormFieldInfoPopover, type FormFieldLabelFCProps } from './label';\n\nconst fieldControlBem = bem.forBlock('kol-field-control');\n\nexport type FieldControlFCProps = Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'id' | 'ref'> & {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\tinfoPopover?: FormFieldInfoPopover;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: TooltipAlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadOnly?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\t/** Attributes of the label, e.g. a `mousedown` handler or the access key badge. */\n\tlabelProps?: Pick<FormFieldLabelFCProps, 'onMouseDown' | 'showBadge'>;\n\t/** Receives the `__input` wrapper, the reference element of the label tooltip. */\n\trefInput?: (el?: HTMLDivElement) => void;\n\t/** Receives the floating element of the label tooltip. */\n\trefTooltip: (el?: HTMLDivElement) => void;\n};\n\n/**\n * Whether the control shows its label as a tooltip instead of a visible label: with `hideLabel`,\n * unless the tooltip is disabled or the label is given through the expert slot.\n */\nexport const isFieldControlLabelShownAsTooltip = ({\n\thideLabel,\n\tlabel,\n\trenderNoTooltip,\n}: Pick<FieldControlFCProps, 'hideLabel' | 'label' | 'renderNoTooltip'>): boolean => !renderNoTooltip && !showExpertSlot(label) && hideLabel === true;\n\n/**\n * Stateless row of a checkbox or of one radio option: the control, its label and its hint. With\n * `labelAlign: 'left'` the label comes first. The web component owns the label tooltip and connects\n * it through `refInput` and `refTooltip`.\n *\n * With the tooltip, the label stays visually hidden and leaves its ID to the tooltip. The tooltip\n * wrapper uses the class `kol-form-field__tooltip`, which the themes style.\n */\nexport const FieldControlFC: FC<FieldControlFCProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tlabel,\n\t\thint,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\tinfoPopover,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tdisabled,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadOnly,\n\t\trenderNoHint,\n\t\trenderNoTooltip,\n\t\tlabelProps,\n\t\trefInput,\n\t\trefTooltip,\n\t\t...other\n\t} = props;\n\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showTooltip = isFieldControlLabelShownAsTooltip({ hideLabel, label, renderNoTooltip });\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst showMsg = isMsgDefinedAndInputTouched(msg, touched);\n\n\tconst renderInput = (): VNode => (\n\t\t<div class={fieldControlBem('input')} ref={refInput}>\n\t\t\t{children}\n\t\t</div>\n\t);\n\tconst renderTooltip = (): VNode | null =>\n\t\tshowTooltip ? (\n\t\t\t<div class=\"kol-form-field__tooltip\">\n\t\t\t\t<TooltipFC badgeText={badgeText || ''} label={label} align={tooltipAlign} id={createRelatedUniqueId(id, 'label')} refFloating={refTooltip} />\n\t\t\t</div>\n\t\t) : null;\n\tconst renderLabel = (): VNode => (\n\t\t<FormFieldLabelFC\n\t\t\t{...labelProps}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={hideLabel ? 'kol-field-control__label--visually-hidden' : undefined}\n\t\t\tomitId={showTooltip}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t\tinfoPopover={infoPopover}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-field-control\"\n\t\t\tmodifiers={{\n\t\t\t\tdisabled: Boolean(disabled),\n\t\t\t\trequired: Boolean(required),\n\t\t\t\ttouched: Boolean(touched),\n\t\t\t\t'hide-label': Boolean(hideLabel),\n\t\t\t\t'read-only': Boolean(readOnly),\n\t\t\t\t...(showMsg ? { [getMsgType(msg) as 'default' | 'error' | 'info' | 'success' | 'warning']: true } : {}),\n\t\t\t\t'label-align-left': labelAlign === 'left',\n\t\t\t\t'label-align-right': labelAlign === 'right',\n\t\t\t}}\n\t\t\tclass={classNames}\n\t\t\t{...other}\n\t\t>\n\t\t\t{labelAlign === 'left' ? [renderLabel(), renderInput(), renderTooltip()] : [renderInput(), renderTooltip(), renderLabel()]}\n\t\t\t{!renderNoHint && <FormFieldHintFC baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","showExpertSlot","buildBadgeTextString","isMsgDefinedAndInputTouched","h","TooltipFC","createRelatedUniqueId","FormFieldLabelFC","BemRootNodeFC","getMsgType","FormFieldHintFC"],"mappings":"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"}

package/dist/cjs/{group-DHYxVn2x.js → group-DIGY9sM6.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-qcrGfEY6.js');
 var blockBem = require('./block-bem-D7PDS6kC.js');
-var dev_utils = require('./dev.utils-BjrG4FNf.js');
-var api = require('./api-LP3gnw7U.js');
+var dev_utils = require('./dev.utils-B1bWgxrQ.js');
+var api = require('./api-CRSjJs8P.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 
 const hasClearButtonProp = baseWebComponent.createPropDefinition('hasClearButton', true, baseWebComponent.normalizeBoolean);
@@ -159,6 +159,6 @@ exports.CustomSuggestionsOptionFC = CustomSuggestionsOptionFC;
 exports.CustomSuggestionsOptionsGroupFC = CustomSuggestionsOptionsGroupFC;
 exports.ListboxGroupFC = ListboxGroupFC;
 exports.hasClearButtonProp = hasClearButtonProp;
-//# sourceMappingURL=group-DHYxVn2x.js.map
+//# sourceMappingURL=group-DIGY9sM6.js.map
 
-//# sourceMappingURL=group-DHYxVn2x.js.map
+//# sourceMappingURL=group-DIGY9sM6.js.map

package/dist/cjs/{group-DHYxVn2x.js.map → group-DIGY9sM6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"group-DHYxVn2x.js","sources":["src/internal/props/has-clear-button.ts","src/internal/functional-components/form-field/custom-suggestions.tsx","src/internal/functional-components/listbox/base-web-component.tsx","src/internal/functional-components/listbox/group.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Clear button prop of `kol-combobox` and `kol-single-select`\n *\n * Description:\n * Shows a button that clears the value while the field has one.\n */\nexport type HasClearButtonProp = SimpleProp<'hasClearButton', boolean>;\nexport const hasClearButtonProp = createPropDefinition<HasClearButtonProp>('hasClearButton', true, normalizeBoolean);\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../../schema';\nimport { getBlockBem } from '../bem-root-node/block-bem';\n\nconst optionsGroupBem = getBlockBem('kol-custom-suggestions-options-group');\nconst optionBem = getBlockBem('kol-custom-suggestions-option');\n\nexport type CustomSuggestionsOptionsGroupFCProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\t/** Hides the mouse cursor while the keyboard moves through the options. */\n\tblockSuggestionMouseOver: boolean;\n};\n\nexport type CustomSuggestionsOptionFCProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\t/** Unique per field, because the input references the focused option with `aria-activedescendant`. */\n\tid: string;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\t/** Marked in the option text, case-insensitive. */\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\n/** Listbox of the custom suggestions of `kol-combobox` and `kol-single-select`; `hidden` closes it. */\nexport const CustomSuggestionsOptionsGroupFC: FC<CustomSuggestionsOptionsGroupFCProps> = (\n\t{ blockSuggestionMouseOver, onKeyDown, style, hidden, id },\n\tchildren,\n) => (\n\t<ul\n\t\tid={id}\n\t\trole=\"listbox\"\n\t\tstyle={style}\n\t\tclass={optionsGroupBem({ 'cursor-hidden': blockSuggestionMouseOver, open: !hidden })}\n\t\thidden={hidden}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t{children}\n\t</ul>\n);\n\nconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\tif (!searchTerm?.trim()) return text;\n\n\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\tconst parts = text.split(regex);\n\n\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n};\n\n/**\n * One option of the custom suggestions. It is focusable (`tabIndex=-1`), so the keyboard moves the\n * real focus into the list.\n */\nexport const CustomSuggestionsOptionFC: FC<CustomSuggestionsOptionFCProps> = ({\n\tdisabled,\n\tid,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => (\n\t<li\n\t\tid={id}\n\t\tkey={`-${index}`}\n\t\tref={ref}\n\t\tdata-index={index}\n\t\ttabIndex={-1}\n\t\trole=\"option\"\n\t\taria-selected={selected ? 'true' : undefined}\n\t\taria-disabled={disabled ? 'true' : undefined}\n\t\tonClick={onClick}\n\t\tonMouseOver={onMouseOver}\n\t\tonFocus={onFocus}\n\t\tclass={optionBem({ disabled: Boolean(disabled) })}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t</li>\n);\n","import { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport type { CtaRef } from '../../../utils/element-interaction';\nimport type { FormFieldBaseApi } from '../form-field/api';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\n\n/**\n * Shared orchestrator implementation of the fields with a custom listbox, `kol-combobox` and\n * `kol-single-select`: the open state, the focused option, the keyboard navigation and the clear\n * button state.\n *\n * The keyboard moves the real focus onto the options (`<li tabIndex=-1>`). Where the two fields\n * differ, the concrete element implements the hooks: how the focus moves, which options are first\n * and last, and what Enter, NumpadEnter and Space do. The concrete element keeps what Stencil has to\n * see in the component class itself (DD16), including the `@Listen` handlers, which delegate here.\n */\nexport abstract class BaseListboxWebComponent<Api extends FormFieldBaseApi> extends BaseFormFieldWebComponent<Api> {\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract isOpen: boolean;\n\t/** Hides the mouse cursor and ignores hovering while the keyboard moves through the options; declared with `@State()`. */\n\tpublic abstract blockSuggestionMouseOver: boolean;\n\n\tprotected abstract readonly ctaRef: CtaRef<HTMLInputElement>;\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract id: string;\n\n\t/** Index of the focused option, `-1` for none. */\n\tprotected focusedIndex = -1;\n\t/** Whether the clear button has the focus, so Enter and Space clear the value. */\n\tprotected clearButtonFocused = false;\n\tprotected optionRefs: HTMLLIElement[] = [];\n\n\t/** Number of the options in the listbox. */\n\tprotected abstract getOptionCount(): number;\n\n\t/** Moves the focus by `delta` options; `searchStep` is the direction to skip disabled options in. */\n\tprotected abstract moveFocus(delta: number, searchStep?: number): void;\n\tprotected abstract focusFirstOption(): void;\n\tprotected abstract focusLastOption(): void;\n\t/** Enter, NumpadEnter and Space. */\n\tprotected abstract handleConfirmKey(event: KeyboardEvent): void;\n\n\t/** ID of the option at `index`, unique per field. */\n\tprotected getOptionId(index: number): string {\n\t\treturn createRelatedUniqueId(this.id, `option-${index}`);\n\t}\n\n\t/** Value of `aria-activedescendant` on the input: the focused option of the open list. */\n\tprotected getActiveDescendant(): string | undefined {\n\t\treturn this.isOpen && this.focusedIndex >= 0 ? this.getOptionId(this.focusedIndex) : undefined;\n\t}\n\n\tprotected focusOption(index: number): void {\n\t\tthis.focusedIndex = index;\n\t\tthis.optionRefs[index]?.focus();\n\t}\n\n\t/** Moves the focus and wraps around at both ends. */\n\tprotected moveFocusWrapping(delta: number): void {\n\t\tlet index = this.focusedIndex + delta;\n\t\tconst count = this.getOptionCount();\n\t\tif (index >= count) {\n\t\t\tindex = 0;\n\t\t}\n\t\tif (index < 0) {\n\t\t\tindex = count - 1;\n\t\t}\n\t\tthis.focusOption(index);\n\t}\n\n\t/**\n\t * Moves the focus, wraps around at both ends and skips disabled options in the direction of\n\t * `searchStep`. Without an enabled option the focus stays.\n\t */\n\tprotected moveFocusSkippingDisabled(delta: number, searchStep: number, isDisabled: (index: number) => boolean): void {\n\t\tconst count = this.getOptionCount();\n\t\tlet index = this.focusedIndex + delta;\n\n\t\tfor (let iteration = 0; iteration < count; iteration++) {\n\t\t\tif (index >= count) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t\tif (index < 0) {\n\t\t\t\tindex = count - 1;\n\t\t\t}\n\t\t\tif (!isDisabled(index)) {\n\t\t\t\tthis.focusOption(index);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tindex += searchStep;\n\t\t}\n\t}\n\n\t/** Prevents the default action, sets the open state (closing focuses the input) and runs `callback`. */\n\tprotected handleListboxEvent(event: KeyboardEvent, isOpen?: boolean, callback?: () => void): void {\n\t\tevent.preventDefault();\n\t\tif (isOpen !== undefined) {\n\t\t\tthis.isOpen = isOpen;\n\t\t\tif (!isOpen) {\n\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t}\n\t\t}\n\t\tcallback?.();\n\t}\n\n\t/** Keyboard navigation of the listbox, registered by the concrete element with `@Listen('keydown')`. */\n\tprotected handleListboxKeyDown(event: KeyboardEvent): void {\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tconst wasOpen = this.isOpen;\n\t\t\t\tthis.handleListboxEvent(event, true, () => (wasOpen ? this.moveFocus(-1, -1) : this.focusLastOption()));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase ' ':\n\t\t\tcase 'Enter':\n\t\t\tcase 'NumpadEnter':\n\t\t\t\tthis.handleConfirmKey(event);\n\t\t\t\tbreak;\n\t\t\tcase 'Home':\n\t\t\t\t// With a closed list, Home and End move the caret of the input.\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusFirstOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'End':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusLastOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'PageUp':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\tcase 'PageDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(10, -1));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t/** Mouse movement ends the keyboard mode of the listbox; registered with `@Listen('mousemove')`. */\n\tprotected handleListboxMouseMove(): void {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprotected readonly handleClearButtonFocus = (): void => {\n\t\tthis.clearButtonFocused = true;\n\t};\n\n\tprotected readonly handleClearButtonBlur = (): void => {\n\t\tthis.clearButtonFocused = false;\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\n\nconst GROUP_CLASSES = {\n\t'kol-combobox': bem.forBlock('kol-combobox')('group'),\n\t'kol-single-select': bem.forBlock('kol-single-select')('group'),\n} as const;\n\nexport type ListboxGroupFCProps = {\n\t/** Block of the listbox field the group belongs to. */\n\tblock: keyof typeof GROUP_CLASSES;\n};\n\n/** Groups the input of a listbox field with its clear button and its toggle. */\nexport const ListboxGroupFC: FC<ListboxGroupFCProps> = ({ block }, children) => <div class={GROUP_CLASSES[block]}>{children}</div>;\n"],"names":["createPropDefinition","normalizeBoolean","getBlockBem","h","index","BaseFormFieldWebComponent","createRelatedUniqueId","bem"],"mappings":"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"}
+{"version":3,"file":"group-DIGY9sM6.js","sources":["src/internal/props/has-clear-button.ts","src/internal/functional-components/form-field/custom-suggestions.tsx","src/internal/functional-components/listbox/base-web-component.tsx","src/internal/functional-components/listbox/group.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Clear button prop of `kol-combobox` and `kol-single-select`\n *\n * Description:\n * Shows a button that clears the value while the field has one.\n */\nexport type HasClearButtonProp = SimpleProp<'hasClearButton', boolean>;\nexport const hasClearButtonProp = createPropDefinition<HasClearButtonProp>('hasClearButton', true, normalizeBoolean);\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../../schema';\nimport { getBlockBem } from '../bem-root-node/block-bem';\n\nconst optionsGroupBem = getBlockBem('kol-custom-suggestions-options-group');\nconst optionBem = getBlockBem('kol-custom-suggestions-option');\n\nexport type CustomSuggestionsOptionsGroupFCProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\t/** Hides the mouse cursor while the keyboard moves through the options. */\n\tblockSuggestionMouseOver: boolean;\n};\n\nexport type CustomSuggestionsOptionFCProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\t/** Unique per field, because the input references the focused option with `aria-activedescendant`. */\n\tid: string;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\t/** Marked in the option text, case-insensitive. */\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\n/** Listbox of the custom suggestions of `kol-combobox` and `kol-single-select`; `hidden` closes it. */\nexport const CustomSuggestionsOptionsGroupFC: FC<CustomSuggestionsOptionsGroupFCProps> = (\n\t{ blockSuggestionMouseOver, onKeyDown, style, hidden, id },\n\tchildren,\n) => (\n\t<ul\n\t\tid={id}\n\t\trole=\"listbox\"\n\t\tstyle={style}\n\t\tclass={optionsGroupBem({ 'cursor-hidden': blockSuggestionMouseOver, open: !hidden })}\n\t\thidden={hidden}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t{children}\n\t</ul>\n);\n\nconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\tif (!searchTerm?.trim()) return text;\n\n\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\tconst parts = text.split(regex);\n\n\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n};\n\n/**\n * One option of the custom suggestions. It is focusable (`tabIndex=-1`), so the keyboard moves the\n * real focus into the list.\n */\nexport const CustomSuggestionsOptionFC: FC<CustomSuggestionsOptionFCProps> = ({\n\tdisabled,\n\tid,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => (\n\t<li\n\t\tid={id}\n\t\tkey={`-${index}`}\n\t\tref={ref}\n\t\tdata-index={index}\n\t\ttabIndex={-1}\n\t\trole=\"option\"\n\t\taria-selected={selected ? 'true' : undefined}\n\t\taria-disabled={disabled ? 'true' : undefined}\n\t\tonClick={onClick}\n\t\tonMouseOver={onMouseOver}\n\t\tonFocus={onFocus}\n\t\tclass={optionBem({ disabled: Boolean(disabled) })}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t</li>\n);\n","import { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport type { CtaRef } from '../../../utils/element-interaction';\nimport type { FormFieldBaseApi } from '../form-field/api';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\n\n/**\n * Shared orchestrator implementation of the fields with a custom listbox, `kol-combobox` and\n * `kol-single-select`: the open state, the focused option, the keyboard navigation and the clear\n * button state.\n *\n * The keyboard moves the real focus onto the options (`<li tabIndex=-1>`). Where the two fields\n * differ, the concrete element implements the hooks: how the focus moves, which options are first\n * and last, and what Enter, NumpadEnter and Space do. The concrete element keeps what Stencil has to\n * see in the component class itself (DD16), including the `@Listen` handlers, which delegate here.\n */\nexport abstract class BaseListboxWebComponent<Api extends FormFieldBaseApi> extends BaseFormFieldWebComponent<Api> {\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract isOpen: boolean;\n\t/** Hides the mouse cursor and ignores hovering while the keyboard moves through the options; declared with `@State()`. */\n\tpublic abstract blockSuggestionMouseOver: boolean;\n\n\tprotected abstract readonly ctaRef: CtaRef<HTMLInputElement>;\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract id: string;\n\n\t/** Index of the focused option, `-1` for none. */\n\tprotected focusedIndex = -1;\n\t/** Whether the clear button has the focus, so Enter and Space clear the value. */\n\tprotected clearButtonFocused = false;\n\tprotected optionRefs: HTMLLIElement[] = [];\n\n\t/** Number of the options in the listbox. */\n\tprotected abstract getOptionCount(): number;\n\n\t/** Moves the focus by `delta` options; `searchStep` is the direction to skip disabled options in. */\n\tprotected abstract moveFocus(delta: number, searchStep?: number): void;\n\tprotected abstract focusFirstOption(): void;\n\tprotected abstract focusLastOption(): void;\n\t/** Enter, NumpadEnter and Space. */\n\tprotected abstract handleConfirmKey(event: KeyboardEvent): void;\n\n\t/** ID of the option at `index`, unique per field. */\n\tprotected getOptionId(index: number): string {\n\t\treturn createRelatedUniqueId(this.id, `option-${index}`);\n\t}\n\n\t/** Value of `aria-activedescendant` on the input: the focused option of the open list. */\n\tprotected getActiveDescendant(): string | undefined {\n\t\treturn this.isOpen && this.focusedIndex >= 0 ? this.getOptionId(this.focusedIndex) : undefined;\n\t}\n\n\tprotected focusOption(index: number): void {\n\t\tthis.focusedIndex = index;\n\t\tthis.optionRefs[index]?.focus();\n\t}\n\n\t/** Moves the focus and wraps around at both ends. */\n\tprotected moveFocusWrapping(delta: number): void {\n\t\tlet index = this.focusedIndex + delta;\n\t\tconst count = this.getOptionCount();\n\t\tif (index >= count) {\n\t\t\tindex = 0;\n\t\t}\n\t\tif (index < 0) {\n\t\t\tindex = count - 1;\n\t\t}\n\t\tthis.focusOption(index);\n\t}\n\n\t/**\n\t * Moves the focus, wraps around at both ends and skips disabled options in the direction of\n\t * `searchStep`. Without an enabled option the focus stays.\n\t */\n\tprotected moveFocusSkippingDisabled(delta: number, searchStep: number, isDisabled: (index: number) => boolean): void {\n\t\tconst count = this.getOptionCount();\n\t\tlet index = this.focusedIndex + delta;\n\n\t\tfor (let iteration = 0; iteration < count; iteration++) {\n\t\t\tif (index >= count) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t\tif (index < 0) {\n\t\t\t\tindex = count - 1;\n\t\t\t}\n\t\t\tif (!isDisabled(index)) {\n\t\t\t\tthis.focusOption(index);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tindex += searchStep;\n\t\t}\n\t}\n\n\t/** Prevents the default action, sets the open state (closing focuses the input) and runs `callback`. */\n\tprotected handleListboxEvent(event: KeyboardEvent, isOpen?: boolean, callback?: () => void): void {\n\t\tevent.preventDefault();\n\t\tif (isOpen !== undefined) {\n\t\t\tthis.isOpen = isOpen;\n\t\t\tif (!isOpen) {\n\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t}\n\t\t}\n\t\tcallback?.();\n\t}\n\n\t/** Keyboard navigation of the listbox, registered by the concrete element with `@Listen('keydown')`. */\n\tprotected handleListboxKeyDown(event: KeyboardEvent): void {\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tconst wasOpen = this.isOpen;\n\t\t\t\tthis.handleListboxEvent(event, true, () => (wasOpen ? this.moveFocus(-1, -1) : this.focusLastOption()));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase ' ':\n\t\t\tcase 'Enter':\n\t\t\tcase 'NumpadEnter':\n\t\t\t\tthis.handleConfirmKey(event);\n\t\t\t\tbreak;\n\t\t\tcase 'Home':\n\t\t\t\t// With a closed list, Home and End move the caret of the input.\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusFirstOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'End':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusLastOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'PageUp':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\tcase 'PageDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(10, -1));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t/** Mouse movement ends the keyboard mode of the listbox; registered with `@Listen('mousemove')`. */\n\tprotected handleListboxMouseMove(): void {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprotected readonly handleClearButtonFocus = (): void => {\n\t\tthis.clearButtonFocused = true;\n\t};\n\n\tprotected readonly handleClearButtonBlur = (): void => {\n\t\tthis.clearButtonFocused = false;\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\n\nconst GROUP_CLASSES = {\n\t'kol-combobox': bem.forBlock('kol-combobox')('group'),\n\t'kol-single-select': bem.forBlock('kol-single-select')('group'),\n} as const;\n\nexport type ListboxGroupFCProps = {\n\t/** Block of the listbox field the group belongs to. */\n\tblock: keyof typeof GROUP_CLASSES;\n};\n\n/** Groups the input of a listbox field with its clear button and its toggle. */\nexport const ListboxGroupFC: FC<ListboxGroupFCProps> = ({ block }, children) => <div class={GROUP_CLASSES[block]}>{children}</div>;\n"],"names":["createPropDefinition","normalizeBoolean","getBlockBem","h","index","BaseFormFieldWebComponent","createRelatedUniqueId","bem"],"mappings":"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"}

package/dist/cjs/{index-BnEus4Y9.js → index-qcrGfEY6.js}

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'kolibri';
 const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
-const Env = /* kolibri */ {"kolibriVersion":"4.5.0-rc.6"};
+const Env = /* kolibri */ {"kolibriVersion":"4.5.0-rc.7"};
 
 /*
  Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
@@ -2574,6 +2574,6 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setMode = setMode;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-BnEus4Y9.js.map
+//# sourceMappingURL=index-qcrGfEY6.js.map
 
-//# sourceMappingURL=index-BnEus4Y9.js.map
+//# sourceMappingURL=index-qcrGfEY6.js.map