@public-ui/theme-default 3.0.2-23b676ffff02d65bc7f05613310ad885935cd160.0 → 3.0.2-4f2652e383001617fed2c8414b4cf7ac25f38716.0

package/dist/index.cjs

@@ -3,9 +3,11 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
 
-var loglevel = {exports: {}};
+var loglevel$1 = {exports: {}};
 
 /*
 * loglevel - https://github.com/pimterry/loglevel
@@ -13,356 +15,366 @@ var loglevel = {exports: {}};
 * Copyright (c) 2013 Tim Perry
 * Licensed under the MIT license.
 */
+var loglevel = loglevel$1.exports;
+
+var hasRequiredLoglevel;
+
+function requireLoglevel () {
+	if (hasRequiredLoglevel) return loglevel$1.exports;
+	hasRequiredLoglevel = 1;
+	(function (module) {
+		(function (root, definition) {
+		    if (module.exports) {
+		        module.exports = definition();
+		    } else {
+		        root.log = definition();
+		    }
+		}(loglevel, function () {
+
+		    // Slightly dubious tricks to cut down minimized file size
+		    var noop = function() {};
+		    var undefinedType = "undefined";
+		    var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (
+		        /Trident\/|MSIE /.test(window.navigator.userAgent)
+		    );
+
+		    var logMethods = [
+		        "trace",
+		        "debug",
+		        "info",
+		        "warn",
+		        "error"
+		    ];
+
+		    var _loggersByName = {};
+		    var defaultLogger = null;
+
+		    // Cross-browser bind equivalent that works at least back to IE6
+		    function bindMethod(obj, methodName) {
+		        var method = obj[methodName];
+		        if (typeof method.bind === 'function') {
+		            return method.bind(obj);
+		        } else {
+		            try {
+		                return Function.prototype.bind.call(method, obj);
+		            } catch (e) {
+		                // Missing bind shim or IE8 + Modernizr, fallback to wrapping
+		                return function() {
+		                    return Function.prototype.apply.apply(method, [obj, arguments]);
+		                };
+		            }
+		        }
+		    }
+
+		    // Trace() doesn't print the message in IE, so for that case we need to wrap it
+		    function traceForIE() {
+		        if (console.log) {
+		            if (console.log.apply) {
+		                console.log.apply(console, arguments);
+		            } else {
+		                // In old IE, native console methods themselves don't have apply().
+		                Function.prototype.apply.apply(console.log, [console, arguments]);
+		            }
+		        }
+		        if (console.trace) console.trace();
+		    }
+
+		    // Build the best logging method possible for this env
+		    // Wherever possible we want to bind, not wrap, to preserve stack traces
+		    function realMethod(methodName) {
+		        if (methodName === 'debug') {
+		            methodName = 'log';
+		        }
+
+		        if (typeof console === undefinedType) {
+		            return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives
+		        } else if (methodName === 'trace' && isIE) {
+		            return traceForIE;
+		        } else if (console[methodName] !== undefined) {
+		            return bindMethod(console, methodName);
+		        } else if (console.log !== undefined) {
+		            return bindMethod(console, 'log');
+		        } else {
+		            return noop;
+		        }
+		    }
+
+		    // These private functions always need `this` to be set properly
+
+		    function replaceLoggingMethods() {
+		        /*jshint validthis:true */
+		        var level = this.getLevel();
+
+		        // Replace the actual methods.
+		        for (var i = 0; i < logMethods.length; i++) {
+		            var methodName = logMethods[i];
+		            this[methodName] = (i < level) ?
+		                noop :
+		                this.methodFactory(methodName, level, this.name);
+		        }
+
+		        // Define log.log as an alias for log.debug
+		        this.log = this.debug;
+
+		        // Return any important warnings.
+		        if (typeof console === undefinedType && level < this.levels.SILENT) {
+		            return "No console available for logging";
+		        }
+		    }
+
+		    // In old IE versions, the console isn't present until you first open it.
+		    // We build realMethod() replacements here that regenerate logging methods
+		    function enableLoggingWhenConsoleArrives(methodName) {
+		        return function () {
+		            if (typeof console !== undefinedType) {
+		                replaceLoggingMethods.call(this);
+		                this[methodName].apply(this, arguments);
+		            }
+		        };
+		    }
+
+		    // By default, we use closely bound real methods wherever possible, and
+		    // otherwise we wait for a console to appear, and then try again.
+		    function defaultMethodFactory(methodName, _level, _loggerName) {
+		        /*jshint validthis:true */
+		        return realMethod(methodName) ||
+		               enableLoggingWhenConsoleArrives.apply(this, arguments);
+		    }
+
+		    function Logger(name, factory) {
+		      // Private instance variables.
+		      var self = this;
+		      /**
+		       * The level inherited from a parent logger (or a global default). We
+		       * cache this here rather than delegating to the parent so that it stays
+		       * in sync with the actual logging methods that we have installed (the
+		       * parent could change levels but we might not have rebuilt the loggers
+		       * in this child yet).
+		       * @type {number}
+		       */
+		      var inheritedLevel;
+		      /**
+		       * The default level for this logger, if any. If set, this overrides
+		       * `inheritedLevel`.
+		       * @type {number|null}
+		       */
+		      var defaultLevel;
+		      /**
+		       * A user-specific level for this logger. If set, this overrides
+		       * `defaultLevel`.
+		       * @type {number|null}
+		       */
+		      var userLevel;
+
+		      var storageKey = "loglevel";
+		      if (typeof name === "string") {
+		        storageKey += ":" + name;
+		      } else if (typeof name === "symbol") {
+		        storageKey = undefined;
+		      }
+
+		      function persistLevelIfPossible(levelNum) {
+		          var levelName = (logMethods[levelNum] || 'silent').toUpperCase();
+
+		          if (typeof window === undefinedType || !storageKey) return;
+
+		          // Use localStorage if available
+		          try {
+		              window.localStorage[storageKey] = levelName;
+		              return;
+		          } catch (ignore) {}
+
+		          // Use session cookie as fallback
+		          try {
+		              window.document.cookie =
+		                encodeURIComponent(storageKey) + "=" + levelName + ";";
+		          } catch (ignore) {}
+		      }
+
+		      function getPersistedLevel() {
+		          var storedLevel;
+
+		          if (typeof window === undefinedType || !storageKey) return;
+
+		          try {
+		              storedLevel = window.localStorage[storageKey];
+		          } catch (ignore) {}
+
+		          // Fallback to cookies if local storage gives us nothing
+		          if (typeof storedLevel === undefinedType) {
+		              try {
+		                  var cookie = window.document.cookie;
+		                  var cookieName = encodeURIComponent(storageKey);
+		                  var location = cookie.indexOf(cookieName + "=");
+		                  if (location !== -1) {
+		                      storedLevel = /^([^;]+)/.exec(
+		                          cookie.slice(location + cookieName.length + 1)
+		                      )[1];
+		                  }
+		              } catch (ignore) {}
+		          }
+
+		          // If the stored level is not valid, treat it as if nothing was stored.
+		          if (self.levels[storedLevel] === undefined) {
+		              storedLevel = undefined;
+		          }
+
+		          return storedLevel;
+		      }
+
+		      function clearPersistedLevel() {
+		          if (typeof window === undefinedType || !storageKey) return;
+
+		          // Use localStorage if available
+		          try {
+		              window.localStorage.removeItem(storageKey);
+		          } catch (ignore) {}
+
+		          // Use session cookie as fallback
+		          try {
+		              window.document.cookie =
+		                encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+		          } catch (ignore) {}
+		      }
+
+		      function normalizeLevel(input) {
+		          var level = input;
+		          if (typeof level === "string" && self.levels[level.toUpperCase()] !== undefined) {
+		              level = self.levels[level.toUpperCase()];
+		          }
+		          if (typeof level === "number" && level >= 0 && level <= self.levels.SILENT) {
+		              return level;
+		          } else {
+		              throw new TypeError("log.setLevel() called with invalid level: " + input);
+		          }
+		      }
+
+		      /*
+		       *
+		       * Public logger API - see https://github.com/pimterry/loglevel for details
+		       *
+		       */
+
+		      self.name = name;
+
+		      self.levels = { "TRACE": 0, "DEBUG": 1, "INFO": 2, "WARN": 3,
+		          "ERROR": 4, "SILENT": 5};
+
+		      self.methodFactory = factory || defaultMethodFactory;
+
+		      self.getLevel = function () {
+		          if (userLevel != null) {
+		            return userLevel;
+		          } else if (defaultLevel != null) {
+		            return defaultLevel;
+		          } else {
+		            return inheritedLevel;
+		          }
+		      };
+
+		      self.setLevel = function (level, persist) {
+		          userLevel = normalizeLevel(level);
+		          if (persist !== false) {  // defaults to true
+		              persistLevelIfPossible(userLevel);
+		          }
+
+		          // NOTE: in v2, this should call rebuild(), which updates children.
+		          return replaceLoggingMethods.call(self);
+		      };
+
+		      self.setDefaultLevel = function (level) {
+		          defaultLevel = normalizeLevel(level);
+		          if (!getPersistedLevel()) {
+		              self.setLevel(level, false);
+		          }
+		      };
+
+		      self.resetLevel = function () {
+		          userLevel = null;
+		          clearPersistedLevel();
+		          replaceLoggingMethods.call(self);
+		      };
+
+		      self.enableAll = function(persist) {
+		          self.setLevel(self.levels.TRACE, persist);
+		      };
+
+		      self.disableAll = function(persist) {
+		          self.setLevel(self.levels.SILENT, persist);
+		      };
+
+		      self.rebuild = function () {
+		          if (defaultLogger !== self) {
+		              inheritedLevel = normalizeLevel(defaultLogger.getLevel());
+		          }
+		          replaceLoggingMethods.call(self);
+
+		          if (defaultLogger === self) {
+		              for (var childName in _loggersByName) {
+		                _loggersByName[childName].rebuild();
+		              }
+		          }
+		      };
+
+		      // Initialize all the internal levels.
+		      inheritedLevel = normalizeLevel(
+		          defaultLogger ? defaultLogger.getLevel() : "WARN"
+		      );
+		      var initialLevel = getPersistedLevel();
+		      if (initialLevel != null) {
+		          userLevel = normalizeLevel(initialLevel);
+		      }
+		      replaceLoggingMethods.call(self);
+		    }
+
+		    /*
+		     *
+		     * Top-level API
+		     *
+		     */
+
+		    defaultLogger = new Logger();
+
+		    defaultLogger.getLogger = function getLogger(name) {
+		        if ((typeof name !== "symbol" && typeof name !== "string") || name === "") {
+		            throw new TypeError("You must supply a name when creating a logger.");
+		        }
+
+		        var logger = _loggersByName[name];
+		        if (!logger) {
+		            logger = _loggersByName[name] = new Logger(
+		                name,
+		                defaultLogger.methodFactory
+		            );
+		        }
+		        return logger;
+		    };
+
+		    // Grab the current global log variable in case of overwrite
+		    var _log = (typeof window !== undefinedType) ? window.log : undefined;
+		    defaultLogger.noConflict = function() {
+		        if (typeof window !== undefinedType &&
+		               window.log === defaultLogger) {
+		            window.log = _log;
+		        }
+
+		        return defaultLogger;
+		    };
+
+		    defaultLogger.getLoggers = function getLoggers() {
+		        return _loggersByName;
+		    };
+
+		    // ES6 default export, for compatibility
+		    defaultLogger['default'] = defaultLogger;
+
+		    return defaultLogger;
+		})); 
+	} (loglevel$1));
+	return loglevel$1.exports;
+}
 
