@public-ui/hydrate 1.7.0-rc.2 → 1.7.0-rc.4

package/dist/index.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.2.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -4953,7 +4953,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'kolibri';
-const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -7221,12 +7221,14 @@ class I18n extends EventEmitter {
     const usedLng = typeof language === 'string' ? language : this.language;
     if (typeof language === 'function') usedCallback = language;
     if (!this.options.resources || this.options.partialBundledLanguages) {
-      if (usedLng && usedLng.toLowerCase() === 'cimode') return usedCallback();
+      if (usedLng && usedLng.toLowerCase() === 'cimode' && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();
       const toLoad = [];
       const append = lng => {
         if (!lng) return;
+        if (lng === 'cimode') return;
         const lngs = this.services.languageUtils.toResolveHierarchy(lng);
         lngs.forEach(l => {
+          if (l === 'cimode') return;
           if (toLoad.indexOf(l) < 0) toLoad.push(l);
         });
       };
@@ -7807,7 +7809,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.0-rc.2
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.0-rc.4
 		`, {
       forceLog: true,
     });
@@ -7877,8 +7879,8 @@ function forceUpdate() {}
 
 function hydrateApp(e, t, o, n, s) {
  function l() {
-  if (global.clearTimeout(p), i.clear(), r.clear(), !u) {
-   u = !0;
+  if (global.clearTimeout(p), i.clear(), r.clear(), !h) {
+   h = !0;
    try {
     t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents), 
     e.dispatchEvent(new e.Event("DOMContentLoaded")), e.document.createElement = c, 
@@ -7893,9 +7895,9 @@ function hydrateApp(e, t, o, n, s) {
   renderCatchError(t, o, e), l();
  }
  const r = new Set, i = new Set, d = new Set, c = e.document.createElement, $ = e.document.createElementNS, m = Promise.resolve();
- let p, u = !1;
+ let p, h = !1;
  try {
-  function h() {
+  function u() {
    return g(this);
   }
   function f(e) {
@@ -7904,7 +7906,7 @@ function hydrateApp(e, t, o, n, s) {
      $tagName$: e.nodeName.toLowerCase(),
      $flags$: null
     });
-    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = h, registerHost(e, t.cmpMeta), 
+    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = u, registerHost(e, t.cmpMeta), 
     function o(e, t) {
      if ("function" != typeof e.componentOnReady && (e.componentOnReady = componentOnReady), 
      "function" != typeof e.forceUpdate && (e.forceUpdate = forceUpdate), 1 & t.$flags$ && (e.shadowRoot = e), 
@@ -8254,17 +8256,17 @@ const createElm = (e, t, o, n) => {
  null !== a ? (r = o["s-cr"]) ? r.parentNode.textContent = a : e.$text$ !== a && (o.data = a) : ((isSvgMode = "svg" === l || "foreignObject" !== l && isSvgMode), 
  ("slot" === l || updateElement(e, t, isSvgMode)), 
  null !== n && null !== s ? ((e, t, o, n) => {
-  let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, u = n[0], h = n[p];
-  for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == u) u = n[++r]; else if (null == h) h = n[--p]; else if (isSameVnode($, u)) patch($, u), 
-  $ = t[++a], u = n[++r]; else if (isSameVnode(m, h)) patch(m, h), m = t[--c], h = n[--p]; else if (isSameVnode($, h)) "slot" !== $.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
-  patch($, h), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], h = n[--p]; else if (isSameVnode(m, u)) "slot" !== $.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
-  patch(m, u), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], u = n[++r]; else {
-   if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === u.$key$) {
+  let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
+  for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == h) h = n[++r]; else if (null == u) u = n[--p]; else if (isSameVnode($, h)) patch($, h), 
+  $ = t[++a], h = n[++r]; else if (isSameVnode(m, u)) patch(m, u), m = t[--c], u = n[--p]; else if (isSameVnode($, u)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
+  patch($, u), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], u = n[--p]; else if (isSameVnode(m, h)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
+  patch(m, h), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], h = n[++r]; else {
+   if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === h.$key$) {
     i = d;
     break;
    }
-   i >= 0 ? (l = t[i], l.$tag$ !== u.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, u), 
-   t[i] = void 0, s = l.$elm$), u = n[++r]) : (s = createElm(t && t[r], o, r, e), u = n[++r]), 
+   i >= 0 ? (l = t[i], l.$tag$ !== h.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, h), 
+   t[i] = void 0, s = l.$elm$), h = n[++r]) : (s = createElm(t && t[r], o, r, e), h = n[++r]), 
    s && (parentReferenceNode($.$elm$).insertBefore(s, referenceNode($.$elm$)) );
   }
   a > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : r > p && removeVnodes(t, a, c);
@@ -19178,13 +19180,11 @@ class KolSelect {
     return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: {
         'hide-label': !!this.state._hideLabel,
         select: true,
-      }, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icon: this.state._icon, _id: this.state._id, _required: this.state._required, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("select", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", style: {
+      }, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icon: this.state._icon, _id: this.state._id, _required: this.state._required, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("select", { ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", style: {
         height: this.state._height,
-      } }, {
-      onClick: this.controller.onFacade.onClick,
+      }, onClick: this.controller.onFacade.onClick,
       onBlur: this.controller.onFacade.onBlur,
-      onFocus: this.controller.onFacade.onFocus,
-    }, { onChange: this.onChange }), this.state._options.map((option, index) => {
+      onFocus: this.controller.onFacade.onFocus, onChange: this.onChange }, this.state._options.map((option, index) => {
       const key = `-${index}`;
       if (Array.isArray(option.options)) {
         return this.renderOptgroup(option, key);
@@ -34066,9 +34066,9 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    line: r,
    column: s
   };
-  return t => (t.position = new z(e), m(), t);
- }, a = o => {
-  const i = e.split("\n"), a = {
+  return t => (t.position = new A(e), m(), t);
+ }, l = o => {
+  const i = e.split("\n"), l = {
    level: "error",
    type: "css",
    language: "css",
@@ -34090,7 +34090,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
     errorCharStart: -1,
     errorLength: -1
    };
-   a.lines.unshift(t);
+   l.lines.unshift(t);
   }
   if (r + 2 < i.length) {
    const e = {
@@ -34100,10 +34100,10 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
     errorCharStart: -1,
     errorLength: -1
    };
-   a.lines.push(e);
+   l.lines.push(e);
   }
-  return n.push(a), null;
- }, l = () => u(/^{\s*/), c = () => u(/^}/), u = t => {
+  return n.push(l), null;
+ }, a = () => u(/^{\s*/), c = () => u(/^}/), u = t => {
   const r = t.exec(e);
   if (!r) return;
   const s = r[0];
@@ -34111,7 +34111,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  }, d = () => {
   let t;
   const r = [];
-  for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = w() || A()); ) r.push(t), 
+  for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = T() || w()); ) r.push(t), 
   h(r);
   return r;
  }, m = () => u(/^\s*/), h = e => {
@@ -34123,7 +34123,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
   if ("/" !== e.charAt(0) || "*" !== e.charAt(1)) return null;
   let r = 2;
   for (;"" !== e.charAt(r) && ("*" !== e.charAt(r) || "/" !== e.charAt(r + 1)); ) ++r;
-  if (r += 2, "" === e.charAt(r - 1)) return a("End of comment missing");
+  if (r += 2, "" === e.charAt(r - 1)) return l("End of comment missing");
   const n = e.slice(2, r - 2);
   return s += 2, o(n), e = e.slice(r), s += 2, t({
    type: 1,
@@ -34140,7 +34140,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
   const e = i();
   let t = u(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
   if (!t) return null;
-  if (t = trim(t[0]), !u(/^:\s*/)) return a("property missing ':'");
+  if (t = trim(t[0]), !u(/^:\s*/)) return l("property missing ':'");
   const r = u(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/), s = e({
    type: 4,
    property: t.replace(commentre, ""),
@@ -34149,10 +34149,10 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
   return u(/^[;\s]*/), s;
  }, y = () => {
   const e = [];
-  if (!l()) return a("missing '{'");
+  if (!a()) return l("missing '{'");
   let t;
   for (h(e); t = g(); ) e.push(t), h(e);
-  return c() ? e : a("missing '}'");
+  return c() ? e : l("missing '}'");
  }, C = () => {
   let e;
   const t = [], r = i();
@@ -34172,14 +34172,14 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    };
    return o[e] = n[1].trim(), s(o);
   };
- }, E = S("import", 7), b = S("charset", 0), T = S("namespace", 11), w = () => "@" !== e[0] ? null : (() => {
+ }, E = S("import", 7), b = S("charset", 0), v = S("namespace", 11), T = () => "@" !== e[0] ? null : (() => {
   const e = i();
   let t = u(/^@([-\w]+)?keyframes\s*/);
   if (!t) return null;
   const r = t[1];
-  if (t = u(/^([-\w]+)\s*/), !t) return a("@keyframes missing name");
+  if (t = u(/^([-\w]+)\s*/), !t) return l("@keyframes missing name");
   const s = t[1];
-  if (!l()) return a("@keyframes missing '{'");
+  if (!a()) return l("@keyframes missing '{'");
   let n, o = h();
   for (;n = C(); ) o.push(n), o = o.concat(h());
   return c() ? e({
@@ -34187,18 +34187,18 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    name: s,
    vendor: r,
    keyframes: o
-  }) : a("@keyframes missing '}'");
+  }) : l("@keyframes missing '}'");
  })() || (() => {
   const e = i(), t = u(/^@media *([^{]+)/);
   if (!t) return null;
   const r = trim(t[1]);
-  if (!l()) return a("@media missing '{'");
+  if (!a()) return l("@media missing '{'");
   const s = h().concat(d());
   return c() ? e({
    type: 10,
    media: r,
    rules: s
-  }) : a("@media missing '}'");
+  }) : l("@media missing '}'");
  })() || (() => {
   const e = i(), t = u(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
   return t ? e({
@@ -34210,65 +34210,65 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
   const e = i(), t = u(/^@supports *([^{]+)/);
   if (!t) return null;
   const r = trim(t[1]);
-  if (!l()) return a("@supports missing '{'");
+  if (!a()) return l("@supports missing '{'");
   const s = h().concat(d());
   return c() ? e({
    type: 15,
    supports: r,
    rules: s
-  }) : a("@supports missing '}'");
- })() || E() || b() || T() || (() => {
+  }) : l("@supports missing '}'");
+ })() || E() || b() || v() || (() => {
   const e = i(), t = u(/^@([-\w]+)?document *([^{]+)/);
   if (!t) return null;
   const r = trim(t[1]), s = trim(t[2]);
-  if (!l()) return a("@document missing '{'");
+  if (!a()) return l("@document missing '{'");
   const n = h().concat(d());
   return c() ? e({
    type: 3,
    document: s,
    vendor: r,
    rules: n
-  }) : a("@document missing '}'");
+  }) : l("@document missing '}'");
  })() || (() => {
   const e = i();
   if (!u(/^@page */)) return null;
   const t = f() || [];
-  if (!l()) return a("@page missing '{'");
+  if (!a()) return l("@page missing '{'");
   let r, s = h();
   for (;r = g(); ) s.push(r), s = s.concat(h());
   return c() ? e({
    type: 12,
    selectors: t,
    declarations: s
-  }) : a("@page missing '}'");
+  }) : l("@page missing '}'");
  })() || (() => {
   const e = i();
   if (!u(/^@host\s*/)) return null;
-  if (!l()) return a("@host missing '{'");
+  if (!a()) return l("@host missing '{'");
   const t = h().concat(d());
   return c() ? e({
    type: 6,
    rules: t
-  }) : a("@host missing '}'");
+  }) : l("@host missing '}'");
  })() || (() => {
   const e = i();
   if (!u(/^@font-face\s*/)) return null;
-  if (!l()) return a("@font-face missing '{'");
+  if (!a()) return l("@font-face missing '{'");
   let t, r = h();
   for (;t = g(); ) r.push(t), r = r.concat(h());
   return c() ? e({
    type: 5,
    declarations: r
-  }) : a("@font-face missing '}'");
- })(), A = () => {
+  }) : l("@font-face missing '}'");
+ })(), w = () => {
   const e = i(), t = f();
   return t ? (h(), e({
    type: 13,
    selectors: t,
    declarations: y()
-  })) : a("selector missing");
+  })) : l("selector missing");
  };
- class z {
+ class A {
   constructor(e) {
    this.start = e, this.end = {
     line: r,
@@ -34276,7 +34276,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    }, this.source = t;
   }
  }
- return z.prototype.content = e, {
+ return A.prototype.content = e, {
   diagnostics: n,
   ...addParent((() => {
    const e = d();
@@ -34317,54 +34317,62 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  ids: [],
  attrs: []
 }, serializeCssVisitNode = (e, t, r, s) => {
- const n = t.type;
- return 4 === n ? serializeCssDeclaration(t, r, s) : 13 === n ? serializeCssRule(e, t) : 1 === n ? "!" === t.comment[0] ? `/*${t.comment}*/` : "" : 10 === n ? serializeCssMedia(e, t) : 8 === n ? serializeCssKeyframes(e, t) : 9 === n ? serializeCssKeyframe(e, t) : 5 === n ? serializeCssFontFace(e, t) : 15 === n ? serializeCssSupports(e, t) : 7 === n ? "@import " + t.import + ";" : 0 === n ? "@charset " + t.charset + ";" : 12 === n ? serializeCssPage(e, t) : 6 === n ? "@host{" + serializeCssMapVisit(e, t.rules) + "}" : 2 === n ? "@custom-media " + t.name + " " + t.media + ";" : 3 === n ? serializeCssDocument(e, t) : 11 === n ? "@namespace " + t.namespace + ";" : "";
+ var n;
+ const o = t.type;
+ return 4 === o ? serializeCssDeclaration(t, r, s) : 13 === o ? serializeCssRule(e, t) : 1 === o ? "!" === (null === (n = t.comment) || void 0 === n ? void 0 : n[0]) ? `/*${t.comment}*/` : "" : 10 === o ? serializeCssMedia(e, t) : 8 === o ? serializeCssKeyframes(e, t) : 9 === o ? serializeCssKeyframe(e, t) : 5 === o ? serializeCssFontFace(e, t) : 15 === o ? serializeCssSupports(e, t) : 7 === o ? "@import " + t.import + ";" : 0 === o ? "@charset " + t.charset + ";" : 12 === o ? serializeCssPage(e, t) : 6 === o ? "@host{" + serializeCssMapVisit(e, t.rules) + "}" : 2 === o ? "@custom-media " + t.name + " " + t.media + ";" : 3 === o ? serializeCssDocument(e, t) : 11 === o ? "@namespace " + t.namespace + ";" : "";
 }, serializeCssRule = (e, t) => {
- const r = t.declarations, s = e.usedSelectors, n = t.selectors.slice();
- if (null == r || 0 === r.length) return "";
- if (s) {
-  let t, r, o = !0;
-  for (t = n.length - 1; t >= 0; t--) {
-   const i = getCssSelectors(n[t]);
-   o = !0;
-   let a = i.classNames.length;
-   if (a > 0 && e.hasUsedClassNames) for (r = 0; r < a; r++) if (!s.classNames.has(i.classNames[r])) {
-    o = !1;
+ var r, s;
+ const n = t.declarations, o = e.usedSelectors, i = null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.slice()) && void 0 !== s ? s : [];
+ if (null == n || 0 === n.length) return "";
+ if (o) {
+  let t, r, s = !0;
+  for (t = i.length - 1; t >= 0; t--) {
+   const n = getCssSelectors(i[t]);
+   s = !0;
+   let l = n.classNames.length;
+   if (l > 0 && e.hasUsedClassNames) for (r = 0; r < l; r++) if (!o.classNames.has(n.classNames[r])) {
+    s = !1;
     break;
    }
-   if (o && e.hasUsedTags && (a = i.tags.length, a > 0)) for (r = 0; r < a; r++) if (!s.tags.has(i.tags[r])) {
-    o = !1;
+   if (s && e.hasUsedTags && (l = n.tags.length, l > 0)) for (r = 0; r < l; r++) if (!o.tags.has(n.tags[r])) {
+    s = !1;
     break;
    }
-   if (o && e.hasUsedAttrs && (a = i.attrs.length, a > 0)) for (r = 0; r < a; r++) if (!s.attrs.has(i.attrs[r])) {
-    o = !1;
+   if (s && e.hasUsedAttrs && (l = n.attrs.length, l > 0)) for (r = 0; r < l; r++) if (!o.attrs.has(n.attrs[r])) {
+    s = !1;
     break;
    }
-   if (o && e.hasUsedIds && (a = i.ids.length, a > 0)) for (r = 0; r < a; r++) if (!s.ids.has(i.ids[r])) {
-    o = !1;
+   if (s && e.hasUsedIds && (l = n.ids.length, l > 0)) for (r = 0; r < l; r++) if (!o.ids.has(n.ids[r])) {
+    s = !1;
     break;
    }
-   o || n.splice(t, 1);
+   s || i.splice(t, 1);
   }
  }
- if (0 === n.length) return "";
- const o = [];
- let i = "";
- for (const e of t.selectors) i = removeSelectorWhitespace(e), o.includes(i) || o.push(i);
- return `${o}{${serializeCssMapVisit(e, r)}}`;
+ if (0 === i.length) return "";
+ const l = [];
+ let a = "";
+ if (t.selectors) for (const e of t.selectors) a = removeSelectorWhitespace(e), l.includes(a) || l.push(a);
+ return `${l}{${serializeCssMapVisit(e, n)}}`;
 }, serializeCssDeclaration = (e, t, r) => "" === e.value ? "" : r - 1 === t ? e.property + ":" + e.value : e.property + ":" + e.value + ";", serializeCssMedia = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules);
  return "" === r ? "" : "@media " + removeMediaWhitespace(t.media) + "{" + r + "}";
 }, serializeCssKeyframes = (e, t) => {
  const r = serializeCssMapVisit(e, t.keyframes);
  return "" === r ? "" : "@" + (t.vendor || "") + "keyframes " + t.name + "{" + r + "}";
-}, serializeCssKeyframe = (e, t) => t.values.join(",") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssFontFace = (e, t) => {
+}, serializeCssKeyframe = (e, t) => {
+ var r, s;
+ return (null !== (s = null === (r = t.values) || void 0 === r ? void 0 : r.join(",")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
+}, serializeCssFontFace = (e, t) => {
  const r = serializeCssMapVisit(e, t.declarations);
  return "" === r ? "" : "@font-face{" + r + "}";
 }, serializeCssSupports = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules);
  return "" === r ? "" : "@supports " + t.supports + "{" + r + "}";
-}, serializeCssPage = (e, t) => "@page " + t.selectors.join(", ") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssDocument = (e, t) => {
+}, serializeCssPage = (e, t) => {
+ var r, s;
+ return "@page " + (null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.join(", ")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
+}, serializeCssDocument = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules), s = "@" + (t.vendor || "") + "document " + t.document;
  return "" === r ? "" : s + "{" + r + "}";
 }, serializeCssMapVisit = (e, t) => {
@@ -34381,12 +34389,14 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  } else t += r;
  return t;
 }, removeMediaWhitespace = e => {
- let t = "", r = "";
- for (let s = 0, n = (e = e.trim()).length; s < n; s++) if (r = e[s], CSS_WS_REG.test(r)) {
-  if (CSS_WS_REG.test(t[t.length - 1])) continue;
-  t += " ";
- } else t += r;
- return t;
+ var t;
+ let r = "", s = "";
+ for (let n = 0, o = (e = null !== (t = null == e ? void 0 : e.trim()) && void 0 !== t ? t : "").length; n < o; n++) if (s = e[n], 
+ CSS_WS_REG.test(s)) {
+  if (CSS_WS_REG.test(r[r.length - 1])) continue;
+  r += " ";
+ } else r += s;
+ return r;
 }, CSS_WS_REG = /\s/, CSS_NEXT_CHAR_REG = /[>\(\)\~\,\+\s]/, CSS_PREV_CHAR_REG = /[>\(\~\,\+]/, collectUsedSelectors = (e, t) => {
  if (null != t && 1 === t.nodeType) {
   const r = t.children, s = t.nodeName.toLowerCase();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/hydrate",
-	"version": "1.7.0-rc.2",
+	"version": "1.7.0-rc.4",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -46,11 +46,11 @@
 		"prepack": "npm run build"
 	},
 	"devDependencies": {
-		"@public-ui/components": "1.7.0-rc.2",
+		"@public-ui/components": "1.7.0-rc.4",
 		"rimraf": "3.0.2"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.7.0-rc.2"
+		"@public-ui/components": "1.7.0-rc.4"
 	},
 	"sideEffects": false,
 	"type": "commonjs",