@startinblox/components-ds4go 1.0.0 → 2.0.0

package/.gitlab-ci.yml

@@ -10,7 +10,7 @@ cache:
     - .npm/
 
 default:
-  image: node:22
+  image: node:24
 
 stages:
   - prepare
@@ -19,7 +19,7 @@ stages:
 
 prepare:
   stage: prepare
-  image: node:22
+  image: node:24
   before_script:
     - npm ci --cache .npm --prefer-offline
     - npm install -g semantic-release@24 @semantic-release/gitlab@13
@@ -37,7 +37,7 @@ prepare:
 test:
   stage: test
   image: 
-    name: cypress/included:15.5.0
+    name: cypress/included:15.9.0
     entrypoint: [""]
   before_script:
     - npm ci --cache .npm --prefer-offline

package/biome.json

@@ -1,6 +1,6 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.0.0/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

package/dist/index.js

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const z = globalThis, lt = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ct = Symbol(), yt = /* @__PURE__ */ new WeakMap();
-let Ut = class {
+const I = globalThis, lt = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ct = /* @__PURE__ */ Symbol(), yt = /* @__PURE__ */ new WeakMap();
+let Dt = class {
   constructor(t, s, i) {
     if (this._$cssResult$ = !0, i !== ct) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
@@ -22,33 +17,28 @@ let Ut = class {
     return this.cssText;
   }
 };
-const Dt = (e) => new Ut(typeof e == "string" ? e : e + "", void 0, ct), ht = (e, ...t) => {
-  const s = e.length === 1 ? e[0] : t.reduce(((i, r, o) => i + ((n) => {
+const Nt = (e) => new Dt(typeof e == "string" ? e : e + "", void 0, ct), ut = (e, ...t) => {
+  const s = e.length === 1 ? e[0] : t.reduce((i, r, o) => i + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(r) + e[o + 1]), e[0]);
-  return new Ut(s, e, ct);
-}, Xt = (e, t) => {
-  if (lt) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
+  })(r) + e[o + 1], e[0]);
+  return new Dt(s, e, ct);
+}, Jt = (e, t) => {
+  if (lt) e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
   else for (const s of t) {
-    const i = document.createElement("style"), r = z.litNonce;
+    const i = document.createElement("style"), r = I.litNonce;
     r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
   }
 }, vt = lt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return Dt(s);
+  return Nt(s);
 })(e) : e;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Jt, defineProperty: Zt, getOwnPropertyDescriptor: Qt, getOwnPropertyNames: Yt, getOwnPropertySymbols: te, getPrototypeOf: ee } = Object, G = globalThis, _t = G.trustedTypes, se = _t ? _t.emptyScript : "", re = G.reactiveElementPolyfillSupport, M = (e, t) => e, B = { toAttribute(e, t) {
+const { is: Xt, defineProperty: Qt, getOwnPropertyDescriptor: Yt, getOwnPropertyNames: te, getOwnPropertySymbols: ee, getPrototypeOf: se } = Object, G = globalThis, _t = G.trustedTypes, re = _t ? _t.emptyScript : "", ie = G.reactiveElementPolyfillSupport, T = (e, t) => e, B = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? se : null;
+      e = e ? re : null;
       break;
     case Object:
     case Array:
@@ -73,8 +63,8 @@ const { is: Jt, defineProperty: Zt, getOwnPropertyDescriptor: Qt, getOwnProperty
       }
   }
   return s;
-} }, X = (e, t) => !Jt(e, t), $t = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: X };
-Symbol.metadata ??= Symbol("metadata"), G.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, Z = (e, t) => !Xt(e, t), $t = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: Z };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), G.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let S = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -84,12 +74,12 @@ let S = class extends HTMLElement {
   }
   static createProperty(t, s = $t) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