-(function (module) {
-(function (root, definition) {
-    if (module.exports) {
-        module.exports = definition();
-    } else {
-        root.log = definition();
-    }
-}(commonjsGlobal, function () {
-
-    // Slightly dubious tricks to cut down minimized file size
-    var noop = function() {};
-    var undefinedType = "undefined";
-    var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (
-        /Trident\/|MSIE /.test(window.navigator.userAgent)
-    );
-
-    var logMethods = [
-        "trace",
-        "debug",
-        "info",
-        "warn",
-        "error"
-    ];
-
-    var _loggersByName = {};
-    var defaultLogger = null;
-
-    // Cross-browser bind equivalent that works at least back to IE6
-    function bindMethod(obj, methodName) {
-        var method = obj[methodName];
-        if (typeof method.bind === 'function') {
-            return method.bind(obj);
-        } else {
-            try {
-                return Function.prototype.bind.call(method, obj);
-            } catch (e) {
-                // Missing bind shim or IE8 + Modernizr, fallback to wrapping
-                return function() {
-                    return Function.prototype.apply.apply(method, [obj, arguments]);
-                };
-            }
-        }
-    }
-
-    // Trace() doesn't print the message in IE, so for that case we need to wrap it
-    function traceForIE() {
-        if (console.log) {
-            if (console.log.apply) {
-                console.log.apply(console, arguments);
-            } else {
-                // In old IE, native console methods themselves don't have apply().
-                Function.prototype.apply.apply(console.log, [console, arguments]);
-            }
-        }
-        if (console.trace) console.trace();
-    }
-
-    // Build the best logging method possible for this env
-    // Wherever possible we want to bind, not wrap, to preserve stack traces
-    function realMethod(methodName) {
-        if (methodName === 'debug') {
-            methodName = 'log';
-        }
-
-        if (typeof console === undefinedType) {
-            return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives
-        } else if (methodName === 'trace' && isIE) {
-            return traceForIE;
-        } else if (console[methodName] !== undefined) {
-            return bindMethod(console, methodName);
-        } else if (console.log !== undefined) {
-            return bindMethod(console, 'log');
-        } else {
-            return noop;
-        }
-    }
-
-    // These private functions always need `this` to be set properly
-
-    function replaceLoggingMethods() {
-        /*jshint validthis:true */
-        var level = this.getLevel();
-
-        // Replace the actual methods.
-        for (var i = 0; i < logMethods.length; i++) {
-            var methodName = logMethods[i];
-            this[methodName] = (i < level) ?
-                noop :
-                this.methodFactory(methodName, level, this.name);
-        }
-
-        // Define log.log as an alias for log.debug
-        this.log = this.debug;
-
-        // Return any important warnings.
-        if (typeof console === undefinedType && level < this.levels.SILENT) {
-            return "No console available for logging";
-        }
-    }
-
-    // In old IE versions, the console isn't present until you first open it.
-    // We build realMethod() replacements here that regenerate logging methods
-    function enableLoggingWhenConsoleArrives(methodName) {
-        return function () {
-            if (typeof console !== undefinedType) {
-                replaceLoggingMethods.call(this);
-                this[methodName].apply(this, arguments);
-            }
-        };
-    }
-
-    // By default, we use closely bound real methods wherever possible, and
-    // otherwise we wait for a console to appear, and then try again.
-    function defaultMethodFactory(methodName, _level, _loggerName) {
-        /*jshint validthis:true */
-        return realMethod(methodName) ||
-               enableLoggingWhenConsoleArrives.apply(this, arguments);
-    }
-
-    function Logger(name, factory) {
-      // Private instance variables.
-      var self = this;
-      /**
-       * The level inherited from a parent logger (or a global default). We
-       * cache this here rather than delegating to the parent so that it stays
-       * in sync with the actual logging methods that we have installed (the
-       * parent could change levels but we might not have rebuilt the loggers
-       * in this child yet).
-       * @type {number}
-       */
-      var inheritedLevel;
-      /**
-       * The default level for this logger, if any. If set, this overrides
-       * `inheritedLevel`.
-       * @type {number|null}
-       */
-      var defaultLevel;
-      /**
-       * A user-specific level for this logger. If set, this overrides
-       * `defaultLevel`.
-       * @type {number|null}
-       */
-      var userLevel;
-
-      var storageKey = "loglevel";
-      if (typeof name === "string") {
-        storageKey += ":" + name;
-      } else if (typeof name === "symbol") {
-        storageKey = undefined;
-      }
-
-      function persistLevelIfPossible(levelNum) {
-          var levelName = (logMethods[levelNum] || 'silent').toUpperCase();
-
-          if (typeof window === undefinedType || !storageKey) return;
-
-          // Use localStorage if available
-          try {
-              window.localStorage[storageKey] = levelName;
-              return;
-          } catch (ignore) {}
-
-          // Use session cookie as fallback
-          try {
-              window.document.cookie =
-                encodeURIComponent(storageKey) + "=" + levelName + ";";
-          } catch (ignore) {}
-      }
-
-      function getPersistedLevel() {
-          var storedLevel;
-
-          if (typeof window === undefinedType || !storageKey) return;
-
-          try {
-              storedLevel = window.localStorage[storageKey];
-          } catch (ignore) {}
-
-          // Fallback to cookies if local storage gives us nothing
-          if (typeof storedLevel === undefinedType) {
-              try {
-                  var cookie = window.document.cookie;
-                  var cookieName = encodeURIComponent(storageKey);
-                  var location = cookie.indexOf(cookieName + "=");
-                  if (location !== -1) {
-                      storedLevel = /^([^;]+)/.exec(
-                          cookie.slice(location + cookieName.length + 1)
-                      )[1];
-                  }
-              } catch (ignore) {}
-          }
-
-          // If the stored level is not valid, treat it as if nothing was stored.
-          if (self.levels[storedLevel] === undefined) {
-              storedLevel = undefined;
-          }
-
-          return storedLevel;
-      }
-
-      function clearPersistedLevel() {
-          if (typeof window === undefinedType || !storageKey) return;
-
-          // Use localStorage if available
-          try {
-              window.localStorage.removeItem(storageKey);
-          } catch (ignore) {}
-
-          // Use session cookie as fallback
-          try {
-              window.document.cookie =
-                encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
-          } catch (ignore) {}
-      }
-
-      function normalizeLevel(input) {
-          var level = input;
-          if (typeof level === "string" && self.levels[level.toUpperCase()] !== undefined) {
-              level = self.levels[level.toUpperCase()];
-          }
-          if (typeof level === "number" && level >= 0 && level <= self.levels.SILENT) {
-              return level;
-          } else {
-              throw new TypeError("log.setLevel() called with invalid level: " + input);
-          }
-      }
-
-      /*
-       *
-       * Public logger API - see https://github.com/pimterry/loglevel for details
-       *
-       */
-
-      self.name = name;
-
-      self.levels = { "TRACE": 0, "DEBUG": 1, "INFO": 2, "WARN": 3,
-          "ERROR": 4, "SILENT": 5};
-
-      self.methodFactory = factory || defaultMethodFactory;
-
-      self.getLevel = function () {
-          if (userLevel != null) {
-            return userLevel;
-          } else if (defaultLevel != null) {
-            return defaultLevel;
-          } else {
-            return inheritedLevel;
-          }
-      };
-
-      self.setLevel = function (level, persist) {
-          userLevel = normalizeLevel(level);
-          if (persist !== false) {  // defaults to true
-              persistLevelIfPossible(userLevel);
-          }
-
-          // NOTE: in v2, this should call rebuild(), which updates children.
-          return replaceLoggingMethods.call(self);
-      };
-
-      self.setDefaultLevel = function (level) {
-          defaultLevel = normalizeLevel(level);
-          if (!getPersistedLevel()) {
-              self.setLevel(level, false);
-          }
-      };
-
-      self.resetLevel = function () {
-          userLevel = null;
-          clearPersistedLevel();
-          replaceLoggingMethods.call(self);
-      };
-
-      self.enableAll = function(persist) {
-          self.setLevel(self.levels.TRACE, persist);
-      };
-
-      self.disableAll = function(persist) {
-          self.setLevel(self.levels.SILENT, persist);
-      };
-
-      self.rebuild = function () {
-          if (defaultLogger !== self) {
-              inheritedLevel = normalizeLevel(defaultLogger.getLevel());
-          }
-          replaceLoggingMethods.call(self);
-
-          if (defaultLogger === self) {
-              for (var childName in _loggersByName) {
-                _loggersByName[childName].rebuild();
-              }
-          }
-      };
-
-      // Initialize all the internal levels.
-      inheritedLevel = normalizeLevel(
-          defaultLogger ? defaultLogger.getLevel() : "WARN"
-      );
-      var initialLevel = getPersistedLevel();
-      if (initialLevel != null) {
-          userLevel = normalizeLevel(initialLevel);
-      }
-      replaceLoggingMethods.call(self);
-    }
-
-    /*
-     *
-     * Top-level API
-     *
-     */
-
-    defaultLogger = new Logger();
-
-    defaultLogger.getLogger = function getLogger(name) {
-        if ((typeof name !== "symbol" && typeof name !== "string") || name === "") {
-            throw new TypeError("You must supply a name when creating a logger.");
-        }
-
-        var logger = _loggersByName[name];
-        if (!logger) {
-            logger = _loggersByName[name] = new Logger(
-                name,
-                defaultLogger.methodFactory
-            );
-        }
-        return logger;
-    };
-
-    // Grab the current global log variable in case of overwrite
-    var _log = (typeof window !== undefinedType) ? window.log : undefined;
-    defaultLogger.noConflict = function() {
-        if (typeof window !== undefinedType &&
-               window.log === defaultLogger) {
-            window.log = _log;
-        }
-
-        return defaultLogger;
-    };
-
-    defaultLogger.getLoggers = function getLoggers() {
-        return _loggersByName;
-    };
-
-    // ES6 default export, for compatibility
-    defaultLogger['default'] = defaultLogger;
-
-    return defaultLogger;
-}));
-}(loglevel));
+requireLoglevel();
 
 const I=(t,e)=>s=>s(t,e),P=(t,e)=>s=>s(t,e,{append:false}),$=()=>{const t=typeof process<"u"&&process.env?process.env:{},e=t.NODE_ENV==="test",s="VITEST"in t,a="JEST_WORKER_ID"in t,o="PLAYWRIGHT_TEST_BASE_URL"in t,r=t.CI==="true",i=t.TEST==="true"||t.IS_TEST==="true",c=typeof navigator<"u"&&navigator.webdriver===true,m=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return e||s||a||o||r||i||c||m},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:$(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const t={};for(const[s,a]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())t[s]=[a.totalTime/a.count,a.count];const e=Object.entries(t).sort((s,a)=>a[1][0]-s[1][0]);return console.table(Object.fromEntries(e.map(([s,[a,o]])=>[s,{"avg (ms)":parseFloat(a.toFixed(2)),count:o}]))),t}}};const w=new Set,W=/--[^;]+/g,q=/:/,J=typeof MutationObserver<"u";let N=()=>{Math.min(25+Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250);};const X=(t,e)=>{let s=e.match(W);if(Array.isArray(s)){s=s.filter(o=>q.test(o));const a=document.createElement("style");a.innerHTML=`.${t} {${s.join(";")}}`,document.querySelector("head")?.appendChild(a);}w.add(t);},y=(t,e)=>{const s=n$1.A11yUi.THEMES.get(t);return s instanceof Map&&s.has(e)?s.get(e):""},Z=t=>{for(const e of Array.from(t.childNodes))if(e instanceof HTMLStyleElement&&e.tagName==="STYLE"&&e.dataset.themingFallback===void 0)t.removeChild(e);else break},ee=(t,e)=>{try{if(n$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];e.forEach(a=>{const o=new CSSStyleSheet;o.replaceSync(a),s.push(o);}),t.adoptedStyleSheets=s;}catch{[...e].reverse().forEach((a,o)=>{if(typeof a!="string"||a.length===0)return;const r=document.createElement("style");switch(r.dataset.themingFallback="",o){case 4:r.dataset.themingBaseA11y="";break;case 3:r.dataset.themingBaseGlobal="";break;case 2:r.dataset.themingBaseComponent="";break;case 1:r.dataset.themingCustomGlobal="";break;case 0:r.dataset.themingCustomComponent="";break;default:r.dataset.themingUnknown="";break}r.innerHTML=a,t.insertBefore(r,t.firstChild);});}},te=(t,e,s)=>{if(s!==false){const a=[...Array.from(t.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE")];let o;try{o=[...Array.from(t.adoptedStyleSheets)];}catch{o=[];}s?.mode==="before"?(a.reverse().forEach(r=>e.unshift(r.innerHTML)),o.reverse().forEach(r=>e.unshift(Array.from(r.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(a.forEach(r=>e.push(r.innerHTML)),o.forEach(r=>e.push(Array.from(r.cssRules).map(i=>i.cssText).join(""))));}},se=(t,e,s)=>{const a=e.name||"default";let o;try{if(t.shadowRoot===null)throw new Error("ShadowRoot is null");o=t.shadowRoot;}catch{o=t;}if(n$1.A11yUi.CSS_STYLE_CACHE.get(a)?.has(t.tagName))v(t,o,n$1.A11yUi.CSS_STYLE_CACHE.get(a)?.get(t.tagName),s);else {const r=y(a,"PROPERTIES"),i=y(a,"GLOBAL"),c=y(a,t.tagName);w.has(a)===false&&X(a,i);const m=[r,i,c];te(o,m,e.encroachCss),e.cache===true&&(n$1.A11yUi.CSS_STYLE_CACHE.has(a)===false&&n$1.A11yUi.CSS_STYLE_CACHE.set(a,new Map),n$1.A11yUi.CSS_STYLE_CACHE.get(a)?.set(t.tagName,m)),v(t,o,m,s);}},v=(t,e,s,a)=>{const o=performance.now();if(Z(e),ee(e,s),H(t),a(),n$1.A11yUi.PERFORMANCE_MEASURES.has(t.tagName)){const r=n$1.A11yUi.PERFORMANCE_MEASURES.get(t.tagName);r.count+=1,r.totalTime+=performance.now()-o;}else n$1.A11yUi.PERFORMANCE_MEASURES.set(t.tagName,{count:1,totalTime:performance.now()-o});},L=t=>{const e=n$1.A11yUi.STYLING_TASK_QUEUE.get(t);if(e){const{resetCss:s,themeDetails:a}=e;se(t,a,s),H(t);}};const oe={attributes:true,attributeFilter:[],childList:false,subtree:false},R=J?new MutationObserver((t,e)=>{for(const s of t){const a=s.target;a.classList.contains("hydrated")&&(L(a),e.observe(a,oe));}}):null;R&&(N=()=>{});const H=t=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(t),N();};class ie{Prefix;Key;Tag;createTheme=(e,s)=>P(e,s);createTranslation=(e,s)=>I(e,s);constructor(e,s,a){this.Prefix=e,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(a);}}
 
@@ -522,229 +534,329 @@ devHint(`We appreciate any feedback, comments, screenshots, or demo links of an
 
 var rgbaConvert = {exports: {}};
 
-rgbaConvert.exports     = arr;
-rgbaConvert.exports.arr = arr;
-rgbaConvert.exports.obj = obj;
-rgbaConvert.exports.css = css;
-rgbaConvert.exports.hex = hex;
-rgbaConvert.exports.num = num;
-
-function arr(data) {
-  var a = parse(data);
-  if (a.length == 3) {
-    return a.concat(255)
-  } else {
-    a[3] = Math.round(a[3]);
-    return a
-  }
+var hasRequiredRgbaConvert;
+
+function requireRgbaConvert () {
+	if (hasRequiredRgbaConvert) return rgbaConvert.exports;
+	hasRequiredRgbaConvert = 1;
+	rgbaConvert.exports     = arr;
+	rgbaConvert.exports.arr = arr;
+	rgbaConvert.exports.obj = obj;
+	rgbaConvert.exports.css = css;
+	rgbaConvert.exports.hex = hex;
+	rgbaConvert.exports.num = num;
+
+	function arr(data) {
+	  var a = parse(data);
+	  if (a.length == 3) {
+	    return a.concat(255)
+	  } else {
+	    a[3] = Math.round(a[3]);
+	    return a
+	  }
+	}
+
+	function obj(data) {
+	  var a = parse(data);
+	  return {
+	    r: a[0],
+	    g: a[1],
+	    b: a[2],
+	    a: a.length == 3
+	      ? 255
+	      : Math.round(a[3])
+	  }
+	}
+
+	function css(data) {
+	  var a = parse(data);
+	  if (a.length == 3) a.push(255);
+
+	  return a[3] == 255
+	    ? 'rgb(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')'
+	    : a[3] == 0
+	      ? 'rgba(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', 0)'
+	      : 'rgba(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + String(a[3] / 255).substr(1) + ')'
+	}
+
+	function hex(data) {
+	  var a = parse(data);
+	  if (a.length == 3) a.push(255);
+	  var opaque = a[3] == 255;
+	  var r = num2hex(a[0]);
+	  var g = num2hex(a[1]);
+	  var b = num2hex(a[2]);
+	  var a = num2hex(Math.round(a[3]));
+	  var is = isshort(r, g, b, a);
+	  if (opaque) {
+	    return is
+	      ? '#' + r.charAt(0) + g.charAt(0) + b.charAt(0)
+	      : '#' + r + g + b
+	  }
+	  return is
+	    ? '#' + r.charAt(0) + g.charAt(0) + b.charAt(0) + a.charAt(0)
+	    : '#' + r + g + b + a
+	}
+
+	function num(data) {
+	  var a = parse(data);
+	  if (a.length == 3) a.push(255);
+	  else a[3] = Math.round(a[3]);
+	  return ((a[3] << 24) >>> 0 | a[0] << 16 | a[1] << 8 | a[2]) >>> 0
+	}
+
+	function parse(data) {
+	  if (typeof data == 'string') {
+	    data = data.toLowerCase();
+	    return name(data)
+	      || hex3(data)
+	      || hex6(data)
+	      || rgb(data)
+	      || rgba(data)
+	      || [0, 0, 0, 255]
+	  }
+	  return object(data)
+	    || array(data)
+	    || number(data)
+	    || [0, 0, 0, 255]
+	}
+
+	function num2hex(num) {
+	  var s = num.toString(16);
+	  return s.length == 1
+	    ? '0' + s
+	    : s
+	}
+
+	function isshort(r, g, b, a) {
+	  var h = ['ff', '00', '11', '22', '33', '44', '55', '66',
+	           '77', '88', '99', 'aa', 'bb', 'cc', 'dd', 'ee'];
+	  return h.indexOf(r) != -1
+	    && h.indexOf(g) != -1
+	    && h.indexOf(b) != -1
+	    && h.indexOf(a) != -1
+	}
+
+	function name(str) {
+	  if (str == 'red')     return [255, 0, 0]
+	  if (str == 'green')   return [0, 255, 0]
+	  if (str == 'blue')    return [0, 0, 255]
+	  if (str == 'black')   return [0, 0, 0]
+	  if (str == 'white')   return [255, 255, 255]
+	  if (str == 'cyan')    return [0, 255, 255]
+	  if (str == 'gray')    return [128, 128, 128]
+	  if (str == 'grey')    return [128, 128, 128]
+	  if (str == 'magenta') return [255, 0, 255]
+	  // ok, not the real css `pink` but my personal `magenta` alias
+	  // `pink` is simpler than `fuchsia`, whatever...
+	  if (str == 'pink')    return [255, 0, 255]
+	  if (str == 'yellow')  return [255, 255, 0]
+	}
+
+	function hex2num(str) {
+	  return str.length == 1
+	    ? parseInt(str + str, 16)
+	    : parseInt(str, 16)
+	}
+
+	function hex3(str) {
+	  var s = str.replace(/^#/,'');
+	  var l = s.length;
+	  if (l == 3 || l == 4) {
+	    var r = hex2num(s[0]);
+	    var g = hex2num(s[1]);
+	    var b = hex2num(s[2]);
+	    var a = l == 3
+	      ? 255
+	      : hex2num(s[3]);
+
+	    if (isNaN(r) || isNaN(g) || isNaN(b) || isNaN(a)) return
+
+	    return [r, g, b, a]
+	  }
+	}
+
+	function hex6(str) {
+	  var s = str.replace(/^#/,'');
+	  var l = s.length;
+	  if (l == 6 || l == 8) {
+	    var r = hex2num(s.slice(0, 2));
+	    var g = hex2num(s.slice(2, 4));
+	    var b = hex2num(s.slice(4, 6));
+	    var a = l == 6
+	      ? 255
+	      : hex2num(s.slice(6, 8));
+
+	    if (isNaN(r) || isNaN(g) || isNaN(b) || isNaN(a)) return
+
+	    return [r, g, b, a]
+	  }
+	}
+
+	function getnum(val, integer) {
+	  if (typeof val != 'number') return -1
+	  if (integer === true && Math.floor(val) !== val) return -1
+	  return val >= 0 && val <= 255
+	    ? val
+	    : -1
+	}
+
+	function object(obj) {
+	  if (Object.prototype.toString.call(obj) === '[object Object]'
+	    && Object.getPrototypeOf(obj) === Object.getPrototypeOf({})) {
+	    var r = getnum(obj.r != undefined ? obj.r : obj.red   != undefined ? obj.red   : 0,   true);
+	    var g = getnum(obj.g != undefined ? obj.g : obj.green != undefined ? obj.green : 0,   true);
+	    var b = getnum(obj.b != undefined ? obj.b : obj.blue  != undefined ? obj.blue  : 0,   true);
+	    var a = getnum(obj.a != undefined ? obj.a : obj.alpha != undefined ? obj.alpha : 255, true);
+	    if (r != -1 && g != -1 && b != -1 && a != -1) {
+	      return [r, g, b, a]
+	    }
+	  }
+	}
+
+	function array(arr) {
+	  if (Array.isArray(arr) && (arr.length == 3 || arr.length == 4)) {
+	    var r = getnum(arr[0],   true);
+	    var g = getnum(arr[1],   true);
+	    var b = getnum(arr[2],   true);
+	    var a = getnum(arr[3] != undefined ? arr[3] : 255, true);
+	    if (r != -1 && g != -1 && b != -1 && a != -1) {
+	      return [r, g, b, a]
+	    }
+	  }
+	}
+
+	function number(num) {
+	  if (typeof num == 'number' && Math.floor(num) == num && num <= 4294967295 && num >= 0) {
+	    var a = num >> 24 & 255;
+	    var r = num >> 16 & 255;
+	    var g = num >> 8  & 255;
+	    var b = num & 255;
+	    return [r, g, b, a]
+	  }
+	}
+
+	function rgb(str) {
+	  if (str.substr(0, 4) == 'rgb(') {
+	    str = str.match(/^rgb\(([^)]+)\)/)[1];
+	    var t = str.split(/ *, */).map(Number);
+	    var r = getnum(t[0], true);
+	    var g = getnum(t[1], true);
+	    var b = getnum(t[2], true);
+	    if (r != -1 && g != -1 && b != -1) {
+	      return [r, g, b, 255]
+	    }
+	  }
+	}
+
+	function rgba(str) {
+	  if (str.substr(0, 5) == 'rgba(') {
+	    str = str.match(/^rgba\(([^)]+)\)/)[1];
+	    var t = str.split(/ *, */).map(Number);
+	    var r = getnum(t[0], true);
+	    var g = getnum(t[1], true);
+	    var b = getnum(t[2], true);
+	    var a = getnum(t[3] * 255);
+	    if (r != -1 && g != -1 && b != -1 && a != -1) {
+	      return [r, g, b, a]
+	    }
+	  }
+	}
+	return rgbaConvert.exports;
 }
 
-function obj(data) {
-  var a = parse(data);
-  return {
-    r: a[0],
-    g: a[1],
-    b: a[2],
-    a: a.length == 3
-      ? 255
-      : Math.round(a[3])
-  }
+requireRgbaConvert();
+
+var cjs$1 = {};
+
+var hasRequiredCjs$1;
+
+function requireCjs$1 () {
+	if (hasRequiredCjs$1) return cjs$1;
+	hasRequiredCjs$1 = 1;
+	(function (exports) {
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.querySelectorAll = void 0;
+		const pushNodes = (set, domNodes) => {
+		    domNodes.forEach((domNode) => {
+		        if (set.has(domNode) === false) {
+		            set.add(domNode);
+		        }
+		    });
+		};
+		const querySelectorAll = (selector, node = document) => {
+		    if (node instanceof Document ||
+		        node instanceof HTMLElement ||
+		        node instanceof ShadowRoot) {
+		        const domNodes = new Set();
+		        pushNodes(domNodes, node.querySelectorAll(selector));
+		        const nodeList = node.querySelectorAll('[class*="hydrated"]');
+		        for (let i = 0; i < nodeList.length; i++) {
+		            const shadowRoot = nodeList[i].shadowRoot;
+		            if (typeof shadowRoot === "object" && shadowRoot !== null) {
+		                pushNodes(domNodes, (0, exports.querySelectorAll)(selector, shadowRoot));
+		            }
+		            else {
+		                pushNodes(domNodes, (0, exports.querySelectorAll)(selector, nodeList[i]));
+		            }
+		        }
+		        return Array.from(domNodes);
+		    }
+		    else {
+		        throw new Error(`The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.`);
+		    }
+		};
+		exports.querySelectorAll = querySelectorAll;
+		
+	} (cjs$1));
+	return cjs$1;
 }
 
-function css(data) {
-  var a = parse(data);
-  if (a.length == 3) a.push(255);
-
-  return a[3] == 255
-    ? 'rgb(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')'
-    : a[3] == 0
-      ? 'rgba(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', 0)'
-      : 'rgba(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + String(a[3] / 255).substr(1) + ')'
+requireCjs$1();
+
+var cjs = {};
+
+var hasRequiredCjs;
+
+function requireCjs () {
+	if (hasRequiredCjs) return cjs;
+	hasRequiredCjs = 1;
+	(function (exports) {
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.querySelector = void 0;
+		const querySelector = (selector, node = document) => {
+		    if (node instanceof Document ||
+		        node instanceof HTMLElement ||
+		        node instanceof ShadowRoot) {
+		        let domNode = node.querySelector(selector);
+		        if (domNode === null) {
+		            const nodeList = node.querySelectorAll('[class*="hydrated"]');
+		            for (let i = 0; i < nodeList.length; i++) {
+		                const shadowRoot = nodeList[i].shadowRoot;
+		                if (typeof shadowRoot === "object" && shadowRoot !== null) {
+		                    domNode = (0, exports.querySelector)(selector, shadowRoot);
+		                }
+		                else {
+		                    domNode = (0, exports.querySelector)(selector, nodeList[i]);
+		                }
+		                if (domNode !== null) {
+		                    break;
+		                }
+		            }
+		        }
+		        return domNode;
+		    }
+		    else {
+		        throw new Error(`The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.`);
+		    }
+		};
+		exports.querySelector = querySelector;
+		
+	} (cjs));
+	return cjs;
 }
 
-function hex(data) {
-  var a = parse(data);
-  if (a.length == 3) a.push(255);
-  var opaque = a[3] == 255;
-  var r = num2hex(a[0]);
-  var g = num2hex(a[1]);
-  var b = num2hex(a[2]);
-  var a = num2hex(Math.round(a[3]));
-  var is = isshort(r, g, b, a);
-  if (opaque) {
-    return is
-      ? '#' + r.charAt(0) + g.charAt(0) + b.charAt(0)
-      : '#' + r + g + b
-  }
-  return is
-    ? '#' + r.charAt(0) + g.charAt(0) + b.charAt(0) + a.charAt(0)
-    : '#' + r + g + b + a
-}
-
-function num(data) {
-  var a = parse(data);
-  if (a.length == 3) a.push(255);
-  else a[3] = Math.round(a[3]);
-  return ((a[3] << 24) >>> 0 | a[0] << 16 | a[1] << 8 | a[2]) >>> 0
-}
-
-function parse(data) {
-  if (typeof data == 'string') {
-    data = data.toLowerCase();
-    return name(data)
-      || hex3(data)
-      || hex6(data)
-      || rgb(data)
-      || rgba(data)
-      || [0, 0, 0, 255]
-  }
-  return object(data)
-    || array(data)
-    || number(data)
-    || [0, 0, 0, 255]
-}
-
-function num2hex(num) {
-  var s = num.toString(16);
-  return s.length == 1
-    ? '0' + s
-    : s
-}
-
-function isshort(r, g, b, a) {
-  var h = ['ff', '00', '11', '22', '33', '44', '55', '66',
-           '77', '88', '99', 'aa', 'bb', 'cc', 'dd', 'ee'];
-  return h.indexOf(r) != -1
-    && h.indexOf(g) != -1
-    && h.indexOf(b) != -1
-    && h.indexOf(a) != -1
-}
-
-function name(str) {
-  if (str == 'red')     return [255, 0, 0]
-  if (str == 'green')   return [0, 255, 0]
-  if (str == 'blue')    return [0, 0, 255]
-  if (str == 'black')   return [0, 0, 0]
-  if (str == 'white')   return [255, 255, 255]
-  if (str == 'cyan')    return [0, 255, 255]
-  if (str == 'gray')    return [128, 128, 128]
-  if (str == 'grey')    return [128, 128, 128]
-  if (str == 'magenta') return [255, 0, 255]
-  // ok, not the real css `pink` but my personal `magenta` alias
-  // `pink` is simpler than `fuchsia`, whatever...
-  if (str == 'pink')    return [255, 0, 255]
-  if (str == 'yellow')  return [255, 255, 0]
-}
-
-function hex2num(str) {
-  return str.length == 1
-    ? parseInt(str + str, 16)
-    : parseInt(str, 16)
-}
-
-function hex3(str) {
-  var s = str.replace(/^#/,'');
-  var l = s.length;
-  if (l == 3 || l == 4) {
-    var r = hex2num(s[0]);
-    var g = hex2num(s[1]);
-    var b = hex2num(s[2]);
-    var a = l == 3
-      ? 255
-      : hex2num(s[3]);
-
-    if (isNaN(r) || isNaN(g) || isNaN(b) || isNaN(a)) return
-
-    return [r, g, b, a]
-  }
-}
-
-function hex6(str) {
-  var s = str.replace(/^#/,'');
-  var l = s.length;
-  if (l == 6 || l == 8) {
-    var r = hex2num(s.slice(0, 2));
-    var g = hex2num(s.slice(2, 4));
-    var b = hex2num(s.slice(4, 6));
-    var a = l == 6
-      ? 255
-      : hex2num(s.slice(6, 8));
-
-    if (isNaN(r) || isNaN(g) || isNaN(b) || isNaN(a)) return
-
-    return [r, g, b, a]
-  }
-}
-
-function getnum(val, integer) {
-  if (typeof val != 'number') return -1
-  if (integer === true && Math.floor(val) !== val) return -1
-  return val >= 0 && val <= 255
-    ? val
-    : -1
-}
-
-function object(obj) {
-  if (Object.prototype.toString.call(obj) === '[object Object]'
-    && Object.getPrototypeOf(obj) === Object.getPrototypeOf({})) {
-    var r = getnum(obj.r != undefined ? obj.r : obj.red   != undefined ? obj.red   : 0,   true);
-    var g = getnum(obj.g != undefined ? obj.g : obj.green != undefined ? obj.green : 0,   true);
-    var b = getnum(obj.b != undefined ? obj.b : obj.blue  != undefined ? obj.blue  : 0,   true);
-    var a = getnum(obj.a != undefined ? obj.a : obj.alpha != undefined ? obj.alpha : 255, true);
-    if (r != -1 && g != -1 && b != -1 && a != -1) {
-      return [r, g, b, a]
-    }
-  }
-}
-
-function array(arr) {
-  if (Array.isArray(arr) && (arr.length == 3 || arr.length == 4)) {
-    var r = getnum(arr[0],   true);
-    var g = getnum(arr[1],   true);
-    var b = getnum(arr[2],   true);
-    var a = getnum(arr[3] != undefined ? arr[3] : 255, true);
-    if (r != -1 && g != -1 && b != -1 && a != -1) {
-      return [r, g, b, a]
-    }
-  }
-}
-
-function number(num) {
-  if (typeof num == 'number' && Math.floor(num) == num && num <= 4294967295 && num >= 0) {
-    var a = num >> 24 & 255;
-    var r = num >> 16 & 255;
-    var g = num >> 8  & 255;
-    var b = num & 255;
-    return [r, g, b, a]
-  }
-}
-
-function rgb(str) {
-  if (str.substr(0, 4) == 'rgb(') {
-    str = str.match(/^rgb\(([^)]+)\)/)[1];
-    var t = str.split(/ *, */).map(Number);
-    var r = getnum(t[0], true);
-    var g = getnum(t[1], true);
-    var b = getnum(t[2], true);
-    if (r != -1 && g != -1 && b != -1) {
-      return [r, g, b, 255]
-    }
-  }
-}
-
-function rgba(str) {
-  if (str.substr(0, 5) == 'rgba(') {
-    str = str.match(/^rgba\(([^)]+)\)/)[1];
-    var t = str.split(/ *, */).map(Number);
-    var r = getnum(t[0], true);
-    var g = getnum(t[1], true);
-    var b = getnum(t[2], true);
-    var a = getnum(t[3] * 255);
-    if (r != -1 && g != -1 && b != -1 && a != -1) {
-      return [r, g, b, a]
-    }
-  }
-}
+requireCjs();
 
 let processEnv = 'development';
 try {
@@ -761,8 +873,6 @@ var KoliBriProgressVariantEnum;
     KoliBriProgressVariantEnum["cycle"] = "cycle";
 })(KoliBriProgressVariantEnum || (KoliBriProgressVariantEnum = {}));
 
-const KoliBri = new ie('kol', KeyEnum, TagEnum);
-
 /*!
  * KoliBri - The accessible HTML-Standard
  */
@@ -790,61 +900,72 @@ var KolEvent;
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-/**
- * 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}
- */
+
+var easyBem;
+var hasRequiredEasyBem;
+
+function requireEasyBem () {
+	if (hasRequiredEasyBem) return easyBem;
+	hasRequiredEasyBem = 1;
 
-/**
- * Returns BEM class name factory.
- *
- * @param {String} componentName Block name
- * @returns {Bem}
- */
-var easyBem = function bem(componentName) {
-    return function (elementOrMods, mods) {
-        if (!elementOrMods) {
-            return componentName;
-        }
+	/**
+	 * 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}
+	 */
 
-        var element;
+	/**
+	 * Returns BEM class name factory.
+	 *
+	 * @param {String} componentName Block name
+	 * @returns {Bem}
+	 */
+	easyBem = function bem(componentName) {
+	    return function (elementOrMods, mods) {
+	        if (!elementOrMods) {
+	            return componentName;
+	        }
 
-        if (typeof elementOrMods === 'string') {
-            element = elementOrMods;
-        } else {
-            mods = elementOrMods;
-        }
+	        var element;
 
-        var base = componentName;
-        if (element) {
-            base += '__' + element;
-        }
+	        if (typeof elementOrMods === 'string') {
+	            element = elementOrMods;
+	        } else {
+	            mods = elementOrMods;
+	        }
 
-        return base + (
-            mods
-                ? Object.keys(mods).reduce(function (result, name) {
-                    var value = mods[name];
+	        var base = componentName;
+	        if (element) {
+	            base += '__' + element;
+	        }
 
-                    if (value) {
-                        result += ' ' + (
-                            typeof value === 'boolean'
-                                ? (base + '--' + name)
-                                : (base + '--' + name + '_' + value)
-                        );
-                    }
+	        return base + (
+	            mods
+	                ? Object.keys(mods).reduce(function (result, name) {
+	                    var value = mods[name];
 
-                    return result;
-                }, '')
-                : ''
-        );
-    };
-};
+	                    if (value) {
+	                        result += ' ' + (
+	                            typeof value === 'boolean'
+	                                ? (base + '--' + name)
+	                                : (base + '--' + name + '_' + value)
+	                        );
+	                    }
+
+	                    return result;
+	                }, '')
+	                : ''
+	        );
+	    };
+	};
+	return easyBem;
+}
 
-const r = easyBem;
+var easyBemExports = requireEasyBem();
+var r = /*@__PURE__*/getDefaultExportFromCjs(easyBemExports);
 
 function s(){const e=new Map;return (t,n,o)=>{try{return e.get(t)(n,o)}catch{return e.set(t,r(t)).get(t)(n,o)}}}
 
@@ -869,6 +990,8 @@ bem('kol-icon', 'icon');
  * KoliBri - The accessible HTML-Standard
  */
 
+const KoliBri = new ie('kol', KeyEnum, TagEnum);
+
 var Bundesministerium;
 (function (Bundesministerium) {
     Bundesministerium["Die Bundesregierung"] = "BReg";