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

package/dist/cjs/counter-dom-updater-CzXL2mxQ.js.map

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

package/dist/cjs/custom-class-D0g-YXgV.js

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

package/dist/cjs/custom-class-D0g-YXgV.js.map

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

package/dist/cjs/dev.utils-BbU8cv-y.js

@@ -0,0 +1,86 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+var index = require('./index-wWcNpiEl.js');
+
+const initMeta = () => {
+    try {
+        const document = common.getDocument();
+        if (!document || typeof document.querySelector !== 'function') {
+            return;
+        }
+        const meta = document.querySelector('meta[name="kolibri"]');
+        if (meta && meta.hasAttribute('content')) {
+            const content = meta.getAttribute('content');
+            if (typeof content === 'string') {
+                common.setExperimentalMode(content.includes('experimental-mode=true'));
+                common.setColorContrastAnalysis(content.includes('color-contrast-analysis=true'));
+            }
+        }
+    }
+    catch (_a) {
+    }
+};
+const getKoliBri = () => {
+    let kolibri = common.getWindow().KoliBri;
+    if (kolibri === undefined) {
+        kolibri = {};
+        Object.defineProperty(common.getWindow(), 'KoliBri', {
+            value: kolibri,
+            writable: false,
+        });
+    }
+    return kolibri;
+};
+const initKoliBri = () => {
+    initMeta();
+    common.Log.debug(`
+,--. ,--.         ,--. ,--. ,-----.           ,--.
+|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'
+|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
+|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
+\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
+🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${index.Env.kolibriVersion}
+	`, {
+        forceLog: true,
+    });
+};
+const renderDevAdvice = () => {
+    if (getKoliBri().adviceShown !== true) {
+        Object.defineProperty(getKoliBri(), 'adviceShown', {
+            get: function () {
+                return true;
+            },
+        });
+        common.Log.debug(`
+You are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:
+
+Ticket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)
+Email: kolibri@itzbund.de
+`);
+    }
+};
+exports.nonce = () => Math.floor(Math.random() * 16777215).toString(16);
+if (common.isTestMode()) {
+    exports.nonce = () => 'nonce';
+}
+const createUniqueId = (prefix) => `${prefix}-${exports.nonce()}`;
+const createRelatedUniqueId = (baseId, suffix) => {
+    const separatorIndex = baseId.lastIndexOf('-');
+    if (separatorIndex === -1)
+        return `${baseId}-${suffix}`;
+    const lastSegment = baseId.slice(separatorIndex + 1);
+    const isNonce = lastSegment === 'nonce' || /^[0-9a-f]+$/.test(lastSegment);
+    return isNonce ? `${baseId.slice(0, separatorIndex)}-${suffix}-${lastSegment}` : `${baseId}-${suffix}`;
+};
+
+exports.createRelatedUniqueId = createRelatedUniqueId;
+exports.createUniqueId = createUniqueId;
+exports.initKoliBri = initKoliBri;
+exports.renderDevAdvice = renderDevAdvice;
+//# sourceMappingURL=dev.utils-BbU8cv-y.js.map
+
+//# sourceMappingURL=dev.utils-BbU8cv-y.js.map

package/dist/cjs/dev.utils-BbU8cv-y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.utils-BbU8cv-y.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-CUAtpK06.js

