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

package/dist/cjs/common-CN1iwxfv.js

@@ -0,0 +1,1811 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+'use strict';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var loglevel$1 = {exports: {}};
+
+/*
+* loglevel - https://github.com/pimterry/loglevel
+*
+* 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;
+}
+
+var loglevelExports = requireLoglevel();
+var f$1 = /*@__PURE__*/getDefaultExportFromCjs(loglevelExports);
+
+const k=(e,t)=>s=>s(e,t),G=(e,t,s)=>o=>o(e,t,{append:false},s),x=()=>{const e=typeof process<"u"&&process.env?process.env:{},t=e.NODE_ENV==="test",s="VITEST"in e,o="JEST_WORKER_ID"in e,a="PLAYWRIGHT_TEST_BASE_URL"in e,r=e.CI==="true",i=e.TEST==="true"||e.IS_TEST==="true",c=typeof navigator<"u"&&navigator.webdriver===true,m=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||s||o||a||r||i||c||m},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,FEATURES:{},IS_TEST_ENVIRONMENT:x(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,THEME_FEATURES:{},showAverageTimes:()=>{const e={};for(const[s,o]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())e[s]=[o.totalTime/o.count,o.count];const t=Object.entries(e).sort((s,o)=>o[1][0]-s[1][0]);return console.table(Object.fromEntries(t.map(([s,[o,a]])=>[s,{"avg (ms)":parseFloat(o.toFixed(2)),count:a}]))),e}}};let E=true,u$1=false;const K=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,B=e=>typeof e=="string"&&K.test(e),U=e=>{if(!B(e))throw new Error(`[Theming] The theme identifier "${typeof e=="string"?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},b=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{},;])\s*/g,"$1").replace(/:\s+/g,":").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),D=(e,t,s,o)=>p(e,t,s,o),p=(e,t,s,o)=>{o=o??{},o.append=o.append??false,U(e),E&&!u$1&&(u$1=true,f$1.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.
+
+    import { register } from 'adopted-style-sheets';
+    import { defineCustomElements } from '...';
+    import { THEME } from '...';
+
+    register(THEME, defineCustomElements)
+    .then(() => {
+        // run your app or website
+    })
+    .catch(console.warn);`));let a=n$1.A11yUi.THEMES.get(e);if(a||(a=new Map,n$1.A11yUi.THEMES.set(e,a)),o.append&&a.has(t)){const r=a.get(t);a.set(t,b(`${r}${s}`));}else a.set(t,b(s));},z=(e,t,s,o)=>g(e,t,s,o),g=(e,t,s,o)=>(U(e),typeof t=="object"&&t!==null&&Object.getOwnPropertyNames(t).forEach(a=>{const r=t[a],i=a.toLowerCase(),c=typeof o?.transformTagName=="function"&&!["GLOBAL","PROPERTIES"].includes(a)?o.transformTagName(i):a;typeof r=="string"&&r.length>0&&p(e,c.toUpperCase(),r,s);}),e),C=e=>{if(e instanceof HTMLElement){if(typeof e.dataset.theme=="string")return e;{let t=e.parentNode;for(;typeof ShadowRoot<"u"&&t instanceof ShadowRoot;)t=t.host;return C(t)}}else return null},M=(e={})=>e.themeEncroachCss==="false"||e.themeReset==="true"?false:{mode:e.themeEncroachCssMode==="after"||e.themeEncroachCssMode==="before"?e.themeEncroachCssMode:"before"},y=()=>typeof n$1.A11yUi.Theme=="object"&&n$1.A11yUi.Theme!==null&&typeof n$1.A11yUi.Theme.cache=="boolean"&&typeof n$1.A11yUi.Theme.encroachCss=="object"&&n$1.A11yUi.Theme.encroachCss!==null&&typeof n$1.A11yUi.Theme.encroachCss.mode=="string"&&typeof n$1.A11yUi.Theme.name=="string",Q=()=>!(typeof n$1.A11yUi.Theme=="object"&&n$1.A11yUi.Theme!==null)||n$1.A11yUi.Theme.name!=="default",w=e=>{if(y())return n$1.A11yUi.Theme;{const t={cache:true,encroachCss:M(),loglevel:"silent",mode:"csr",name:null},s=C(e);return s instanceof HTMLElement&&(t.cache=s.dataset.themeCache!=="false",t.encroachCss=M(s.dataset),t.loglevel=s.dataset.themeLoglevel==="debug"?s.dataset.themeLoglevel:"silent",t.mode=s.dataset.themeMode==="ssr"?s.dataset.themeMode:"csr",t.name=s.dataset.theme||null),t}},v=e=>w(e).name,R=()=>y()?n$1.A11yUi.Theme.name:null,W=(e,t)=>({cache:t.cache!==false,detect:t.detect==="auto"?"auto":"fixed",encroachCss:t.encroachCss===false?false:typeof t.encroachCss=="object"&&t.encroachCss!=null&&(t.encroachCss.mode==="after"||t.encroachCss.mode==="before")?t.encroachCss:{mode:"before"},loglevel:t.loglevel==="debug"?t.loglevel:"silent",mode:t.mode==="ssr"?t.mode:"csr",name:typeof t.name=="string"?t.name:e}),q=(e,t)=>{y()===false&&Q()&&typeof t=="object"&&t!==null&&(t=W(e,t),t.detect==="fixed"?(t.name===null&&typeof e=="string"&&(t.name=e),e===t.name&&(n$1.A11yUi.Theme=t,f$1.info(`[Theming] Theme "${e}" was set as default theme.`))):u$1||(u$1=true,f$1.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")));},A=(...e)=>{const t={};for(const s of e)s&&Object.assign(t,s);return t},X=(e,t)=>{const s=n$1.A11yUi.FEATURES[e];if(s!==void 0)return s;const o=v(t??null)??R();if(o!==null){const a=n$1.A11yUi.THEME_FEATURES[o];if(a&&a[e]!==void 0)return a[e]}};let N=false;const se=(e,t,s={})=>{N||(N=true,E=false,typeof window<"u"&&(window.A11yUi=n$1.A11yUi)),typeof e=="function"?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(a=>{typeof a=="function"&&a.length===1?q(a((r,i,c,m)=>(m&&(n$1.A11yUi.THEME_FEATURES[r]=A(n$1.A11yUi.THEME_FEATURES[r],m)),g(r,i,c,s))),{cache:s.theme?.cache,detect:s.theme?.detect,encroachCss:s.theme?.encroachCss,mode:s.theme?.mode,name:s.theme?.name}):f$1.error("[Theming] An attempt was made to load an incompatible theme.");}),E=true,s.features&&(n$1.A11yUi.FEATURES=A(n$1.A11yUi.FEATURES,s.features)),typeof t=="function"?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const o=[];return t.forEach(a=>{const r=a();r instanceof Promise&&o.push(r);}),Promise.all(o)};const _=new Set,L=new Map,oe=/--[^;]+/g,ae=/:/,ne=typeof MutationObserver<"u";let F=25,H=()=>{F=Math.min(25+Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250);};const re=(e,t)=>{let s=t.match(oe);if(Array.isArray(s)){s=s.filter(a=>ae.test(a));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}_.add(e);},T=(e,t)=>{const s=n$1.A11yUi.THEMES.get(e);if(s instanceof Map){const o=s.get(t);if(o!==void 0)return o}return ""},ie=e=>{const t=e.firstChild;if(!(!(t instanceof HTMLStyleElement)||t.dataset.themingFallback!==void 0))for(const s of Array.from(e.childNodes))if(s instanceof HTMLStyleElement&&s.tagName==="STYLE"&&s.dataset.themingFallback===void 0)e.removeChild(s);else break},ce=(e,t)=>{try{if(n$1.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=t.filter(o=>typeof o=="string"&&o.length>0).map(o=>{let a=L.get(o);return a||(a=new CSSStyleSheet,a.replaceSync(o),L.set(o,a)),a});e.adoptedStyleSheets=s;}catch{for(let o=t.length-1;o>=0;o--){const a=t[o];if(typeof a!="string"||a.length===0)continue;const r=t.length-1-o,i=document.createElement("style");switch(i.dataset.themingFallback="",r){case 4:i.dataset.themingBaseA11y="";break;case 3:i.dataset.themingBaseGlobal="";break;case 2:i.dataset.themingBaseComponent="";break;case 1:i.dataset.themingCustomGlobal="";break;case 0:i.dataset.themingCustomComponent="";break;default:i.dataset.themingUnknown="";break}i.innerHTML=a,e.insertBefore(i,e.firstChild);}}},le=(e,t,s)=>{if(s===false||s?.mode!=="before"&&s?.mode!=="after")return;const o=Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE");let a;try{a=Array.from(e.adoptedStyleSheets);}catch{a=[];}if(!(o.length===0&&a.length===0))if(s.mode==="before"){const r=[...a.map(i=>Array.from(i.cssRules).map(c=>c.cssText).join("")),...o.map(i=>i.innerHTML)];t.unshift(...r);}else o.forEach(r=>t.push(r.innerHTML)),a.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join("")));},me=(e,t,s)=>{const o=t.name||"default";let a;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");a=e.shadowRoot;}catch{a=e;}const r=n$1.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName);if(r)O(e,a,r,s);else {const i=T(o,"PROPERTIES"),c=T(o,"GLOBAL"),m=T(o,e.tagName);_.has(o)===false&&re(o,c);const d=[i,c,m];if(le(a,d,t.encroachCss),t.cache===true){let h=n$1.A11yUi.CSS_STYLE_CACHE.get(o);h||(h=new Map,n$1.A11yUi.CSS_STYLE_CACHE.set(o,h)),h.set(e.tagName,d);}O(e,a,d,s);}},O=(e,t,s,o)=>{const a=n$1.A11yUi.Theme?.loglevel==="debug",r=a?performance.now():0;if(ie(t),ce(t,s),Te(e),requestAnimationFrame(o),a){const i=performance.now()-r,c=n$1.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);c?(c.count+=1,c.totalTime+=i):n$1.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:i});}},I=e=>{const t=n$1.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){const{resetCss:s,themeDetails:o}=t;me(e,o,s);}},he=100;let S=(e,t=0)=>{if(t>=he)return;const s=setTimeout(()=>{clearTimeout(s),e.classList.contains("hydrated")?I(e):S(e,t+1);},F);};const fe={attributes:true,attributeFilter:["class"],childList:false,subtree:false},ue={attributes:true,attributeFilter:[],childList:false,subtree:false},P=ne?new MutationObserver((e,t)=>{const s=[];for(const o of e){const a=o.target;a.classList.contains("hydrated")&&n$1.A11yUi.STYLING_TASK_QUEUE.has(a)&&(I(a),s.push(a));}for(const o of s)t.observe(o,ue);}):null;P&&(S=e=>P.observe(e,fe),H=()=>{});const $=new Map;let j=(e,t)=>{if(t){const a=$.get(t);if(a!==void 0)return a}const s=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();let o;if(s.endsWith("ms"))o=parseFloat(s);else if(s.endsWith("s"))o=parseFloat(s)*1e3;else {const a=parseFloat(s);o=isNaN(a)?0:a;}return t&&$.set(t,o),o};n$1.A11yUi.IS_TEST_ENVIRONMENT&&(j=()=>0);const Y=(e,t)=>{e.style.setProperty("visibility",t),e.dataset.themed="";},ye=(e,t)=>{const s=e.style.visibility||null,o=t.name||"default";n$1.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const a=j(e,o);a>0?setTimeout(()=>{Y(e,s);},a):Y(e,s);},themeDetails:t}),e.style.setProperty("visibility","hidden","important"),S(e);},Te=e=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(e),H();},de=(e,t)=>{ye(e,{...n$1.A11yUi.Theme,...t});};class Ee{Prefix;Key;Tag;createTheme=(t,s,o)=>G(t,s,o);createTranslation=(t,s)=>k(t,s);constructor(t,s,o){this.Prefix=t,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(o);}}
+
+exports.KeyEnum = void 0;
+(function (KeyEnum) {
+    KeyEnum[KeyEnum["action-done"] = 0] = "action-done";
+    KeyEnum[KeyEnum["action-running"] = 1] = "action-running";
+    KeyEnum[KeyEnum["avatar-alt"] = 2] = "avatar-alt";
+    KeyEnum[KeyEnum["character-counter-current"] = 3] = "character-counter-current";
+    KeyEnum[KeyEnum["character-counter-current-of-max"] = 4] = "character-counter-current-of-max";
+    KeyEnum[KeyEnum["character-counter-current-of-max-aria"] = 5] = "character-counter-current-of-max-aria";
+    KeyEnum[KeyEnum["character-counter-max-aria"] = 6] = "character-counter-max-aria";
+    KeyEnum[KeyEnum["character-limit-exceeded"] = 7] = "character-limit-exceeded";
+    KeyEnum[KeyEnum["character-limit-hint"] = 8] = "character-limit-hint";
+    KeyEnum[KeyEnum["character-limit-remaining"] = 9] = "character-limit-remaining";
+    KeyEnum[KeyEnum["close"] = 10] = "close";
+    KeyEnum[KeyEnum["close-alert"] = 11] = "close-alert";
+    KeyEnum[KeyEnum["data-browse-text"] = 12] = "data-browse-text";
+    KeyEnum[KeyEnum["delete-selection"] = 13] = "delete-selection";
+    KeyEnum[KeyEnum["entries-per-site"] = 14] = "entries-per-site";
+    KeyEnum[KeyEnum["error"] = 15] = "error";
+    KeyEnum[KeyEnum["error-list"] = 16] = "error-list";
+    KeyEnum[KeyEnum["error-list-message"] = 17] = "error-list-message";
+    KeyEnum[KeyEnum["filename-text"] = 18] = "filename-text";
+    KeyEnum[KeyEnum["form-description"] = 19] = "form-description";
+    KeyEnum[KeyEnum["hide-password"] = 20] = "hide-password";
+    KeyEnum[KeyEnum["info"] = 21] = "info";
+    KeyEnum[KeyEnum["kolibri-logo"] = 22] = "kolibri-logo";
+    KeyEnum[KeyEnum["live-value"] = 23] = "live-value";
+    KeyEnum[KeyEnum["live-value-bounded"] = 24] = "live-value-bounded";
+    KeyEnum[KeyEnum["message"] = 25] = "message";
+    KeyEnum[KeyEnum["meter-state-critical"] = 26] = "meter-state-critical";
+    KeyEnum[KeyEnum["meter-state-optimum"] = 27] = "meter-state-optimum";
+    KeyEnum[KeyEnum["meter-state-suboptimal"] = 28] = "meter-state-suboptimal";
+    KeyEnum[KeyEnum["nav-maximize"] = 29] = "nav-maximize";
+    KeyEnum[KeyEnum["nav-minimize"] = 30] = "nav-minimize";
+    KeyEnum[KeyEnum["new"] = 31] = "new";
+    KeyEnum[KeyEnum["no-entries"] = 32] = "no-entries";
+    KeyEnum[KeyEnum["no-results-message"] = 33] = "no-results-message";
+    KeyEnum[KeyEnum["open-link-in-tab"] = 34] = "open-link-in-tab";
+    KeyEnum[KeyEnum["page"] = 35] = "page";
+    KeyEnum[KeyEnum["page-back"] = 36] = "page-back";
+    KeyEnum[KeyEnum["page-first"] = 37] = "page-first";
+    KeyEnum[KeyEnum["page-last"] = 38] = "page-last";
+    KeyEnum[KeyEnum["page-next"] = 39] = "page-next";
+    KeyEnum[KeyEnum["pagination"] = 40] = "pagination";
+    KeyEnum[KeyEnum["pagination-position-bottom"] = 41] = "pagination-position-bottom";
+    KeyEnum[KeyEnum["pagination-position-top"] = 42] = "pagination-position-top";
+    KeyEnum[KeyEnum["readonly"] = 43] = "readonly";
+    KeyEnum[KeyEnum["show-password"] = 44] = "show-password";
+    KeyEnum[KeyEnum["sort"] = 45] = "sort";
+    KeyEnum[KeyEnum["split-button-dropdown-label-open"] = 46] = "split-button-dropdown-label-open";
+    KeyEnum[KeyEnum["success"] = 47] = "success";
+    KeyEnum[KeyEnum["table-pagination-label"] = 48] = "table-pagination-label";
+    KeyEnum[KeyEnum["table-selection"] = 49] = "table-selection";
+    KeyEnum[KeyEnum["table-selection-all"] = 50] = "table-selection-all";
+    KeyEnum[KeyEnum["table-selection-indeterminate"] = 51] = "table-selection-indeterminate";
+    KeyEnum[KeyEnum["table-selection-none"] = 52] = "table-selection-none";
+    KeyEnum[KeyEnum["table-settings"] = 53] = "table-settings";
+    KeyEnum[KeyEnum["table-settings-apply"] = 54] = "table-settings-apply";
+    KeyEnum[KeyEnum["table-settings-cancel"] = 55] = "table-settings-cancel";
+    KeyEnum[KeyEnum["table-settings-column-hidable"] = 56] = "table-settings-column-hidable";
+    KeyEnum[KeyEnum["table-settings-column-not-hidable"] = 57] = "table-settings-column-not-hidable";
+    KeyEnum[KeyEnum["table-settings-column-width"] = 58] = "table-settings-column-width";
+    KeyEnum[KeyEnum["table-settings-error-all-invisible"] = 59] = "table-settings-error-all-invisible";
+    KeyEnum[KeyEnum["table-settings-move-down"] = 60] = "table-settings-move-down";
+    KeyEnum[KeyEnum["table-settings-move-up"] = 61] = "table-settings-move-up";
+    KeyEnum[KeyEnum["table-settings-not-move"] = 62] = "table-settings-not-move";
+    KeyEnum[KeyEnum["table-sort-order"] = 63] = "table-sort-order";
+    KeyEnum[KeyEnum["table-visible-range"] = 64] = "table-visible-range";
+    KeyEnum[KeyEnum["toast-close-all"] = 65] = "toast-close-all";
+    KeyEnum[KeyEnum["version"] = 66] = "version";
+    KeyEnum[KeyEnum["warning"] = 67] = "warning";
+})(exports.KeyEnum || (exports.KeyEnum = {}));
+
+exports.TagEnum = void 0;
+(function (TagEnum) {
+    TagEnum[TagEnum["abbr"] = 0] = "abbr";
+    TagEnum[TagEnum["accordion"] = 1] = "accordion";
+    TagEnum[TagEnum["alert"] = 2] = "alert";
+    TagEnum[TagEnum["avatar"] = 3] = "avatar";
+    TagEnum[TagEnum["badge"] = 4] = "badge";
+    TagEnum[TagEnum["breadcrumb"] = 5] = "breadcrumb";
+    TagEnum[TagEnum["button"] = 6] = "button";
+    TagEnum[TagEnum["button-link"] = 7] = "button-link";
+    TagEnum[TagEnum["card"] = 8] = "card";
+    TagEnum[TagEnum["combobox"] = 9] = "combobox";
+    TagEnum[TagEnum["details"] = 10] = "details";
+    TagEnum[TagEnum["dialog"] = 11] = "dialog";
+    TagEnum[TagEnum["drawer"] = 12] = "drawer";
+    TagEnum[TagEnum["form"] = 13] = "form";
+    TagEnum[TagEnum["heading"] = 14] = "heading";
+    TagEnum[TagEnum["icon"] = 15] = "icon";
+    TagEnum[TagEnum["image"] = 16] = "image";
+    TagEnum[TagEnum["input-checkbox"] = 17] = "input-checkbox";
+    TagEnum[TagEnum["input-color"] = 18] = "input-color";
+    TagEnum[TagEnum["input-date"] = 19] = "input-date";
+    TagEnum[TagEnum["input-email"] = 20] = "input-email";
+    TagEnum[TagEnum["input-file"] = 21] = "input-file";
+    TagEnum[TagEnum["input-number"] = 22] = "input-number";
+    TagEnum[TagEnum["input-password"] = 23] = "input-password";
+    TagEnum[TagEnum["input-radio"] = 24] = "input-radio";
+    TagEnum[TagEnum["input-range"] = 25] = "input-range";
+    TagEnum[TagEnum["input-text"] = 26] = "input-text";
+    TagEnum[TagEnum["kolibri"] = 27] = "kolibri";
+    TagEnum[TagEnum["link"] = 28] = "link";
+    TagEnum[TagEnum["link-button"] = 29] = "link-button";
+    TagEnum[TagEnum["logo"] = 30] = "logo";
+    TagEnum[TagEnum["meter"] = 31] = "meter";
+    TagEnum[TagEnum["modal"] = 32] = "modal";
+    TagEnum[TagEnum["nav"] = 33] = "nav";
+    TagEnum[TagEnum["pagination"] = 34] = "pagination";
+    TagEnum[TagEnum["popover-button"] = 35] = "popover-button";
+    TagEnum[TagEnum["progress"] = 36] = "progress";
+    TagEnum[TagEnum["quote"] = 37] = "quote";
+    TagEnum[TagEnum["select"] = 38] = "select";
+    TagEnum[TagEnum["single-select"] = 39] = "single-select";
+    TagEnum[TagEnum["skip-nav"] = 40] = "skip-nav";
+    TagEnum[TagEnum["spin"] = 41] = "spin";
+    TagEnum[TagEnum["split-button"] = 42] = "split-button";
+    TagEnum[TagEnum["symbol"] = 43] = "symbol";
+    TagEnum[TagEnum["table"] = 44] = "table";
+    TagEnum[TagEnum["table-stateful"] = 45] = "table-stateful";
+    TagEnum[TagEnum["table-stateless"] = 46] = "table-stateless";
+    TagEnum[TagEnum["tabs"] = 47] = "tabs";
+    TagEnum[TagEnum["textarea"] = 48] = "textarea";
+    TagEnum[TagEnum["toast-container"] = 49] = "toast-container";
+    TagEnum[TagEnum["toolbar"] = 50] = "toolbar";
+    TagEnum[TagEnum["tooltip"] = 51] = "tooltip";
+    TagEnum[TagEnum["tree"] = 52] = "tree";
+    TagEnum[TagEnum["tree-item"] = 53] = "tree-item";
+})(exports.TagEnum || (exports.TagEnum = {}));
+
+const getWindow = () => {
+    if (typeof window !== 'undefined')
+        return window;
+    return {};
+};
+const getDocument = () => {
+    const win = getWindow();
+    if (win && typeof win.document !== 'undefined')
+        return win.document;
+    return {};
+};
+const MODES = ['development', 'production', 'test'];
+let runtimeMode = 'production';
+const setRuntimeMode = (mode) => {
+    try {
+        if (MODES.includes(mode)) {
+            runtimeMode = mode;
+        }
+        else {
+            throw new Error(`Invalid NODE_ENV value: ${mode}. Expected one of ${MODES.join(', ')}.`);
+        }
+    }
+    catch (_a) {
+        runtimeMode = 'production';
+    }
+};
+const getInitialMode = () => {
+    try {
+        const nodeEnv = typeof process !== 'undefined' && process.env ? process.env['NODE_ENV'] : undefined;
+        if (nodeEnv && MODES.includes(nodeEnv)) {
+            return nodeEnv;
+        }
+    }
+    catch (_a) {
+    }
+    return 'production';
+};
+setRuntimeMode(getInitialMode());
+let EXPERIMENTAL_MODE = false;
+let COLOR_CONTRAST_ANALYSIS = false;
+const isDevMode = () => runtimeMode === 'development';
+const isTestMode = () => runtimeMode === 'test';
+const getExperimentalMode = () => EXPERIMENTAL_MODE === true;
+const setExperimentalMode = (mode) => {
+    EXPERIMENTAL_MODE = mode === true;
+};
+const getColorContrastAnalysis = () => COLOR_CONTRAST_ANALYSIS === true;
+const setColorContrastAnalysis = (mode) => {
+    COLOR_CONTRAST_ANALYSIS = mode === true;
+};
+const LOG_STYLE = 'color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000';
+const mapToArray = (msg) => {
+    return Array.isArray(msg) ? msg : [msg];
+};
+const getLogLabel = (label) => {
+    return `%c${label}`;
+};
+const handleClassifier = (label, classifier) => {
+    if (typeof classifier === 'string' && classifier.length > 0) {
+        return `${getLogLabel(label)} | ${classifier}`;
+    }
+    else {
+        return getLogLabel(label);
+    }
+};
+const getShield = (label, options) => {
+    return [handleClassifier(label, options === null || options === void 0 ? void 0 : options.classifier), `${LOG_STYLE};${(options === null || options === void 0 ? void 0 : options.overwriteStyle) || ''}`];
+};
+const isDevModeOrForceLog = (forceLog) => isDevMode() || forceLog === true;
+class Logger {
+    constructor(label) {
+        this.label = label;
+    }
+    debug(msg, options) {
+        if (isDevModeOrForceLog(options === null || options === void 0 ? void 0 : options.forceLog)) {
+            console.debug(...getShield(this.label, options), ...mapToArray(msg));
+        }
+    }
+    info(msg, options) {
+        if (isDevModeOrForceLog(options === null || options === void 0 ? void 0 : options.forceLog)) {
+            console.info(...getShield(this.label, options), ...mapToArray(msg));
+        }
+    }
+    trace(msg, options) {
+        if (isDevModeOrForceLog(options === null || options === void 0 ? void 0 : options.forceLog)) {
+            console.trace(...getShield(this.label, options), ...mapToArray(msg));
+        }
+    }
+    warn(msg, options) {
+        if (isDevModeOrForceLog(options === null || options === void 0 ? void 0 : options.forceLog)) {
+            console.warn(...getShield(this.label, options), ...mapToArray(msg));
+        }
+    }
+    error(msg, options) {
+        console.error(...getShield(this.label, options), ...mapToArray(msg));
+    }
+    throw(msg, options) {
+        if (isDevModeOrForceLog(options === null || options === void 0 ? void 0 : options.forceLog)) {
+            throw new Error(...getShield(this.label, options), ...mapToArray(msg));
+        }
+    }
+}
+const Log = new Logger('KoliBri');
+
+const a11yCache = new Set();
+const a11yHint = (msg, options) => {
+    if (a11yCache.has(msg) === false || false) {
+        a11yCache.add(msg);
+        Log.debug([msg].concat([]), {
+            classifier: `✋ a11y`,
+            forceLog: false,
+            overwriteStyle: '; background-color: #09f',
+        });
+    }
+};
+const deprecatedCache = new Set();
+const deprecatedHint = (msg, options) => {
+    if (deprecatedCache.has(msg) === false || false) {
+        deprecatedCache.add(msg);
+        Log.warn([msg].concat([]), {
+            classifier: `🔥 deprecated`,
+            forceLog: false,
+            overwriteStyle: '; background-color: #f00',
+        });
+    }
+};
+const devCache = new Set();
+const devHint = (msg, options) => {
+    if (devCache.has(msg) === false || !!(options === null || options === void 0 ? void 0 : options.force)) {
+        devCache.add(msg);
+        Log.debug([msg].concat((options === null || options === void 0 ? void 0 : options.details) || []), {
+            classifier: `💻 dev`,
+            forceLog: !!(options === null || options === void 0 ? void 0 : options.force),
+            overwriteStyle: '; background-color: #f09',
+        });
+    }
+};
+const devWarning = (msg, options) => {
+    if (devCache.has(msg) === false || false) {
+        devCache.add(msg);
+        Log.warn([msg].concat([]), {
+            classifier: `⚠️ dev`,
+            forceLog: false,
+            overwriteStyle: '; background-color: #f09',
+        });
+    }
+};
+const featureCache = new Set();
+const featureHint = (msg, done = false, options) => {
+    if (featureCache.has(msg) === false || false) {
+        featureCache.add(msg);
+        msg += done === true ? ' ✅' : '';
+        Log.debug([msg].concat([]), {
+            classifier: `🌟 feature`,
+            forceLog: false,
+            overwriteStyle: '; background-color: #309',
+        });
+    }
+};
+devHint(`We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!`);
+const uiUxCache = new Set();
+const uiUxHint = (msg, options) => {
+    if (uiUxCache.has(msg) === false || false) {
+        uiUxCache.add(msg);
+        Log.debug([msg].concat([]), {
+            classifier: `📑 ui/ux`,
+            forceLog: false,
+            overwriteStyle: '; background-color: #060;',
+        });
+    }
+};
+const a11yHintDisabled = () => {
+    a11yHint(`"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`);
+};
+const a11yHintLabelingLandmarks = (value) => {
+    if (typeof value !== 'string' || value === '') {
+        a11yHint(`Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`);
+    }
+};
+const uiUxHintMillerscheZahl = (className, length = 8) => {
+    if (length > 7) {
+        uiUxHint(`[${className}] Within navigation structures, it is recommended to use no more than 7 menu items.
+
+Link:
+- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`);
+    }
+};
+
+var n=.2126,r=.7152,t=.0722,e=1/12.92;function u(n){return Math.pow((n+.055)/1.055,2.4)}function a(a){var i=a[0]/255,c=a[1]/255,o=a[2]/255,s=i<=.03928?i*e:u(i),f=c<=.03928?c*e:u(c),l=o<=.03928?o*e:u(o);return s*n+f*r+l*t}function i(n){var r=255;8===(n=n.replace(/^#/,"")).length&&(r=parseInt(n.slice(6,8),16),n=n.substring(0,6)),4===n.length&&(r=parseInt(n.slice(3,4).repeat(2),16),n=n.substring(0,3)),3===n.length&&(n=n[0]+n[0]+n[1]+n[1]+n[2]+n[2]);var t=parseInt(n,16);return [t>>16,t>>8&255,255&t,r]}function c(n,r){return (Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function o(n,r){return c(a(n),a(r))}function s(n,r){return o(i(n),i(r))}function f(n){return n>=7?"AAA":n>=4.5?"AA":n>=3?"AA Large":"Fail"}
+
+var colorName;
+var hasRequiredColorName;
+
+function requireColorName () {
+	if (hasRequiredColorName) return colorName;
+	hasRequiredColorName = 1;
+
+	colorName = {
+		"aliceblue": [240, 248, 255],
+		"antiquewhite": [250, 235, 215],
+		"aqua": [0, 255, 255],
+		"aquamarine": [127, 255, 212],
+		"azure": [240, 255, 255],
+		"beige": [245, 245, 220],
+		"bisque": [255, 228, 196],
+		"black": [0, 0, 0],
+		"blanchedalmond": [255, 235, 205],
+		"blue": [0, 0, 255],
+		"blueviolet": [138, 43, 226],
+		"brown": [165, 42, 42],
+		"burlywood": [222, 184, 135],
+		"cadetblue": [95, 158, 160],
+		"chartreuse": [127, 255, 0],
+		"chocolate": [210, 105, 30],
+		"coral": [255, 127, 80],
+		"cornflowerblue": [100, 149, 237],
+		"cornsilk": [255, 248, 220],
+		"crimson": [220, 20, 60],
+		"cyan": [0, 255, 255],
+		"darkblue": [0, 0, 139],
+		"darkcyan": [0, 139, 139],
+		"darkgoldenrod": [184, 134, 11],
+		"darkgray": [169, 169, 169],
+		"darkgreen": [0, 100, 0],
+		"darkgrey": [169, 169, 169],
+		"darkkhaki": [189, 183, 107],
+		"darkmagenta": [139, 0, 139],
+		"darkolivegreen": [85, 107, 47],
+		"darkorange": [255, 140, 0],
+		"darkorchid": [153, 50, 204],
+		"darkred": [139, 0, 0],
+		"darksalmon": [233, 150, 122],
+		"darkseagreen": [143, 188, 143],
+		"darkslateblue": [72, 61, 139],
+		"darkslategray": [47, 79, 79],
+		"darkslategrey": [47, 79, 79],
+		"darkturquoise": [0, 206, 209],
+		"darkviolet": [148, 0, 211],
+		"deeppink": [255, 20, 147],
+		"deepskyblue": [0, 191, 255],
+		"dimgray": [105, 105, 105],
+		"dimgrey": [105, 105, 105],
+		"dodgerblue": [30, 144, 255],
+		"firebrick": [178, 34, 34],
+		"floralwhite": [255, 250, 240],
+		"forestgreen": [34, 139, 34],
+		"fuchsia": [255, 0, 255],
+		"gainsboro": [220, 220, 220],
+		"ghostwhite": [248, 248, 255],
+		"gold": [255, 215, 0],
+		"goldenrod": [218, 165, 32],
+		"gray": [128, 128, 128],
+		"green": [0, 128, 0],
+		"greenyellow": [173, 255, 47],
+		"grey": [128, 128, 128],
+		"honeydew": [240, 255, 240],
+		"hotpink": [255, 105, 180],
+		"indianred": [205, 92, 92],
+		"indigo": [75, 0, 130],
+		"ivory": [255, 255, 240],
+		"khaki": [240, 230, 140],
+		"lavender": [230, 230, 250],
+		"lavenderblush": [255, 240, 245],
+		"lawngreen": [124, 252, 0],
+		"lemonchiffon": [255, 250, 205],
+		"lightblue": [173, 216, 230],
+		"lightcoral": [240, 128, 128],
+		"lightcyan": [224, 255, 255],
+		"lightgoldenrodyellow": [250, 250, 210],
+		"lightgray": [211, 211, 211],
+		"lightgreen": [144, 238, 144],
+		"lightgrey": [211, 211, 211],
+		"lightpink": [255, 182, 193],
+		"lightsalmon": [255, 160, 122],
+		"lightseagreen": [32, 178, 170],
+		"lightskyblue": [135, 206, 250],
+		"lightslategray": [119, 136, 153],
+		"lightslategrey": [119, 136, 153],
+		"lightsteelblue": [176, 196, 222],
+		"lightyellow": [255, 255, 224],
+		"lime": [0, 255, 0],
+		"limegreen": [50, 205, 50],
+		"linen": [250, 240, 230],
+		"magenta": [255, 0, 255],
+		"maroon": [128, 0, 0],
+		"mediumaquamarine": [102, 205, 170],
+		"mediumblue": [0, 0, 205],
+		"mediumorchid": [186, 85, 211],
+		"mediumpurple": [147, 112, 219],
+		"mediumseagreen": [60, 179, 113],
+		"mediumslateblue": [123, 104, 238],
+		"mediumspringgreen": [0, 250, 154],
+		"mediumturquoise": [72, 209, 204],
+		"mediumvioletred": [199, 21, 133],
+		"midnightblue": [25, 25, 112],
+		"mintcream": [245, 255, 250],
+		"mistyrose": [255, 228, 225],
+		"moccasin": [255, 228, 181],
+		"navajowhite": [255, 222, 173],
+		"navy": [0, 0, 128],
+		"oldlace": [253, 245, 230],
+		"olive": [128, 128, 0],
+		"olivedrab": [107, 142, 35],
+		"orange": [255, 165, 0],
+		"orangered": [255, 69, 0],
+		"orchid": [218, 112, 214],
+		"palegoldenrod": [238, 232, 170],
+		"palegreen": [152, 251, 152],
+		"paleturquoise": [175, 238, 238],
+		"palevioletred": [219, 112, 147],
+		"papayawhip": [255, 239, 213],
+		"peachpuff": [255, 218, 185],
+		"peru": [205, 133, 63],
+		"pink": [255, 192, 203],
+		"plum": [221, 160, 221],
+		"powderblue": [176, 224, 230],
+		"purple": [128, 0, 128],
+		"rebeccapurple": [102, 51, 153],
+		"red": [255, 0, 0],
+		"rosybrown": [188, 143, 143],
+		"royalblue": [65, 105, 225],
+		"saddlebrown": [139, 69, 19],
+		"salmon": [250, 128, 114],
+		"sandybrown": [244, 164, 96],
+		"seagreen": [46, 139, 87],
+		"seashell": [255, 245, 238],
+		"sienna": [160, 82, 45],
+		"silver": [192, 192, 192],
+		"skyblue": [135, 206, 235],
+		"slateblue": [106, 90, 205],
+		"slategray": [112, 128, 144],
+		"slategrey": [112, 128, 144],
+		"snow": [255, 250, 250],
+		"springgreen": [0, 255, 127],
+		"steelblue": [70, 130, 180],
+		"tan": [210, 180, 140],
+		"teal": [0, 128, 128],
+		"thistle": [216, 191, 216],
+		"tomato": [255, 99, 71],
+		"turquoise": [64, 224, 208],
+		"violet": [238, 130, 238],
+		"wheat": [245, 222, 179],
+		"white": [255, 255, 255],
+		"whitesmoke": [245, 245, 245],
+		"yellow": [255, 255, 0],
+		"yellowgreen": [154, 205, 50]
+	};
+	return colorName;
+}
+
+/**
+ * @module color-parse
+ */
+
+var colorParse;
+var hasRequiredColorParse;
+
+function requireColorParse () {
+	if (hasRequiredColorParse) return colorParse;
+	hasRequiredColorParse = 1;
+
+	var names = requireColorName();
+
+	colorParse = parse;
+
+	/**
+	 * Base hues
+	 * http://dev.w3.org/csswg/css-color/#typedef-named-hue
+	 */
+	//FIXME: use external hue detector
+	var baseHues = {
+		red: 0,
+		orange: 60,
+		yellow: 120,
+		green: 180,
+		blue: 240,
+		purple: 300
+	};
+
+	/**
+	 * Parse color from the string passed
+	 *
+	 * @return {Object} A space indicator `space`, an array `values` and `alpha`
+	 */
+	function parse(cstr) {
+		var m, parts = [], alpha = 1, space;
+
+		if (typeof cstr === 'string') {
+			cstr = cstr.toLowerCase();
+
+			//keyword
+			if (names[cstr]) {
+				parts = names[cstr].slice();
+				space = 'rgb';
+			}
+
+			//reserved words
+			else if (cstr === 'transparent') {
+				alpha = 0;
+				space = 'rgb';
+				parts = [0, 0, 0];
+			}
+
+			//hex
+			else if (/^#[A-Fa-f0-9]+$/.test(cstr)) {
+				var base = cstr.slice(1);
+				var size = base.length;
+				var isShort = size <= 4;
+				alpha = 1;
+
+				if (isShort) {
+					parts = [
+						parseInt(base[0] + base[0], 16),
+						parseInt(base[1] + base[1], 16),
+						parseInt(base[2] + base[2], 16)
+					];
+					if (size === 4) {
+						alpha = parseInt(base[3] + base[3], 16) / 255;
+					}
+				}
+				else {
+					parts = [
+						parseInt(base[0] + base[1], 16),
+						parseInt(base[2] + base[3], 16),
+						parseInt(base[4] + base[5], 16)
+					];
+					if (size === 8) {
+						alpha = parseInt(base[6] + base[7], 16) / 255;
+					}
+				}
+
+				if (!parts[0]) parts[0] = 0;
+				if (!parts[1]) parts[1] = 0;
+				if (!parts[2]) parts[2] = 0;
+
+				space = 'rgb';
+			}
+
+			//color space
+			else if (m = /^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(cstr)) {
+				var name = m[1];
+				var isRGB = name === 'rgb';
+				var base = name.replace(/a$/, '');
+				space = base;
+				var size = base === 'cmyk' ? 4 : base === 'gray' ? 1 : 3;
+				parts = m[2].trim()
+					.split(/\s*[,\/]\s*|\s+/)
+					.map(function (x, i) {
+						//<percentage>
+						if (/%$/.test(x)) {
+							//alpha
+							if (i === size) return parseFloat(x) / 100
+							//rgb
+							if (base === 'rgb') return parseFloat(x) * 255 / 100
+							return parseFloat(x)
+						}
+						//hue
+						else if (base[i] === 'h') {
+							//<deg>
+							if (/deg$/.test(x)) {
+								return parseFloat(x)
+							}
+							//<base-hue>
+							else if (baseHues[x] !== undefined) {
+								return baseHues[x]
+							}
+						}
+						return parseFloat(x)
+					});
+
+				if (name === base) parts.push(1);
+				alpha = (isRGB) ? 1 : (parts[size] === undefined) ? 1 : parts[size];
+				parts = parts.slice(0, size);
+			}
+
+			//named channels case
+			else if (cstr.length > 10 && /[0-9](?:\s|\/)/.test(cstr)) {
+				parts = cstr.match(/([0-9]+)/g).map(function (value) {
+					return parseFloat(value)
+				});
+
+				space = cstr.match(/([a-z])/ig).join('').toLowerCase();
+			}
+		}
+
+		//numeric case
+		else if (!isNaN(cstr)) {
+			space = 'rgb';
+			parts = [cstr >>> 16, (cstr & 0x00ff00) >>> 8, cstr & 0x0000ff];
+		}
+
+		//array-like
+		else if (Array.isArray(cstr) || cstr.length) {
+			parts = [cstr[0], cstr[1], cstr[2]];
+			space = 'rgb';
+			alpha = cstr.length === 4 ? cstr[3] : 1;
+		}
+
+		//object case - detects css cases of rgb and hsl
+		else if (cstr instanceof Object) {
+			if (cstr.r != null || cstr.red != null || cstr.R != null) {
+				space = 'rgb';
+				parts = [
+					cstr.r || cstr.red || cstr.R || 0,
+					cstr.g || cstr.green || cstr.G || 0,
+					cstr.b || cstr.blue || cstr.B || 0
+				];
+			}
+			else {
+				space = 'hsl';
+				parts = [
+					cstr.h || cstr.hue || cstr.H || 0,
+					cstr.s || cstr.saturation || cstr.S || 0,
+					cstr.l || cstr.lightness || cstr.L || cstr.b || cstr.brightness
+				];
+			}
+
+			alpha = cstr.a || cstr.alpha || cstr.opacity || 1;
+
+			if (cstr.opacity != null) alpha /= 100;
+		}
+
+		return {
+			space: space,
+			values: parts,
+			alpha: alpha
+		}
+	}
+	return colorParse;
+}
+
+var colorParseExports = requireColorParse();
+var parse = /*@__PURE__*/getDefaultExportFromCjs(colorParseExports);
+
+/**
+ * RGB space.
+ *
+ * @module  color-space/rgb
+ */
+const rgb = {
+	min: [0, 0, 0],
+	max: [255, 255, 255]};
+
+/**
+ * @module color-space/hsl
+ */
+
+var hsl = {
+	name: 'hsl',
+	min: [0, 0, 0],
+	max: [360, 100, 100],
+	channel: ['hue', 'saturation', 'lightness'],
+	alias: ['HSL'],
+
+	rgb: function (hsl) {
+		var h = hsl[0] / 360, s = hsl[1] / 100, l = hsl[2] / 100, t1, t2, t3, rgb, val, i = 0;
+
+		if (s === 0) return val = l * 255, [val, val, val];
+
+		t2 = l < 0.5 ? l * (1 + s) : l + s - l * s;
+		t1 = 2 * l - t2;
+
+		rgb = [0, 0, 0];
+		for (; i < 3;) {
+			t3 = h + 1 / 3 * - (i - 1);
+			t3 < 0 ? t3++ : t3 > 1 && t3--;
+			val = 6 * t3 < 1 ? t1 + (t2 - t1) * 6 * t3 :
+				2 * t3 < 1 ? t2 :
+					3 * t3 < 2 ? t1 + (t2 - t1) * (2 / 3 - t3) * 6 :
+						t1;
+			rgb[i++] = val * 255;
+		}
+
+		return rgb;
+	}
+};
+
+
+//extend rgb
+rgb.hsl = function (rgb) {
+	var r = rgb[0] / 255,
+		g = rgb[1] / 255,
+		b = rgb[2] / 255,
+		min = Math.min(r, g, b),
+		max = Math.max(r, g, b),
+		delta = max - min,
+		h, s, l;
+
+	if (max === min) {
+		h = 0;
+	}
+	else if (r === max) {
+		h = (g - b) / delta;
+	}
+	else if (g === max) {
+		h = 2 + (b - r) / delta;
+	}
+	else if (b === max) {
+		h = 4 + (r - g) / delta;
+	}
+
+	//FIXME h is possibly undefined
+	//@ts-ignore
+	h = Math.min(h * 60, 360);
+
+	if (h < 0) {
+		h += 360;
+	}
+
+	l = (min + max) / 2;
+
+	if (max === min) {
+		s = 0;
+	}
+	else if (l <= 0.5) {
+		s = delta / (max + min);
+	}
+	else {
+		s = delta / (2 - max - min);
+	}
+
+	return [h, s * 100, l * 100];
+};
+
+var rgbaConvert = {exports: {}};
+
+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;
+}
+
+var rgbaConvertExports = requireRgbaConvert();
+var rgba = /*@__PURE__*/getDefaultExportFromCjs(rgbaConvertExports);
+
+const OBJECT_OBJECT = /\[object Object\]/;
+const objectObjectHandler = (value, cb) => {
+    if (typeof value === 'string' && OBJECT_OBJECT.test(value)) {
+        return;
+    }
+    cb();
+};
+const emptyStringByArrayHandler = (value, cb) => {
+    if (typeof value === 'string' && value === '') {
+        return;
+    }
+    cb();
+};
+const setEventTarget = (event, target) => {
+    if (getExperimentalMode()) {
+        Log.debug([event, target]);
+        Log.debug(`↑ We propagate the (submit) event to this target.`);
+    }
+    Object.defineProperty(event, 'target', {
+        value: target,
+        writable: false,
+    });
+};
+const patchState = (component) => {
+    var _a, _b, _c;
+    (_a = component.nextHooks) === null || _a === void 0 ? void 0 : _a.forEach((hooks, key) => {
+        var _a;
+        const beforePatch = hooks.get('beforePatch');
+        if (typeof beforePatch === 'function') {
+            beforePatch((_a = component.nextState) === null || _a === void 0 ? void 0 : _a.get(key), component.nextState, component, key);
+        }
+    });
+    if (((_b = component.nextState) === null || _b === void 0 ? void 0 : _b.size) > 0) {
+        component.state = Object.assign(Object.assign({}, component.state), Object.fromEntries(component.nextState));
+        delete component.nextState;
+        (_c = component.nextHooks) === null || _c === void 0 ? void 0 : _c.forEach((hooks, key) => {
+            const afterPatch = hooks.get('afterPatch');
+            if (typeof afterPatch === 'function') {
+                afterPatch(component.state[key], component.state, component, key);
+            }
+        });
+    }
+    delete component.nextHooks;
+};
+const setState = (component, propName, value, hooks = {}) => {
+    var _a, _b;
+    if (component.nextHooks === undefined) {
+        component.nextHooks = new Map();
+    }
+    if (component.nextState === undefined) {
+        component.nextState = new Map();
+    }
+    const nextHooks = component.nextHooks.get(propName);
+    if (nextHooks instanceof Map === false) {
+        component.nextHooks.set(propName, new Map());
+    }
+    if (typeof hooks.afterPatch === 'function') {
+        (_a = component.nextHooks.get(propName)) === null || _a === void 0 ? void 0 : _a.set('afterPatch', hooks.afterPatch);
+    }
+    if (typeof hooks.beforePatch === 'function') {
+        (_b = component.nextHooks.get(propName)) === null || _b === void 0 ? void 0 : _b.set('beforePatch', hooks.beforePatch);
+    }
+    component.nextState.set(propName, value);
+    patchState(component);
+};
+const logWarn = (component, propName, value, requiredGeneric) => {
+    devHint(`[${component.constructor.name}] The property value: (${value}) for '${propName}' is not valid. Allowed values are: ${Array.from(requiredGeneric).join(', ')}`);
+};
+function watchValidator(component, propName, validationFunction, requiredGeneric, value, options = {}) {
+    if (validationFunction(value)) {
+        setState(component, propName, value, options.hooks);
+    }
+    else if (value === undefined && options.required !== true && validationFunction(options.defaultValue)) {
+        setState(component, propName, options.defaultValue, options.hooks);
+    }
+    else {
+        if (!options.required) {
+            requiredGeneric.add(null);
+        }
+        logWarn(component, propName, value, requiredGeneric);
+    }
+}
+const watchBoolean = (component, propName, value, options) => {
+    watchValidator(component, propName, (value) => typeof value === 'boolean', new Set(['Boolean {true, false}']), value, options);
+};
+const watchString = (component, propName, value, options = {}) => {
+    const minLength = typeof options.minLength === 'number' ? options === null || options === void 0 ? void 0 : options.minLength : 0;
+    watchValidator(component, propName, (value) => typeof value === 'string' && value.length >= minLength && (typeof (options === null || options === void 0 ? void 0 : options.maxLength) === 'undefined' || value.length <= options.maxLength), new Set([`String`]), value, options);
+};
+const watchNumber = (component, propName, value, options) => {
+    watchValidator(component, propName, (value) => typeof value === 'number' &&
+        (typeof (options === null || options === void 0 ? void 0 : options.min) === 'undefined' || (typeof (options === null || options === void 0 ? void 0 : options.min) === 'number' && value >= options.min)) &&
+        (typeof (options === null || options === void 0 ? void 0 : options.max) === 'undefined' || (typeof (options === null || options === void 0 ? void 0 : options.max) === 'number' && value <= options.max)), new Set(['Number']), value, options);
+};
+const watchJsonArrayString = (component, propName, itemValidation, value, arrayValidation = (items) => items === items, options = {}) => {
+    emptyStringByArrayHandler(value, () => {
+        objectObjectHandler(value, () => {
+            if (typeof value === 'undefined') {
+                value = [];
+            }
+            try {
+                try {
+                    value = parseJson(value);
+                }
+                catch (_a) {
+                }
+                if (Array.isArray(value)) {
+                    const invalid = value.find((item) => !itemValidation(item));
+                    if (invalid === undefined && arrayValidation(value)) {
+                        setState(component, propName, value, options.hooks);
+                    }
+                    else {
+                        objectObjectHandler(invalid, () => {
+                            Log.debug(invalid);
+                            throw new Error(`↑ The schema for the property (_options) is not valid. The value will not be changed.`);
+                        });
+                    }
+                }
+                else {
+                    objectObjectHandler(value, () => {
+                        Log.debug(value);
+                        throw new Error(`↑ The schema for the property (_options) is not valid. The value will not be changed.`);
+                    });
+                }
+            }
+            catch (error) {
+                Log.debug(error);
+            }
+        });
+    });
+};
+const stringifyJson = (value) => {
+    try {
+        return JSON.stringify(value).replace(/"/g, "'");
+    }
+    catch (_a) {
+        Log.warn(['stringifyJson', value]);
+        Log.error(`↑ The JSON could not be converted to a string. A stringifiable JSON is expected.`);
+        throw new Error();
+    }
+};
+const JSON_CHARS = /^[{[]/;
+const parseJson = (value) => {
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            if (JSON_CHARS.test(value)) {
+                try {
+                    return JSON.parse(value.replace(/'/g, '"'));
+                }
+                catch (_b) {
+                    Log.warn(['parseJson', value]);
+                    Log.error(`↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).`);
+                }
+            }
+        }
+    }
+    throw new Error();
+};
+const mapBoolean2String = (value) => {
+    return typeof value === 'boolean' ? (value === true ? 'true' : 'false') : undefined;
+};
+const mapStringOrBoolean2String = (value) => {
+    return typeof value === 'string' ? value : mapBoolean2String(value);
+};
+const traverseShadowDom = (rootNode, onNode) => {
+    if (!rootNode) {
+        return;
+    }
+    const visited = new Set();
+    const queue = [rootNode];
+    let index = 0;
+    while (index < queue.length) {
+        const current = queue[index++];
+        if (visited.has(current)) {
+            continue;
+        }
+        visited.add(current);
+        if (onNode(current)) {
+            return;
+        }
+        const children = Array.from(current.children || []);
+        for (let i = 0; i < children.length; i++) {
+            queue.push(children[i]);
+        }
+        if (current instanceof HTMLElement && current.shadowRoot) {
+            queue.push(current.shadowRoot);
+        }
+        if (current instanceof HTMLSlotElement) {
+            const assigned = current.assignedNodes({ flatten: true });
+            for (let i = 0; i < assigned.length; i++) {
+                if (assigned[i] instanceof Element) {
+                    queue.push(assigned[i]);
+                }
+            }
+        }
+    }
+};
+const querySelectorShadow = (selector, rootNode) => {
+    let result = null;
+    traverseShadowDom(rootNode, (current) => {
+        if (current instanceof Element && current.matches(selector)) {
+            result = current;
+            return true;
+        }
+        return false;
+    });
+    return result;
+};
+const querySelectorAllShadow = (selector, rootNode) => {
+    const results = [];
+    traverseShadowDom(rootNode, (current) => {
+        if (current instanceof Element && current.matches(selector)) {
+            results.push(current);
+        }
+        return false;
+    });
+    return results;
+};
+const koliBriQuerySelector = (selector, node) => querySelectorShadow(selector, node || getDocument());
+const koliBriQuerySelectorAll = (selector, node) => querySelectorAllShadow(selector, node || getDocument());
+let DEFAULT_COLOR_CONTRAST = null;
+const getDefaultColorContrast = () => {
+    DEFAULT_COLOR_CONTRAST = DEFAULT_COLOR_CONTRAST || {
+        backgroundColor: '#00000000',
+        color: '#00000000',
+        domNode: getDocument().body,
+        level: 'Fail',
+        score: 1,
+    };
+    return DEFAULT_COLOR_CONTRAST;
+};
+const TRANSPARENT_REGEXP = /(\d+, ){3}0\)/;
+const koliBriA11yColorContrast = (domNode, a11yColorContrast = getDefaultColorContrast()) => {
+    const computedStyle = getComputedStyle(domNode);
+    const hexBG = TRANSPARENT_REGEXP.test(computedStyle.backgroundColor) ? a11yColorContrast.backgroundColor : rgba.hex(computedStyle.backgroundColor);
+    const hexC = TRANSPARENT_REGEXP.test(computedStyle.color) ? a11yColorContrast.color : rgba.hex(computedStyle.color);
+    const diff = s(hexBG, hexC);
+    const contrast = {
+        backgroundColor: hexBG,
+        color: hexC,
+        domNode: domNode,
+        level: f(diff),
+        score: diff,
+    };
+    if (diff < 4.5) {
+        Log.error([
+            'Color-Contrast-Error',
+            {
+                backgroundColor: contrast.backgroundColor,
+                color: contrast.color,
+                level: contrast.level,
+                score: contrast.score,
+            },
+            contrast.domNode,
+        ]);
+    }
+    return contrast;
+};
+const koliBriQuerySelectorColors = (selector, a11yColorContrast = getDefaultColorContrast()) => {
+    if (a11yColorContrast.domNode instanceof HTMLElement) {
+        a11yColorContrast = koliBriA11yColorContrast(a11yColorContrast.domNode, a11yColorContrast);
+    }
+    const selectedNode = a11yColorContrast.domNode.querySelector(selector);
+    if (selectedNode === null) {
+        const nodeList = a11yColorContrast.domNode.querySelectorAll('[class="hydrated"]');
+        for (let i = 0; i < nodeList.length; i++) {
+            a11yColorContrast.domNode = nodeList[i];
+            a11yColorContrast = koliBriQuerySelectorColors(selector, a11yColorContrast);
+            if (a11yColorContrast.domNode !== null) {
+                break;
+            }
+        }
+        return a11yColorContrast;
+    }
+    else {
+        return koliBriA11yColorContrast(selectedNode, a11yColorContrast);
+    }
+};
+class KoliBriUtils {
+    static queryHtmlElementColors(targetNode, a11yColorContrast, recursion = false, log = true) {
+        let returnValue = null;
+        if (recursion === true || KoliBriUtils.executionLock === false) {
+            if (recursion === false) {
+                KoliBriUtils.cache.clear();
+                KoliBriUtils.cache.set(a11yColorContrast.domNode, a11yColorContrast);
+                KoliBriUtils.executionLock = true;
+                if (log === true) {
+                    Log.debug(`[KoliBriUtils] Color contrast analysis started...`);
+                }
+            }
+            if (targetNode === a11yColorContrast.domNode) {
+                returnValue = a11yColorContrast;
+            }
+            else {
+                const children = new Set();
+                if (a11yColorContrast.domNode.shadowRoot) {
+                    const shadowChildren = a11yColorContrast.domNode.shadowRoot.children;
+                    for (let i = 0; i < shadowChildren.length; i++) {
+                        children.add(shadowChildren[i]);
+                    }
+                }
+                const slotElement = a11yColorContrast.domNode;
+                if (typeof slotElement.assignedNodes === 'function') {
+                    const slotChildren = slotElement.assignedNodes();
+                    for (let i = 0; i < slotChildren.length; i++) {
+                        if (slotChildren[i] instanceof HTMLElement) {
+                            children.add(slotChildren[i]);
+                        }
+                    }
+                }
+                const domChildren = a11yColorContrast.domNode.children;
+                for (let i = 0; i < domChildren.length; i++) {
+                    children.add(domChildren[i]);
+                }
+                const arrayChildren = Array.from(children);
+                for (let i = 0; i < arrayChildren.length; i++) {
+                    let colorContrast = KoliBriUtils.cache.get(arrayChildren[i]);
+                    if (colorContrast === undefined) {
+                        colorContrast = koliBriA11yColorContrast(arrayChildren[i], a11yColorContrast);
+                    }
+                    KoliBriUtils.cache.set(arrayChildren[i], colorContrast);
+                    const colors = KoliBriUtils.queryHtmlElementColors(targetNode, colorContrast, true, false);
+                    if (colors !== null) {
+                        returnValue = colors;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            Log.debug(`[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.`);
+        }
+        if (recursion === false) {
+            if (log === true) {
+                Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`);
+            }
+            KoliBriUtils.executionLock = false;
+            KoliBriUtils.cache.clear();
+        }
+        return returnValue;
+    }
+}
+KoliBriUtils.executionLock = false;
+KoliBriUtils.cache = new Map();
+class KoliBriDevHelper {
+}
+KoliBriDevHelper.getCssStyle = T;
+KoliBriDevHelper.patchTheme = z;
+KoliBriDevHelper.patchThemeTag = D;
+KoliBriDevHelper.querySelector = koliBriQuerySelector;
+KoliBriDevHelper.querySelectorAll = koliBriQuerySelectorAll;
+KoliBriDevHelper.stringifyJson = stringifyJson;
+
+const isObject = (value) => typeof value === 'object' && value !== null;
+const isString = (value, minLength = 0) => typeof value === 'string' && value.length >= minLength;
+const isStyle = (style) => {
+    if (typeof style === 'object' && style !== null) {
+        for (const property in style) {
+            if (isString(property, 1) === false) {
+                return false;
+            }
+        }
+    }
+    else {
+        return isString(style, 1);
+    }
+    return true;
+};
+const STATE_CHANGE_EVENT = new Event('StateChange');
+
+exports.Ee = Ee;
+exports.KoliBriDevHelper = KoliBriDevHelper;
+exports.KoliBriUtils = KoliBriUtils;
+exports.Log = Log;
+exports.R = R;
+exports.STATE_CHANGE_EVENT = STATE_CHANGE_EVENT;
+exports.X = X;
+exports.a11yHint = a11yHint;
+exports.a11yHintDisabled = a11yHintDisabled;
+exports.a11yHintLabelingLandmarks = a11yHintLabelingLandmarks;
+exports.de = de;
+exports.deprecatedHint = deprecatedHint;
+exports.devHint = devHint;
+exports.devWarning = devWarning;
+exports.emptyStringByArrayHandler = emptyStringByArrayHandler;
+exports.featureHint = featureHint;
+exports.getColorContrastAnalysis = getColorContrastAnalysis;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.getDocument = getDocument;
+exports.getExperimentalMode = getExperimentalMode;
+exports.getWindow = getWindow;
+exports.hsl = hsl;
+exports.isDevMode = isDevMode;
+exports.isObject = isObject;
+exports.isString = isString;
+exports.isStyle = isStyle;
+exports.isTestMode = isTestMode;
+exports.koliBriA11yColorContrast = koliBriA11yColorContrast;
+exports.koliBriQuerySelector = koliBriQuerySelector;
+exports.koliBriQuerySelectorAll = koliBriQuerySelectorAll;
+exports.koliBriQuerySelectorColors = koliBriQuerySelectorColors;
+exports.mapBoolean2String = mapBoolean2String;
+exports.mapStringOrBoolean2String = mapStringOrBoolean2String;
+exports.objectObjectHandler = objectObjectHandler;
+exports.parse = parse;
+exports.parseJson = parseJson;
+exports.rgb = rgb;
+exports.rgba = rgba;
+exports.s = s;
+exports.se = se;
+exports.setColorContrastAnalysis = setColorContrastAnalysis;
+exports.setEventTarget = setEventTarget;
+exports.setExperimentalMode = setExperimentalMode;
+exports.setRuntimeMode = setRuntimeMode;
+exports.setState = setState;
+exports.stringifyJson = stringifyJson;
+exports.uiUxHint = uiUxHint;
+exports.uiUxHintMillerscheZahl = uiUxHintMillerscheZahl;
+exports.w = w;
+exports.watchBoolean = watchBoolean;
+exports.watchJsonArrayString = watchJsonArrayString;
+exports.watchNumber = watchNumber;
+exports.watchString = watchString;
+exports.watchValidator = watchValidator;
+//# sourceMappingURL=common-CN1iwxfv.js.map
+
+//# sourceMappingURL=common-CN1iwxfv.js.map