-      const i = Symbol(), r = this.getPropertyDescriptor(t, i, s);
-      r !== void 0 && Zt(this.prototype, t, r);
+      const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, s);
+      r !== void 0 && Qt(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: r, set: o } = Qt(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = Yt(this.prototype, t) ?? { get() {
       return this[s];
     }, set(n) {
       this[s] = n;
@@ -103,14 +93,14 @@ let S = class extends HTMLElement {
     return this.elementProperties.get(t) ?? $t;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = ee(this);
+    if (this.hasOwnProperty(T("elementProperties"))) return;
+    const t = se(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(M("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const s = this.properties, i = [...Yt(s), ...te(s)];
+    if (this.hasOwnProperty(T("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
+      const s = this.properties, i = [...te(s), ...ee(s)];
       for (const r of i) this.createProperty(r, s[r]);
     }
     const t = this[Symbol.metadata];
@@ -141,7 +131,7 @@ let S = class extends HTMLElement {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
   }
   addController(t) {
     (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
@@ -156,15 +146,15 @@ let S = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Xt(t, this.constructor.elementStyles), t;
+    return Jt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
   }
   enableUpdating(t) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+    this._$EO?.forEach((t) => t.hostDisconnected?.());
   }
   attributeChangedCallback(t, s, i) {
     this._$AK(t, i);
@@ -185,10 +175,10 @@ let S = class extends HTMLElement {
       this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
     }
   }
-  requestUpdate(t, s, i) {
+  requestUpdate(t, s, i, r = !1, o) {
     if (t !== void 0) {
-      const r = this.constructor, o = this[t];
-      if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? X)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
+      const n = this.constructor;
+      if (r === !1 && (o = this[t]), i ??= n.getPropertyOptions(t), !((i.hasChanged ?? Z)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
       this.C(t, s, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -225,7 +215,7 @@ let S = class extends HTMLElement {
     let t = !1;
     const s = this._$AL;
     try {
-      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(s)) : this._$EM();
+      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(s)) : this._$EM();
     } catch (i) {
       throw t = !1, this._$EM(), i;
     }
@@ -234,7 +224,7 @@ let S = class extends HTMLElement {
   willUpdate(t) {
   }
   _$AE(t) {
-    this._$EO?.forEach(((s) => s.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    this._$EO?.forEach((s) => s.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -249,35 +239,30 @@ let S = class extends HTMLElement {
     return !0;
   }
   update(t) {
-    this._$Eq &&= this._$Eq.forEach(((s) => this._$ET(s, this[s]))), this._$EM();
+    this._$Eq &&= this._$Eq.forEach((s) => this._$ET(s, this[s])), this._$EM();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[M("elementProperties")] = /* @__PURE__ */ new Map(), S[M("finalized")] = /* @__PURE__ */ new Map(), re?.({ ReactiveElement: S }), (G.reactiveElementVersions ??= []).push("2.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ut = globalThis, F = ut.trustedTypes, bt = F ? F.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Nt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, Ht = "?" + v, ie = `<${Ht}>`, E = document, L = () => E.createComment(""), U = (e) => e === null || typeof e != "object" && typeof e != "function", dt = Array.isArray, oe = (e) => dt(e) || typeof e?.[Symbol.iterator] == "function", Q = `[ 	
-\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, At = />/g, w = RegExp(`>|${Q}(?:([^\\s"'>=/]+)(${Q}*=${Q}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, Et = /"/g, qt = /^(?:script|style|textarea|title)$/i, ne = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = ne(1), P = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), x = E.createTreeWalker(E, 129);
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), ie?.({ ReactiveElement: S }), (G.reactiveElementVersions ??= []).push("2.1.2");
+const ht = globalThis, bt = (e) => e, F = ht.trustedTypes, wt = F ? F.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ht = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, qt = "?" + v, oe = `<${qt}>`, E = document, L = () => E.createComment(""), U = (e) => e === null || typeof e != "object" && typeof e != "function", dt = Array.isArray, ne = (e) => dt(e) || typeof e?.[Symbol.iterator] == "function", Q = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, At = /-->/g, xt = />/g, w = RegExp(`>|${Q}(?:([^\\s"'>=/]+)(${Q}*=${Q}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Et = /'/g, St = /"/g, zt = /^(?:script|style|textarea|title)$/i, ae = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = ae(1), C = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), Pt = /* @__PURE__ */ new WeakMap(), x = E.createTreeWalker(E, 129);
 function It(e, t) {
   if (!dt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return bt !== void 0 ? bt.createHTML(t) : t;
+  return wt !== void 0 ? wt.createHTML(t) : t;
 }
-const ae = (e, t) => {
+const le = (e, t) => {
   const s = e.length - 1, i = [];
-  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = T;
+  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = k;
   for (let a = 0; a < s; a++) {
     const l = e[a];
-    let h, d, u = -1, p = 0;
-    for (; p < l.length && (n.lastIndex = p, d = n.exec(l), d !== null); ) p = n.lastIndex, n === T ? d[1] === "!--" ? n = wt : d[1] !== void 0 ? n = At : d[2] !== void 0 ? (qt.test(d[2]) && (r = RegExp("</" + d[2], "g")), n = w) : d[3] !== void 0 && (n = w) : n === w ? d[0] === ">" ? (n = r ?? T, u = -1) : d[1] === void 0 ? u = -2 : (u = n.lastIndex - d[2].length, h = d[1], n = d[3] === void 0 ? w : d[3] === '"' ? Et : xt) : n === Et || n === xt ? n = w : n === wt || n === At ? n = T : (n = w, r = void 0);
+    let u, d, h = -1, p = 0;
+    for (; p < l.length && (n.lastIndex = p, d = n.exec(l), d !== null); ) p = n.lastIndex, n === k ? d[1] === "!--" ? n = At : d[1] !== void 0 ? n = xt : d[2] !== void 0 ? (zt.test(d[2]) && (r = RegExp("</" + d[2], "g")), n = w) : d[3] !== void 0 && (n = w) : n === w ? d[0] === ">" ? (n = r ?? k, h = -1) : d[1] === void 0 ? h = -2 : (h = n.lastIndex - d[2].length, u = d[1], n = d[3] === void 0 ? w : d[3] === '"' ? St : Et) : n === St || n === Et ? n = w : n === At || n === xt ? n = k : (n = w, r = void 0);
     const y = n === w && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === T ? l + ie : u >= 0 ? (i.push(h), l.slice(0, u) + Nt + l.slice(u) + v + y) : l + v + (u === -2 ? a : y);
+    o += n === k ? l + oe : h >= 0 ? (i.push(u), l.slice(0, h) + Ht + l.slice(h) + v + y) : l + v + (h === -2 ? a : y);
   }
   return [It(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
@@ -286,29 +271,29 @@ class D {
     let r;
     this.parts = [];
     let o = 0, n = 0;
-    const a = t.length - 1, l = this.parts, [h, d] = ae(t, s);
-    if (this.el = D.createElement(h, i), x.currentNode = this.el.content, s === 2 || s === 3) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
+    const a = t.length - 1, l = this.parts, [u, d] = le(t, s);
+    if (this.el = D.createElement(u, i), x.currentNode = this.el.content, s === 2 || s === 3) {
+      const h = this.el.content.firstChild;
+      h.replaceWith(...h.childNodes);
     }
     for (; (r = x.nextNode()) !== null && l.length < a; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const u of r.getAttributeNames()) if (u.endsWith(Nt)) {
-          const p = d[n++], y = r.getAttribute(u).split(v), q = /([.?@])?(.*)/.exec(p);
-          l.push({ type: 1, index: o, name: q[2], strings: y, ctor: q[1] === "." ? ce : q[1] === "?" ? he : q[1] === "@" ? ue : J }), r.removeAttribute(u);
-        } else u.startsWith(v) && (l.push({ type: 6, index: o }), r.removeAttribute(u));
-        if (qt.test(r.tagName)) {
-          const u = r.textContent.split(v), p = u.length - 1;
+        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(Ht)) {
+          const p = d[n++], y = r.getAttribute(h).split(v), q = /([.?@])?(.*)/.exec(p);
+          l.push({ type: 1, index: o, name: q[2], strings: y, ctor: q[1] === "." ? ue : q[1] === "?" ? he : q[1] === "@" ? de : J }), r.removeAttribute(h);
+        } else h.startsWith(v) && (l.push({ type: 6, index: o }), r.removeAttribute(h));
+        if (zt.test(r.tagName)) {
+          const h = r.textContent.split(v), p = h.length - 1;
           if (p > 0) {
             r.textContent = F ? F.emptyScript : "";
-            for (let y = 0; y < p; y++) r.append(u[y], L()), x.nextNode(), l.push({ type: 2, index: ++o });
-            r.append(u[p], L());
+            for (let y = 0; y < p; y++) r.append(h[y], L()), x.nextNode(), l.push({ type: 2, index: ++o });
+            r.append(h[p], L());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === Ht) l.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === qt) l.push({ type: 2, index: o });
       else {
-        let u = -1;
-        for (; (u = r.data.indexOf(v, u + 1)) !== -1; ) l.push({ type: 7, index: o }), u += v.length - 1;
+        let h = -1;
+        for (; (h = r.data.indexOf(v, h + 1)) !== -1; ) l.push({ type: 7, index: o }), h += v.length - 1;
       }
       o++;
     }
@@ -319,12 +304,12 @@ class D {
   }
 }
 function j(e, t, s = e, i) {
-  if (t === P) return t;
+  if (t === C) return t;
   let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
   const o = U(t) ? void 0 : t._$litDirective$;
   return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = j(e, r._$AS(e, t.values), r, i)), t;
 }
-class le {
+class ce {
   constructor(t, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
   }
@@ -340,8 +325,8 @@ class le {
     let o = x.nextNode(), n = 0, a = 0, l = i[0];
     for (; l !== void 0; ) {
       if (n === l.index) {
-        let h;
-        l.type === 2 ? h = new H(o, o.nextSibling, this, t) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (h = new de(o, this, t)), this._$AV.push(h), l = i[++a];
+        let u;
+        l.type === 2 ? u = new H(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new fe(o, this, t)), this._$AV.push(u), l = i[++a];
       }
       n !== l?.index && (o = x.nextNode(), n++);
     }
@@ -371,7 +356,7 @@ class H {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = j(this, t, s), U(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : oe(t) ? this.k(t) : this._(t);
+    t = j(this, t, s), U(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ne(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -386,13 +371,13 @@ class H {
     const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = D.createElement(It(i.h, i.h[0]), this.options)), i);
     if (this._$AH?._$AD === r) this._$AH.p(s);
     else {
-      const o = new le(r, this), n = o.u(this.options);
+      const o = new ce(r, this), n = o.u(this.options);
       o.p(s), this.T(n), this._$AH = o;
     }
   }
   _$AC(t) {
-    let s = St.get(t.strings);
-    return s === void 0 && St.set(t.strings, s = new D(t)), s;
+    let s = Pt.get(t.strings);
+    return s === void 0 && Pt.set(t.strings, s = new D(t)), s;
   }
   k(t) {
     dt(this._$AH) || (this._$AH = [], this._$AR());
@@ -403,8 +388,8 @@ class H {
   }
   _$AR(t = this._$AA.nextSibling, s) {
     for (this._$AP?.(!1, !0, s); t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
+      const i = bt(t).nextSibling;
+      bt(t).remove(), t = i;
     }
   }
   setConnected(t) {
@@ -424,11 +409,11 @@ class J {
   _$AI(t, s = this, i, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = j(this, t, s, 0), n = !U(t) || t !== this._$AH && t !== P, n && (this._$AH = t);
+    if (o === void 0) t = j(this, t, s, 0), n = !U(t) || t !== this._$AH && t !== C, n && (this._$AH = t);
     else {
       const a = t;
-      let l, h;
-      for (t = o[0], l = 0; l < o.length - 1; l++) h = j(this, a[i + l], s, l), h === P && (h = this._$AH[l]), n ||= !U(h) || h !== this._$AH[l], h === c ? t = c : t !== c && (t += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      let l, u;
+      for (t = o[0], l = 0; l < o.length - 1; l++) u = j(this, a[i + l], s, l), u === C && (u = this._$AH[l]), n ||= !U(u) || u !== this._$AH[l], u === c ? t = c : t !== c && (t += (u ?? "") + o[l + 1]), this._$AH[l] = u;
     }
     n && !r && this.j(t);
   }
@@ -436,7 +421,7 @@ class J {
     t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ce extends J {
+class ue extends J {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -452,12 +437,12 @@ class he extends J {
     this.element.toggleAttribute(this.name, !!t && t !== c);
   }
 }
-class ue extends J {
+class de extends J {
   constructor(t, s, i, r, o) {
     super(t, s, i, r, o), this.type = 5;
   }
   _$AI(t, s = this) {
-    if ((t = j(this, t, s, 0) ?? c) === P) return;
+    if ((t = j(this, t, s, 0) ?? c) === C) return;
     const i = this._$AH, r = t === c && i !== c || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== c && (i === c || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -465,7 +450,7 @@ class ue extends J {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class de {
+class fe {
   constructor(t, s, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
   }
@@ -476,9 +461,9 @@ class de {
     j(this, t);
   }
 }
-const fe = ut.litHtmlPolyfillSupport;
-fe?.(D, H), (ut.litHtmlVersions ??= []).push("3.3.1");
-const pe = (e, t, s) => {
+const pe = ht.litHtmlPolyfillSupport;
+pe?.(D, H), (ht.litHtmlVersions ??= []).push("3.3.2");
+const ge = (e, t, s) => {
   const i = s?.renderBefore ?? t;
   let r = i._$litPart$;
   if (r === void 0) {
@@ -487,13 +472,8 @@ const pe = (e, t, s) => {
   }
   return r._$AI(e), r;
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 const ft = globalThis;
-let C = class extends S {
+let P = class extends S {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -503,7 +483,7 @@ let C = class extends S {
   }
   update(t) {
     const s = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = pe(s, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ge(s, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -512,14 +492,14 @@ let C = class extends S {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return P;
+    return C;
   }
 };
-C._$litElement$ = !0, C.finalized = !0, ft.litElementHydrateSupport?.({ LitElement: C });
-const ge = ft.litElementPolyfillSupport;
-ge?.({ LitElement: C });
-(ft.litElementVersions ??= []).push("4.2.1");
-class me extends C {
+P._$litElement$ = !0, P.finalized = !0, ft.litElementHydrateSupport?.({ LitElement: P });
+const me = ft.litElementPolyfillSupport;
+me?.({ LitElement: P });
+(ft.litElementVersions ??= []).push("4.2.2");
+class ye extends P {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
@@ -529,29 +509,19 @@ class me extends C {
     };
   }
 }
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 const pt = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer((() => {
+  s !== void 0 ? s.addInitializer(() => {
     customElements.define(e, t);
-  })) : customElements.define(e, t);
+  }) : customElements.define(e, t);
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ye = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: X }, ve = (e = ye, t, s) => {
+const ve = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: Z }, _e = (e = ve, t, s) => {
   const { kind: i, metadata: r } = s;
   let o = globalThis.litPropertyMetadata.get(r);
   if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(s.name, e), i === "accessor") {
     const { name: n } = s;
     return { set(a) {
       const l = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(n, l, e);
+      t.set.call(this, a), this.requestUpdate(n, l, e, !0, a);
     }, init(a) {
       return a !== void 0 && this.C(n, void 0, e, a), a;
     } };
@@ -560,42 +530,37 @@ const ye = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged:
     const { name: n } = s;
     return function(a) {
       const l = this[n];
-      t.call(this, a), this.requestUpdate(n, l, e);
+      t.call(this, a), this.requestUpdate(n, l, e, !0, a);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function f(e) {
-  return (t, s) => typeof s == "object" ? ve(e, t, s) : ((i, r, o) => {
+  return (t, s) => typeof s == "object" ? _e(e, t, s) : ((i, r, o) => {
     const n = r.hasOwnProperty(o);
     return r.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
   })(e, t, s);
 }
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function R(e) {
+function O(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
-var _e = Object.defineProperty, $e = (e, t, s, i) => {
+var $e = Object.defineProperty, be = (e, t, s, i) => {
   for (var r = void 0, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (r = n(t, s, r) || r);
-  return r && _e(t, s, r), r;
+  return r && $e(t, s, r), r;
 };
-class gt extends C {
+class gt extends P {
   constructor() {
     super(...arguments), this.objects = [], this.hasType = (t, s = this.objects) => new Set(s.flatMap((r) => r["@type"])).has(t);
   }
 }
-$e([
+be([
   f({ attribute: !1 })
 ], gt.prototype, "objects");
-var be = Object.defineProperty, b = (e, t, s, i) => {
+var we = Object.defineProperty, b = (e, t, s, i) => {
   for (var r = void 0, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (r = n(t, s, r) || r);
-  return r && be(t, s, r), r;
+  return r && we(t, s, r), r;
 };
 class m extends gt {
   constructor({
@@ -614,7 +579,7 @@ class m extends gt {
     document.readyState === "complete" ? r() : document.addEventListener("readystatechange", r);
   }
   async _attach(t, s, i) {
-    return !this.orbit && window.orbit && (this.orbit = window.orbit, s) ? (Ae({
+    return !this.orbit && window.orbit && (this.orbit = window.orbit, s) ? (xe({
       component: this,
       defaultRoute: t,
       ignoreRouter: i
@@ -634,7 +599,7 @@ class m extends gt {
       );
       a && (i = a[0]?.uniq);
     }
-    i && k(
+    i && M(
       (window.orbit ? window.orbit.getRoute(i, !0) : i) + (r ? `-${r}` : ""),
       o
     ), t.preventDefault();
@@ -735,20 +700,20 @@ b([
   f({ attribute: !1 })
 ], m.prototype, "cherryPickedProperties");
 b([
-  R()
+  O()
 ], m.prototype, "orbit");
 b([
-  R()
+  O()
 ], m.prototype, "currentRoute");
-function we() {
+function Ae() {
   return Math.random().toString(16).slice(2);
 }
-const Ae = ({
+const xe = ({
   component: e,
   defaultRoute: t = !1,
   ignoreRouter: s = !1
 }) => {
-  if (e.uniq || (e.uniq = we(), t && !e.route && !s && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !s) {
+  if (e.uniq || (e.uniq = Ae(), t && !e.route && !s && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !s) {
     e.route || (e.route = e.uniq, window.orbit && (e.route = window.orbit.getRoute(e.uniq))), e.noRouter = !0;
     let i = document.querySelector("solid-router");
     for (; i; )
@@ -794,14 +759,14 @@ const st = (e, t, s) => {
   return Array.isArray(e) ? e.some(
     (o) => st(o, t, s)
   ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && Ct(n) ? !1 : st(n, t, s)) : !1;
-}, xe = (e, t, s) => {
+}, Ee = (e, t, s) => {
   if (!t || !s || typeof s != "string")
     return e;
   const i = new Date(s);
   return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${s}`), e) : e.filter(
     (r) => st(r, t, i)
   );
-}, Ee = (e, t, s) => !t || !s ? e : e.filter((i) => {
+}, Se = (e, t, s) => !t || !s ? e : e.filter((i) => {
   let r = i;
   const o = t.split(".");
   for (const a of o)
@@ -814,7 +779,7 @@ const st = (e, t, s) => {
     (a) => typeof a == "object" && a !== null && "@id" in a && a["@id"] === s
   ) : !1 : !1;
 });
-function Se(e) {
+function Pe(e) {
   return typeof e != "string" && typeof e != "number" && !(e instanceof Date) ? !1 : !Number.isNaN(new Date(e).getTime());
 }
 const rt = (e, t, s, i) => {
@@ -830,7 +795,7 @@ const rt = (e, t, s, i) => {
   if (typeof o == "number") {
     if (typeof s == "number" && typeof i == "number" && s <= o && o <= i)
       return !0;
-  } else if (Se(o)) {
+  } else if (Pe(o)) {
     const n = new Date(o);
     if (s instanceof Date && i instanceof Date && s <= n && n <= i)
       return !0;
@@ -881,7 +846,7 @@ const rt = (e, t, s, i) => {
       )
     ), i === 2) break;
   return i;
-}, Pe = (e, t, s) => {
+}, je = (e, t, s) => {
   if (!t || !s || s.trim() === "")
     return e;
   const i = s.toLowerCase(), o = e.map((n) => {
@@ -894,11 +859,11 @@ const rt = (e, t, s, i) => {
         a = null;
         break;
       }
-    let h = 0;
-    return a && (h = it(a, i)), { obj: n, score: h };
+    let u = 0;
+    return a && (u = it(a, i)), { obj: n, score: u };
   }).filter((n) => n.score > 0);
   return o.sort((n, a) => a.score - n.score), o.map((n) => n.obj);
-}, je = (e, t) => t ? e.filter((s) => {
+}, Re = (e, t) => t ? e.filter((s) => {
   const i = s["@type"];
   return i ? typeof i == "string" ? i === t : Array.isArray(i) ? i.some((r) => r === t) : !1 : !1;
 }) : e, ot = (e, t, s) => {
@@ -936,14 +901,14 @@ const rt = (e, t, s, i) => {
     score: ot(o, s)
   })).filter((o) => o.score > 0);
   return r.sort((o, n) => n.score - o.score), r.map((o) => o.obj);
-}, Pt = (e, t) => {
+}, jt = (e, t) => {
   let s = e;
   for (let i = 0; i < t.length && (s && t[i] in s); i++)
     s = s[t[i]];
   return s;
-}, jt = (e, t, s = "asc") => e.sort((i, r) => {
+}, Rt = (e, t, s = "asc") => e.sort((i, r) => {
   let o = i, n = r;
-  Array.isArray(t) ? (o = Pt(i, t), n = Pt(r, t)) : (o = i[t], n = r[t]);
+  Array.isArray(t) ? (o = jt(i, t), n = jt(r, t)) : (o = i[t], n = r[t]);
   let a = 0;
   if (typeof o == "number" && typeof n == "number")
     a = o - n;
@@ -962,7 +927,7 @@ const rt = (e, t, s, i) => {
   if (!e) return "";
   const i = (typeof e == "string" ? new Date(e) : e).toLocaleString(void 0, t);
   return typeof e == "string" && i === "Invalid Date" ? e : i;
-}, k = (e, t = !1) => {
+}, M = (e, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -972,41 +937,21 @@ const rt = (e, t, s, i) => {
     })
   );
 }, Ot = {};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 const nt = "lit-localize-status";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Re = (e) => typeof e != "string" && "strTag" in e, zt = (e, t, s) => {
+const ke = (e) => typeof e != "string" && "strTag" in e, Bt = (e, t, s) => {
   let i = e[0];
   for (let r = 1; r < e.length; r++)
     i += t[s ? s[r - 1] : r - 1], i += e[r];
   return i;
 };
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Bt = ((e) => Re(e) ? zt(e.strings, e.values) : e);
-let _ = Bt, Rt = !1;
-function Te(e) {
-  if (Rt)
+const Ft = ((e) => ke(e) ? Bt(e.strings, e.values) : e);
+let _ = Ft, kt = !1;
+function Me(e) {
+  if (kt)
     throw new Error("lit-localize can only be configured once");
-  _ = e, Rt = !0;
+  _ = e, kt = !0;
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class ke {
+class Te {
   constructor(t) {
     this.__litLocalizeEventHandler = (s) => {
       s.detail.status === "ready" && this.host.requestUpdate();
@@ -1019,19 +964,9 @@ class ke {
     window.removeEventListener(nt, this.__litLocalizeEventHandler);
   }
 }
-const Me = (e) => e.addController(new ke(e)), Le = Me;
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ue = () => (e, t) => (e.addInitializer(Le), e);
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Ft {
+const Le = (e) => e.addController(new Te(e)), Ue = Le;
+const De = () => (e, t) => (e.addInitializer(Ue), e);
+class Vt {
   constructor() {
     this.settled = !1, this.promise = new Promise((t, s) => {
       this._resolve = t, this._reject = s;
@@ -1044,43 +979,28 @@ class Ft {
     this.settled = !0, this._reject(t);
   }
 }
-/**
- * @license
- * Copyright 2014 Travis Webb
- * SPDX-License-Identifier: MIT
- */
 const g = [];
 for (let e = 0; e < 256; e++)
   g[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function De(e) {
+function Ne(e) {
   let t = 0, s = 8997, i = 0, r = 33826, o = 0, n = 40164, a = 0, l = 52210;
-  for (let h = 0; h < e.length; h++)
-    s ^= e.charCodeAt(h), t = s * 435, i = r * 435, o = n * 435, a = l * 435, o += s << 8, a += r << 8, i += t >>> 16, s = t & 65535, o += i >>> 16, r = i & 65535, l = a + (o >>> 16) & 65535, n = o & 65535;
+  for (let u = 0; u < e.length; u++)
+    s ^= e.charCodeAt(u), t = s * 435, i = r * 435, o = n * 435, a = l * 435, o += s << 8, a += r << 8, i += t >>> 16, s = t & 65535, o += i >>> 16, r = i & 65535, l = a + (o >>> 16) & 65535, n = o & 65535;
   return g[l >> 8] + g[l & 255] + g[n >> 8] + g[n & 255] + g[r >> 8] + g[r & 255] + g[s >> 8] + g[s & 255];
 }
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ne = "", He = "h", qe = "s";
+const He = "", qe = "h", ze = "s";
 function Ie(e, t) {
-  return (t ? He : qe) + De(typeof e == "string" ? e : e.join(Ne));
+  return (t ? qe : ze) + Ne(typeof e == "string" ? e : e.join(He));
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Tt = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new Map();
-function ze(e, t, s) {
+const Mt = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new Map();
+function Be(e, t, s) {
   if (e) {
-    const i = s?.id ?? Be(t), r = e[i];
+    const i = s?.id ?? Fe(t), r = e[i];
     if (r) {
       if (typeof r == "string")
         return r;
       if ("strTag" in r)
-        return zt(
+        return Bt(
           r.strings,
           // Cast `template` because its type wasn't automatically narrowed (but
           // we know it must be the same type as `localized`).
@@ -1088,60 +1008,55 @@ function ze(e, t, s) {
           r.values
         );
       {
-        let o = Tt.get(r);
-        return o === void 0 && (o = r.values, Tt.set(r, o)), {
+        let o = Mt.get(r);
+        return o === void 0 && (o = r.values, Mt.set(r, o)), {
           ...r,
           values: o.map((n) => t.values[n])
         };
       }
     }
   }
-  return Bt(t);
+  return Ft(t);
 }
-function Be(e) {
+function Fe(e) {
   const t = typeof e == "string" ? e : e.strings;
-  let s = kt.get(t);
-  return s === void 0 && (s = Ie(t, typeof e != "string" && !("strTag" in e)), kt.set(t, s)), s;
+  let s = Tt.get(t);
+  return s === void 0 && (s = Ie(t, typeof e != "string" && !("strTag" in e)), Tt.set(t, s)), s;
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 function tt(e) {
   window.dispatchEvent(new CustomEvent(nt, { detail: e }));
 }
-let V = "", et, Vt, W, at, Wt, A = new Ft();
+let V = "", et, Wt, W, at, Kt, A = new Vt();
 A.resolve();
-let I = 0;
-const Fe = (e) => (Te(((t, s) => ze(Wt, t, s))), V = Vt = e.sourceLocale, W = new Set(e.targetLocales), W.add(e.sourceLocale), at = e.loadLocale, { getLocale: Ve, setLocale: We }), Ve = () => V, We = (e) => {
+let z = 0;
+const Ve = (e) => (Me(((t, s) => Be(Kt, t, s))), V = Wt = e.sourceLocale, W = new Set(e.targetLocales), W.add(e.sourceLocale), at = e.loadLocale, { getLocale: We, setLocale: Ke }), We = () => V, Ke = (e) => {
   if (e === (et ?? V))
     return A.promise;
   if (!W || !at)
     throw new Error("Internal error");
   if (!W.has(e))
     throw new Error("Invalid locale code");
-  I++;
-  const t = I;
-  return et = e, A.settled && (A = new Ft()), tt({ status: "loading", loadingLocale: e }), (e === Vt ? (
+  z++;
+  const t = z;
+  return et = e, A.settled && (A = new Vt()), tt({ status: "loading", loadingLocale: e }), (e === Wt ? (
     // We could switch to the source locale synchronously, but we prefer to
     // queue it on a microtask so that switching locales is consistently
     // asynchronous.
     Promise.resolve({ templates: void 0 })
   ) : at(e)).then((i) => {
-    I === t && (V = e, et = void 0, Wt = i.templates, tt({ status: "ready", readyLocale: e }), A.resolve());
+    z === t && (V = e, et = void 0, Kt = i.templates, tt({ status: "ready", readyLocale: e }), A.resolve());
   }, (i) => {
-    I === t && (tt({
+    z === t && (tt({
       status: "error",
       errorLocale: e,
       errorMessage: i.toString()
     }), A.reject(i));
   }), A.promise;
 };
-var Ke = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, mt = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ge(t, s) : t, o = e.length - 1, n; o >= 0; o--)
+var Ge = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, mt = (e, t, s, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ze(t, s) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (r = (i ? n(t, s, r) : n(r)) || r);
-  return i && r && Ke(t, s, r), r;
+  return i && r && Ge(t, s, r), r;
 };
 let N = class extends gt {
   constructor() {
@@ -1173,7 +1088,7 @@ let N = class extends gt {
             break;
           case "dateAfter":
             o.push(
-              xe(
+              Ee(
                 i,
                 n.name,
                 n.value
@@ -1182,7 +1097,7 @@ let N = class extends gt {
             break;
           case "matchId":
             o.push(
-              Ee(
+              Se(
                 i,
                 n.name,
                 n.value
@@ -1191,12 +1106,12 @@ let N = class extends gt {
             break;
           case "matchType":
             o.push(
-              je(i, n.value)
+              Re(i, n.value)
             );
             break;
           case "exact":
             o.push(
-              Pe(
+              je(
                 i,
                 n.name,
                 n.value
@@ -1244,7 +1159,7 @@ let N = class extends gt {
     </div>`;
   }
 };
-N.styles = ht`
+N.styles = ut`
     .card-grid {
       display: flex;
       flex-direction: row;
@@ -1263,21 +1178,21 @@ N.styles = ht`
     }
   `;
 mt([
-  R()
+  O()
 ], N.prototype, "search", 2);
 mt([
-  R()
+  O()
 ], N.prototype, "_displayObjects", 2);
 N = mt([
   pt("ds4go-fact-bundle-holder")
 ], N);
-const Xe = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:80vh;width:80vw}}";
-var Je = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, Kt = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ze(t, s) : t, o = e.length - 1, n; o >= 0; o--)
+const Je = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:80vh;width:80vw}}";
+var Xe = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, Gt = (e, t, s, i) => {
+  for (var r = i > 1 ? void 0 : i ? Qe(t, s) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (r = (i ? n(t, s, r) : n(r)) || r);
-  return i && r && Je(t, s, r), r;
+  return i && r && Xe(t, s, r), r;
 };
-let K = class extends me {
+let K = class extends ye {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
@@ -1343,23 +1258,18 @@ let K = class extends me {
     </div>`;
   }
 };
-K.styles = ht`
-    ${Dt(Xe)}
+K.styles = ut`
+    ${Nt(Je)}
   `;
-Kt([
+Gt([
   f({ attribute: !1, type: Object })
 ], K.prototype, "object", 2);
-K = Kt([
+K = Gt([
   pt("ds4go-fact-bundle-modal"),
-  Ue()
+  De()
 ], K);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Qe = Symbol();
-class Ye {
+const Ye = /* @__PURE__ */ Symbol();
+class ts {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, s) => {
       this.o = t, this.h = s;
@@ -1368,7 +1278,7 @@ class Ye {
   constructor(t, s, i) {
     this.p = 0, this.i = 0, (this._ = t).addController(this);
     const r = typeof s == "object" ? s : { task: s, args: i };
-    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? ts, this.k = r.onComplete, this.A = r.onError, this.autoRun = r.autoRun ?? !0, "initialValue" in r && (this.u = r.initialValue, this.i = 2, this.O = this.T?.());
+    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? es, this.k = r.onComplete, this.A = r.onError, this.autoRun = r.autoRun ?? !0, "initialValue" in r && (this.u = r.initialValue, this.i = 2, this.O = this.T?.());
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -1398,7 +1308,7 @@ class Ye {
       o = !0, i = n;
     }
     if (this.p === r) {
-      if (s === Qe) this.i = 0;
+      if (s === Ye) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -1445,20 +1355,20 @@ class Ye {
     }
   }
 }
-const ts = (e, t) => e === t || e.length === t.length && e.every(((s, i) => !X(s, t[i])));
-var es = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, Z = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? ss(t, s) : t, o = e.length - 1, n; o >= 0; o--)
+const es = (e, t) => e === t || e.length === t.length && e.every(((s, i) => !Z(s, t[i])));
+var ss = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, X = (e, t, s, i) => {
+  for (var r = i > 1 ? void 0 : i ? rs(t, s) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (r = (i ? n(t, s, r) : n(r)) || r);
-  return i && r && es(t, s, r), r;
+  return i && r && ss(t, s, r), r;
 };
-let O = class extends m {
+let R = class extends m {
   constructor() {
     super(...arguments), this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
       { key: "created_at", value: "created_at", cast: Y },
       { key: "updated_at", value: "updated_at", cast: Y },
       { key: "name", value: "name" },
       { key: "description", value: "description" }
-    ], this._getResource = new Ye(this, {
+    ], this._getResource = new ts(this, {
       task: async ([e, t]) => {
         if (!(!e && !t || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (this.menuComponent.ready || await new Promise((s) => {
@@ -1469,7 +1379,7 @@ let O = class extends m {
             if (!e) return;
             this.objects = await this._getProxyValue(e), this.hasCachedDatas = !0;
           }
-          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), this.object = this.objects.find((s) => s["@id"] === t), jt(this.objects, "name", "asc");
+          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), this.object = this.objects.find((s) => s["@id"] === t), Rt(this.objects, "name", "asc");
         }
       },
       args: () => [
@@ -1491,7 +1401,7 @@ let O = class extends m {
             key: "categories",
             value: "categories",
             expand: !0,
-            cast: (s) => jt(s, "name")
+            cast: (s) => Rt(s, "name")
           },
           { key: "author", value: "author" },
           { key: "link", value: "link" },
@@ -1519,22 +1429,22 @@ let O = class extends m {
   _openModal(e) {
     if (e.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        k(this.route, e.detail["@id"]);
+        M(this.route, e.detail["@id"]);
       else {
         const t = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
         if (t) {
           const s = window.orbit?.components?.filter(
             (i) => i?.routeAttributes?.["rdf-type"] === t
           );
-          s?.[0]?.route && k(s[0]?.route, e.detail["@id"]);
+          s?.[0]?.route && M(s[0]?.route, e.detail["@id"]);
         }
       }
   }
   _closeModal(e) {
-    e.preventDefault(), this.route && k(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && M(this.route, this.defaultDataSrc);
   }
   _closeModalFromBackground(e) {
-    e.preventDefault(), this.route && e.target?.classList.contains("modal") && k(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && e.target?.classList.contains("modal") && M(this.route, this.defaultDataSrc);
   }
   _resultCountUpdate(e) {
     this.resultCount = e.detail ?? 0;
@@ -1581,7 +1491,7 @@ let O = class extends m {
     });
   }
 };
-O.styles = ht`
+R.styles = ut`
     .modal {
       position: fixed;
       top: 0;
@@ -1595,19 +1505,19 @@ O.styles = ht`
       align-items: center;
     }
   `;
-Z([
+X([
   f({ attribute: "header", type: String })
-], O.prototype, "header", 2);
-Z([
-  R()
-], O.prototype, "search", 2);
-Z([
-  R()
-], O.prototype, "resultCount", 2);
-O = Z([
+], R.prototype, "header", 2);
+X([
+  O()
+], R.prototype, "search", 2);
+X([
+  O()
+], R.prototype, "resultCount", 2);
+R = X([
   pt("solid-fact-bundle")
-], O);
-const rs = {
+], R);
+const is = {
   sf5509a9f253b9836: "Create a bundle",
   sefa717c1620c4ae4: "facts",
   sef234a791696afff: "fact",
@@ -1615,20 +1525,20 @@ const rs = {
   s0d1be7a2c400c080: "more",
   s57a40de45f324b96: "Bundle created on",
   sd3682395cf86f913: "Bundle updated on"
-}, is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  templates: rs
-}, Symbol.toStringTag, { value: "Module" })), os = "en", Gt = [
+  templates: is
+}, Symbol.toStringTag, { value: "Module" })), ns = "en", Zt = [
   "en"
-], ns = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": is }), as = new Map(
-  Gt.map((e) => [
+], as = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": os }), ls = new Map(
+  Zt.map((e) => [
     e,
-    ns[`../../generated/locales/${e}.ts`]
+    as[`../../generated/locales/${e}.ts`]
   ])
-), { getLocale: Mt, setLocale: Lt } = Fe({
-  sourceLocale: os,
-  targetLocales: Gt,
-  loadLocale: async (e) => as.get(e)
+), { getLocale: Lt, setLocale: Ut } = Ve({
+  sourceLocale: ns,
+  targetLocales: Zt,
+  loadLocale: async (e) => ls.get(e)
 });
-window.getLocale = window.getLocale ? window.getLocale.push(Mt) : [Mt];
-window.setLocale = window.setLocale ? window.setLocale.push(Lt) : [Lt];
+window.getLocale = window.getLocale ? window.getLocale.push(Lt) : [Lt];
+window.setLocale = window.setLocale ? window.setLocale.push(Ut) : [Ut];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/components-ds4go",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Startin'blox DS4GO",
   "main": "dist/index.js",
   "type": "module",
@@ -68,26 +68,26 @@
   "dependencies": {
     "@lit/localize": "^0.12.2",
     "@lit/task": "^1.0.3",
-    "autoprefixer": "^10.4.21",
-    "cssnano": "^7.1.1",
-    "lit": "^3.3.1",
+    "autoprefixer": "^10.4.23",
+    "cssnano": "^7.1.2",
+    "lit": "^3.3.2",
     "postcss": "^8.5.6",
-    "postcss-preset-env": "^10.4.0",
+    "postcss-preset-env": "^11.1.2",
     "postcss-scss": "^4.0.9",
-    "sass": "^1.93.2",
-    "unplugin-icons": "^22.5.0",
-    "vite": "^7.1.12"
+    "sass": "^1.97.3",
+    "unplugin-icons": "^23.0.1",
+    "vite": "^7.3.1"
   },
   "devDependencies": {
-    "@lit/localize-tools": "^0.8.0",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/web-components-vite": "^9.1.13",
+    "@lit/localize-tools": "^0.8.1",
+    "@storybook/addon-docs": "^10.2.3",
+    "@storybook/web-components-vite": "^10.2.3",
     "baseline-browser-mapping": "^2.9.19",
     "buffer": "^6.0.3",
-    "cypress": "^15.5.0",
+    "cypress": "^15.9.0",
     "cypress-ct-lit": "^1.0.0",
     "lorem-ipsum": "^2.0.8",
-    "storybook": "^9.1.13",
+    "storybook": "^10.2.3",
     "stream-browserify": "^3.0.0"
   }
 }

package/src/helpers/components/orbitComponent.ts

@@ -212,9 +212,6 @@ export default class extends ComponentObjectsHandler {
           }
         }
 
-        // TEMPFIX: weird store behaviour? (await await getData?)
-        // target = await target;
-
         if (typeof resource !== "string" && !resource.isFullResource) {
           // Edge case when calling getProxyValue with an already
           // fetched resource with server search, not a proxy