@@ -0,0 +1,103 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+var dev_utils = require('./dev.utils-BbU8cv-y.js');
+require('./index-wWcNpiEl.js');
+
+const getKoliBri = () => {
+    let kolibri = common.getWindow().KoliBri;
+    if (kolibri === undefined) {
+        kolibri = {};
+        Object.defineProperty(common.getWindow(), 'KoliBri', {
+            value: kolibri,
+            writable: false,
+        });
+    }
+    return kolibri;
+};
+function prototypeKoliBri(name, cb) {
+    try {
+        Object.defineProperty(getKoliBri(), name, {
+            get: function () {
+                return cb;
+            },
+        });
+    }
+    catch (_a) {
+        common.Log.debug(`KoliBri property ${name} is already bind.`);
+    }
+}
+const metaModeLog = (name, active) => common.Log.debug(`${name} ${active ? '' : 'not '}activated`);
+const initialize = () => {
+    dev_utils.initKoliBri();
+    if (common.isDevMode()) {
+        dev_utils.renderDevAdvice();
+        prototypeKoliBri('a11yColorContrast', common.koliBriA11yColorContrast);
+        prototypeKoliBri('querySelector', common.koliBriQuerySelector);
+        prototypeKoliBri('querySelectorAll', common.koliBriQuerySelectorAll);
+        prototypeKoliBri('querySelectorColors', common.koliBriQuerySelectorColors);
+        prototypeKoliBri('utils', function () {
+            return common.KoliBriUtils;
+        });
+        prototypeKoliBri('parseJson', common.parseJson);
+        prototypeKoliBri('stringifyJson', common.stringifyJson);
+        metaModeLog('Development mode', common.isDevMode());
+        metaModeLog('Experimental mode', common.getExperimentalMode());
+        metaModeLog('Color contrast analysis', common.getColorContrastAnalysis());
+        setTimeout(() => {
+            try {
+                const document = common.getDocument();
+                const body = document === null || document === void 0 ? void 0 : document.body;
+                if (document && body && typeof document.createElement === 'function') {
+                    const div = document.createElement('svg');
+                    div.setAttribute('aria-label', 'KoliBri-DevTools');
+                    div.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+                    div.setAttribute('role', 'toolbar');
+                    div.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');
+                    div.innerHTML = `<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="50"
+  height="50"
+  viewBox="0 0 600 600"
+>
+  <path d="M353 322L213 304V434L353 322Z" fill="#047" />
+  <path d="M209 564V304L149 434L209 564Z" fill="#047" />
+  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />
+  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />
+  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />
+  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />
+</svg>`;
+                    body.appendChild(div);
+                }
+            }
+            catch (error) {
+                common.Log.debug(['Could not initialize DevTools UI (likely in SSR/test environment):', error]);
+            }
+        }, 100);
+        if (common.getColorContrastAnalysis()) {
+            const timeout = setTimeout(() => {
+                clearTimeout(timeout);
+                try {
+                    const document = common.getDocument();
+                    const body = document === null || document === void 0 ? void 0 : document.body;
+                    if (document && body && typeof document.createElement === 'function') {
+                        setInterval(() => {
+                            common.KoliBriUtils.queryHtmlElementColors(document.createElement('div'), common.koliBriA11yColorContrast(body), false, false);
+                        }, 10000);
+                    }
+                }
+                catch (error) {
+                    common.Log.debug(['Could not initialize color contrast analysis:', error]);
+                }
+            }, 2500);
+        }
+    }
+};
+
+exports.initialize = initialize;
+//# sourceMappingURL=devtools-CUAtpK06.js.map
+
+//# sourceMappingURL=devtools-CUAtpK06.js.map

package/dist/cjs/devtools-CUAtpK06.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-CUAtpK06.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/disabled-CBjF4rrw.js

@@ -0,0 +1,23 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateDisabled = (component, value) => {
+    common.watchBoolean(component, '_disabled', value, {
+        hooks: {
+            afterPatch: (value) => {
+                if (value === true) {
+                    common.a11yHintDisabled();
+                }
+            },
+        },
+    });
+};
+
+exports.validateDisabled = validateDisabled;
+//# sourceMappingURL=disabled-CBjF4rrw.js.map
+
+//# sourceMappingURL=disabled-CBjF4rrw.js.map

