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

package/dist/esm/associated.controller-DlSiZFjQ.js

@@ -0,0 +1,194 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { g as watchString, J as getExperimentalMode, j as devHint, O as devWarning } from './common-DQP27q1D.js';
+import { v as validateAriaDetails } from './aria-details-WJh-R8i2.js';
+import { a as attachInternals } from './aria-labelledby-6-ki3akM.js';
+import { g as getOptions } from './bootstrap-D82MwPKY.js';
+
+const validateName = (component, value, options) => {
+    watchString(component, '_name', value, options);
+};
+
+const isAssociatedTagName = (name) => name === 'KOL-BUTTON' ||
+    name === 'KOL-COMBOBOX' ||
+    name === 'KOL-INPUT-CHECKBOX' ||
+    name === 'KOL-INPUT-COLOR' ||
+    name === 'KOL-INPUT-DATE' ||
+    name === 'KOL-INPUT-EMAIL' ||
+    name === 'KOL-INPUT-FILE' ||
+    name === 'KOL-INPUT-NUMBER' ||
+    name === 'KOL-INPUT-PASSWORD' ||
+    name === 'KOL-INPUT-RADIO' ||
+    name === 'KOL-INPUT-RANGE' ||
+    name === 'KOL-INPUT-TEXT' ||
+    name === 'KOL-SELECT' ||
+    name === 'KOL-SINGLE-SELECT' ||
+    name === 'KOL-TEXTAREA';
+class AssociatedInputController {
+    constructor(component, type, host) {
+        var _a, _b, _c, _d;
+        this.experimentalMode = getExperimentalMode();
+        this.setFormAssociatedValue = (rawValue) => {
+            var _a;
+            const name = (_a = this.formAssociated) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
+            if (name === null || name === '') {
+                devHint(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);
+            }
+            const strValue = this.tryToStringifyValue(rawValue);
+            this.syncValue(rawValue, strValue, this.formAssociated);
+            this.syncValue(rawValue, strValue, this.syncToOwnInput);
+        };
+        this.component = component;
+        this.host = this.findHostWithShadowRoot(host);
+        this.type = type;
+        this.internals = attachInternals(this.host);
+        if (((_a = getOptions()) === null || _a === void 0 ? void 0 : _a.reflectInputValues) && isAssociatedTagName((_b = this.host) === null || _b === void 0 ? void 0 : _b.tagName) && component._name) {
+            (_c = this.host) === null || _c === void 0 ? void 0 : _c.querySelectorAll('input,select,textarea').forEach((el) => {
+                var _a;
+                (_a = this.host) === null || _a === void 0 ? void 0 : _a.removeChild(el);
+            });
+            switch (this.type) {
+                case 'button':
+                case 'color':
+                case 'date':
+                case 'email':
+                case 'file':
+                case 'number':
+                case 'password':
+                case 'radio':
+                case 'range':
+                case 'text':
+                    this.formAssociated = document.createElement('input');
+                    this.formAssociated.setAttribute('type', this.type);
+                    break;
+                case 'select':
+                    this.formAssociated = document.createElement('select');
+                    this.formAssociated.setAttribute('multiple', '');
+                    break;
+                case 'textarea':
+                    this.formAssociated = document.createElement('textarea');
+                    break;
+                case 'checkbox':
+                case 'single-select':
+                case 'combobox':
+                default:
+                    this.formAssociated = document.createElement('input');
+                    this.formAssociated.setAttribute('type', 'hidden');
+            }
+            this.formAssociated.setAttribute('data-form-associated', '');
+            this.formAssociated.setAttribute('hidden', '');
+            (_d = this.host) === null || _d === void 0 ? void 0 : _d.appendChild(this.formAssociated);
+        }
+    }
+    findHostWithShadowRoot(host) {
+        while ((host === null || host === void 0 ? void 0 : host.shadowRoot) === null && host !== document.body) {
+            const parent = host === null || host === void 0 ? void 0 : host.parentNode;
+            if (parent instanceof ShadowRoot) {
+                host = parent.host;
+            }
+            else {
+                host = parent instanceof Element ? parent : undefined;
+            }
+        }
+        return host;
+    }
+    setAttribute(qualifiedName, element, value) {
+        if (this.experimentalMode) {
+            try {
+                value = typeof value === 'object' && value !== null ? JSON.stringify(value) : value;
+                if (typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string') {
+                    element === null || element === void 0 ? void 0 : element.setAttribute(qualifiedName, `${value}`);
+                }
+                else {
+                    throw new Error(`Invalid value type: ${typeof value}`);
+                }
+            }
+            catch (_a) {
+                element === null || element === void 0 ? void 0 : element.removeAttribute(qualifiedName);
+            }
+        }
+    }
+    tryToStringifyValue(value) {
+        try {
+            return typeof value === 'object' && value !== null ? JSON.stringify(value).toString() : value === null || value === undefined ? null : value.toString();
+        }
+        catch (e) {
+            devWarning(`The form field raw value is not able to stringify! ${e}`);
+            return '';
+        }
+    }
+    syncValue(rawValue, strValue, associatedElement) {
+        if (associatedElement) {
+            switch (this.type) {
+                case 'file':
+                    associatedElement.files = rawValue;
+                    break;
+                case 'select':
+                    associatedElement.querySelectorAll('option').forEach((el) => {
+                        associatedElement.removeChild(el);
+                    });
+                    if (Array.isArray(rawValue)) {
+                        rawValue.forEach((rawValueItem) => {
+                            const strValueItem = this.tryToStringifyValue(rawValueItem);
+                            if (typeof strValueItem === 'string') {
+                                const option = document.createElement('option');
+                                option.setAttribute('value', strValueItem);
+                                option.setAttribute('selected', '');
+                                associatedElement.appendChild(option);
+                            }
+                        });
+                    }
+                    break;
+                case 'radio':
+                    if (typeof strValue === 'string') {
+                        associatedElement.setAttribute('value', strValue);
+                        associatedElement.setAttribute('checked', '');
+                        associatedElement.value = strValue;
+                    }
+                    break;
+                default:
+                    if (typeof strValue === 'string') {
+                        associatedElement.setAttribute('value', strValue);
+                        associatedElement.value = strValue;
+                    }
+                    else {
+                        associatedElement.removeAttribute('value');
+                        associatedElement.value = '';
+                    }
+            }
+        }
+    }
+    validateName(value) {
+        validateName(this.component, value, {
+            hooks: {
+                afterPatch: () => {
+                    this.setAttribute('name', this.formAssociated, this.component.state._name);
+                },
+            },
+        });
+        if (typeof value === 'undefined') {
+            devHint(`A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.`);
+        }
+    }
+    validateSyncValueBySelector(value) {
+        if (this.experimentalMode && typeof value === 'string') {
+            const input = document.querySelector(value);
+            if (input) {
+                this.syncToOwnInput = input;
+            }
+        }
+    }
+    validateAriaDetails(value) {
+        validateAriaDetails(this.component, this.host, this.internals, value);
+    }
+    componentWillLoad() {
+        this.validateName(this.component._name);
+        this.validateSyncValueBySelector(this.component._syncValueBySelector);
+    }
+}
+
+export { AssociatedInputController as A };
+//# sourceMappingURL=associated.controller-DlSiZFjQ.js.map
+
+//# sourceMappingURL=associated.controller-DlSiZFjQ.js.map