package/dist/cjs/disabled-CBjF4rrw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-CBjF4rrw.js","sources":["src/schema/props/disabled.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { a11yHintDisabled, watchBoolean } from '../utils';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value, {\n\t\thooks: {\n\t\t\tafterPatch: (value) => {\n\t\t\t\tif (value === true) {\n\t\t\t\t\ta11yHintDisabled();\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"names":["watchBoolean","a11yHintDisabled"],"mappings":";;;;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAAA,mBAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE;AAC3C,QAAA,KAAK,EAAE;AACN,YAAA,UAAU,EAAE,CAAC,KAAK,KAAI;AACrB,gBAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AACnB,oBAAAC,uBAAgB,EAAE;;aAEnB;AACD,SAAA;AACD,KAAA,CAAC;AACH;;;;"}

package/dist/cjs/has-closer-DiSyW2l8.js

@@ -0,0 +1,15 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateHasCloser = (component, value) => {
+    common.watchBoolean(component, '_hasCloser', value);
+};
+
+exports.validateHasCloser = validateHasCloser;
+//# sourceMappingURL=has-closer-DiSyW2l8.js.map
+
+//# sourceMappingURL=has-closer-DiSyW2l8.js.map

package/dist/cjs/has-closer-DiSyW2l8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-closer-DiSyW2l8.js","sources":["src/schema/props/has-closer.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasCloserPropType = boolean;\n\n/**\n * Defines whether the element can be closed.\n */\nexport type PropHasCloser = {\n\thasCloser: HasCloserPropType;\n};\n\n/* validator */\nexport const validateHasCloser = (component: Generic.Element.Component, value?: HasCloserPropType): void => {\n\twatchBoolean(component, '_hasCloser', value);\n};\n"],"names":["watchBoolean"],"mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,KAAU;AAC1G,IAAAA,mBAAY,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AAC7C;;;;"}

package/dist/cjs/hide-label-D7h2efSv.js

@@ -0,0 +1,15 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateHideLabel = (component, value, options = {}) => {
+    common.watchBoolean(component, '_hideLabel', value, options);
+};
+
+exports.validateHideLabel = validateHideLabel;
+//# sourceMappingURL=hide-label-D7h2efSv.js.map
+
+//# sourceMappingURL=hide-label-D7h2efSv.js.map

package/dist/cjs/hide-label-D7h2efSv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-label-D7h2efSv.js","sources":["src/schema/props/hide-label.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HideLabelPropType = boolean;\n\n/**\n * Tells the element to hide the label.\n */\nexport type PropHideLabel = {\n\thideLabel: HideLabelPropType;\n};\n\n/* validator */\nexport const validateHideLabel = (component: Generic.Element.Component, value?: HideLabelPropType, options: WatchBooleanOptions = {}): void => {\n\twatchBoolean(component, '_hideLabel', value, options);\n};\n"],"names":["watchBoolean"],"mappings":";;;;;;;AAgBO,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,OAAA,GAA+B,EAAE,KAAU;IAC7IA,mBAAY,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC;AACtD;;;;"}

package/dist/cjs/href-BTGYoiQD.js

@@ -0,0 +1,15 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var common = require('./common-CN1iwxfv.js');
+
+const validateHref = (component, value, options = {}) => {
+    common.watchString(component, '_href', value, options);
+};
+
+exports.validateHref = validateHref;
+//# sourceMappingURL=href-BTGYoiQD.js.map
+
+//# sourceMappingURL=href-BTGYoiQD.js.map

package/dist/cjs/href-BTGYoiQD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"href-BTGYoiQD.js","sources":["src/schema/props/href.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type HrefPropType = string;\n\n/**\n * Defines the target URI of the link.\n */\nexport type PropHref = {\n\thref: HrefPropType;\n};\n\nexport type HrefProp = Generic.Element.Members<PropHref, unknown>;\n\n/* validator */\nexport const validateHref = (component: Generic.Element.Component, value?: HrefPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_href', value, options);\n};\n"],"names":["watchString"],"mappings":";;;;;;;AAkBO,MAAM,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,EAAE,OAAA,GAA8B,EAAE,KAAU;IAClIA,kBAAW,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;AAChD;;;;"}

package/dist/cjs/i18n-D834clm3.js

@@ -0,0 +1,19 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var i18n = require('./i18n-sODsvpBx.js');
+var common = require('./common-CN1iwxfv.js');
+
+exports.translate = (key, options) => {
+    var _a;
+    const i18n$1 = (_a = i18n.getI18nInstance()) !== null && _a !== void 0 ? _a : i18n.initializeI18n('de');
+    return i18n$1.translate(key, options);
+};
+if (common.isTestMode()) {
+    exports.translate = (key) => key;
+}
+//# sourceMappingURL=i18n-D834clm3.js.map
+
+//# sourceMappingURL=i18n-D834clm3.js.map

package/dist/cjs/i18n-D834clm3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-D834clm3.js","sources":["src/i18n.ts"],"sourcesContent":["import type { ComponentKeys, ResourcePrefix } from './core/i18n';\nimport { getI18nInstance, initializeI18n } from './core/i18n';\nimport { isTestMode } from './schema';\n\ntype Options = {\n\tcount?: number;\n\tplaceholders?: { [K: string]: string };\n};\n\nexport type TranslationKey = `${Lowercase<ResourcePrefix>}-${Lowercase<ComponentKeys>}`;\n\nexport let translate = (key: TranslationKey, options?: Options) => {\n\tconst i18n = getI18nInstance() ?? initializeI18n('de');\n\treturn i18n.translate(key, options);\n};\n\nif (isTestMode()) {\n\ttranslate = (key): string => key;\n}\n"],"names":["translate","i18n","getI18nInstance","initializeI18n","isTestMode"],"mappings":";;;;;;;;AAWWA,iBAAS,GAAG,CAAC,GAAmB,EAAE,OAAiB,KAAI;;IACjE,MAAMC,MAAI,GAAG,CAAA,EAAA,GAAAC,oBAAe,EAAE,mCAAIC,mBAAc,CAAC,IAAI,CAAC;IACtD,OAAOF,MAAI,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC;AACpC;AAEA,IAAIG,iBAAU,EAAE,EAAE;AACjB,IAAAJ,iBAAS,GAAG,CAAC,GAAG,KAAa,GAAG;AACjC;;"}

package/dist/cjs/i18n-sODsvpBx.js

@@ -0,0 +1,217 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+var locale_de = {
+    'action-done': 'Aktion abgeschlossen',
+    'action-running': 'Aktion wird ausgeführt...',
+    'avatar-alt': 'Avatar von {{name}}',
+    'character-counter-current': '{{current}} Zeichen',
+    'character-counter-current-of-max': '{{current}}/{{max}} Zeichen',
+    'character-counter-current-of-max-aria': '{{current}} von {{max}} Zeichen',
+    'character-counter-max-aria': 'Zeichenlimit erreicht!',
+    'character-limit-exceeded': 'Es sind {{over}} Zeichen zu viel.',
+    'character-limit-hint': 'Es können bis zu {{limit}} Zeichen eingegeben werden.',
+    'character-limit-remaining': 'Es sind noch {{remaining}} Zeichen verfügbar.',
+    close: 'Schließen',
+    'close-alert': 'Benachrichtigung schließen',
+    'data-browse-text': 'Datei auswählen',
+    'delete-selection': 'Auswahl entfernen',
+    'entries-per-site': 'Einträge pro Seite',
+    error: 'Fehler',
+    'error-list': 'Fehlerliste',
+    'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',
+    'filename-text': 'Datei auswählen oder hier ablegen...',
+    'form-description': 'Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.',
+    'hide-password': 'ausblenden',
+    info: 'Hinweis',
+    'kolibri-logo': 'Logo von KoliBri',
+    'live-value': '{{value}} {{unit}}',
+    'live-value-bounded': '{{value}} von {{max}} {{unit}}',
+    message: 'Nachricht',
+    'meter-state-critical': 'Kritisch',
+    'meter-state-optimum': 'Optimal',
+    'meter-state-suboptimal': 'Suboptimal',
+    'nav-maximize': 'Navigation maximieren',
+    'nav-minimize': 'Navigation minimieren',
+    new: 'Neu',
+    'no-entries': 'Es sind keine Einträge vorhanden.',
+    'no-results-message': 'Keine Ergebnisse gefunden.',
+    'open-link-in-tab': 'Öffnet in neuem Tab.',
+    page: 'Seite',
+    'page-back': 'Eine Seite zurück',
+    'page-first': 'Direkt zur ersten Seite',
+    'page-last': 'Direkt zur letzten Seite',
+    'page-next': 'Eine Seite weiter',
+    pagination: 'Paginierung',
+    'pagination-position-bottom': 'unten',
+    'pagination-position-top': 'oben',
+    readonly: 'schreibgeschützt',
+    'show-password': 'einblenden',
+    sort: 'sortieren',
+    'split-button-dropdown-label-open': 'Optionen anzeigen',
+    success: 'Erfolg',
+    'table-pagination-label': 'Paginierung für die Tabelle {{label}}',
+    'table-selection': 'Auswahl',
+    'table-selection-all': 'Alle auswählen',
+    'table-selection-indeterminate': 'Alle auswählen bei teilweiser Auswahl',
+    'table-selection-none': 'Alle abwählen',
+    'table-settings': 'Tabellenkonfiguration',
+    'table-settings-apply': 'Übernehmen',
+    'table-settings-cancel': 'Abbrechen',
+    'table-settings-column-hidable': 'Spalte "{{column}}" ausblenden.',
+    'table-settings-column-not-hidable': 'Spalte "{{column}}" kann nicht ausgeblendet werden.',
+    'table-settings-column-width': 'Breite von Spalte "{{column}}" in Pixel.',
+    'table-settings-error-all-invisible': 'Mindestens eine Spalte muss sichtbar sein.',
+    'table-settings-move-down': 'Spalte "{{column}}" nach unten verschieben.',
+    'table-settings-move-up': 'Spalte "{{column}}" nach oben verschieben.',
+    'table-settings-not-move': 'Spalte "{{column}}" kann nicht verschoben werden.',
+    'table-sort-order': 'Priorität {{order}}',
+    'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',
+    'toast-close-all': 'Alle Benachrichtigungen schließen',
+    version: 'Versionsnummer',
+    warning: 'Warnung',
+};
+
+var locale_en = {
+    'action-done': 'Action done',
+    'action-running': 'Action is running...',
+    'avatar-alt': 'Avatar of {{name}}',
+    'character-counter-current': '{{current}} characters',
+    'character-counter-current-of-max': '{{current}}/{{max}} characters',
+    'character-counter-current-of-max-aria': '{{current}} of {{max}} characters',
+    'character-counter-max-aria': 'Character limit reached!',
+    'character-limit-exceeded': 'You have {{over}} characters too many.',
+    'character-limit-hint': 'You can enter up to {{limit}} characters',
+    'character-limit-remaining': 'You have {{remaining}} characters remaining.',
+    close: 'Close',
+    'close-alert': 'Close notification',
+    'data-browse-text': 'Browse',
+    'delete-selection': 'Delete selection',
+    'entries-per-site': 'Entries per page',
+    error: 'Error',
+    'error-list': 'Error list',
+    'error-list-message': 'Please correct the following errors',
+    'filename-text': 'Choose a file or drop it here...',
+    'form-description': 'Form fields marked with an asterisk (*) are mandatory.',
+    'hide-password': 'Hide',
+    info: 'Note',
+    'kolibri-logo': 'KoliBri logo',
+    'live-value': '{{value}} {{unit}}',
+    'live-value-bounded': '{{value}} of {{max}} {{unit}}',
+    message: 'Message',
+    'meter-state-critical': 'Critical',
+    'meter-state-optimum': 'Optimum',
+    'meter-state-suboptimal': 'Suboptimal',
+    'nav-maximize': 'Maximize navigation',
+    'nav-minimize': 'Minimize navigation',
+    new: 'New',
+    'no-entries': 'No entries available.',
+    'no-results-message': 'No results found.',
+    'open-link-in-tab': 'Opens in new tab.',
+    page: 'Page',
+    'page-back': 'One page back',
+    'page-first': 'Directly to the first page',
+    'page-last': 'Directly to the last page',
+    'page-next': 'One page further',
+    pagination: 'Pagination',
+    'pagination-position-bottom': 'bottom',
+    'pagination-position-top': 'top',
+    readonly: 'read-only',
+    'show-password': 'Show',
+    sort: 'sort',
+    'split-button-dropdown-label-open': 'Show options',
+    success: 'Success',
+    'table-pagination-label': 'Pagination for table {{label}}',
+    'table-selection': 'Selection',
+    'table-selection-all': 'Select all',
+    'table-selection-indeterminate': 'Select all with partial selection',
+    'table-selection-none': 'Deselect all',
+    'table-settings': 'Table configuration',
+    'table-settings-apply': 'Apply',
+    'table-settings-cancel': 'Cancel',
+    'table-settings-column-hidable': 'Hide column "{{column}}".',
+    'table-settings-column-not-hidable': 'Column "{{column}}" cannot be hidden.',
+    'table-settings-column-width': 'Width of column "{{column}}" in pixel.',
+    'table-settings-error-all-invisible': 'At least one column must be visible.',
+    'table-settings-move-down': 'Move column "{{column}}" down.',
+    'table-settings-move-up': 'Move column "{{column}}" up.',
+    'table-settings-not-move': 'Column "{{column}}" cannot be moved.',
+    'table-sort-order': 'Priority {{order}}',
+    'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',
+    'toast-close-all': 'Close all notifications',
+    version: 'Version number',
+    warning: 'Warning',
+};
+
+const mapLocaleKeys = (locale) => Object.keys(locale).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {});
+const TRANSLATIONS = new Set([
+    (t) => t('en', mapLocaleKeys(locale_en)),
+    (t) => t('de', mapLocaleKeys(locale_de)),
+]);
+const replaceAll = function (text, search, replacement) {
+    return text.split(search).join(replacement);
+};
+class I18nService {
+    constructor(initialLanguage) {
+        this.resourceMap = new Map();
+        this.language = initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : 'de';
+    }
+    addTranslations(translations) {
+        if (Array.isArray(translations)) {
+            translations = new Set(translations);
+        }
+        else if (typeof translations === 'function') {
+            translations = new Set([translations]);
+        }
+        if (translations !== undefined) {
+            translations.forEach((t) => t((l, t) => {
+                let resources = this.resourceMap.get(l);
+                if (!resources) {
+                    resources = new Map();
+                    this.resourceMap.set(l, resources);
+                }
+                Object.entries(t).forEach(([k, v]) => {
+                    if (v) {
+                        resources.set(k, v);
+                    }
+                });
+                return l;
+            }));
+        }
+    }
+    setLanguage(lng) {
+        this.language = lng;
+    }
+    translate(key, options) {
+        var _a;
+        let result = (_a = this.resourceMap.get(this.language)) === null || _a === void 0 ? void 0 : _a.get(key);
+        if (result) {
+            if (options === null || options === void 0 ? void 0 : options.placeholders) {
+                Object.entries(options.placeholders).forEach(([k, v]) => {
+                    result = replaceAll(result, `{{${k}}}`, v);
+                });
+            }
+        }
+        else {
+            result = key;
+        }
+        return result;
+    }
+}
+let i18n;
+const getI18nInstance = () => {
+    return i18n;
+};
+const initializeI18n = (lng, translations = TRANSLATIONS) => {
+    i18n = new I18nService(lng);
+    i18n.addTranslations(translations);
+    return i18n;
+};
+
+exports.getI18nInstance = getI18nInstance;
+exports.initializeI18n = initializeI18n;
+//# sourceMappingURL=i18n-sODsvpBx.js.map
+
+//# sourceMappingURL=i18n-sODsvpBx.js.map