package/dist/esm/associated.controller-DlSiZFjQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"associated.controller-DlSiZFjQ.js","sources":["src/schema/props/name.ts","src/components/input-adapter-leanup/associated.controller.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type NamePropType = string;\n\n/**\n * Defines the technical name of an input field.\n */\nexport type PropName = {\n\tname: NamePropType;\n};\n\n/* validator */\nexport const validateName = (component: Generic.Element.Component, value?: NamePropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_name', value, options);\n};\n","import type { NamePropType, PropSyncValueBySelector, StencilUnknown, SyncValueBySelectorPropType } from '../../schema';\nimport { devHint, devWarning, getExperimentalMode, validateName } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\nimport { getOptions } from '../../core/bootstrap';\nimport { validateAriaDetails } from '../../schema/props/aria-details';\nimport { attachInternals, type HostInternals } from '../../utils/aria-labelledby';\n\ntype RequiredProps = NonNullable<unknown>;\ntype OptionalProps = {\n\tname: string;\n} & PropSyncValueBySelector;\ntype Props = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\ntype HTMLInputFileElement = HTMLInputElement & {\n\tfiles: FileList;\n};\n\nconst isAssociatedTagName = (name?: string): boolean =>\n\tname === 'KOL-BUTTON' ||\n\tname === 'KOL-COMBOBOX' ||\n\tname === 'KOL-INPUT-CHECKBOX' ||\n\tname === 'KOL-INPUT-COLOR' ||\n\tname === 'KOL-INPUT-DATE' ||\n\tname === 'KOL-INPUT-EMAIL' ||\n\tname === 'KOL-INPUT-FILE' ||\n\tname === 'KOL-INPUT-NUMBER' ||\n\tname === 'KOL-INPUT-PASSWORD' ||\n\tname === 'KOL-INPUT-RADIO' ||\n\tname === 'KOL-INPUT-RANGE' ||\n\tname === 'KOL-INPUT-TEXT' ||\n\tname === 'KOL-SELECT' ||\n\tname === 'KOL-SINGLE-SELECT' ||\n\tname === 'KOL-TEXTAREA';\n\nexport class AssociatedInputController implements Watches {\n\tprivate readonly experimentalMode = getExperimentalMode();\n\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprotected readonly type: string;\n\tprotected readonly host?: Element;\n\tpublic internals?: HostInternals;\n\n\tpublic readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\tpublic syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\n\tpublic constructor(component: Generic.Element.Component & Props, type: string, host?: Element) {\n\t\tthis.component = component;\n\t\tthis.host = this.findHostWithShadowRoot(host);\n\t\tthis.type = type;\n\t\tthis.internals = attachInternals(this.host);\n\n\t\tif (getOptions()?.reflectInputValues && isAssociatedTagName(this.host?.tagName) && component._name) {\n\t\t\tthis.host?.querySelectorAll('input,select,textarea').forEach((el) => {\n\t\t\t\tthis.host?.removeChild(el);\n\t\t\t});\n\t\t\tswitch (this.type) {\n\t\t\t\tcase 'button':\n\t\t\t\tcase 'color':\n\t\t\t\tcase 'date':\n\t\t\t\tcase 'email':\n\t\t\t\tcase 'file':\n\t\t\t\tcase 'number':\n\t\t\t\tcase 'password':\n\t\t\t\tcase 'radio':\n\t\t\t\tcase 'range':\n\t\t\t\tcase 'text':\n\t\t\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\t\t\tthis.formAssociated.setAttribute('type', this.type);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'select':\n\t\t\t\t\tthis.formAssociated = document.createElement('select');\n\t\t\t\t\tthis.formAssociated.setAttribute('multiple', '');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'textarea':\n\t\t\t\t\tthis.formAssociated = document.createElement('textarea');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'checkbox': // Checkbox uses default case\n\t\t\t\tcase 'single-select': // SingleSelect uses default case\n\t\t\t\tcase 'combobox': // Combobox uses default case\n\t\t\t\tdefault:\n\t\t\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\t\t\tthis.formAssociated.setAttribute('type', 'hidden');\n\t\t\t}\n\t\t\tthis.formAssociated.setAttribute('data-form-associated', '');\n\t\t\tthis.formAssociated.setAttribute('hidden', '');\n\t\t\tthis.host?.appendChild(this.formAssociated);\n\t\t}\n\t}\n\n\t/**\n\t * The associated elements must not reside within the ShadowRoot and must\n\t * reside as children in the host to be recognized by native forms.\n\t */\n\tprivate findHostWithShadowRoot(host?: Element): Element | undefined {\n\t\twhile (host?.shadowRoot === null && host !== document.body) {\n\t\t\tconst parent = host?.parentNode;\n\t\t\tif (parent instanceof ShadowRoot) {\n\t\t\t\thost = parent.host;\n\t\t\t} else {\n\t\t\t\thost = parent instanceof Element ? parent : undefined;\n\t\t\t}\n\t\t}\n\t\treturn host;\n\t}\n\n\tprotected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean) {\n\t\tif (this.experimentalMode) {\n\t\t\ttry {\n\t\t\t\tvalue = typeof value === 'object' && value !== null ? JSON.stringify(value) : value;\n\t\t\t\tif (typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string') {\n\t\t\t\t\telement?.setAttribute(qualifiedName, `${value as string}`);\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`Invalid value type: ${typeof value}`);\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\telement?.removeAttribute(qualifiedName);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * We need to stringify the value, for the setAttribute method.\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes#value\n\t *\n\t * TODO: It is possible that the value are a cyclic object value. So we need a custom\n\t *       JSON.stringify method from outside to convert it to string.\n\t */\n\tprivate tryToStringifyValue(value: StencilUnknown): string | null {\n\t\ttry {\n\t\t\treturn typeof value === 'object' && value !== null ? JSON.stringify(value).toString() : value === null || value === undefined ? null : value.toString();\n\t\t} catch (e) {\n\t\t\tdevWarning(`The form field raw value is not able to stringify! ${e as string}`);\n\t\t\treturn '';\n\t\t}\n\t}\n\n\t/**\n\t * We try to support native form-associated custom elements.\n\t *\n\t * @see https://github.com/public-ui/kolibri/discussions/2821\n\t */\n\tpublic readonly setFormAssociatedValue = (rawValue: StencilUnknown) => {\n\t\tconst name = this.formAssociated?.getAttribute('name');\n\t\tif (name === null || name === '') {\n\t\t\tdevHint(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);\n\t\t}\n\t\tconst strValue = this.tryToStringifyValue(rawValue);\n\t\tthis.syncValue(rawValue, strValue, this.formAssociated);\n\t\tthis.syncValue(rawValue, strValue, this.syncToOwnInput);\n\t};\n\n\tprivate syncValue(\n\t\trawValue: StencilUnknown,\n\t\tstrValue: string | null,\n\t\tassociatedElement?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n\t) {\n\t\tif (associatedElement) {\n\t\t\tswitch (this.type) {\n\t\t\t\tcase 'file':\n\t\t\t\t\t(associatedElement as HTMLInputFileElement).files = rawValue as FileList;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'select':\n\t\t\t\t\t(associatedElement as HTMLSelectElement).querySelectorAll('option').forEach((el) => {\n\t\t\t\t\t\t(associatedElement as HTMLSelectElement).removeChild(el);\n\t\t\t\t\t});\n\t\t\t\t\tif (Array.isArray(rawValue)) {\n\t\t\t\t\t\trawValue.forEach((rawValueItem) => {\n\t\t\t\t\t\t\tconst strValueItem = this.tryToStringifyValue(rawValueItem as string);\n\t\t\t\t\t\t\tif (typeof strValueItem === 'string') {\n\t\t\t\t\t\t\t\tconst option = document.createElement('option');\n\t\t\t\t\t\t\t\toption.setAttribute('value', strValueItem);\n\t\t\t\t\t\t\t\toption.setAttribute('selected', '');\n\t\t\t\t\t\t\t\t(associatedElement as HTMLSelectElement).appendChild(option);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'radio':\n\t\t\t\t\tif (typeof strValue === 'string') {\n\t\t\t\t\t\tassociatedElement.setAttribute('value', strValue);\n\t\t\t\t\t\tassociatedElement.setAttribute('checked', '');\n\t\t\t\t\t\tassociatedElement.value = strValue;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tif (typeof strValue === 'string') {\n\t\t\t\t\t\tassociatedElement.setAttribute('value', strValue);\n\t\t\t\t\t\tassociatedElement.value = strValue;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tassociatedElement.removeAttribute('value');\n\t\t\t\t\t\tassociatedElement.value = '';\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validateName(value?: NamePropType): void {\n\t\tvalidateName(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('name', this.formAssociated, this.component.state._name as string);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tif (typeof value === 'undefined') {\n\t\t\tdevHint(\n\t\t\t\t`A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.`,\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tif (this.experimentalMode && typeof value === 'string') {\n\t\t\tconst input = document.querySelector(value) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\t\t\tif (input /* SSR instanceof HTMLInputElement */) {\n\t\t\t\tthis.syncToOwnInput = input;\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validateAriaDetails(value?: string): void {\n\t\tvalidateAriaDetails(this.component, this.host, this.internals, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateName(this.component._name);\n\t\tthis.validateSyncValueBySelector(this.component._syncValueBySelector);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/auto-complete-DIQZuGuL.js

@@ -0,0 +1,16 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { b as watchValidator } from './common-DQP27q1D.js';
+
+const autoCompleteOptions = ['on', 'off'];
+const validateAutoComplete = (component, value) => {
+    watchValidator(component, '_autoComplete', (value) => autoCompleteOptions.includes(value) || (typeof value === 'string' && value.length > 0), new Set(autoCompleteOptions), value, {
+        defaultValue: 'off',
+    });
+};
+
+export { validateAutoComplete as v };
+//# sourceMappingURL=auto-complete-DIQZuGuL.js.map
+
+//# sourceMappingURL=auto-complete-DIQZuGuL.js.map

package/dist/esm/auto-complete-DIQZuGuL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-DIQZuGuL.js","sources":["src/schema/props/auto-complete.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\n/* types */\nexport const autoCompleteOptions = ['on', 'off'] as const;\nexport type AutoCompletePropType = (typeof autoCompleteOptions)[number] | string;\n\n/**\n * Defines the auto-complete behavior for an element.\n */\nexport type PropAutoComplete = {\n\tautoComplete: AutoCompletePropType;\n};\n\n/* validator */\nexport const validateAutoComplete = (component: Generic.Element.Component, value?: AutoCompletePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_autoComplete',\n\t\t(value): boolean => autoCompleteOptions.includes(value as (typeof autoCompleteOptions)[number]) || (typeof value === 'string' && value.length > 0),\n\t\tnew Set(autoCompleteOptions),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'off',\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAU;MAW5C,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,cAAc,CACb,SAAS,EACT,eAAe,EACf,CAAC,KAAK,KAAc,mBAAmB,CAAC,QAAQ,CAAC,KAA6C,CAAC,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAClJ,IAAI,GAAG,CAAC,mBAAmB,CAAC,EAC5B,KAAK,EACL;AACC,QAAA,YAAY,EAAE,KAAK;AACnB,KAAA,CACD;AACF;;;;"}

package/dist/esm/bem-registry-DdEadmB1.js

@@ -0,0 +1,163 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { v as getDefaultExportFromCjs } from './common-DQP27q1D.js';
+
+var easyBem;
+var hasRequiredEasyBem;
+
+function requireEasyBem () {
+	if (hasRequiredEasyBem) return easyBem;
+	hasRequiredEasyBem = 1;
+
+	/**
+	 * BEM class name factory.
+	 *
+	 * @typedef {Function} Bem
+	 * @param {String|Object} [elementOrMods] Element name or hash object with mods
+	 * @param {Object} [mods] Hash object with mods
+	 * @returns {String}
+	 */
+
+	/**
+	 * Returns BEM class name factory.
+	 *
+	 * @param {String} componentName Block name
+	 * @returns {Bem}
+	 */
+	easyBem = function bem(componentName) {
+	    return function (elementOrMods, mods) {
+	        if (!elementOrMods) {
+	            return componentName;
+	        }
+
+	        var element;
+
+	        if (typeof elementOrMods === 'string') {
+	            element = elementOrMods;
+	        } else {
+	            mods = elementOrMods;
+	        }
+
+	        var base = componentName;
+	        if (element) {
+	            base += '__' + element;
+	        }
+
+	        return base + (
+	            mods
+	                ? Object.keys(mods).reduce(function (result, name) {
+	                    var value = mods[name];
+
+	                    if (value) {
+	                        result += ' ' + (
+	                            typeof value === 'boolean'
+	                                ? (base + '--' + name)
+	                                : (base + '--' + name + '_' + value)
+	                        );
+	                    }
+
+	                    return result;
+	                }, '')
+	                : ''
+	        );
+	    };
+	};
+	return easyBem;
+}
+
+var easyBemExports = requireEasyBem();
+var a = /*@__PURE__*/getDefaultExportFromCjs(easyBemExports);
+
+function c(){const e=new Map,n=(t,o,r)=>{try{return e.get(t)(o,r)}catch{return e.set(t,a(t)).get(t)(o,r)}};return n.forBlock=t=>{const o=(r,s)=>n(t,r,s);return o.forElement=r=>s=>n(t,r,s),o},n}
+
+const bem = c();
+const BEM = {
+    'kol-abbr': {
+        modifiers: null,
+    },
+    'kol-alert': {
+        elements: {
+            closer: { modifiers: null },
+            heading: { modifiers: new Set(['h0', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']) },
+            icon: { modifiers: null },
+            content: { modifiers: null },
+            container: { modifiers: null },
+        },
+        modifiers: new Set(['hasCloser', 'type-default', 'type-error', 'type-info', 'type-success', 'type-warning', 'variant-card', 'variant-msg']),
+    },
+    'kol-avatar': {
+        elements: {
+            image: { modifiers: null },
+            initials: { modifiers: null },
+        },
+        modifiers: null,
+    },
+    'kol-icon': {
+        elements: {
+            icon: { modifiers: null },
+        },
+        modifiers: null,
+    },
+    'kol-meter': {
+        elements: {
+            bar: { modifiers: null },
+            'bar-background': { modifiers: null },
+            'bar-border': { modifiers: null },
+            'bar-fill': { modifiers: new Set(['critical', 'optimum', 'suboptimal']) },
+            'bar-label': { modifiers: null },
+            'bar-state': { modifiers: new Set(['critical', 'optimum', 'suboptimal']) },
+            'bar-track': { modifiers: null },
+            unit: { modifiers: null },
+            value: { modifiers: null },
+            'value-unit': { modifiers: null },
+        },
+        modifiers: new Set(['vertical']),
+    },
+    'kol-quote': {
+        elements: {
+            blockquote: { modifiers: null },
+            cite: { modifiers: null },
+            figcaption: { modifiers: null },
+            quote: { modifiers: null },
+        },
+        modifiers: new Set(['block', 'inline']),
+    },
+    'kol-skeleton': {
+        elements: {
+            actions: { modifiers: null },
+            container: { modifiers: null },
+            counter: { modifiers: null },
+            name: { modifiers: null },
+        },
+        modifiers: new Set(['has-name', 'is-hidden']),
+    },
+    'kol-click-button': {
+        elements: {
+            label: { modifiers: null },
+        },
+        modifiers: null,
+    },
+    'kol-span': {
+        elements: {
+            container: { modifiers: null },
+            icon: { modifiers: new Set(['bottom', 'left', 'right', 'top']) },
+            label: { modifiers: null },
+            slot: { modifiers: null },
+        },
+        modifiers: new Set(['has-badge', 'hide-label']),
+    },
+    'kol-spin': {
+        elements: {
+            loader: { modifiers: null },
+            spinner: { modifiers: new Set(['cycle', 'dot', 'none']) },
+            'spinner-element': { modifiers: new Set(['1', '2', '3', 'neutral']) },
+        },
+        modifiers: null,
+    },
+};
+
+export { BEM as B, bem as b };
+//# sourceMappingURL=bem-registry-DdEadmB1.js.map
+
+//# sourceMappingURL=bem-registry-DdEadmB1.js.map

package/dist/esm/bem-registry-DdEadmB1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem-registry-DdEadmB1.js","sources":["../../node_modules/.pnpm/easy-bem@1.1.1/node_modules/easy-bem/index.js","../../node_modules/.pnpm/typed-bem@1.0.2/node_modules/typed-bem/dist/browser.mjs","src/schema/bem-registry.ts"],"sourcesContent":["'use strict';\r\n\r\n/**\r\n * BEM class name factory.\r\n *\r\n * @typedef {Function} Bem\r\n * @param {String|Object} [elementOrMods] Element name or hash object with mods\r\n * @param {Object} [mods] Hash object with mods\r\n * @returns {String}\r\n */\r\n\r\n/**\r\n * Returns BEM class name factory.\r\n *\r\n * @param {String} componentName Block name\r\n * @returns {Bem}\r\n */\r\nmodule.exports = function bem(componentName) {\r\n    return function (elementOrMods, mods) {\r\n        if (!elementOrMods) {\r\n            return componentName;\r\n        }\r\n\r\n        var element;\r\n\r\n        if (typeof elementOrMods === 'string') {\r\n            element = elementOrMods;\r\n        } else {\r\n            mods = elementOrMods;\r\n        }\r\n\r\n        var base = componentName;\r\n        if (element) {\r\n            base += '__' + element;\r\n        }\r\n\r\n        return base + (\r\n            mods\r\n                ? Object.keys(mods).reduce(function (result, name) {\r\n                    var value = mods[name];\r\n\r\n                    if (value) {\r\n                        result += ' ' + (\r\n                            typeof value === 'boolean'\r\n                                ? (base + '--' + name)\r\n                                : (base + '--' + name + '_' + value)\r\n                        );\r\n                    }\r\n\r\n                    return result;\r\n                }, '')\r\n                : ''\r\n        );\r\n    };\r\n}\r\n","import a from\"easy-bem\";function c(){const e=new Map,n=(t,o,r)=>{try{return e.get(t)(o,r)}catch{return e.set(t,a(t)).get(t)(o,r)}};return n.forBlock=t=>{const o=(r,s)=>n(t,r,s);return o.forElement=r=>s=>n(t,r,s),o},n}function f(...e){const n=new Set;for(const t of e)if(t)for(const o of t.split(/\\s+/))n.add(o);return[...n].join(\" \")}export{c as generateBemClassNames,f as uniqueClassNames};\n//# sourceMappingURL=browser.mjs.map\n","import { generateBemClassNames } from 'typed-bem';\n\n/**\n * Central BEM Schema Registry for all KoliBri Components\n *\n * This file serves as the single source of truth for all BEM class name structures\n * across the entire KoliBri component library. By centralizing component schemas here,\n * we ensure consistency, prevent duplication, and enable powerful tooling.\n *\n * Benefits:\n * - Type safety across all components\n * - Consistent BEM structure\n * - Single point of maintenance\n * - Automatic SCSS generation\n * - Better IDE support and autocomplete\n * - forBlock integration for component-specific generators\n */\n\n/**\n * Complete schema definition for all KoliBri components\n */\ntype KoliBriComponentsBemSchema = {\n\t'kol-abbr': {\n\t\tmodifiers: null;\n\t};\n\t'kol-alert': {\n\t\t/**\n\t\t * Here we define the elements we needed\n\t\t * to realize a minimal full featured alert\n\t\t * component (DOM).\n\t\t */\n\t\telements: {\n\t\t\tcontainer: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\ticon: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\theading: {\n\t\t\t\t/**\n\t\t\t\t * Some elements needs modifiers to\n\t\t\t\t * style them properly.\n\t\t\t\t */\n\t\t\t\tmodifiers: Set<'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n\t\t\t};\n\t\t\tcontent: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tcloser: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\t/**\n\t\t * Here we define the modifiers related to the\n\t\t * kol-alert component properties.\n\t\t */\n\t\tmodifiers: Set<'hasCloser' | 'type-default' | 'type-error' | 'type-info' | 'type-success' | 'type-warning' | 'variant-card' | 'variant-msg'>;\n\t};\n\t'kol-avatar': {\n\t\telements: {\n\t\t\timage: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tinitials: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: null;\n\t};\n\t'kol-icon': {\n\t\telements: {\n\t\t\ticon: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: null;\n\t};\n\t'kol-meter': {\n\t\telements: {\n\t\t\tbar: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\t'bar-label': {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\t'bar-state': {\n\t\t\t\tmodifiers: Set<'optimum' | 'suboptimal' | 'critical'>;\n\t\t\t};\n\t\t\t'bar-track': {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\t'bar-fill': {\n\t\t\t\tmodifiers: Set<'optimum' | 'suboptimal' | 'critical'>;\n\t\t\t};\n\t\t\t'bar-background': {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\t'bar-border': {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\t'value-unit': {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tvalue: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tunit: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: Set<'vertical'>;\n\t};\n\t'kol-quote': {\n\t\telements: {\n\t\t\tblockquote: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tcite: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tfigcaption: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tquote: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: Set<'block' | 'inline'>;\n\t};\n\t'kol-skeleton': {\n\t\telements: {\n\t\t\tcontainer: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tname: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tcounter: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tactions: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: Set<'has-name' | 'is-hidden'>;\n\t};\n\t'kol-click-button': {\n\t\telements: {\n\t\t\tlabel: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: null;\n\t};\n\t'kol-span': {\n\t\telements: {\n\t\t\tcontainer: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\ticon: {\n\t\t\t\tmodifiers: Set<'bottom' | 'left' | 'right' | 'top'>;\n\t\t\t};\n\t\t\tlabel: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tslot: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: Set<'has-badge' | 'hide-label'>;\n\t};\n\t'kol-spin': {\n\t\telements: {\n\t\t\tspinner: {\n\t\t\t\tmodifiers: Set<'cycle' | 'dot' | 'none'>;\n\t\t\t};\n\t\t\t'spinner-element': {\n\t\t\t\tmodifiers: Set<'1' | '2' | '3' | 'neutral'>;\n\t\t\t};\n\t\t\tloader: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\tmodifiers: null;\n\t};\n};\n\n/**\n * Create the central BEM generator instance\n * This single instance is used across all components\n */\nexport const bem = generateBemClassNames<KoliBriComponentsBemSchema>();\n\n/**\n * Export the complete BEM schema for reuse\n * to generate SCSS files in themes.\n */\nconst BEM: KoliBriComponentsBemSchema = {\n\t'kol-abbr': {\n\t\tmodifiers: null,\n\t},\n\t'kol-alert': {\n\t\telements: {\n\t\t\tcloser: { modifiers: null },\n\t\t\theading: { modifiers: new Set(['h0', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']) },\n\t\t\ticon: { modifiers: null },\n\t\t\tcontent: { modifiers: null },\n\t\t\tcontainer: { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['hasCloser', 'type-default', 'type-error', 'type-info', 'type-success', 'type-warning', 'variant-card', 'variant-msg']),\n\t},\n\t'kol-avatar': {\n\t\telements: {\n\t\t\timage: { modifiers: null },\n\t\t\tinitials: { modifiers: null },\n\t\t},\n\t\tmodifiers: null,\n\t},\n\t'kol-icon': {\n\t\telements: {\n\t\t\ticon: { modifiers: null },\n\t\t},\n\t\tmodifiers: null,\n\t},\n\t'kol-meter': {\n\t\telements: {\n\t\t\tbar: { modifiers: null },\n\t\t\t'bar-background': { modifiers: null },\n\t\t\t'bar-border': { modifiers: null },\n\t\t\t'bar-fill': { modifiers: new Set(['critical', 'optimum', 'suboptimal']) },\n\t\t\t'bar-label': { modifiers: null },\n\t\t\t'bar-state': { modifiers: new Set(['critical', 'optimum', 'suboptimal']) },\n\t\t\t'bar-track': { modifiers: null },\n\t\t\tunit: { modifiers: null },\n\t\t\tvalue: { modifiers: null },\n\t\t\t'value-unit': { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['vertical']),\n\t},\n\t'kol-quote': {\n\t\telements: {\n\t\t\tblockquote: { modifiers: null },\n\t\t\tcite: { modifiers: null },\n\t\t\tfigcaption: { modifiers: null },\n\t\t\tquote: { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['block', 'inline']),\n\t},\n\t'kol-skeleton': {\n\t\telements: {\n\t\t\tactions: { modifiers: null },\n\t\t\tcontainer: { modifiers: null },\n\t\t\tcounter: { modifiers: null },\n\t\t\tname: { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['has-name', 'is-hidden']),\n\t},\n\t'kol-click-button': {\n\t\telements: {\n\t\t\tlabel: { modifiers: null },\n\t\t},\n\t\tmodifiers: null,\n\t},\n\t'kol-span': {\n\t\telements: {\n\t\t\tcontainer: { modifiers: null },\n\t\t\ticon: { modifiers: new Set(['bottom', 'left', 'right', 'top']) },\n\t\t\tlabel: { modifiers: null },\n\t\t\tslot: { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['has-badge', 'hide-label']),\n\t},\n\t'kol-spin': {\n\t\telements: {\n\t\t\tloader: { modifiers: null },\n\t\t\tspinner: { modifiers: new Set(['cycle', 'dot', 'none']) },\n\t\t\t'spinner-element': { modifiers: new Set(['1', '2', '3', 'neutral']) },\n\t\t},\n\t\tmodifiers: null,\n\t},\n};\n\nexport { BEM };\n"],"names":["generateBemClassNames"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/esm/bootstrap-D82MwPKY.js

@@ -0,0 +1,31 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { t as setRuntimeMode, u as se, L as Log } from './common-DQP27q1D.js';
+import { s as setCustomTagNames } from './component-names-BGnhDM7F.js';
+import { i as initializeI18n } from './i18n-C39F0QhM.js';
+
+let initialized = false;
+let options;
+const bootstrap = async (themes, loaders, koliBriOptions) => {
+    var _a, _b;
+    const nodeEnv = typeof process !== 'undefined' && process.env ? "production" : undefined;
+    setRuntimeMode((koliBriOptions === null || koliBriOptions === void 0 ? void 0 : koliBriOptions.environment) || nodeEnv || 'production');
+    initializeI18n((_b = (_a = koliBriOptions === null || koliBriOptions === void 0 ? void 0 : koliBriOptions.translation) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'de', koliBriOptions === null || koliBriOptions === void 0 ? void 0 : koliBriOptions.translations);
+    if (koliBriOptions === null || koliBriOptions === void 0 ? void 0 : koliBriOptions.transformTagName) {
+        setCustomTagNames(koliBriOptions === null || koliBriOptions === void 0 ? void 0 : koliBriOptions.transformTagName);
+    }
+    const coreRegisterReturnValue = await se(themes, loaders, koliBriOptions);
+    initialized = true;
+    options = koliBriOptions;
+    Log.info('Development mode active - Enhanced debugging features available');
+    return coreRegisterReturnValue;
+};
+const register = bootstrap;
+const isInitialized = () => initialized;
+const getOptions = () => options;
+
+export { bootstrap as b, getOptions as g, isInitialized as i, register as r };
+//# sourceMappingURL=bootstrap-D82MwPKY.js.map
+
+//# sourceMappingURL=bootstrap-D82MwPKY.js.map

package/dist/esm/bootstrap-D82MwPKY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap-D82MwPKY.js","sources":["src/core/bootstrap.ts"],"sourcesContent":["import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport type { Mode } from '../schema';\nimport { Log, setRuntimeMode } from '../schema';\nimport { setCustomTagNames } from './component-names';\nimport { initializeI18n } from './i18n';\n\ntype KoliBriOptions = RegisterOptions & {\n\t/**\n\t * The environment in which the application is running.\n\t */\n\tenvironment?: Mode;\n\t/**\n\t * This option allows you to transform the component tag names.\n\t */\n\ttransformTagName?: (tagName: string) => string;\n\n\t/**\n\t * When enabled, all input fields will reflect their current value to the host element, making it accessible outside the shadow DOM.\n\t */\n\treflectInputValues?: boolean;\n};\n\nlet initialized = false;\nlet options: KoliBriOptions | undefined;\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\tkoliBriOptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tconst nodeEnv = typeof process !== 'undefined' && process.env ? (process.env.NODE_ENV as Mode) : undefined;\n\tsetRuntimeMode(koliBriOptions?.environment || nodeEnv || 'production');\n\n\tinitializeI18n(koliBriOptions?.translation?.name ?? 'de', koliBriOptions?.translations);\n\tif (koliBriOptions?.transformTagName) {\n\t\tsetCustomTagNames(koliBriOptions?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, koliBriOptions);\n\tinitialized = true;\n\toptions = koliBriOptions;\n\n\t// Only log development message when actually in development mode\n\tLog.info('Development mode active - Enhanced debugging features available');\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\nexport const getOptions = () => options;\n"],"names":["coreRegister"],"mappings":";;;;;;;AAuBA,IAAI,WAAW,GAAG,KAAK;AACvB,IAAI,OAAmC;AAEhC,MAAM,SAAS,GAAG,OACxB,MAG6D,EAC7D,OAAgE,EAChE,cAA+B,KACX;;IACpB,MAAM,OAAO,GAAG,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,GAAI,YAA6B,GAAG,SAAS;IAC1G,cAAc,CAAC,CAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,MAAA,GAAA,MAAA,GAAA,cAAc,CAAE,WAAW,KAAI,OAAO,IAAI,YAAY,CAAC;AAEtE,IAAA,cAAc,CAAC,MAAA,CAAA,EAAA,GAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAAE,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC;IACvF,IAAI,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,gBAAgB,EAAE;QACrC,iBAAiB,CAAC,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC;;IAEpD,MAAM,uBAAuB,GAAG,MAAMA,EAAY,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC;IACnF,WAAW,GAAG,IAAI;IAClB,OAAO,GAAG,cAAc;AAGxB,IAAA,GAAG,CAAC,IAAI,CAAC,iEAAiE,CAAC;AAE3E,IAAA,OAAO,uBAAuB;AAC/B;AAEO,MAAM,QAAQ,GAAG;MACX,aAAa,GAAG,MAAM;MACtB,UAAU,GAAG,MAAM;;;;"}

package/dist/esm/color-DBv1TX0l.js

@@ -0,0 +1,98 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { L as Log, k as a11yHint, b as watchValidator } from './common-DQP27q1D.js';
+import { c as createContrastColorPair } from './contrast-B2enMGqm.js';
+
+const HEX_REGEX = /^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;
+function isHexString(value) {
+    return HEX_REGEX.test(value);
+}
+function isColorObjectString(value) {
+    if (value.startsWith('{')) {
+        try {
+            const parsed = JSON.parse(value);
+            if (isValidColorPair(parsed))
+                return { type: 'ColorPair', value: parsed };
+        }
+        catch (_a) {
+            return { type: null, value: null };
+        }
+    }
+    return { type: null, value: null };
+}
+function typeOfColor(value) {
+    if (value) {
+        if (typeof value === 'string') {
+            if (isHexString(value))
+                return { type: 'string', valid: true, value: value };
+            else {
+                const colorObject = isColorObjectString(value);
+                if (colorObject.value)
+                    return { type: colorObject.type, valid: true, value: colorObject.value };
+            }
+        }
+        else {
+            const asColorPair = value;
+            if (isValidColorPair(asColorPair))
+                return { type: 'ColorPair', valid: true, value: asColorPair };
+        }
+    }
+    return { type: null, valid: false, value: '' };
+}
+function isValidColorPair(value) {
+    return !!(typeof value === 'object' && value && typeof value.backgroundColor === 'string' && typeof value.foregroundColor === 'string');
+}
+function validatorFunction(value) {
+    const valueType = typeOfColor(value);
+    switch (valueType.type) {
+        case null:
+            return false;
+        case 'string':
+        case 'ColorPair':
+            return valueType.valid;
+    }
+}
+const validateColor = (component, value, options) => {
+    watchValidator(component, '_color', validatorFunction, new Set(['rgb in hex', 'ColorPair']), value, options);
+};
+const handleColorChange = (value) => {
+    let colorContrast;
+    const valueType = typeOfColor(value);
+    switch (valueType.type) {
+        case 'string':
+            colorContrast = createContrastColorPair(valueType.value);
+            break;
+        case 'ColorPair': {
+            const asColorPair = valueType.value;
+            let foreground = '';
+            if (typeof asColorPair.foregroundColor === 'string')
+                foreground = asColorPair.foregroundColor;
+            if (!foreground || typeof foreground !== 'string')
+                foreground = '#fff';
+            colorContrast = createContrastColorPair({
+                background: asColorPair.backgroundColor,
+                foreground,
+            });
+            break;
+        }
+        case null:
+            Log.warn(`_color was empty or invalid (${JSON.stringify(value)})`);
+            colorContrast = createContrastColorPair({
+                background: '#000',
+                foreground: '#000',
+            });
+    }
+    if (colorContrast.contrast < 7) {
+        a11yHint(`[KolBadge] The contrast of ${colorContrast.contrast} (≥7, AAA) is to low, between the color pair ${colorContrast.background} and ${colorContrast.foreground}.`);
+    }
+    return {
+        backgroundColor: colorContrast.background,
+        foregroundColor: colorContrast.foreground,
+    };
+};
+
+export { handleColorChange as h, validateColor as v };
+//# sourceMappingURL=color-DBv1TX0l.js.map
+
+//# sourceMappingURL=color-DBv1TX0l.js.map

package/dist/esm/color-DBv1TX0l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-DBv1TX0l.js","sources":["src/schema/props/color.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { Stringified } from '../types';\nimport type { ColorContrast, WatchOptions } from '../utils';\nimport { a11yHint, createContrastColorPair, Log, watchValidator } from '../utils';\n\n/**\n * Defines the backgroundColor and foregroundColor.\n */\nexport type ColorPair = {\n\tbackgroundColor: string;\n\tforegroundColor: string;\n};\n\nexport type PropColor = ColorPair;\n\ntype typeOfColorType = 'string' | 'ColorPair' | null;\n\nconst HEX_REGEX = /^#((\\d|[a-f]){8}|(\\d|[a-f]){6}|(\\d|[a-f]){3,4})$/i;\nfunction isHexString(value: string): boolean {\n\treturn HEX_REGEX.test(value);\n}\n/* checks if the string is valid JSON and if the resulting object is a valid ColorPair and returns it, or null if invalid. */\nfunction isColorObjectString(value: string): { type: typeOfColorType; value: PropColor | null } {\n\tif (value.startsWith('{')) {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(value) as unknown;\n\t\t\tif (isValidColorPair(parsed as ColorPair)) return { type: 'ColorPair', value: parsed as ColorPair };\n\t\t} catch {\n\t\t\treturn { type: null, value: null };\n\t\t}\n\t}\n\treturn { type: null, value: null };\n}\n\nfunction typeOfColor(value?: unknown): { type: typeOfColorType; valid: boolean; value: PropColor | string } {\n\tif (value) {\n\t\tif (typeof value === 'string') {\n\t\t\tif (isHexString(value)) return { type: 'string', valid: true, value: value };\n\t\t\telse {\n\t\t\t\tconst colorObject = isColorObjectString(value);\n\t\t\t\tif (colorObject.value) return { type: colorObject.type, valid: true, value: colorObject.value };\n\t\t\t}\n\t\t} else {\n\t\t\tconst asColorPair = value as ColorPair;\n\t\t\tif (isValidColorPair(asColorPair)) return { type: 'ColorPair', valid: true, value: asColorPair };\n\t\t}\n\t}\n\treturn { type: null, valid: false, value: '' };\n}\n\n/* validate different color options */\nfunction isValidColorPair(value: ColorPair): boolean {\n\treturn !!(typeof value === 'object' && value && typeof value.backgroundColor === 'string' && typeof value.foregroundColor === 'string');\n}\n\nfunction validatorFunction(value?: Stringified<PropColor>): boolean {\n\tconst valueType = typeOfColor(value);\n\tswitch (valueType.type) {\n\t\tcase null:\n\t\t\treturn false;\n\t\tcase 'string':\n\t\tcase 'ColorPair':\n\t\t\treturn valueType.valid;\n\t}\n}\n\nexport const validateColor = (component: Generic.Element.Component, value?: Stringified<PropColor>, options?: WatchOptions): void => {\n\twatchValidator(component, '_color', validatorFunction, new Set(['rgb in hex', 'ColorPair']), value, options);\n};\n\nexport const handleColorChange = (value: unknown): ColorPair => {\n\tlet colorContrast: ColorContrast<string>;\n\tconst valueType = typeOfColor(value);\n\tswitch (valueType.type) {\n\t\tcase 'string':\n\t\t\tcolorContrast = createContrastColorPair(valueType.value as string);\n\t\t\tbreak;\n\t\tcase 'ColorPair': {\n\t\t\tconst asColorPair = valueType.value as ColorPair;\n\t\t\tlet foreground = '';\n\t\t\tif (typeof asColorPair.foregroundColor === 'string') foreground = asColorPair.foregroundColor;\n\t\t\tif (!foreground || typeof foreground !== 'string') foreground = '#fff';\n\t\t\tcolorContrast = createContrastColorPair({\n\t\t\t\tbackground: asColorPair.backgroundColor,\n\t\t\t\tforeground,\n\t\t\t});\n\t\t\tbreak;\n\t\t}\n\t\tcase null:\n\t\t\tLog.warn(`_color was empty or invalid (${JSON.stringify(value)})`);\n\t\t\tcolorContrast = createContrastColorPair({\n\t\t\t\tbackground: '#000',\n\t\t\t\tforeground: '#000',\n\t\t\t});\n\t}\n\n\tif (colorContrast.contrast < 7) {\n\t\ta11yHint(\n\t\t\t`[KolBadge] The contrast of ${colorContrast.contrast} (≥7, AAA) is to low, between the color pair ${colorContrast.background} and ${colorContrast.foreground}.`,\n\t\t);\n\t}\n\treturn {\n\t\tbackgroundColor: colorContrast.background,\n\t\tforegroundColor: colorContrast.foreground,\n\t};\n};\n"],"names":[],"mappings":"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"}