@startinblox/components-ds4go 2.3.0 → 3.0.1

package/dist/index.js

@@ -1,16 +1,16 @@
-import { StoreType as he, StoreService as pe } from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
-const rt = globalThis, Ct = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, St = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
-let Qt = class {
-  constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== St) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = s;
+import { StoreType as me, StoreService as ge } from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
+const nt = globalThis, xt = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Pt = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
+let te = class {
+  constructor(t, r, i) {
+    if (this._$cssResult$ = !0, i !== Pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = r;
   }
   get styleSheet() {
     let t = this.o;
-    const s = this.t;
-    if (Ct && t === void 0) {
-      const i = s !== void 0 && s.length === 1;
-      i && (t = Ot.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ot.set(s, t));
+    const r = this.t;
+    if (xt && t === void 0) {
+      const i = r !== void 0 && r.length === 1;
+      i && (t = Ot.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ot.set(r, t));
     }
     return t;
   }
@@ -18,28 +18,28 @@ let Qt = class {
     return this.cssText;
   }
 };
-const xt = (e) => new Qt(typeof e == "string" ? e : e + "", void 0, St), lt = (e, ...t) => {
-  const s = e.length === 1 ? e[0] : t.reduce((i, r, o) => i + ((n) => {
+const Et = (e) => new te(typeof e == "string" ? e : e + "", void 0, Pt), tt = (e, ...t) => {
+  const r = e.length === 1 ? e[0] : t.reduce((i, s, 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 Qt(s, e, St);
-}, fe = (e, t) => {
-  if (Ct) e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
-  else for (const s of t) {
-    const i = document.createElement("style"), r = rt.litNonce;
-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
-  }
-}, Dt = Ct ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
-  let s = "";
-  for (const i of t.cssRules) s += i.cssText;
-  return xt(s);
+  })(s) + e[o + 1], e[0]);
+  return new te(r, e, Pt);
+}, ye = (e, t) => {
+  if (xt) e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
+  else for (const r of t) {
+    const i = document.createElement("style"), s = nt.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, e.appendChild(i);
+  }
+}, Lt = xt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  let r = "";
+  for (const i of t.cssRules) r += i.cssText;
+  return Et(r);
 })(e) : e;
-const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnPropertyNames: ve, getOwnPropertySymbols: be, getPrototypeOf: $e } = Object, dt = globalThis, Lt = dt.trustedTypes, _e = Lt ? Lt.emptyScript : "", we = dt.reactiveElementPolyfillSupport, K = (e, t) => e, it = { toAttribute(e, t) {
+const { is: ve, defineProperty: be, getOwnPropertyDescriptor: $e, getOwnPropertyNames: _e, getOwnPropertySymbols: we, getPrototypeOf: Ae } = Object, ht = globalThis, Tt = ht.trustedTypes, Ce = Tt ? Tt.emptyScript : "", Se = ht.reactiveElementPolyfillSupport, G = (e, t) => e, at = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? _e : null;
+      e = e ? Ce : null;
       break;
     case Object:
     case Array:
@@ -47,85 +47,85 @@ const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnProperty
   }
   return e;
 }, fromAttribute(e, t) {
-  let s = e;
+  let r = e;
   switch (t) {
     case Boolean:
-      s = e !== null;
+      r = e !== null;
       break;
     case Number:
-      s = e === null ? null : Number(e);
+      r = e === null ? null : Number(e);
       break;
     case Object:
     case Array:
       try {
-        s = JSON.parse(e);
+        r = JSON.parse(e);
       } catch {
-        s = null;
+        r = null;
       }
   }
-  return s;
-} }, ut = (e, t) => !me(e, t), kt = { attribute: !0, type: String, converter: it, reflect: !1, useDefault: !1, hasChanged: ut };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), dt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let M = class extends HTMLElement {
+  return r;
+} }, pt = (e, t) => !ve(e, t), It = { attribute: !0, type: String, converter: at, reflect: !1, useDefault: !1, hasChanged: pt };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), ht.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let B = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = kt) {
-    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 = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, s);
-      r !== void 0 && ge(this.prototype, t, r);
+  static createProperty(t, r = It) {
+    if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(t, r), !r.noAccessor) {
+      const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, i, r);
+      s !== void 0 && be(this.prototype, t, s);
     }
   }
-  static getPropertyDescriptor(t, s, i) {
-    const { get: r, set: o } = ye(this.prototype, t) ?? { get() {
-      return this[s];
+  static getPropertyDescriptor(t, r, i) {
+    const { get: s, set: o } = $e(this.prototype, t) ?? { get() {
+      return this[r];
     }, set(n) {
-      this[s] = n;
+      this[r] = n;
     } };
-    return { get: r, set(n) {
-      const a = r?.call(this);
+    return { get: s, set(n) {
+      const a = s?.call(this);
       o?.call(this, n), this.requestUpdate(t, a, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? kt;
+    return this.elementProperties.get(t) ?? It;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(K("elementProperties"))) return;
-    const t = $e(this);
+    if (this.hasOwnProperty(G("elementProperties"))) return;
+    const t = Ae(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(K("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(K("properties"))) {
-      const s = this.properties, i = [...ve(s), ...be(s)];
-      for (const r of i) this.createProperty(r, s[r]);
+    if (this.hasOwnProperty(G("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(G("properties"))) {
+      const r = this.properties, i = [..._e(r), ...we(r)];
+      for (const s of i) this.createProperty(s, r[s]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
-      const s = litPropertyMetadata.get(t);
-      if (s !== void 0) for (const [i, r] of s) this.elementProperties.set(i, r);
+      const r = litPropertyMetadata.get(t);
+      if (r !== void 0) for (const [i, s] of r) this.elementProperties.set(i, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [s, i] of this.elementProperties) {
-      const r = this._$Eu(s, i);
-      r !== void 0 && this._$Eh.set(r, s);
+    for (const [r, i] of this.elementProperties) {
+      const s = this._$Eu(r, i);
+      s !== void 0 && this._$Eh.set(s, r);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
-    const s = [];
+    const r = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) s.unshift(Dt(r));
-    } else t !== void 0 && s.push(Dt(t));
-    return s;
+      for (const s of i) r.unshift(Lt(s));
+    } else t !== void 0 && r.push(Lt(t));
+    return r;
   }
-  static _$Eu(t, s) {
-    const i = s.attribute;
+  static _$Eu(t, r) {
+    const i = r.attribute;
     return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
@@ -141,13 +141,13 @@ let M = class extends HTMLElement {
     this._$EO?.delete(t);
   }
   _$E_() {
-    const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
-    for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    const t = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
+    for (const i of r.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return fe(t, this.constructor.elementStyles), t;
+    return ye(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -157,42 +157,42 @@ let M = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach((t) => t.hostDisconnected?.());
   }
-  attributeChangedCallback(t, s, i) {
+  attributeChangedCallback(t, r, i) {
     this._$AK(t, i);
   }
-  _$ET(t, s) {
-    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
-    if (r !== void 0 && i.reflect === !0) {
-      const o = (i.converter?.toAttribute !== void 0 ? i.converter : it).toAttribute(s, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+  _$ET(t, r) {
+    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
+    if (s !== void 0 && i.reflect === !0) {
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : at).toAttribute(r, i.type);
+      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
-  _$AK(t, s) {
-    const i = this.constructor, r = i._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : it;
-      this._$Em = r;
-      const a = n.fromAttribute(s, o.type);
-      this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
+  _$AK(t, r) {
+    const i = this.constructor, s = i._$Eh.get(t);
+    if (s !== void 0 && this._$Em !== s) {
+      const o = i.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : at;
+      this._$Em = s;
+      const a = n.fromAttribute(r, o.type);
+      this[s] = a ?? this._$Ej?.get(s) ?? a, this._$Em = null;
     }
   }
-  requestUpdate(t, s, i, r = !1, o) {
+  requestUpdate(t, r, i, s = !1, o) {
     if (t !== void 0) {
       const n = this.constructor;
-      if (r === !1 && (o = this[t]), i ??= n.getPropertyOptions(t), !((i.hasChanged ?? ut)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
-      this.C(t, s, i);
+      if (s === !1 && (o = this[t]), i ??= n.getPropertyOptions(t), !((i.hasChanged ?? pt)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
+      this.C(t, r, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, s, { useDefault: i, reflect: r, wrapped: o }, n) {
-    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? s ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, r, { useDefault: i, reflect: s, wrapped: o }, n) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? r ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (r = void 0), this._$AL.set(t, r)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (s) {
-      Promise.reject(s);
+    } catch (r) {
+      Promise.reject(r);
     }
     const t = this.scheduleUpdate();
     return t != null && await t, !this.isUpdatePending;
@@ -204,28 +204,28 @@ let M = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, o] of this._$Ep) this[r] = o;
+        for (const [s, o] of this._$Ep) this[s] = o;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [r, o] of i) {
-        const { wrapped: n } = o, a = this[r];
-        n !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, o, a);
+      if (i.size > 0) for (const [s, o] of i) {
+        const { wrapped: n } = o, a = this[s];
+        n !== !0 || this._$AL.has(s) || a === void 0 || this.C(s, void 0, o, a);
       }
     }
     let t = !1;
-    const s = this._$AL;
+    const r = 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(r), t ? (this.willUpdate(r), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(r)) : this._$EM();
     } catch (i) {
       throw t = !1, this._$EM(), i;
     }
-    t && this._$AE(s);
+    t && this._$AE(r);
   }
   willUpdate(t) {
   }
   _$AE(t) {
-    this._$EO?.forEach((s) => s.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    this._$EO?.forEach((r) => r.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -240,79 +240,79 @@ let M = 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((r) => this._$ET(r, this[r])), this._$EM();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
 };
-M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[K("elementProperties")] = /* @__PURE__ */ new Map(), M[K("finalized")] = /* @__PURE__ */ new Map(), we?.({ ReactiveElement: M }), (dt.reactiveElementVersions ??= []).push("2.1.2");
-const Pt = globalThis, Tt = (e) => e, ot = Pt.trustedTypes, It = ot ? ot.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Yt = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, te = "?" + x, Ae = `<${te}>`, I = document, G = () => I.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Ce = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", mt = `[ 	
-\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ft = /-->/g, Mt = />/g, O = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Nt = /'/g, Bt = /"/g, ee = /^(?:script|style|textarea|title)$/i, Se = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), u = Se(1), H = /* @__PURE__ */ Symbol.for("lit-noChange"), l = /* @__PURE__ */ Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), k = I.createTreeWalker(I, 129);
-function se(e, t) {
+B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[G("elementProperties")] = /* @__PURE__ */ new Map(), B[G("finalized")] = /* @__PURE__ */ new Map(), Se?.({ ReactiveElement: B }), (ht.reactiveElementVersions ??= []).push("2.1.2");
+const Rt = globalThis, Ft = (e) => e, ct = Rt.trustedTypes, Nt = ct ? ct.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ee = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, re = "?" + E, xe = `<${re}>`, F = document, J = () => F.createComment(""), Z = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Pe = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", gt = `[ 	
+\f\r]`, K = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Mt = /-->/g, Bt = />/g, k = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, se = /^(?:script|style|textarea|title)$/i, Ee = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = Ee(1), V = /* @__PURE__ */ Symbol.for("lit-noChange"), l = /* @__PURE__ */ Symbol.for("lit-nothing"), zt = /* @__PURE__ */ new WeakMap(), T = F.createTreeWalker(F, 129);
+function ie(e, t) {
   if (!jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return It !== void 0 ? It.createHTML(t) : t;
+  return Nt !== void 0 ? Nt.createHTML(t) : t;
 }
-const xe = (e, t) => {
-  const s = e.length - 1, i = [];
-  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = W;
-  for (let a = 0; a < s; a++) {
+const Re = (e, t) => {
+  const r = e.length - 1, i = [];
+  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = K;
+  for (let a = 0; a < r; a++) {
     const c = e[a];
-    let h, m, p = -1, _ = 0;
-    for (; _ < c.length && (n.lastIndex = _, m = n.exec(c), m !== null); ) _ = n.lastIndex, n === W ? m[1] === "!--" ? n = Ft : m[1] !== void 0 ? n = Mt : m[2] !== void 0 ? (ee.test(m[2]) && (r = RegExp("</" + m[2], "g")), n = O) : m[3] !== void 0 && (n = O) : n === O ? m[0] === ">" ? (n = r ?? W, p = -1) : m[1] === void 0 ? p = -2 : (p = n.lastIndex - m[2].length, h = m[1], n = m[3] === void 0 ? O : m[3] === '"' ? Bt : Nt) : n === Bt || n === Nt ? n = O : n === Ft || n === Mt ? n = W : (n = O, r = void 0);
-    const w = n === O && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === W ? c + Ae : p >= 0 ? (i.push(h), c.slice(0, p) + Yt + c.slice(p) + x + w) : c + x + (p === -2 ? a : w);
+    let d, p, u = -1, g = 0;
+    for (; g < c.length && (n.lastIndex = g, p = n.exec(c), p !== null); ) g = n.lastIndex, n === K ? p[1] === "!--" ? n = Mt : p[1] !== void 0 ? n = Bt : p[2] !== void 0 ? (se.test(p[2]) && (s = RegExp("</" + p[2], "g")), n = k) : p[3] !== void 0 && (n = k) : n === k ? p[0] === ">" ? (n = s ?? K, u = -1) : p[1] === void 0 ? u = -2 : (u = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? k : p[3] === '"' ? Ht : qt) : n === Ht || n === qt ? n = k : n === Mt || n === Bt ? n = K : (n = k, s = void 0);
+    const w = n === k && e[a + 1].startsWith("/>") ? " " : "";
+    o += n === K ? c + xe : u >= 0 ? (i.push(d), c.slice(0, u) + ee + c.slice(u) + E + w) : c + E + (u === -2 ? a : w);
   }
-  return [se(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [ie(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-class Z {
-  constructor({ strings: t, _$litType$: s }, i) {
-    let r;
+class X {
+  constructor({ strings: t, _$litType$: r }, i) {
+    let s;
     this.parts = [];
     let o = 0, n = 0;
-    const a = t.length - 1, c = this.parts, [h, m] = xe(t, s);
-    if (this.el = Z.createElement(h, i), k.currentNode = this.el.content, s === 2 || s === 3) {
-      const p = this.el.content.firstChild;
-      p.replaceWith(...p.childNodes);
+    const a = t.length - 1, c = this.parts, [d, p] = Re(t, r);
+    if (this.el = X.createElement(d, i), T.currentNode = this.el.content, r === 2 || r === 3) {
+      const u = this.el.content.firstChild;
+      u.replaceWith(...u.childNodes);
     }
-    for (; (r = k.nextNode()) !== null && c.length < a; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const p of r.getAttributeNames()) if (p.endsWith(Yt)) {
-          const _ = m[n++], w = r.getAttribute(p).split(x), et = /([.?@])?(.*)/.exec(_);
-          c.push({ type: 1, index: o, name: et[2], strings: w, ctor: et[1] === "." ? je : et[1] === "?" ? Ee : et[1] === "@" ? Re : ht }), r.removeAttribute(p);
-        } else p.startsWith(x) && (c.push({ type: 6, index: o }), r.removeAttribute(p));
-        if (ee.test(r.tagName)) {
-          const p = r.textContent.split(x), _ = p.length - 1;
-          if (_ > 0) {
-            r.textContent = ot ? ot.emptyScript : "";
-            for (let w = 0; w < _; w++) r.append(p[w], G()), k.nextNode(), c.push({ type: 2, index: ++o });
-            r.append(p[_], G());
+    for (; (s = T.nextNode()) !== null && c.length < a; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ee)) {
+          const g = p[n++], w = s.getAttribute(u).split(E), it = /([.?@])?(.*)/.exec(g);
+          c.push({ type: 1, index: o, name: it[2], strings: w, ctor: it[1] === "." ? Ue : it[1] === "?" ? ke : it[1] === "@" ? De : ft }), s.removeAttribute(u);
+        } else u.startsWith(E) && (c.push({ type: 6, index: o }), s.removeAttribute(u));
+        if (se.test(s.tagName)) {
+          const u = s.textContent.split(E), g = u.length - 1;
+          if (g > 0) {
+            s.textContent = ct ? ct.emptyScript : "";
+            for (let w = 0; w < g; w++) s.append(u[w], J()), T.nextNode(), c.push({ type: 2, index: ++o });
+            s.append(u[g], J());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === te) c.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === re) c.push({ type: 2, index: o });
       else {
-        let p = -1;
-        for (; (p = r.data.indexOf(x, p + 1)) !== -1; ) c.push({ type: 7, index: o }), p += x.length - 1;
+        let u = -1;
+        for (; (u = s.data.indexOf(E, u + 1)) !== -1; ) c.push({ type: 7, index: o }), u += E.length - 1;
       }
       o++;
     }
   }
-  static createElement(t, s) {
-    const i = I.createElement("template");
+  static createElement(t, r) {
+    const i = F.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function z(e, t, s = e, i) {
-  if (t === H) return t;
-  let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
-  const o = J(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 = z(e, r._$AS(e, t.values), r, i)), t;
+function W(e, t, r = e, i) {
+  if (t === V) return t;
+  let s = i !== void 0 ? r._$Co?.[i] : r._$Cl;
+  const o = Z(t) ? void 0 : t._$litDirective$;
+  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(e), s._$AT(e, r, i)), i !== void 0 ? (r._$Co ??= [])[i] = s : r._$Cl = s), s !== void 0 && (t = W(e, s._$AS(e, t.values), s, i)), t;
 }
-class Pe {
-  constructor(t, s) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
+class je {
+  constructor(t, r) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -321,34 +321,34 @@ class Pe {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: s }, parts: i } = this._$AD, r = (t?.creationScope ?? I).importNode(s, !0);
-    k.currentNode = r;
-    let o = k.nextNode(), n = 0, a = 0, c = i[0];
+    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? F).importNode(r, !0);
+    T.currentNode = s;
+    let o = T.nextNode(), n = 0, a = 0, c = i[0];
     for (; c !== void 0; ) {
       if (n === c.index) {
-        let h;
-        c.type === 2 ? h = new Y(o, o.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (h = new Ue(o, this, t)), this._$AV.push(h), c = i[++a];
+        let d;
+        c.type === 2 ? d = new et(o, o.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (d = new Oe(o, this, t)), this._$AV.push(d), c = i[++a];
       }
-      n !== c?.index && (o = k.nextNode(), n++);
+      n !== c?.index && (o = T.nextNode(), n++);
     }
-    return k.currentNode = I, r;
+    return T.currentNode = F, s;
   }
   p(t) {
-    let s = 0;
-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
+    let r = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, r), r += i.strings.length - 2) : i._$AI(t[r])), r++;
   }
 }
-class Y {
+class et {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, s, i, r) {
-    this.type = 2, this._$AH = l, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(t, r, i, s) {
+    this.type = 2, this._$AH = l, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
-    const s = this._$AM;
-    return s !== void 0 && t?.nodeType === 11 && (t = s.parentNode), t;
+    const r = this._$AM;
+    return r !== void 0 && t?.nodeType === 11 && (t = r.parentNode), t;
   }
   get startNode() {
     return this._$AA;
@@ -356,8 +356,8 @@ class Y {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t, s = this) {
-    t = z(this, t, s), J(t) ? t === l || t == null || t === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ce(t) ? this.k(t) : this._(t);
+  _$AI(t, r = this) {
+    t = W(this, t, r), Z(t) ? t === l || t == null || t === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : t !== this._$AH && t !== V && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Pe(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -366,63 +366,63 @@ class Y {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== l && J(this._$AH) ? this._$AA.nextSibling.data = t : this.T(I.createTextNode(t)), this._$AH = t;
+    this._$AH !== l && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(F.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Z.createElement(se(i.h, i.h[0]), this.options)), i);
-    if (this._$AH?._$AD === r) this._$AH.p(s);
+    const { values: r, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = X.createElement(ie(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === s) this._$AH.p(r);
     else {
-      const o = new Pe(r, this), n = o.u(this.options);
-      o.p(s), this.T(n), this._$AH = o;
+      const o = new je(s, this), n = o.u(this.options);
+      o.p(r), this.T(n), this._$AH = o;
     }
   }
   _$AC(t) {
-    let s = qt.get(t.strings);
-    return s === void 0 && qt.set(t.strings, s = new Z(t)), s;
+    let r = zt.get(t.strings);
+    return r === void 0 && zt.set(t.strings, r = new X(t)), r;
   }
   k(t) {
     jt(this._$AH) || (this._$AH = [], this._$AR());
-    const s = this._$AH;
-    let i, r = 0;
-    for (const o of t) r === s.length ? s.push(i = new Y(this.O(G()), this.O(G()), this, this.options)) : i = s[r], i._$AI(o), r++;
-    r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
-  }
-  _$AR(t = this._$AA.nextSibling, s) {
-    for (this._$AP?.(!1, !0, s); t !== this._$AB; ) {
-      const i = Tt(t).nextSibling;
-      Tt(t).remove(), t = i;
+    const r = this._$AH;
+    let i, s = 0;
+    for (const o of t) s === r.length ? r.push(i = new et(this.O(J()), this.O(J()), this, this.options)) : i = r[s], i._$AI(o), s++;
+    s < r.length && (this._$AR(i && i._$AB.nextSibling, s), r.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, r) {
+    for (this._$AP?.(!1, !0, r); t !== this._$AB; ) {
+      const i = Ft(t).nextSibling;
+      Ft(t).remove(), t = i;
     }
   }
   setConnected(t) {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class ht {
+class ft {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, s, i, r, o) {
-    this.type = 1, this._$AH = l, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = l;
+  constructor(t, r, i, s, o) {
+    this.type = 1, this._$AH = l, this._$AN = void 0, this.element = t, this.name = r, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = l;
   }
-  _$AI(t, s = this, i, r) {
+  _$AI(t, r = this, i, s) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = z(this, t, s, 0), n = !J(t) || t !== this._$AH && t !== H, n && (this._$AH = t);
+    if (o === void 0) t = W(this, t, r, 0), n = !Z(t) || t !== this._$AH && t !== V, n && (this._$AH = t);
     else {
       const a = t;
-      let c, h;
-      for (t = o[0], c = 0; c < o.length - 1; c++) h = z(this, a[i + c], s, c), h === H && (h = this._$AH[c]), n ||= !J(h) || h !== this._$AH[c], h === l ? t = l : t !== l && (t += (h ?? "") + o[c + 1]), this._$AH[c] = h;
+      let c, d;
+      for (t = o[0], c = 0; c < o.length - 1; c++) d = W(this, a[i + c], r, c), d === V && (d = this._$AH[c]), n ||= !Z(d) || d !== this._$AH[c], d === l ? t = l : t !== l && (t += (d ?? "") + o[c + 1]), this._$AH[c] = d;
     }
-    n && !r && this.j(t);
+    n && !s && this.j(t);
   }
   j(t) {
     t === l ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class je extends ht {
+class Ue extends ft {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -430,7 +430,7 @@ class je extends ht {
     this.element[this.name] = t === l ? void 0 : t;
   }
 }
-class Ee extends ht {
+class ke extends ft {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -438,43 +438,43 @@ class Ee extends ht {
     this.element.toggleAttribute(this.name, !!t && t !== l);
   }
 }
-class Re extends ht {
-  constructor(t, s, i, r, o) {
-    super(t, s, i, r, o), this.type = 5;
+class De extends ft {
+  constructor(t, r, i, s, o) {
+    super(t, r, i, s, o), this.type = 5;
   }
-  _$AI(t, s = this) {
-    if ((t = z(this, t, s, 0) ?? l) === H) return;
-    const i = this._$AH, r = t === l && i !== l || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== l && (i === l || r);
-    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  _$AI(t, r = this) {
+    if ((t = W(this, t, r, 0) ?? l) === V) return;
+    const i = this._$AH, s = t === l && i !== l || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== l && (i === l || s);
+    s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ue {
-  constructor(t, s, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
+class Oe {
+  constructor(t, r, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    z(this, t);
+    W(this, t);
   }
 }
-const Oe = Pt.litHtmlPolyfillSupport;
-Oe?.(Z, Y), (Pt.litHtmlVersions ??= []).push("3.3.2");
-const De = (e, t, s) => {
-  const i = s?.renderBefore ?? t;
-  let r = i._$litPart$;
-  if (r === void 0) {
-    const o = s?.renderBefore ?? null;
-    i._$litPart$ = r = new Y(t.insertBefore(G(), o), o, void 0, s ?? {});
-  }
-  return r._$AI(e), r;
+const Le = Rt.litHtmlPolyfillSupport;
+Le?.(X, et), (Rt.litHtmlVersions ??= []).push("3.3.2");
+const Te = (e, t, r) => {
+  const i = r?.renderBefore ?? t;
+  let s = i._$litPart$;
+  if (s === void 0) {
+    const o = r?.renderBefore ?? null;
+    i._$litPart$ = s = new et(t.insertBefore(J(), o), o, void 0, r ?? {});
+  }
+  return s._$AI(e), s;
 };
-const Et = globalThis;
-let q = class extends M {
+const Ut = globalThis;
+let z = class extends B {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -483,8 +483,8 @@ let q = class extends M {
     return this.renderOptions.renderBefore ??= t.firstChild, t;
   }
   update(t) {
-    const s = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = De(s, this.renderRoot, this.renderOptions);
+    const r = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Te(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -493,33 +493,33 @@ let q = class extends M {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return H;
+    return V;
   }
 };
-q._$litElement$ = !0, q.finalized = !0, Et.litElementHydrateSupport?.({ LitElement: q });
-const Le = Et.litElementPolyfillSupport;
-Le?.({ LitElement: q });
-(Et.litElementVersions ??= []).push("4.2.2");
-class ke extends q {
+z._$litElement$ = !0, z.finalized = !0, Ut.litElementHydrateSupport?.({ LitElement: z });
+const Ie = Ut.litElementPolyfillSupport;
+Ie?.({ LitElement: z });
+(Ut.litElementVersions ??= []).push("4.2.2");
+class Fe extends z {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
-    }, this.isType = (t, s = this.object) => {
-      const i = s["@type"];
-      return Array.isArray(i) ? i.includes(t) : typeof i == "string" ? i === t : !1;
+    }, this.isType = (t, r) => {
+      const s = (r ?? this.object)["@type"];
+      return Array.isArray(s) ? s.includes(t) : typeof s == "string" ? s === t : !1;
     };
   }
 }
-const V = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer(() => {
+const M = (e) => (t, r) => {
+  r !== void 0 ? r.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
 };
-const Te = { attribute: !0, type: String, converter: it, reflect: !1, hasChanged: ut }, Ie = (e = Te, 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;
+const Ne = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: pt }, Me = (e = Ne, t, r) => {
+  const { kind: i, metadata: s } = r;
+  let o = globalThis.litPropertyMetadata.get(s);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(r.name, e), i === "accessor") {
+    const { name: n } = r;
     return { set(a) {
       const c = t.get.call(this);
       t.set.call(this, a), this.requestUpdate(n, c, e, !0, a);
@@ -528,7 +528,7 @@ const Te = { attribute: !0, type: String, converter: it, reflect: !1, hasChanged
     } };
   }
   if (i === "setter") {
-    const { name: n } = s;
+    const { name: n } = r;
     return function(a) {
       const c = this[n];
       t.call(this, a), this.requestUpdate(n, c, e, !0, a);
@@ -536,64 +536,79 @@ const Te = { attribute: !0, type: String, converter: it, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function y(e) {
-  return (t, s) => typeof s == "object" ? Ie(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);
+function v(e) {
+  return (t, r) => typeof r == "object" ? Me(e, t, r) : ((i, s, o) => {
+    const n = s.hasOwnProperty(o);
+    return s.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
+  })(e, t, r);
 }
-function f(e) {
-  return y({ ...e, state: !0, attribute: !1 });
+function m(e) {
+  return v({ ...e, state: !0, attribute: !1 });
 }
-var Fe = Object.defineProperty, Me = (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 && Fe(t, s, r), r;
+var Be = Object.defineProperty, qe = (e, t, r, i) => {
+  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = n(t, r, s) || s);
+  return s && Be(t, r, s), s;
 };
-class Rt extends q {
+class kt extends z {
   constructor() {
-    super(...arguments), this.objects = [], this.hasType = (t, s = this.objects) => new Set(s.flatMap((r) => r["@type"])).has(t);
+    super(...arguments), this.objects = [], this.hasType = (t, r) => (r ?? this.objects ?? []).some((s) => {
+      const o = s["@type"];
+      return Array.isArray(o) ? o.includes(t) : typeof o == "string" ? o === t : !1;
+    });
   }
 }
-Me([
-  y({ attribute: !1 })
-], Rt.prototype, "objects");
-var Ne = Object.defineProperty, E = (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 && Ne(t, s, r), r;
+qe([
+  v({ attribute: !1 })
+], kt.prototype, "objects");
+var He = Object.defineProperty, x = (e, t, r, i) => {
+  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = n(t, r, s) || s);
+  return s && He(t, r, s), s;
 };
-class b extends Rt {
+class $ extends kt {
   constructor({
     defaultRoute: t = !1,
-    setupSubscriptions: s = !0,
+    setupSubscriptions: r = !0,
     ignoreRouter: i = !1
   } = {}) {
-    super(), this.cherryPickedProperties = [], this.currentRoute = "";
-    const r = () => {
-      document.readyState === "complete" && this._attach(t, s, i).then(
+    super(), this.ready = !1, this.cherryPickedProperties = [], this.currentRoute = "";
+    const s = () => {
+      document.readyState === "complete" && this._attach(t, r, i).then(
         (o) => {
           o && this.requestUpdate();
         }
       );
     };
-    document.readyState === "complete" ? r() : document.addEventListener("readystatechange", r);
+    document.readyState === "complete" ? s() : document.addEventListener("readystatechange", s);
   }
-  async _attach(t, s, i) {
-    return !this.orbit && window.orbit && (this.orbit = window.orbit, s) ? (re({
-      component: this,
-      defaultRoute: t,
-      ignoreRouter: i
-    }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component && this.orbit.components.map((r) => (r.uniq === this.component.uniq && (r.instance = this), r))), await this._afterAttach(), Promise.resolve(!0)) : Promise.resolve(!1);
+  async _attach(t, r, i) {
+    if (!this.orbit && window.orbit && (this.orbit = window.orbit, r)) {
+      if (ne({
+        component: this,
+        defaultRoute: t,
+        ignoreRouter: i
+      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component))
+        for (const s of this.orbit.components)
+          s.uniq === this.component.uniq && (s.instance = this);
+      return await this._afterAttach(), this.ready = !0, this.dispatchEvent(
+        new CustomEvent("component-ready", {
+          detail: {
+            component: this.component
+          }
+        })
+      ), Promise.resolve(!0);
+    }
+    return Promise.resolve(!1);
   }
   async _afterAttach() {
     return Promise.resolve();
   }
   _navigate(t) {
     window.sibRouter.previousRoute = this.currentRoute, window.sibRouter.previousResource = window.sibRouter.currentResource;
-    const s = t.target?.closest("[navigation-target]");
-    let i = s.getAttribute("navigation-target");
-    const r = s.getAttribute("navigation-subrouter"), o = s.getAttribute("navigation-resource"), n = s.getAttribute("navigation-rdf-type");
+    const r = t.target?.closest("[navigation-target]");
+    let i = r.getAttribute("navigation-target");
+    const s = r.getAttribute("navigation-subrouter"), o = r.getAttribute("navigation-resource"), n = r.getAttribute("navigation-rdf-type");
     if (n) {
       const a = window.orbit?.components?.filter(
         (c) => c?.routeAttributes?.["rdf-type"] === n
@@ -601,76 +616,63 @@ class b extends Rt {
       a && (i = a[0]?.uniq);
     }
     i && L(
-      (window.orbit ? window.orbit.getRoute(i, !0) : i) + (r ? `-${r}` : ""),
+      (window.orbit ? window.orbit.getRoute(i, !0) : i) + (s ? `-${s}` : ""),
       o
     ), t.preventDefault();
   }
   _normalizeLdpContains(t) {
-    return !Array.isArray(t) && t !== null ? [t] : t;
+    return t === null ? [] : Array.isArray(t) ? t : [t];
   }
-  async _expandContainer(t, s = !0, i = this.cherryPickedProperties) {
-    const r = [];
-    for (const o of t) {
-      const n = await this._getProxyValue(
-        await o,
-        s,
-        i
-      );
-      n && r.push(n);
-    }
-    return r;
+  async _expandContainer(t, r = !0, i = this.cherryPickedProperties) {
+    const s = [];
+    return await Promise.all(
+      t.map(async (o) => {
+        const n = await this._getProxyValue(
+          await o,
+          r,
+          i
+        );
+        n && s.push(n);
+      })
+    ), s;
   }
-  async _getProperties(t, s = !0, i = this.cherryPickedProperties) {
-    const r = await t.properties, o = {
+  async _getProperties(t, r = !0, i = this.cherryPickedProperties) {
+    const s = await t.properties, o = {
       "@id": t["@id"],
       "@type": t["@type"],
       "@context": t.serverContext,
       _originalResource: t
-    };
-    for (const n of i)
-      r?.includes(n.key) && (o[n.value] = await t.get(n.key), n.expand && (o[n.value] = await this._getProxyValue(
-        o[n.value],
-        s,
-        i
-      )), n.cast && (o[n.value] = await n.cast(o[n.value])));
+    }, n = i.map(async (c) => {
+      if (!s?.includes(c.key)) return;
+      let d = await t.get(c.key);
+      return c.expand && (d = await this._getProxyValue(d, r, i)), c.cast && (d = await c.cast(d)), { prop: c, value: d };
+    }), a = (await Promise.all(n)).filter(
+      (c) => c !== void 0
+    );
+    for (const { prop: c, value: d } of a)
+      d !== void 0 && (o[c.value] = d);
     return await this._responseAdaptator(o);
   }
   async _hasCherryPickedProperties(t) {
-    const s = await t.properties;
+    const r = await t.properties;
     for (const i of this.cherryPickedProperties)
-      if (s?.includes(i.key))
+      if (r?.includes(i.key))
         return !0;
     return !1;
   }
-  async _getProxyValue(t, s = !0, i = this.cherryPickedProperties) {
+  async _getProxyValue(t, r = !0, i = this.cherryPickedProperties) {
     try {
-      if (t) {
-        let r = t;
-        if (typeof t == "string" && (r = await window.sibStore.getData(t, Wt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (r = await window.sibStore.getData(
-          t["@id"],
-          Wt
-        ))), typeof t != "string" && !t.isFullResource && (r.properties = Object.keys(r), r.get = (o) => r[o]), !r) return { _originalResource: r };
-        if (typeof r == "object" && r !== null) {
-          if (r.isContainer?.() && r["ldp:contains"]) {
-            if (await this._hasCherryPickedProperties(r))
-              return await this._getProperties(
-                r,
-                s,
-                i
-              );
-            const o = this._normalizeLdpContains(
-              await r["ldp:contains"]
-            );
-            return await this._expandContainer(
-              o,
-              s,
-              i
-            );
-          }
-          return await this._getProperties(r, s, i);
-        }
+      if (!t) return;
+      let s = t;
+      if (typeof t == "string" ? s = await window.sibStore.getData(t, Gt) : t.isFullResource && !t.isFullResource?.() && (s = await window.sibStore.getData(t["@id"], Gt)), !s) return { _originalResource: s };
+      if (typeof s != "object" || s === null) return;
+      if (s.isContainer?.() && s["ldp:contains"]) {
+        if (await this._hasCherryPickedProperties(s))
+          return await this._getProperties(s, r, i);
+        const o = this._normalizeLdpContains(await s["ldp:contains"]);
+        return await this._expandContainer(o, r, i);
       }
-      return;
+      return await this._getProperties(s, r, i);
     } catch {
     }
   }
@@ -682,133 +684,136 @@ class b extends Rt {
       return l;
   }
 }
-E([
-  y({ attribute: "default-data-src", reflect: !0 })
-], b.prototype, "defaultDataSrc");
-E([
-  y({ attribute: "data-src", reflect: !0 })
-], b.prototype, "dataSrc");
-E([
-  y({ attribute: "nested-field" })
-], b.prototype, "nestedField");
-E([
-  y({ attribute: "uniq" })
-], b.prototype, "uniq");
-E([
-  y({ attribute: "route" })
-], b.prototype, "route");
-E([
-  y({ attribute: !1 })
-], b.prototype, "cherryPickedProperties");
-E([
-  f()
-], b.prototype, "orbit");
-E([
-  f()
-], b.prototype, "currentRoute");
-function B(e) {
+x([
+  m()
+], $.prototype, "ready");
+x([
+  v({ attribute: "default-data-src", reflect: !0 })
+], $.prototype, "defaultDataSrc");
+x([
+  v({ attribute: "data-src", reflect: !0 })
+], $.prototype, "dataSrc");
+x([
+  v({ attribute: "nested-field" })
+], $.prototype, "nestedField");
+x([
+  v({ attribute: "uniq" })
+], $.prototype, "uniq");
+x([
+  v({ attribute: "route" })
+], $.prototype, "route");
+x([
+  v({ attribute: !1 })
+], $.prototype, "cherryPickedProperties");
+x([
+  m()
+], $.prototype, "orbit");
+x([
+  m()
+], $.prototype, "currentRoute");
+function H(e) {
   return e ? e.replace(/^urn:uuid:/i, "").replace(/^urn:tems:/i, "") : "";
 }
-function Be(e, t, s) {
+function ze(e, t, r) {
   if (!e) return null;
   const i = JSON.parse(JSON.stringify(e));
-  i["@id"] && (i["@id"] = B(i["@id"]));
-  const r = N(t, ["@id"]) || "";
-  return i.target = B(r), i;
+  i["@id"] && (i["@id"] = H(i["@id"]));
+  const s = q(t, ["@id"]) || "";
+  return i.target = H(s), i;
 }
-function N(e, t) {
+function q(e, t) {
   if (t.length === 0)
     return;
-  let s = e;
+  let r = e;
   for (const i of t) {
-    if (s == null)
+    if (r == null)
       return;
-    s = s[i];
+    r = r[i];
   }
-  return s;
+  return r;
 }
-class qe {
+class Ve {
   constructor(t) {
     this.config = t;
   }
   /**
    * Maps source data to TEMS-compatible resource
    */
-  map(t, s = {}) {
+  map(t, r = {}) {
     const i = {};
-    for (const [r, o] of Object.entries(this.config.baseFields)) {
-      const n = this.mapField(t, o, s);
-      n !== void 0 && (i[r] = n);
+    for (const [s, o] of Object.entries(this.config.baseFields)) {
+      const n = this.mapField(t, o, r);
+      n !== void 0 && (i[s] = n);
     }
     if (this.config.containerFields)
-      for (const [r, o] of Object.entries(
+      for (const [s, o] of Object.entries(
         this.config.containerFields
       )) {
-        const n = this.mapContainerField(t, o, s);
-        n && (i[r] = n);
+        const n = this.mapContainerField(t, o, r);
+        n && (i[s] = n);
       }
     if (this.config.nestedObjects)
-      for (const [r, o] of Object.entries(
+      for (const [s, o] of Object.entries(
         this.config.nestedObjects
       )) {
-        const n = this.mapNestedObject(t, o, s);
-        n && (i[r] = n);
+        const n = this.mapNestedObject(t, o, r);
+        n && (i[s] = n);
       }
     if (this.config.contractFields)
-      for (const [r, o] of Object.entries(
+      for (const [s, o] of Object.entries(
         this.config.contractFields
       )) {
-        const n = this.mapField(t, o, s);
-        n !== void 0 && (i[r] = n);
+        const n = this.mapField(t, o, r);
+        n !== void 0 && (i[s] = n);
       }
-    return this.config.postProcess ? this.config.postProcess(i, t, s) : i;
+    return this.config.postProcess ? this.config.postProcess(i, t, r) : i;
   }
   /**
    * Maps a single field
    */
-  mapField(t, s, i) {
-    let r = N(t, s.source);
-    return s.transform && (r = s.transform(r, t, i)), (r == null || r === "") && s.fallback && (typeof s.fallback == "function" ? r = s.fallback(t, i) : r = N(t, [s.fallback])), (r == null || r === "") && (r = s.defaultValue), r;
+  mapField(t, r, i) {
+    let s = q(t, r.source);
+    return r.transform && (s = r.transform(s, t, i)), (s == null || s === "") && r.fallback && (typeof r.fallback == "function" ? s = r.fallback(t, i) : s = q(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
   }
   /**
    * Maps a container field (array wrapped in LDP container)
    */
-  mapContainerField(t, s, i) {
-    let r = N(t, s.source);
-    if (!r)
+  mapContainerField(t, r, i) {
+    let s = q(t, r.source);
+    if (!s)
       return null;
-    s.transform && (r = s.transform(r, t, i)), Array.isArray(r) || (r = [r]), s.filter && (r = r.filter(
-      (n, a) => s.filter(n, a, i)
+    r.transform && (s = r.transform(s, t, i)), Array.isArray(s) || (s = [s]), r.filter && (s = s.filter(
+      (n, a) => r.filter(n, a, i)
     ));
-    const o = r.map((n, a) => {
+    const o = s.map((n, a) => {
       const c = {
-        "@type": s.itemType
+        "@type": r.itemType
       };
-      for (const [h, m] of Object.entries(s.itemFields)) {
-        const p = m(n, a, i);
-        p !== void 0 && (c[h] = p);
+      for (const [d, p] of Object.entries(r.itemFields)) {
+        const u = p(n, a, i);
+        u !== void 0 && (c[d] = u);
       }
       return c;
     });
     return {
-      "@type": s.containerType,
+      "@type": r.containerType,
       "ldp:contains": o
     };
   }
   /**
    * Maps a nested object
    */
-  mapNestedObject(t, s, i) {
-    const r = N(t, s.source);
-    if (!r)
+  mapNestedObject(t, r, i) {
+    const s = q(t, r.source);
+    if (!s)
       return null;
     const o = {};
-    s.type && (o["@type"] = s.type);
-    for (const [n, a] of Object.entries(s.fields)) {
+    r.type && (o["@type"] = r.type);
+    for (const [n, a] of Object.entries(r.fields)) {
       let c;
-      Array.isArray(a) ? c = N(r, a) : c = this.mapField(r, a, i), c !== void 0 && (o[n] = c);
+      Array.isArray(a) ? c = q(s, a) : c = this.mapField(s, a, i), c !== void 0 && (o[n] = c);
     }
-    return Object.keys(o).length > (s.type ? 1 : 0) ? o : null;
+    return Object.keys(o).length > (r.type ? 1 : 0) ? o : null;
   }
   /**
    * Unwraps LDP containers (converts ldp:contains arrays to plain arrays)
@@ -817,32 +822,32 @@ class qe {
    * for rendering.
    */
   static unwrapLdpContainers(t) {
-    const s = { ...t };
-    for (const [i, r] of Object.entries(s))
-      r && typeof r == "object" && r["@type"] === "ldp:Container" && r["ldp:contains"] && (s[i] = r["ldp:contains"]);
-    return s;
+    const r = { ...t };
+    for (const [i, s] of Object.entries(r))
+      s && typeof s == "object" && s["@type"] === "ldp:Container" && s["ldp:contains"] && (r[i] = s["ldp:contains"]);
+    return r;
   }
 }
-function g(e) {
+function y(e) {
   return e["dcat:distribution"]?.[0] || e.properties || e;
 }
-function Ht(e) {
-  const t = g(e);
+function Vt(e) {
+  const t = y(e);
   return e["dcat:endpointUrl"] || e["dcat:endpointURL"] || e["http://www.w3.org/ns/dcat#endpointUrl"] || e.endpointUrl || e.endpointURL || // Then check distribution/props level
   t["http://www.w3.org/ns/dcat#endpointUrl"] || t["dcat:endpointUrl"] || t["dcat:endpointURL"] || t["dcat:accessService"]?.["dcat:endpointURL"] || t.endpointURL || t.endpointUrl || "";
 }
-function He(e) {
-  const t = g(e);
+function We(e) {
+  const t = y(e);
   return e.contenttype || e.contentType || e["http://www.w3.org/ns/dcat#mediaType"] || e["dcat:mediaType"] || // Then check distribution/props level
   t.contenttype || t.contentType || t["http://www.w3.org/ns/dcat#mediaType"] || t["dcat:mediaType"] || "";
 }
-const ze = {
+const Ke = {
   baseFields: {
     "@id": {
       source: ["@id"],
-      transform: (e, t, s) => {
-        const r = B(e || t.id || "") || e?.split("/").pop() || "unknown", o = s.providerParticipantId ? `${encodeURIComponent(s.providerParticipantId)}/` : "";
-        return `${s.temsServiceBase || "https://api.tems.example.com/services/"}${o}${encodeURIComponent(r)}/`;
+      transform: (e, t, r) => {
+        const s = H(e || t.id || "") || e?.split("/").pop() || "unknown", o = r.providerParticipantId ? `${encodeURIComponent(r.providerParticipantId)}/` : "";
+        return `${r.temsServiceBase || "https://api.tems.example.com/services/"}${o}${encodeURIComponent(s)}/`;
       }
     },
     "@type": {
@@ -852,12 +857,12 @@ const ze = {
     name: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
+        const r = y(t);
         return (
           // Source-level fields (EDC catalog returns these at top level)
           t.name || t.title || t["dct:title"] || t["dcterms:title"] || // EDC namespace fields at source level
           t["https://w3id.org/edc/v0.0.1/ns/name"] || t["edc:name"] || // Distribution/props level
-          s["dct:title"] || s["dcterms:title"] || s.title || s["https://w3id.org/edc/v0.0.1/ns/name"] || s["edc:name"] || s.name || // Fall back to ID but extract meaningful part
+          r["dct:title"] || r["dcterms:title"] || r.title || r["https://w3id.org/edc/v0.0.1/ns/name"] || r["edc:name"] || r.name || // Fall back to ID but extract meaningful part
           (t["@id"]?.startsWith("urn:uuid:") ? t["@id"] : t["@id"]?.split("/").pop() || t["@id"]) || t.id || ""
         );
       }
@@ -865,101 +870,101 @@ const ze = {
     description: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
+        const r = y(t);
         return (
           // Source-level fields (EDC catalog returns these at top level)
           t.description || t["dct:description"] || t["dcterms:description"] || t["https://w3id.org/edc/v0.0.1/ns/description"] || t["edc:description"] || // Distribution/props level
-          s["dct:description"] || s["dcterms:description"] || s.description || s["https://w3id.org/edc/v0.0.1/ns/description"] || s["edc:description"] || ""
+          r["dct:description"] || r["dcterms:description"] || r.description || r["https://w3id.org/edc/v0.0.1/ns/description"] || r["edc:description"] || ""
         );
       }
     },
     long_description: {
       source: [],
       transform: (e, t) => {
-        const s = g(t), i = Array.isArray(s["dcat:keyword"]) ? s["dcat:keyword"] : s["dcat:keyword"] ? [s["dcat:keyword"]] : [], r = s["dct:description"] || s["dcterms:description"] || s.description || "";
-        return i.length > 0 ? `Keywords: ${i.join(", ")}` : r;
+        const r = y(t), i = Array.isArray(r["dcat:keyword"]) ? r["dcat:keyword"] : r["dcat:keyword"] ? [r["dcat:keyword"]] : [], s = r["dct:description"] || r["dcterms:description"] || r.description || "";
+        return i.length > 0 ? `Keywords: ${i.join(", ")}` : s;
       }
     },
     url: {
       source: [],
-      transform: (e, t) => Ht(t)
+      transform: (e, t) => Vt(t)
     },
     endpointUrl: {
       source: [],
-      transform: (e, t) => Ht(t)
+      transform: (e, t) => Vt(t)
     },
     contentType: {
       source: [],
-      transform: (e, t) => He(t)
+      transform: (e, t) => We(t)
     },
     activation_status: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return (s["dcat:endpointURL"] || s["dcat:accessService"]?.["dcat:endpointURL"] || s.endpointURL || "").trim().length > 0;
+        const r = y(t);
+        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
       }
     },
     is_in_app: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return (s["dcat:endpointURL"] || s["dcat:accessService"]?.["dcat:endpointURL"] || s.endpointURL || "").trim().length > 0;
+        const r = y(t);
+        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
       }
     },
     is_external: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return (s["dcat:endpointURL"] || s["dcat:accessService"]?.["dcat:endpointURL"] || s.endpointURL || "").trim().length > 0;
+        const r = y(t);
+        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
       }
     },
     is_api: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return (s["dcat:endpointURL"] || s["dcat:accessService"]?.["dcat:endpointURL"] || s.endpointURL || "").trim().length > 0;
+        const r = y(t);
+        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
       }
     },
     contact_url: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return s["dcat:endpointDescription"] || s["dct:conformsTo"] || "";
+        const r = y(t);
+        return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
       }
     },
     documentation_url: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return s["dcat:endpointDescription"] || s["dct:conformsTo"] || "";
+        const r = y(t);
+        return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
       }
     },
     creation_date: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return s["dct:issued"] || s["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        const r = y(t);
+        return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
       }
     },
     update_date: {
       source: [],
       transform: (e, t) => {
-        const s = g(t), i = s["dct:issued"] || s["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-        return s["dct:modified"] || s["dcterms:modified"] || i;
+        const r = y(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        return r["dct:modified"] || r["dcterms:modified"] || i;
       }
     },
     release_date: {
       source: [],
       transform: (e, t) => {
-        const s = g(t);
-        return s["dct:issued"] || s["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        const r = y(t);
+        return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
       }
     },
     last_update: {
       source: [],
       transform: (e, t) => {
-        const s = g(t), i = s["dct:issued"] || s["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-        return s["dct:modified"] || s["dcterms:modified"] || i;
+        const r = y(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        return r["dct:modified"] || r["dcterms:modified"] || i;
       }
     },
     activation_date: {
@@ -985,11 +990,11 @@ const ze = {
       containerType: "ldp:Container",
       itemType: "tems:Category",
       transform: (e, t) => {
-        const i = g(t)["dcat:keyword"];
+        const i = y(t)["dcat:keyword"];
         return i ? Array.isArray(i) ? i : [i] : [];
       },
       itemFields: {
-        "@id": (e, t, s) => `${s.temsCategoryBase || "https://api.tems.example.com/categories/"}${encodeURIComponent(e)}/`,
+        "@id": (e, t, r) => `${r.temsCategoryBase || "https://api.tems.example.com/categories/"}${encodeURIComponent(e)}/`,
         name: (e) => e
       }
     },
@@ -998,15 +1003,15 @@ const ze = {
       containerType: "ldp:Container",
       itemType: "tems:Image",
       transform: (e, t) => {
-        const s = g(t), i = [];
-        return s["foaf:thumbnail"]?.["rdf:resource"] && i.push(s["foaf:thumbnail"]["rdf:resource"]), s["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"] && i.push(
-          s["dcterms:creator"]["foaf:thumbnail"]["rdf:resource"]
+        const r = y(t), i = [];
+        return r["foaf:thumbnail"]?.["rdf:resource"] && i.push(r["foaf:thumbnail"]["rdf:resource"]), r["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"] && i.push(
+          r["dcterms:creator"]["foaf:thumbnail"]["rdf:resource"]
         ), i;
       },
       itemFields: {
-        "@id": (e, t, s) => {
+        "@id": (e, t, r) => {
           const i = e.split("/").pop() || `image-${t}`;
-          return `${s.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(i)}/`;
+          return `${r.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(i)}/`;
         },
         url: (e) => e,
         iframe: () => !1,
@@ -1021,27 +1026,27 @@ const ze = {
       fields: {
         "@id": {
           source: [],
-          transform: (e, t, s) => {
-            const i = s.providerParticipantId || s.providerName || "unknown";
-            return `${s.temsProviderBase || "https://api.tems.example.com/providers/"}${encodeURIComponent(i)}/`;
+          transform: (e, t, r) => {
+            const i = r.providerParticipantId || r.providerName || "unknown";
+            return `${r.temsProviderBase || "https://api.tems.example.com/providers/"}${encodeURIComponent(i)}/`;
           }
         },
         name: {
           source: [],
-          transform: (e, t, s) => g(t)["dcterms:creator"]?.["foaf:name"] || s.providerName || ""
+          transform: (e, t, r) => y(t)["dcterms:creator"]?.["foaf:name"] || r.providerName || ""
         },
         image: {
           source: [],
-          transform: (e, t, s) => {
-            const r = g(t)["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"];
-            if (!r) return;
-            const o = r.split("/").pop() || "provider-logo";
+          transform: (e, t, r) => {
+            const s = y(t)["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"];
+            if (!s) return;
+            const o = s.split("/").pop() || "provider-logo";
             return {
               // FIXME: Avoid magic strings
-              "@id": `${s.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(o)}/`,
+              "@id": `${r.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(o)}/`,
               "@type": "tems:Image",
               iframe: !1,
-              url: r,
+              url: s,
               name: o
             };
           }
@@ -1052,53 +1057,53 @@ const ze = {
   contractFields: {
     counterPartyAddress: {
       source: [],
-      transform: (e, t, s) => s.providerAddress
+      transform: (e, t, r) => r.providerAddress
     },
     counterPartyId: {
       source: [],
-      transform: (e, t, s) => s.providerParticipantId || s.providerName
+      transform: (e, t, r) => r.providerParticipantId || r.providerName
     },
     assetId: {
       source: ["@id"],
-      transform: (e, t) => B(e || t.id || "")
+      transform: (e, t) => H(e || t.id || "")
     },
     datasetId: {
       source: ["@id"],
-      transform: (e, t) => B(e || t.id || "")
+      transform: (e, t) => H(e || t.id || "")
     },
     // Index endpoint URL for index assets - try multiple property variations
     // Priority: source-level dcat:endpointUrl (index endpoint) over props-level dcat:endpointURL (protocol URL)
     indexEndpointUrl: {
       source: [],
-      transform: (e, t, s) => {
-        const i = g(t);
+      transform: (e, t, r) => {
+        const i = y(t);
         console.log("[DSP Mapping] indexEndpointUrl extraction for:", {
           assetId: t["@id"] || t.id,
           assetName: t.name || i.name || i["dct:title"],
-          provider: s.providerName,
-          providerParticipantId: s.providerParticipantId,
+          provider: r.providerName,
+          providerParticipantId: r.providerParticipantId,
           "source.dcat:endpointUrl": t["dcat:endpointUrl"],
           "props.dcat:endpointUrl": i["dcat:endpointUrl"],
           "source.dcat:endpointURL": t["dcat:endpointURL"],
           "props.dcat:accessService": i["dcat:accessService"]
         });
-        const r = t["dcat:endpointUrl"] || i["dcat:endpointUrl"] || t["dcat:endpointURL"] || i["dcat:accessService"]?.["dcat:endpointUrl"] || i["dcat:accessService"]?.["dcat:endpointURL"] || i.endpointUrl || i.endpointURL || void 0;
-        return console.log("[DSP Mapping] indexEndpointUrl result:", r), r;
+        const s = t["dcat:endpointUrl"] || i["dcat:endpointUrl"] || t["dcat:endpointURL"] || i["dcat:accessService"]?.["dcat:endpointUrl"] || i["dcat:accessService"]?.["dcat:endpointURL"] || i.endpointUrl || i.endpointURL || void 0;
+        return console.log("[DSP Mapping] indexEndpointUrl result:", s), s;
       }
     },
     policy: {
       source: ["odrl:hasPolicy"],
       fallback: (e) => e.hasPolicy,
-      transform: (e, t, s) => {
+      transform: (e, t, r) => {
         if (!e) return;
-        const i = Be(e, t);
+        const i = ze(e, t);
         if (i) {
-          const r = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = B(n["@id"])), n)) : o;
-          i["odrl:permission"] && (i["odrl:permission"] = r(
+          const s = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = H(n["@id"])), n)) : o;
+          i["odrl:permission"] && (i["odrl:permission"] = s(
             i["odrl:permission"]
-          )), i["odrl:prohibition"] && (i["odrl:prohibition"] = r(
+          )), i["odrl:prohibition"] && (i["odrl:prohibition"] = s(
             i["odrl:prohibition"]
-          )), i["odrl:obligation"] && (i["odrl:obligation"] = r(
+          )), i["odrl:obligation"] && (i["odrl:obligation"] = s(
             i["odrl:obligation"]
           ));
         }
@@ -1107,39 +1112,42 @@ const ze = {
     }
   },
   // Post-processing to add provider metadata fields
-  postProcess: (e, t, s) => ({
+  postProcess: (e, t, r) => ({
     ...e,
-    _provider: s.providerName,
-    _providerAddress: s.providerAddress,
-    _providerColor: s.providerColor || "#1976d2",
-    _providerParticipantId: s.providerParticipantId
+    _provider: r.providerName,
+    _providerAddress: r.providerAddress,
+    _providerColor: r.providerColor || "#1976d2",
+    _providerParticipantId: r.providerParticipantId
   })
 };
-var Ve = Object.defineProperty, R = (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 && Ve(t, s, r), r;
+var Ge = Object.defineProperty, j = (e, t, r, i) => {
+  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = n(t, r, s) || s);
+  return s && Ge(t, r, s), s;
 };
-class S extends b {
+class P extends $ {
   constructor() {
     super(...arguments), this.providers = [];
   }
   willUpdate(t) {
     (!this.providers || this.providers.length === 0) && this.component?.parameters?.providers && (this.providers = this.component.parameters.providers || []);
   }
-  async _attach(t, s, i) {
-    if (!this.orbit && window.orbit && (this.orbit = window.orbit, s)) {
-      if (re({
+  async _attach(t, r, i) {
+    if (!this.orbit && window.orbit && (this.orbit = window.orbit, r)) {
+      if (ne({
         component: this,
         defaultRoute: t,
         ignoreRouter: i
-      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component && this.orbit.components.map((o) => (o.uniq === this.component.uniq && (o.instance = this), o))), !this.participantConnectorUri) {
+      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component))
+        for (const o of this.orbit.components)
+          o.uniq === this.component.uniq && (o.instance = this);
+      if (!this.participantConnectorUri) {
         const o = this.component?.parameters;
         o?.["participant-connector-uri"] && (this.participantConnectorUri = o["participant-connector-uri"]), o?.["participant-api-key"] && (this.participantApiKey = o["participant-api-key"]), o?.providers && (this.providers = o.providers), o?.["participant-id"] && (this.participantId = o["participant-id"]);
       }
-      const r = this.component?.parameters;
-      if (r?.["api-gateway-config"]) {
-        this.apiGatewayConfig = r["api-gateway-config"];
+      const s = this.component?.parameters;
+      if (s?.["api-gateway-config"]) {
+        this.apiGatewayConfig = s["api-gateway-config"];
         try {
           this._apiGatewayConfigParsed = typeof this.apiGatewayConfig == "string" ? JSON.parse(this.apiGatewayConfig) : this.apiGatewayConfig;
         } catch {
@@ -1149,7 +1157,7 @@ class S extends b {
       if (!this.storeService && this.participantConnectorUri)
         try {
           const o = `dsp-connector-${this.component.uniq}`, n = {
-            type: he.DataspaceConnector,
+            type: me.DataspaceConnector,
             endpoint: this.participantConnectorUri,
             catalogEndpoint: `${this.participantConnectorUri}/management/v3/catalog/request`,
             contractNegotiationEndpoint: `${this.participantConnectorUri}/management/v3/contractnegotiations`,
@@ -1165,11 +1173,17 @@ class S extends b {
               apiGatewayConfig: this._apiGatewayConfigParsed
             }
           };
-          this.storeService = pe.addStore(o, n), this.dspStoreService = this.storeService, window.dspStore || (window.dspStore = this.storeService);
+          this.storeService = ge.addStore(o, n), this.dspStoreService = this.storeService, window.dspStore || (window.dspStore = this.storeService);
         } catch (o) {
           console.error("DSP Store initialization error:", o);
         }
-      return await this._afterAttach(), Promise.resolve(!0);
+      return await this._afterAttach(), this.ready = !0, this.dispatchEvent(
+        new CustomEvent("component-ready", {
+          detail: {
+            component: this.component
+          }
+        })
+      ), Promise.resolve(!0);
     }
     return Promise.resolve(!1);
   }
@@ -1180,12 +1194,12 @@ class S extends b {
     if (!this.storeService || !this.providers || this.providers.length === 0)
       return console.warn("DSP store or providers not configured"), [];
     try {
-      const t = "https://api.tems.example.com/services/", s = new qe(ze), i = this.providers.map(async (n) => {
+      const t = "https://api.tems.example.com/services/", r = new Ve(Ke), i = this.providers.map(async (n) => {
         try {
           const a = await this.storeService.getCatalog(n.address);
           if (a?.["dcat:dataset"]) {
-            const c = a["dcat:dataset"], h = Array.isArray(c) ? c : [c], m = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], p = n.participantId || m;
-            return h.map((_) => {
+            const c = a["dcat:dataset"], d = Array.isArray(c) ? c : [c], p = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], u = n.participantId || p;
+            return d.map((g) => {
               const w = {
                 temsServiceBase: t,
                 temsCategoryBase: t.replace(
@@ -1201,9 +1215,9 @@ class S extends b {
                 providerName: n.name,
                 providerAddress: n.address,
                 providerColor: n.color,
-                providerParticipantId: p
+                providerParticipantId: u
               };
-              return s.map(_, w);
+              return r.map(g, w);
             });
           }
           return [];
@@ -1223,64 +1237,83 @@ class S extends b {
     return this.storeService;
   }
 }
-R([
-  y({ attribute: "participant-connector-uri", reflect: !0 })
-], S.prototype, "participantConnectorUri");
-R([
-  y({ attribute: "participant-id", reflect: !0 })
-], S.prototype, "participantId");
-R([
-  y({ attribute: "participant-api-key", reflect: !0 })
-], S.prototype, "participantApiKey");
-R([
-  y({ attribute: "api-gateway-config", reflect: !0 })
-], S.prototype, "apiGatewayConfig");
-R([
-  f()
-], S.prototype, "storeService");
-R([
-  f()
-], S.prototype, "dspStoreService");
-R([
-  f()
-], S.prototype, "_apiGatewayConfigParsed");
-R([
-  y({ type: Array })
-], S.prototype, "providers");
-const We = (e, { keywords: t = [], attributes: s = ["dataSrc"] } = {}) => {
+j([
+  v({ attribute: "participant-connector-uri", reflect: !0 })
+], P.prototype, "participantConnectorUri");
+j([
+  v({ attribute: "participant-id", reflect: !0 })
+], P.prototype, "participantId");
+j([
+  v({ attribute: "participant-api-key", reflect: !0 })
+], P.prototype, "participantApiKey");
+j([
+  v({ attribute: "api-gateway-config", reflect: !0 })
+], P.prototype, "apiGatewayConfig");
+j([
+  m()
+], P.prototype, "storeService");
+j([
+  m()
+], P.prototype, "dspStoreService");
+j([
+  m()
+], P.prototype, "_apiGatewayConfigParsed");
+j([
+  v({ type: Array })
+], P.prototype, "providers");
+const oe = (e, { keywords: t = [], attributes: r = ["dataSrc"] } = {}) => {
   const i = () => {
-    t && s && (e.caching === void 0 && (e.caching = 0), e.hasCachedDatas === void 0 && (e.hasCachedDatas = !1), e.cacheListener = (r) => {
-      const o = r.detail.id || r.detail.resource["@id"];
-      if (t.some((n) => o?.includes(n))) {
-        for (const n of s)
-          e[n] && o !== e[n] && window.sibStore.clearCache(e[n]);
-        e.caching++, e.hasCachedDatas = !1, e.requestUpdate();
-      }
-    }, e._subscriptions.add(["save", e.cacheListener]), e._subscribe());
+    if (!t.length || !r.length) return;
+    e.caching === void 0 && (e.caching = 0), e.hasCachedDatas === void 0 && (e.hasCachedDatas = !1);
+    let s = !1;
+    const o = new Set(t);
+    e.cacheListener = (n) => {
+      const a = n.detail.id || n.detail.resource?.["@id"];
+      if (!a || !Array.from(o).some((p) => {
+        const u = a.indexOf(p);
+        return u !== -1 && (u === 0 || a[u - 1] === "/");
+      })) return;
+      let d = !1;
+      for (const p of r)
+        e[p] && a !== e[p] && (window.sibStore.clearCache(e[p]), d = !0);
+      d && (e.caching++, e.hasCachedDatas = !1, s || (s = !0, requestAnimationFrame(() => {
+        e.requestUpdate(), s = !1;
+      })));
+    }, e._subscriptions.add(["save", e.cacheListener]), e._subscribe();
   };
-  document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", i) : i();
+  if (document.readyState !== "complete") {
+    const s = () => {
+      document.readyState === "complete" && (document.removeEventListener("readystatechange", s), i());
+    };
+    document.addEventListener("readystatechange", s);
+  } else
+    i();
 };
-function Ke() {
-  return Math.random().toString(16).slice(2);
+function Je() {
+  return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const re = ({
+const ne = ({
   component: e,
   defaultRoute: t = !1,
-  ignoreRouter: s = !1
+  ignoreRouter: r = !1
 }) => {
-  if (e.uniq || (e.uniq = Ke(), t && !e.route && !s && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !s) {
+  if (e.uniq || (e.uniq = Je(), t && !e.route && !r && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !r) {
     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; )
-      e.noRouter = !1, e.currentRoute = i.currentRouteName, e.currentResource = window.sibRouter.currentResource, i = document.querySelector(
-        `[data-view="${i.currentRouteName}"] solid-router`
-      );
+    const s = window.sibRouter.currentResource;
+    for (; i; ) {
+      e.noRouter = !1, e.currentRoute = i.currentRouteName, e.currentResource = s;
+      const o = `[data-view="${i.currentRouteName}"] solid-router`;
+      i = document.querySelector(o);
+    }
     e.navigationListener = () => {
-      let r = document.querySelector("solid-router");
-      for (; r; )
-        e.noRouter = !1, e.currentRoute = r.currentRouteName, e.currentResource = window.sibRouter.currentResource, r = document.querySelector(
-          `[data-view="${r.currentRouteName}"] solid-router`
-        );
+      let o = document.querySelector("solid-router");
+      const n = window.sibRouter.currentResource;
+      for (; o; ) {
+        e.noRouter = !1, e.currentRoute = o.currentRouteName, e.currentResource = n;
+        const a = `[data-view="${o.currentRouteName}"] solid-router`;
+        o = document.querySelector(a);
+      }
       e.requestUpdate();
     }, e._subscriptions.add(["navigate", e.navigationListener]);
   }
@@ -1293,195 +1326,219 @@ const re = ({
       document.removeEventListener(i[0], i[1]);
   }, e._subscribe();
 };
-function zt(e) {
+function Wt(e) {
   return !Number.isNaN(new Date(e).getTime());
 }
-const vt = (e, t, s) => {
+const bt = (e, t, r) => {
   if (e == null)
     return !1;
   const i = t.split(".");
-  let r = e;
+  let s = e;
   for (const o of i)
-    if (r && typeof r == "object" && o in r)
-      r = r[o];
+    if (s && typeof s == "object" && o in s)
+      s = s[o];
     else
       return !1;
-  if (zt(r)) {
-    if (new Date(r) > s)
+  if (Wt(s)) {
+    if (new Date(s) > r)
       return !0;
   } else
     return !1;
   return Array.isArray(e) ? e.some(
-    (o) => vt(o, t, s)
-  ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && zt(n) ? !1 : vt(n, t, s)) : !1;
-}, Ge = (e, t, s) => {
-  if (!t || !s || typeof s != "string")
+    (o) => bt(o, t, r)
+  ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && Wt(n) ? !1 : bt(n, t, r)) : !1;
+}, Ze = (e, t, r) => {
+  if (!t || !r || typeof r != "string")
     return e;
-  const i = new Date(s);
-  return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${s}`), e) : e.filter(
-    (r) => vt(r, t, i)
+  const i = new Date(r);
+  return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${r}`), e) : e.filter(
+    (s) => bt(s, t, i)
   );
-}, Je = (e, t, s) => !t || !s ? e : e.filter((i) => {
-  let r = i;
-  const o = t.split(".");
-  for (const a of o)
-    if (r && typeof r == "object" && a in r)
-      r = r[a];
-    else
-      return !1;
-  const n = r;
-  return n ? typeof n == "object" && !Array.isArray(n) && n !== null && "@id" in n && n["@id"] === s ? !0 : Array.isArray(n) ? n.some(
-    (a) => typeof a == "object" && a !== null && "@id" in a && a["@id"] === s
-  ) : !1 : !1;
-});
-function Ze(e) {
+};
+function Xe(e) {
   return typeof e != "string" && typeof e != "number" && !(e instanceof Date) ? !1 : !Number.isNaN(new Date(e).getTime());
 }
-const bt = (e, t, s, i) => {
+const $t = (e, t, r, i) => {
   if (e == null)
     return !1;
-  const r = t.split(".");
+  const s = t.split(".");
   let o = e;
-  for (const n of r)
+  for (const n of s)
     if (o && typeof o == "object" && n in o)
       o = o[n];
     else
       return !1;
   if (typeof o == "number") {
-    if (typeof s == "number" && typeof i == "number" && s <= o && o <= i)
+    if (typeof r == "number" && typeof i == "number" && r <= o && o <= i)
       return !0;
-  } else if (Ze(o)) {
+  } else if (Xe(o)) {
     const n = new Date(o);
-    if (s instanceof Date && i instanceof Date && s <= n && n <= i)
+    if (r instanceof Date && i instanceof Date && r <= n && n <= i)
       return !0;
   } else
     return !1;
   return Array.isArray(e) ? e.some(
-    (n) => bt(n, t, s, i)
+    (n) => $t(n, t, r, i)
   ) : typeof e == "object" ? Object.entries(e).some(
-    ([n, a]) => bt(a, t, s, i)
+    ([n, a]) => $t(a, t, r, i)
   ) : !1;
-}, Xe = (e, t, s) => {
-  if (!t || !s || typeof s != "string")
+}, Qe = (e, t, r) => {
+  if (!t || !r)
     return e;
-  const [i, r] = s.split("/").map(Number);
-  return Number.isNaN(i) || Number.isNaN(r) ? e : i > r ? (console.warn(`Start number is after end number in interval: ${s}`), e) : e.filter(
-    (o) => bt(o, t, i, r)
+  const i = t.split(".");
+  return e.filter((s) => {
+    let o = s;
+    for (const a of i)
+      if (o && typeof o == "object" && a in o)
+        o = o[a];
+      else
+        return !1;
+    const n = o;
+    return n ? typeof n == "object" && !Array.isArray(n) && n !== null && "@id" in n && n["@id"] === r ? !0 : Array.isArray(n) ? n.some(
+      (a) => typeof a == "object" && a !== null && "@id" in a && a["@id"] === r
+    ) : !1 : !1;
+  });
+}, Ye = (e, t, r) => {
+  if (!t || !r || typeof r != "string")
+    return e;
+  const [i, s] = r.split("/").map(Number);
+  return Number.isNaN(i) || Number.isNaN(s) ? e : i > s ? (console.warn(`Start number is after end number in interval: ${r}`), e) : e.filter(
+    (o) => $t(o, t, i, s)
   );
-}, $t = (e, t, s) => {
+}, _t = (e, t, r) => {
   if (e == null)
     return 0;
   if (typeof e != "object") {
-    const r = String(e).toLowerCase(), o = t.replace(
+    const s = String(e).toLowerCase(), o = t.replace(
       /[.*+?^${}()|[\]\\]/g,
       "\\$&"
     ), n = new RegExp(`\\b${o}\\b`);
     let a = 0;
-    return n.test(r) ? a = 2 : r.includes(t) && (a = 1), a;
+    return n.test(s) ? a = 2 : s.includes(t) && (a = 1), a;
   }
   if (Array.isArray(e)) {
-    let r = 0;
+    let s = 0;
     for (const o of e)
-      if (r = Math.max(
-        r,
-        $t(
+      if (s = Math.max(
+        s,
+        _t(
           o,
           t
         )
-      ), r === 2) break;
-    return r;
+      ), s === 2) break;
+    return s;
   }
   let i = 0;
-  for (const r of Object.values(e))
+  for (const s of Object.values(e))
     if (i = Math.max(
       i,
-      $t(
-        r,
+      _t(
+        s,
         t
       )
     ), i === 2) break;
   return i;
-}, Qe = (e, t, s) => {
-  if (!t || !s || s.trim() === "")
+}, tr = (e, t, r) => {
+  if (!t || !r || r.trim() === "")
     return e;
-  const i = s.toLowerCase(), o = e.map((n) => {
-    let a = n;
-    const c = t.split(".");
-    for (const m of c)
-      if (a && typeof a == "object" && m in a)
-        a = a[m];
+  const i = r.toLowerCase(), s = t.split(".");
+  return e.map((o) => {
+    let n = o;
+    for (const c of s)
+      if (n && typeof n == "object" && c in n)
+        n = n[c];
       else {
-        a = null;
+        n = null;
         break;
       }
-    let h = 0;
-    return a && (h = $t(a, i)), { obj: n, score: h };
-  }).filter((n) => n.score > 0);
-  return o.sort((n, a) => a.score - n.score), o.map((n) => n.obj);
-}, Ye = (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, _t = (e, t, s) => {
+    let a = 0;
+    return n && (a = _t(
+      n,
+      i
+    )), { obj: o, score: a };
+  }).filter((o) => o.score > 0).sort((o, n) => n.score - o.score).map((o) => o.obj);
+}, er = (e, t) => t ? e.filter((r) => {
+  const i = r["@type"];
+  return i ? typeof i == "string" ? i === t : Array.isArray(i) ? i.some((s) => s === t) : !1 : !1;
+}) : e, wt = (e, t, r) => {
   if (e == null)
     return 0;
   if (typeof e != "object") {
-    const r = String(e).toLowerCase(), o = t.replace(
+    const s = String(e).toLowerCase(), o = t.replace(
       /[.*+?^${}()|[\]\\]/g,
       "\\$&"
     ), n = new RegExp(`\\b${o}\\b`);
     let a = 0;
-    return n.test(r) ? s === "name" || s === "title" ? a = 4 : a = 3 : r.includes(t) && (s === "name" || s === "title" ? a = 2 : a = 1), a;
+    return n.test(s) ? r === "name" || r === "title" ? a = 4 : a = 3 : s.includes(t) && (r === "name" || r === "title" ? a = 2 : a = 1), a;
   }
   if (Array.isArray(e)) {
-    let r = 0;
+    let s = 0;
     for (const o of e)
-      if (r = Math.max(
-        r,
-        _t(o, t)
-      ), r === 4) break;
-    return r;
+      if (s = Math.max(
+        s,
+        wt(o, t)
+      ), s === 4) break;
+    return s;
   }
   let i = 0;
-  for (const [r, o] of Object.entries(e))
+  for (const [s, o] of Object.entries(e))
     if (i = Math.max(
       i,
-      _t(o, t, r)
+      wt(o, t, s)
     ), i === 4) break;
   return i;
-}, ie = (e, t) => {
+}, ae = (e, t) => {
   if (!t || t.trim() === "")
     return e;
-  const s = t.toLowerCase(), r = e.map((o) => ({
-    obj: o,
-    score: _t(o, s)
-  })).filter((o) => o.score > 0);
-  return r.sort((o, n) => n.score - o.score), r.map((o) => o.obj);
-}, Vt = (e, t) => {
-  let s = e;
-  for (let i = 0; i < t.length && (s && t[i] in s); i++)
-    s = s[t[i]];
-  return s;
-}, j = (e, t, s = "asc") => e.sort((i, r) => {
-  let o = i, n = r;
-  Array.isArray(t) ? (o = Vt(i, t), n = Vt(r, t)) : (o = i[t], n = r[t]);
-  let a = 0;
-  if (typeof o == "number" && typeof n == "number")
-    a = o - n;
-  else if (typeof o == "string" && typeof n == "string")
-    a = o.localeCompare(n);
-  else if (o instanceof Date && n instanceof Date)
-    a = o.getTime() - n.getTime();
-  else
+  const r = t.toLowerCase();
+  return e.map((i) => ({
+    obj: i,
+    score: wt(i, r)
+  })).filter((i) => i.score > 0).sort((i, s) => s.score - i.score).map((i) => i.obj);
+}, D = (e, t) => {
+  let r = e;
+  for (const i of t)
+    if (r && i in r)
+      r = r[i];
+    else
+      return;
+  return r;
+}, S = (e, t, r = "asc") => {
+  const i = Array.isArray(t) ? t : [t], s = r !== "asc", o = [...e], a = (() => {
+    const c = D(o[0], i);
+    if (typeof c == "number")
+      return (d, p) => {
+        const u = D(d, i), g = D(p, i);
+        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u - g;
+      };
+    if (typeof c == "string")
+      return (d, p) => {
+        const u = D(d, i), g = D(p, i);
+        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u.localeCompare(g);
+      };
+    if (c instanceof Date)
+      return (d, p) => {
+        const u = D(d, i), g = D(p, i);
+        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u.getTime() - g.getTime();
+      };
     throw new TypeError(`Unsupported data type for key "${t}"`);
-  return s === "asc" ? a : -a;
-}), T = (e, t = {
+  })();
+  return o.sort((c, d) => {
+    const p = a(c, d);
+    return s ? -p : p;
+  }), o;
+}, Kt = /* @__PURE__ */ new Map(), rr = (e) => {
+  const t = JSON.stringify(e);
+  let r = Kt.get(t);
+  return r || (r = new Intl.DateTimeFormat(void 0, e), Kt.set(t, r)), r;
+}, I = (e, t = {
   day: "2-digit",
   month: "2-digit",
   year: "2-digit"
 }) => {
   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;
+  const r = typeof e == "string" ? new Date(e) : e, s = rr(t).format(r);
+  return typeof e == "string" && s === "Invalid Date" ? e : s;
 }, L = (e, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
@@ -1491,49 +1548,49 @@ const bt = (e, t, s, i) => {
       }
     })
   );
-}, ts = "https://cdn.startinblox.com/owl/ds4go.jsonld#", es = { "@id": "ds4go:link", "@type": "@id" }, ss = { "@id": "ds4go:enclosure", "@type": "@id" }, rs = { "@id": "ds4go:url", "@type": "@id" }, Wt = {
-  ds4go: ts,
-  link: es,
-  enclosure: ss,
-  url: rs
+}, sr = "https://cdn.startinblox.com/owl/ds4go.jsonld#", ir = { "@id": "ds4go:link", "@type": "@id" }, or = { "@id": "ds4go:enclosure", "@type": "@id" }, nr = { "@id": "ds4go:url", "@type": "@id" }, Gt = {
+  ds4go: sr,
+  link: ir,
+  enclosure: or,
+  url: nr
 };
-const wt = "lit-localize-status";
-const is = (e, ...t) => ({
+const At = "lit-localize-status";
+const ar = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), P = is, os = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, s) => {
+}), R = ar, cr = (e) => typeof e != "string" && "strTag" in e, ce = (e, t, r) => {
   let i = e[0];
-  for (let r = 1; r < e.length; r++)
-    i += t[s ? s[r - 1] : r - 1], i += e[r];
+  for (let s = 1; s < e.length; s++)
+    i += t[r ? r[s - 1] : s - 1], i += e[s];
   return i;
 };
-const ne = ((e) => os(e) ? oe(e.strings, e.values) : e);
-let d = ne, Kt = !1;
-function ns(e) {
-  if (Kt)
+const le = ((e) => cr(e) ? ce(e.strings, e.values) : e);
+let h = le, Jt = !1;
+function lr(e) {
+  if (Jt)
     throw new Error("lit-localize can only be configured once");
-  d = e, Kt = !0;
+  h = e, Jt = !0;
 }
-class as {
+class dr {
   constructor(t) {
-    this.__litLocalizeEventHandler = (s) => {
-      s.detail.status === "ready" && this.host.requestUpdate();
+    this.__litLocalizeEventHandler = (r) => {
+      r.detail.status === "ready" && this.host.requestUpdate();
     }, this.host = t;
   }
   hostConnected() {
-    window.addEventListener(wt, this.__litLocalizeEventHandler);
+    window.addEventListener(At, this.__litLocalizeEventHandler);
   }
   hostDisconnected() {
-    window.removeEventListener(wt, this.__litLocalizeEventHandler);
+    window.removeEventListener(At, this.__litLocalizeEventHandler);
   }
 }
-const cs = (e) => e.addController(new as(e)), ls = cs;
-const ds = () => (e, t) => (e.addInitializer(ls), e);
-class ae {
+const ur = (e) => e.addController(new dr(e)), hr = ur;
+const pr = () => (e, t) => (e.addInitializer(hr), e);
+class de {
   constructor() {
-    this.settled = !1, this.promise = new Promise((t, s) => {
-      this._resolve = t, this._reject = s;
+    this.settled = !1, this.promise = new Promise((t, r) => {
+      this._resolve = t, this._reject = r;
     });
   }
   resolve(t) {
@@ -1546,104 +1603,104 @@ class ae {
 const C = [];
 for (let e = 0; e < 256; e++)
   C[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function us(e) {
-  let t = 0, s = 8997, i = 0, r = 33826, o = 0, n = 40164, a = 0, c = 52210;
-  for (let h = 0; h < e.length; h++)
-    s ^= e.charCodeAt(h), t = s * 435, i = r * 435, o = n * 435, a = c * 435, o += s << 8, a += r << 8, i += t >>> 16, s = t & 65535, o += i >>> 16, r = i & 65535, c = a + (o >>> 16) & 65535, n = o & 65535;
-  return C[c >> 8] + C[c & 255] + C[n >> 8] + C[n & 255] + C[r >> 8] + C[r & 255] + C[s >> 8] + C[s & 255];
+function fr(e) {
+  let t = 0, r = 8997, i = 0, s = 33826, o = 0, n = 40164, a = 0, c = 52210;
+  for (let d = 0; d < e.length; d++)
+    r ^= e.charCodeAt(d), t = r * 435, i = s * 435, o = n * 435, a = c * 435, o += r << 8, a += s << 8, i += t >>> 16, r = t & 65535, o += i >>> 16, s = i & 65535, c = a + (o >>> 16) & 65535, n = o & 65535;
+  return C[c >> 8] + C[c & 255] + C[n >> 8] + C[n & 255] + C[s >> 8] + C[s & 255] + C[r >> 8] + C[r & 255];
 }
-const hs = "", ps = "h", fs = "s";
-function ms(e, t) {
-  return (t ? ps : fs) + us(typeof e == "string" ? e : e.join(hs));
+const mr = "", gr = "h", yr = "s";
+function vr(e, t) {
+  return (t ? gr : yr) + fr(typeof e == "string" ? e : e.join(mr));
 }
-const Gt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new Map();
-function gs(e, t, s) {
+const Zt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new Map();
+function br(e, t, r) {
   if (e) {
-    const i = s?.id ?? ys(t), r = e[i];
-    if (r) {
-      if (typeof r == "string")
-        return r;
-      if ("strTag" in r)
-        return oe(
-          r.strings,
+    const i = r?.id ?? $r(t), s = e[i];
+    if (s) {
+      if (typeof s == "string")
+        return s;
+      if ("strTag" in s)
+        return ce(
+          s.strings,
           // Cast `template` because its type wasn't automatically narrowed (but
           // we know it must be the same type as `localized`).
           t.values,
-          r.values
+          s.values
         );
       {
-        let o = Gt.get(r);
-        return o === void 0 && (o = r.values, Gt.set(r, o)), {
-          ...r,
+        let o = Zt.get(s);
+        return o === void 0 && (o = s.values, Zt.set(s, o)), {
+          ...s,
           values: o.map((n) => t.values[n])
         };
       }
     }
   }
-  return ne(t);
+  return le(t);
 }
-function ys(e) {
+function $r(e) {
   const t = typeof e == "string" ? e : e.strings;
-  let s = Jt.get(t);
-  return s === void 0 && (s = ms(t, typeof e != "string" && !("strTag" in e)), Jt.set(t, s)), s;
+  let r = Xt.get(t);
+  return r === void 0 && (r = vr(t, typeof e != "string" && !("strTag" in e)), Xt.set(t, r)), r;
 }
-function gt(e) {
-  window.dispatchEvent(new CustomEvent(wt, { detail: e }));
+function yt(e) {
+  window.dispatchEvent(new CustomEvent(At, { detail: e }));
 }
-let nt = "", yt, ce, at, At, le, D = new ae();
-D.resolve();
-let st = 0;
-const vs = (e) => (ns(((t, s) => gs(le, t, s))), nt = ce = e.sourceLocale, at = new Set(e.targetLocales), at.add(e.sourceLocale), At = e.loadLocale, { getLocale: bs, setLocale: $s }), bs = () => nt, $s = (e) => {
-  if (e === (yt ?? nt))
-    return D.promise;
-  if (!at || !At)
+let lt = "", vt, ue, dt, Ct, he, O = new de();
+O.resolve();
+let ot = 0;
+const _r = (e) => (lr(((t, r) => br(he, t, r))), lt = ue = e.sourceLocale, dt = new Set(e.targetLocales), dt.add(e.sourceLocale), Ct = e.loadLocale, { getLocale: wr, setLocale: Ar }), wr = () => lt, Ar = (e) => {
+  if (e === (vt ?? lt))
+    return O.promise;
+  if (!dt || !Ct)
     throw new Error("Internal error");
-  if (!at.has(e))
+  if (!dt.has(e))
     throw new Error("Invalid locale code");
-  st++;
-  const t = st;
-  return yt = e, D.settled && (D = new ae()), gt({ status: "loading", loadingLocale: e }), (e === ce ? (
+  ot++;
+  const t = ot;
+  return vt = e, O.settled && (O = new de()), yt({ status: "loading", loadingLocale: e }), (e === ue ? (
     // 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) => {
-    st === t && (nt = e, yt = void 0, le = i.templates, gt({ status: "ready", readyLocale: e }), D.resolve());
+  ) : Ct(e)).then((i) => {
+    ot === t && (lt = e, vt = void 0, he = i.templates, yt({ status: "ready", readyLocale: e }), O.resolve());
   }, (i) => {
-    st === t && (gt({
+    ot === t && (yt({
       status: "error",
       errorLocale: e,
       errorMessage: i.toString()
-    }), D.reject(i));
-  }), D.promise;
+    }), O.reject(i));
+  }), O.promise;
 };
-var _s = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, Ut = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? ws(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 && _s(t, s, r), r;
+var Cr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Dt = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Sr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Cr(t, r, s), s;
 };
-let X = class extends Rt {
+let Q = class extends kt {
   constructor() {
     super(...arguments), this.search = [], this._displayObjects = [];
   }
   filter(e, t = []) {
     if (!t || t.length === 0 || !e || e.length === 0)
       return e;
-    const s = /* @__PURE__ */ new Map();
-    for (const r of t) {
-      const o = r.name, n = s.get(o) || [];
-      n.push(r), s.set(o, n);
+    const r = /* @__PURE__ */ new Map();
+    for (const s of t) {
+      const o = s.name, n = r.get(o) || [];
+      n.push(s), r.set(o, n);
     }
     let i = [...e];
-    for (const r of s.values()) {
+    for (const s of r.values()) {
       if (i.length === 0)
         break;
       const o = [];
-      for (const n of r)
+      for (const n of s)
         switch (n.type) {
           case "interval":
             o.push(
-              Xe(
+              Ye(
                 i,
                 n.name,
                 n.value
@@ -1652,7 +1709,7 @@ let X = class extends Rt {
             break;
           case "dateAfter":
             o.push(
-              Ge(
+              Ze(
                 i,
                 n.name,
                 n.value
@@ -1661,7 +1718,7 @@ let X = class extends Rt {
             break;
           case "matchId":
             o.push(
-              Je(
+              Qe(
                 i,
                 n.name,
                 n.value
@@ -1670,12 +1727,12 @@ let X = class extends Rt {
             break;
           case "matchType":
             o.push(
-              Ye(i, n.value)
+              er(i, n.value)
             );
             break;
           case "exact":
             o.push(
-              Qe(
+              tr(
                 i,
                 n.name,
                 n.value
@@ -1684,7 +1741,7 @@ let X = class extends Rt {
             break;
           default:
             o.push(
-              ie(i, n.value)
+              ae(i, n.value)
             );
         }
       i = [...o.flat()];
@@ -1702,15 +1759,15 @@ let X = class extends Rt {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? l : u`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? l : f`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = [
         {
-          name: `${e.facts.length} ${e.facts.length > 1 ? d("facts") : d("fact")}`,
+          name: `${e.facts.length} ${e.facts.length > 1 ? h("facts") : h("fact")}`,
           type: "information"
         }
       ];
-      return u`<tems-card-catalog
+      return f`<tems-card-catalog
           .object=${l}
           type=${"bill-image"}
           .tags=${t}
@@ -1723,7 +1780,7 @@ let X = class extends Rt {
     </div>`;
   }
 };
-X.styles = lt`
+Q.styles = tt`
     .card-grid {
       display: flex;
       flex-direction: row;
@@ -1741,22 +1798,22 @@ X.styles = lt`
       cursor: pointer;
     }
   `;
-Ut([
-  f()
-], X.prototype, "search", 2);
-Ut([
-  f()
-], X.prototype, "_displayObjects", 2);
-X = Ut([
-  V("ds4go-fact-bundle-holder")
-], X);
-const As = ".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}.flex .align-items-flex-end{align-items:flex-end}.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:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
-var Cs = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, de = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ss(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 && Cs(t, s, r), r;
+Dt([
+  m()
+], Q.prototype, "search", 2);
+Dt([
+  m()
+], Q.prototype, "_displayObjects", 2);
+Q = Dt([
+  M("ds4go-fact-bundle-holder")
+], Q);
+const xr = ".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}.flex .align-items-flex-end{align-items:flex-end}.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:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
+var Pr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, pe = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Er(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Pr(t, r, s), s;
 };
-let ct = class extends ke {
+let ut = class extends Fe {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
@@ -1764,12 +1821,12 @@ let ct = class extends ke {
     this.dispatchEvent(new CustomEvent("close"));
   }
   render() {
-    return u`<div class="modal">
+    return f`<div class="modal">
       <div class="topbar">
         <tems-button
           @click=${this._closeModal}
           type="outline-gray"
-          .iconLeft=${u`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+          .iconLeft=${f`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
         ></tems-button>
       </div>
       <div class="modal-content-wrapper">
@@ -1782,22 +1839,22 @@ let ct = class extends ke {
               ><div>${String(this.object.description || "")}</div></tems-division
             >
             <tems-division type="h4"
-              ><div>${d("All facts in this bundle")}</div></tems-division
+              ><div>${h("All facts in this bundle")}</div></tems-division
             >
             <div class="card-grid card-grid-vertical">
               ${this.object.facts.map((e) => {
-      const t = e.categories.map((s) => ({
-        name: s.name,
+      const t = e.categories.map((r) => ({
+        name: r.name,
         type: "information"
       }));
       if (t.length > 3) {
-        const s = t.length - 3;
-        t.splice(3, s), t.push({
-          name: `+${s} ${d("more")}`,
+        const r = t.length - 3;
+        t.splice(3, r), t.push({
+          name: `+${r} ${h("more")}`,
           type: "information"
         });
       }
-      return u`<tems-card-catalog
+      return f`<tems-card-catalog
                   .object=${l}
                   .tags=${t}
                   .header=${e.name || l}
@@ -1809,10 +1866,10 @@ let ct = class extends ke {
             <tems-division type="body-sm"
               ><div>
                 <div>
-                  ${d("Bundle created on")} ${String(this.object.created_at)}
+                  ${h("Bundle created on")} ${String(this.object.created_at)}
                 </div>
                 <div>
-                  ${d("Bundle updated on")} ${String(this.object.updated_at)}
+                  ${h("Bundle updated on")} ${String(this.object.updated_at)}
                 </div>
               </div></tems-division
             >
@@ -1822,27 +1879,27 @@ let ct = class extends ke {
     </div>`;
   }
 };
-ct.styles = lt`
-    ${xt(As)}
+ut.styles = tt`
+    ${Et(xr)}
   `;
-de([
-  y({ attribute: !1, type: Object })
-], ct.prototype, "object", 2);
-ct = de([
-  V("ds4go-fact-bundle-modal"),
-  ds()
-], ct);
-const xs = /* @__PURE__ */ Symbol();
-class pt {
+pe([
+  v({ attribute: !1, type: Object })
+], ut.prototype, "object", 2);
+ut = pe([
+  M("ds4go-fact-bundle-modal"),
+  pr()
+], ut);
+const Rr = /* @__PURE__ */ Symbol();
+class rt {
   get taskComplete() {
-    return this.t || (this.i === 1 ? this.t = new Promise(((t, s) => {
-      this.o = t, this.h = s;
+    return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
+      this.o = t, this.h = r;
     })) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
   }
-  constructor(t, s, i) {
+  constructor(t, r, 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 ?? Ps, 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?.());
+    const s = typeof r == "object" ? r : { task: r, args: i };
+    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? jr, this.k = s.onComplete, this.A = s.onError, this.autoRun = s.autoRun ?? !0, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = this.T?.());
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -1857,29 +1914,29 @@ class pt {
     return t;
   }
   async S() {
-    const t = this.T(), s = this.O;
-    this.O = t, t === s || t === void 0 || s !== void 0 && this.m(s, t) || await this.run(t);
+    const t = this.T(), r = this.O;
+    this.O = t, t === r || t === void 0 || r !== void 0 && this.m(r, t) || await this.run(t);
   }
   async run(t) {
-    let s, i;
+    let r, i;
     t ??= this.T(), this.O = t, this.i === 1 ? this.q?.abort() : (this.t = void 0, this.o = void 0, this.h = void 0), this.i = 1, this.autoRun === "afterUpdate" ? queueMicrotask((() => this._.requestUpdate())) : this._.requestUpdate();
-    const r = ++this.p;
+    const s = ++this.p;
     this.q = new AbortController();
     let o = !1;
     try {
-      s = await this.v(t, { signal: this.q.signal });
+      r = await this.v(t, { signal: this.q.signal });
     } catch (n) {
       o = !0, i = n;
     }
-    if (this.p === r) {
-      if (s === xs) this.i = 0;
+    if (this.p === s) {
+      if (r === Rr) this.i = 0;
       else {
         if (o === !1) {
           try {
-            this.k?.(s);
+            this.k?.(r);
           } catch {
           }
-          this.i = 2, this.o?.(s);
+          this.i = 2, this.o?.(r);
         } else {
           try {
             this.A?.(i);
@@ -1887,7 +1944,7 @@ class pt {
           }
           this.i = 3, this.h?.(i);
         }
-        this.u = s, this.l = i;
+        this.u = r, this.l = i;
       }
       this._.requestUpdate();
     }
@@ -1919,21 +1976,73 @@ class pt {
     }
   }
 }
-const Ps = (e, t) => e === t || e.length === t.length && e.every(((s, i) => !ut(s, t[i])));
-var js = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, U = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Es(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 && js(t, s, r), r;
+const jr = (e, t) => e === t || e.length === t.length && e.every(((r, i) => !pt(r, t[i])));
+!window.orbit && !"/".includes("cypress") && await new Promise((e) => {
+  document.addEventListener("orbit-ready", () => {
+    e(!0);
+  });
+});
+var Ur = Object.getOwnPropertyDescriptor, kr = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ur(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = n(s) || s);
+  return s;
+};
+let St = class extends $ {
+  constructor() {
+    super(...arguments), this.cherryPickedProperties = [{ key: "name", value: "name" }], this._getResource = new rt(this, {
+      task: async ([e]) => {
+        if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
+          if (!this.hasCachedDatas || this.oldDataSrc !== e) {
+            if (!e) return;
+            this.datas = await this._getProxyValue(e), this.hasCachedDatas = !0;
+          }
+          return this.oldDataSrc !== e && (this.oldDataSrc = e), S(this.datas, "name", "asc");
+        }
+      },
+      args: () => [this.dataSrc, this.caching, this.currentRoute]
+    });
+  }
+  async _afterAttach() {
+    return oe(this, {
+      keywords: ["some-keyword", "for-invalidating", "cache"]
+    }), Promise.resolve();
+  }
+  render() {
+    return this.gatekeeper() || this._getResource.render({
+      pending: () => f`<solid-loader></solid-loader>`,
+      complete: (e) => e ? f`<div>
+            <sample-objects .objects=${e}></sample-objects>
+          </div>` : l
+    });
+  }
 };
-let A = class extends b {
+St.styles = tt`
+    div {
+      background-color: red;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  `;
+St = kr([
+  M("solid-boilerplate")
+], St);
+var Dr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, U = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Or(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Dr(t, r, s), s;
+};
+let A = class extends $ {
   constructor() {
     super(...arguments), this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
       { key: "dct:title", value: "title" },
       { key: "dct:description", value: "description" },
       { key: "dcat:dataset", value: "dataset", expand: !0 },
       { key: "dct:creator", value: "creator" }
-    ], this.sectors = [], this._getResource = new pt(this, {
-      task: async ([e, t, s]) => {
+    ], this.sectors = [], this._getResource = new rt(this, {
+      task: async ([e, t, r]) => {
         if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (this.displayFiltering = !this.component.parameters.disableFiltering, !this.hasCachedDatas) {
             if (!e) return;
@@ -1948,25 +2057,25 @@ let A = class extends b {
           }
           if (t) {
             this.catalogs = [];
-            const i = t === "*" ? this.sectors : this.sectors.filter((r) => r.id === t);
+            const i = t === "*" ? this.sectors : this.sectors.filter((s) => s.id === t);
             if (i.length > 0 && (this.catalogs = (await Promise.all(
-              i.map(async (r) => {
+              i.map(async (s) => {
                 try {
                   return (await (await fetch(
-                    `${r.federatedCatalogEndpoint}/discovery`
+                    `${s.federatedCatalogEndpoint}/discovery`
                   )).json()).catalogs;
                 } catch (o) {
                   return console.warn(
-                    `Failed to fetch sector authority ${r.federatedCatalogEndpoint}/discovery`,
+                    `Failed to fetch sector authority ${s.federatedCatalogEndpoint}/discovery`,
                     o
                   ), [];
                 }
               })
-            )).flat()), s) {
-              if (s === "*")
+            )).flat()), r) {
+              if (r === "*")
                 return this.object = {
                   "@id": "urn:uuid:all-catalogs",
-                  "dct:title": d("All Catalogs"),
+                  "dct:title": h("All Catalogs"),
                   "dct:description": "",
                   "dcat:dataset": (await Promise.all(
                     this.catalogs.map(async (o) => {
@@ -1981,27 +2090,27 @@ let A = class extends b {
                     })
                   )).flat()
                 }, this.object;
-              const r = this.catalogs.find(
-                (o) => o.catalogId === s
+              const s = this.catalogs.find(
+                (o) => o.catalogId === r
               );
-              if (r)
+              if (s)
                 try {
-                  return this.object = await (await fetch(r.endpoints.catalog)).json(), this.object["dcat:dataset"] = j(
+                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = S(
                     this.object["dcat:dataset"],
                     "dct:title",
                     "asc"
                   ), this.object;
                 } catch (o) {
                   console.warn(
-                    `Failed to fetch catalog from ${r.endpoints.catalog}`,
+                    `Failed to fetch catalog from ${s.endpoints.catalog}`,
                     o
                   );
                   return;
                 }
             }
-            return j(this.catalogs, "catalogId", "asc");
+            return S(this.catalogs, "catalogId", "asc");
           }
-          return j(this.sectors, "id", "asc");
+          return S(this.sectors, "id", "asc");
         }
       },
       args: () => [
@@ -2035,70 +2144,70 @@ let A = class extends b {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => u`<solid-loader></solid-loader>`,
+      pending: () => f`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), l),
-      complete: (e) => u`<tems-viewport>
+      complete: (e) => f`<tems-viewport>
             <tems-header
               slot="header"
-              heading=${this.catalogId ? e ? this.catalogId === "*" ? `${d("All Datasets")}` : `${d("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : `${d(P`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${d("All Sectors")}` : `${d("Catalogs available in")} ${this.sectorId}` : `${d("Root Authority")}`}
-              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? u`<div slot="cta">
+              heading=${this.catalogId ? e ? this.catalogId === "*" ? `${h("All Datasets")}` : `${h("Datasets from")}
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(R`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${h("All Sectors")}` : `${h("Catalogs available in")} ${this.sectorId}` : `${h("Root Authority")}`}
+              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? f`<div slot="cta">
                     <tems-button
                       type="primary"
-                      label=${d(
-        P`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+                      label=${h(
+        R`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
                   </div>` : l}</tems-header
             >
             <div slot="content">
-              ${e ? u`<div>
-                    ${this.catalogId ? u`<tems-division type="body-m"
+              ${e ? f`<div>
+                    ${this.catalogId ? f`<tems-division type="body-m"
                           >${e["dct:description"]}</tems-division
                         >` : l}
                     <div class="card-grid card-grid-vertical">
-                      ${this.catalogId ? u`${e["dcat:dataset"].map(
-        (t) => u`<tems-card-catalog
+                      ${this.catalogId ? f`${e["dcat:dataset"].map(
+        (t) => f`<tems-card-catalog
                                 .object=${l}
                                 type=${"bill-image"}
                                 .header=${t["dct:title"] || l}
                                 .content=${t["dct:description"] || l}
                               ></tems-card-catalog>`
-      )}` : this.sectorId ? u`${e.map(
-        (t) => u`<tems-card-catalog
+      )}` : this.sectorId ? f`${e.map(
+        (t) => f`<tems-card-catalog
                                   class="cursor-pointer"
                                   .object=${l}
                                   type=${"bill-image"}
                                   .header=${t.catalogId || l}
                                   .content=${t.description || l}
-                                  date=${T(t.lastUpdated) || l}
+                                  date=${I(t.lastUpdated) || l}
                                   @click=${() => this._selectCatalog(t.catalogId)}
                                 ></tems-card-catalog>`
-      )}` : u`${e.map(
-        (t) => u`<tems-card-catalog
+      )}` : f`${e.map(
+        (t) => f`<tems-card-catalog
                                   class="cursor-pointer"
                                   .object=${l}
                                   type=${"bill-image"}
                                   .header=${t.id || l}
                                   .content=${t.description || l}
-                                  date=${T(t.lastUpdated) || l}
+                                  date=${I(t.lastUpdated) || l}
                                   @click=${() => this._selectSector(t.id)}
                                 ></tems-card-catalog>`
       )}`}
                     </div>
-                  </div>` : u`<p>
-                      ${d(
+                  </div>` : f`<p>
+                      ${h(
         "No data available, data source may be temporarily unavailable."
       )}
                     </p>
-                    ${this.sectorId || this.catalogId ? u`<tems-button
+                    ${this.sectorId || this.catalogId ? f`<tems-button
                           type="primary"
-                          label=${d("Back")}
+                          label=${h("Back")}
                           @click=${this._back}
-                        ></tems-button>` : u`<tems-button
+                        ></tems-button>` : f`<tems-button
                           type="primary"
-                          label=${d("Retry")}
+                          label=${h("Retry")}
                           @click=${this.requestUpdate}
                         ></tems-button>`}`}
             </div>
@@ -2106,7 +2215,7 @@ let A = class extends b {
     });
   }
 };
-A.styles = lt`
+A.styles = tt`
     .card-grid {
       margin: var(--scale-900) 0;
       display: flex;
@@ -2129,37 +2238,37 @@ A.styles = lt`
     }
   `;
 U([
-  y({ attribute: "sector-id", type: String })
+  v({ attribute: "sector-id", type: String })
 ], A.prototype, "sectorId", 2);
 U([
-  y({ attribute: "catalog-id", type: String })
+  v({ attribute: "catalog-id", type: String })
 ], A.prototype, "catalogId", 2);
 U([
-  f()
+  m()
 ], A.prototype, "search", 2);
 U([
-  f()
+  m()
 ], A.prototype, "resultCount", 2);
 U([
-  f()
+  m()
 ], A.prototype, "sectors", 2);
 U([
-  f()
+  m()
 ], A.prototype, "catalogs", 2);
 U([
-  f()
+  m()
 ], A.prototype, "object", 2);
 A = U([
-  V("solid-dsif-explorer-poc")
+  M("solid-dsif-explorer-poc")
 ], A);
-var Rs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, ft = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Us(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 && Rs(t, s, r), r;
+var Lr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, mt = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Tr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Lr(t, r, s), s;
 };
-let Q = class extends S {
+let Y = class extends P {
   constructor() {
-    super(...arguments), this.assets = [], this.policies = [], this.contracts = [], this._getResource = new pt(this, {
+    super(...arguments), this.assets = [], this.policies = [], this.contracts = [], this._getResource = new rt(this, {
       task: async () => {
         if (this.orbit) {
           if (!this.hasCachedDatas) {
@@ -2265,30 +2374,30 @@ let Q = class extends S {
     });
   }
 };
-ft([
-  f()
-], Q.prototype, "assets", 2);
-ft([
-  f()
-], Q.prototype, "policies", 2);
-ft([
-  f()
-], Q.prototype, "contracts", 2);
-Q = ft([
-  V("solid-dsp-connector")
-], Q);
-const Os = ".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}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}[slot=content]{height:100%}section{height:calc(100% - var(--scale-900)*2);padding:var(--scale-900) 0}section,section>div{gap:var(--scale-400)}section>div{display:flex;flex:1;flex-direction:column;height:100%}section>div:first-child{max-width:400px}.card-grid{align-content:flex-start;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;gap:20px;overflow-y:scroll}.card-grid-vertical{justify-content:stretch}.card-grid-vertical tems-card-catalog{height:fit-content;width:354px}tems-card-catalog{cursor:pointer}tems-card-catalog[selected]{--color-border-primary:var(--color-surface-action-solid)}tems-search-bar{--scale-900:0}.gap-400{gap:var(--scale-400)}div.select{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-200);width:100%}select{appearance:none;background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300);width:100%}select:hover{border:var(--border-width-sm) solid var(--color-border-action)}select option{background-color:var(--color-surface-primary);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300)}";
-var Ds = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, $ = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ls(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 && Ds(t, s, r), r;
+mt([
+  m()
+], Y.prototype, "assets", 2);
+mt([
+  m()
+], Y.prototype, "policies", 2);
+mt([
+  m()
+], Y.prototype, "contracts", 2);
+Y = mt([
+  M("solid-dsp-connector")
+], Y);
+const Ir = ".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}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}[slot=content]{height:100%}section{height:calc(100% - var(--scale-900)*2);padding:var(--scale-900) 0}section,section>div{gap:var(--scale-400)}section>div{display:flex;flex:1;flex-direction:column;height:100%}section>div:first-child{max-width:400px}.card-grid{align-content:flex-start;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;gap:20px;overflow-y:scroll}.card-grid-vertical{justify-content:stretch}.card-grid-vertical tems-card-catalog{height:fit-content;width:354px}tems-card-catalog{cursor:pointer}tems-card-catalog[selected]{--color-border-primary:var(--color-surface-action-solid)}tems-search-bar{--scale-900:0}.gap-400{gap:var(--scale-400)}div.select{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-200);width:100%}select{appearance:none;background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300);width:100%}select:hover{border:var(--border-width-sm) solid var(--color-border-action)}select option{background-color:var(--color-surface-primary);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300)}";
+var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, _ = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Nr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Fr(t, r, s), s;
 };
-let v = class extends b {
+let b = class extends $ {
   constructor() {
     super(...arguments), this.header = "DS4GO Fact Bundling Creation", this.selectedFacts = [], this.bundleName = "", this.bundleDescription = "", this.bundleLanguage = "en", this.policyTemplates = [
       {
         id: "policy-open-access",
-        name: d("Open access"),
+        name: h("Open access"),
         policy: {
           "@type": "Set",
           permission: [
@@ -2301,8 +2410,8 @@ let v = class extends b {
         }
       }
     ], this.bundleAccessPolicy = this.policyTemplates[0].id, this.bundleContractPolicy = this.policyTemplates[0].id, this.filterFactText = "", this.spliceLength = 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: T },
-      { key: "updated_at", value: "updated_at", cast: T },
+      { key: "created_at", value: "created_at", cast: I },
+      { key: "updated_at", value: "updated_at", cast: I },
       { key: "name", value: "name" },
       { key: "description", value: "description" },
       { key: "author", value: "author" },
@@ -2310,27 +2419,27 @@ let v = class extends b {
         key: "categories",
         value: "categories",
         expand: !0,
-        cast: (t) => j(t, "name")
+        cast: (t) => S(t, "name")
       }
-    ], this._getResource = new pt(this, {
-      task: async ([t, s, i]) => {
+    ], this._getResource = new rt(this, {
+      task: async ([t, r, i]) => {
         if (!(!t || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (!this.hasCachedDatas || this.oldDataSrc !== t) {
             if (!t) return;
             this.facts = await this._getProxyValue(t), this.hasCachedDatas = !0;
           }
-          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), s ? j(
-            ie(
+          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), r ? S(
+            ae(
               this.facts.filter(
-                (r) => !i.includes(r)
+                (s) => !i.includes(s)
               ),
-              s
+              r
             ),
             "name",
             "asc"
-          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), j(
+          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), S(
             this.facts.filter(
-              (r) => !this.selectedFacts.includes(r)
+              (s) => !this.selectedFacts.includes(s)
             ),
             "name",
             "asc"
@@ -2366,16 +2475,16 @@ let v = class extends b {
       "@type": ["ldp:Container", "ds4go:FactBundle"],
       name: this.bundleName,
       description: this.bundleDescription || "",
-      "ldp:contains": this.selectedFacts.map((r) => ({
-        "@id": r["@id"]
+      "ldp:contains": this.selectedFacts.map((s) => ({
+        "@id": s["@id"]
       }))
-    }, s = await window.sibStore.post(
+    }, r = await window.sibStore.post(
       t,
       this.dataSrc
     );
     if (document.dispatchEvent(
       new CustomEvent("save", {
-        detail: { resource: { "@id": s } },
+        detail: { resource: { "@id": r } },
         bubbles: !0
       })
     ), document.dispatchEvent(
@@ -2384,9 +2493,9 @@ let v = class extends b {
         bubbles: !0
       })
     ), this.dspConnector) {
-      const r = await window.crypto.subtle.digest("SHA-256", new TextEncoder().encode(s)).then((c) => `sha-256:${Array.from(new Uint8Array(c)).map((h) => h.toString(16).padStart(2, "0")).join("")}`);
+      const s = await window.crypto.subtle.digest("SHA-256", new TextEncoder().encode(r)).then((c) => `sha-256:${Array.from(new Uint8Array(c)).map((d) => d.toString(16).padStart(2, "0")).join("")}`);
       await this.dspConnector.instance?.createAsset({
-        "@id": `urn:asset-id:${r}`,
+        "@id": `urn:asset-id:${s}`,
         properties: {
           name: this.bundleName,
           description: this.bundleDescription,
@@ -2396,11 +2505,11 @@ let v = class extends b {
         dataAddress: {
           "@type": "DataAddress",
           type: "HttpData",
-          baseUrl: s
+          baseUrl: r
         }
       }), await Promise.all([
         this.dspConnector.instance?.createPolicy({
-          "@id": `urn:access-policy-id:${r}`,
+          "@id": `urn:access-policy-id:${s}`,
           "@type": "PolicyDefinition",
           policy: {
             "@context": "http://www.w3.org/ns/odrl.jsonld",
@@ -2410,7 +2519,7 @@ let v = class extends b {
           }
         }),
         this.dspConnector.instance?.createPolicy({
-          "@id": `urn:contract-policy-id:${r}`,
+          "@id": `urn:contract-policy-id:${s}`,
           "@type": "PolicyDefinition",
           policy: {
             "@context": "http://www.w3.org/ns/odrl.jsonld",
@@ -2420,16 +2529,16 @@ let v = class extends b {
           }
         }),
         this.dspConnector.instance?.createContract({
-          "@id": `urn:contract-id:${r}`,
+          "@id": `urn:contract-id:${s}`,
           "@type": "ContractDefinition",
-          accessPolicyId: `urn:access-policy-id:${r}`,
-          contractPolicyId: `urn:contract-policy-id:${r}`,
+          accessPolicyId: `urn:access-policy-id:${s}`,
+          contractPolicyId: `urn:contract-policy-id:${s}`,
           assetsSelector: [
             {
               "@type": "Criterion",
               operandLeft: "https://w3id.org/edc/v0.0.1/ns/id",
               operator: "=",
-              operandRight: `urn:asset-id:${r}`
+              operandRight: `urn:asset-id:${s}`
             }
           ]
         })
@@ -2475,25 +2584,25 @@ let v = class extends b {
     t.preventDefault(), t.target && (this.bundleContractPolicy = t.target.value);
   }
   _toggleFactSelection(t) {
-    this.selectedFacts.includes(t) ? this.selectedFacts = this.selectedFacts.filter((s) => s !== t) : this.selectedFacts = [...this.selectedFacts, t];
+    this.selectedFacts.includes(t) ? this.selectedFacts = this.selectedFacts.filter((r) => r !== t) : this.selectedFacts = [...this.selectedFacts, t];
   }
   _searchFacts(t) {
     this.filterFactText = t.detail;
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => u`<solid-loader></solid-loader>`,
+      pending: () => f`<solid-loader></solid-loader>`,
       error: (t) => (console.warn("[solid-fact-bundle-creation] Task error:", t), l),
       complete: (t) => {
         if (!t) return l;
-        const s = t.slice(0, this.spliceLength), i = this.selectedFacts.length, r = !!this.bundleName && i > 0 && !!this.bundleLanguage && !!this.bundleAccessPolicy && !!this.bundleContractPolicy;
-        return u`<tems-viewport>
+        const r = t.slice(0, this.spliceLength), i = this.selectedFacts.length, s = !!this.bundleName && i > 0 && !!this.bundleLanguage && !!this.bundleAccessPolicy && !!this.bundleContractPolicy;
+        return f`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
                 <tems-button
                   type="primary"
-                  disabled=${!r || l}
-                  label=${d("Create bundle")}
+                  disabled=${!s || l}
+                  label=${h("Create bundle")}
                   @click=${this._createFactBundle}
                 ></tems-button>
               </div>
@@ -2504,8 +2613,8 @@ let v = class extends b {
                   <div>
                     <tems-input
                       type="text"
-                      label=${d("Bundle name")}
-                      placeholder=${d("Bundle name")}
+                      label=${h("Bundle name")}
+                      placeholder=${h("Bundle name")}
                       required=""
                       .value=${this.bundleName}
                       @change=${this._updateBundleName}
@@ -2514,8 +2623,8 @@ let v = class extends b {
                   <div>
                     <tems-textarea
                       rows="4"
-                      label=${d("Bundle description")}
-                      placeholder=${d("Bundle description")}
+                      label=${h("Bundle description")}
+                      placeholder=${h("Bundle description")}
                       .value=${this.bundleDescription}
                       @change=${this._updateBundleDescription}
                     ></tems-textarea>
@@ -2523,18 +2632,18 @@ let v = class extends b {
                   <div>
                     <tems-input
                       type="text"
-                      label=${d("Language")}
-                      placeholder=${d("Language code (en, de, es, fr...)")}
-                      hint=${d("Comma-separated, eg.: en,de,es,fr)")}
+                      label=${h("Language")}
+                      placeholder=${h("Language code (en, de, es, fr...)")}
+                      hint=${h("Comma-separated, eg.: en,de,es,fr)")}
                       required=""
                       .value=${this.bundleLanguage}
                       @change=${this._updateBundleLanguage}
                     ></tems-input>
                   </div>
                   <div class="select">
-                    <tems-label label=${d("Access policy")}></tems-label>
+                    <tems-label label=${h("Access policy")}></tems-label>
                     <select @change=${this._selectBundleAccessPolicy}>
-                      ${this.policyTemplates.map((o) => u`<option
+                      ${this.policyTemplates.map((o) => f`<option
                           value="${o.id}"
                           ?selected="${o.id === this.bundleAccessPolicy}"
                         >
@@ -2543,9 +2652,9 @@ let v = class extends b {
                     </select>
                   </div>
                   <div class="select">
-                    <tems-label label=${d("Contract policy")}></tems-label>
+                    <tems-label label=${h("Contract policy")}></tems-label>
                     <select @change=${this._selectBundleContractPolicy}>
-                      ${this.policyTemplates.map((o) => u`<option
+                      ${this.policyTemplates.map((o) => f`<option
                           value="${o.id}"
                           ?selected="${o.id === this.bundleContractPolicy}"
                         >
@@ -2553,10 +2662,10 @@ let v = class extends b {
                         </option>`)}
                     </select>
                   </div>
-                  ${i > 0 ? u`<tems-division type="h4">
+                  ${i > 0 ? f`<tems-division type="h4">
                           <div>
-                            ${d(
-          P`${i} selected fact${i > 1 ? "s" : ""}`
+                            ${h(
+          R`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -2569,11 +2678,11 @@ let v = class extends b {
           if (n.length > 3) {
             const a = n.length - 3;
             n.splice(3, a), n.push({
-              name: `+${a} ${d("more")}`,
+              name: `+${a} ${h("more")}`,
               type: "information"
             });
           }
-          return u`<tems-card-catalog
+          return f`<tems-card-catalog
                               .object=${l}
                               .header=${o.name || l}
                               date=${o.updated_at || l}
@@ -2586,7 +2695,7 @@ let v = class extends b {
         })}
                         </div>` : l}
                 </div>
-                ${s.length > 0 || this.filterFactText ? u`<div>
+                ${r.length > 0 || this.filterFactText ? f`<div>
                       <div>
                         <tems-search-bar
                           .displayFilters=${!1}
@@ -2601,8 +2710,8 @@ let v = class extends b {
                           @search=${this._searchFacts}
                         ></tems-search-bar>
                       </div>
-                      ${s.length > 0 ? u` <div class="card-grid card-grid-vertical">
-                              ${s.map((o) => {
+                      ${r.length > 0 ? f` <div class="card-grid card-grid-vertical">
+                              ${r.map((o) => {
           const n = o.categories.map(
             (a) => ({
               name: a.name,
@@ -2612,11 +2721,11 @@ let v = class extends b {
           if (n.length > 3) {
             const a = n.length - 3;
             n.splice(3, a), n.push({
-              name: `+${a} ${d("more")}`,
+              name: `+${a} ${h("more")}`,
               type: "information"
             });
           }
-          return u`<tems-card-catalog
+          return f`<tems-card-catalog
                                   .object=${l}
                                   .tags=${n}
                                   .header=${o.name || l}
@@ -2629,12 +2738,12 @@ let v = class extends b {
                                 ></tems-card-catalog>`;
         })}
                             </div>
-                            ${s.length < t.length ? u`<div
+                            ${r.length < t.length ? f`<div
                                   class="flex flex-row justify-content-space-between align-items-flex-end"
                                 >
                                   <div>
-                                    ${d(
-          P`Displaying ${s.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+                                    ${h(
+          R`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
                                   <div class="flex flex-row gap-400">
@@ -2642,16 +2751,16 @@ let v = class extends b {
                                       @click=${this._showMoreResults}
                                       type="primary"
                                       size="sm"
-                                      label=${d("Show more results")}
+                                      label=${h("Show more results")}
                                     ></tems-button>
                                     <tems-button
                                       @click=${this._showAllResults}
                                       type="primary"
                                       size="sm"
-                                      label=${d("Show all results")}
+                                      label=${h("Show all results")}
                                     ></tems-button>
                                   </div>
-                                </div>` : l}` : u`${d("No results found")}
+                                </div>` : l}` : f`${h("No results found")}
                           ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
                     </div>` : l}
               </section>
@@ -2661,69 +2770,69 @@ let v = class extends b {
     });
   }
 };
-v.styles = [xt(Os)];
-$([
-  y({ attribute: "header", type: String })
-], v.prototype, "header", 2);
-$([
-  y({ attribute: "facts-src", reflect: !0 })
-], v.prototype, "factsSrc", 2);
-$([
-  f()
-], v.prototype, "selectedFacts", 2);
-$([
-  f()
-], v.prototype, "bundleName", 2);
-$([
-  f()
-], v.prototype, "bundleDescription", 2);
-$([
-  f()
-], v.prototype, "bundleLanguage", 2);
-$([
-  f()
-], v.prototype, "bundleAccessPolicy", 2);
-$([
-  f()
-], v.prototype, "bundleContractPolicy", 2);
-$([
-  f()
-], v.prototype, "filterFactText", 2);
-$([
-  f()
-], v.prototype, "spliceLength", 2);
-$([
-  f()
-], v.prototype, "dspConnector", 2);
-v = $([
-  V("solid-fact-bundle-creation")
-], v);
-var ks = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, tt = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ts(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 && ks(t, s, r), r;
+b.styles = [Et(Ir)];
+_([
+  v({ attribute: "header", type: String })
+], b.prototype, "header", 2);
+_([
+  v({ attribute: "facts-src", reflect: !0 })
+], b.prototype, "factsSrc", 2);
+_([
+  m()
+], b.prototype, "selectedFacts", 2);
+_([
+  m()
+], b.prototype, "bundleName", 2);
+_([
+  m()
+], b.prototype, "bundleDescription", 2);
+_([
+  m()
+], b.prototype, "bundleLanguage", 2);
+_([
+  m()
+], b.prototype, "bundleAccessPolicy", 2);
+_([
+  m()
+], b.prototype, "bundleContractPolicy", 2);
+_([
+  m()
+], b.prototype, "filterFactText", 2);
+_([
+  m()
+], b.prototype, "spliceLength", 2);
+_([
+  m()
+], b.prototype, "dspConnector", 2);
+b = _([
+  M("solid-fact-bundle-creation")
+], b);
+var Mr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, st = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Br(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
+  return i && s && Mr(t, r, s), s;
 };
-let F = class extends b {
+let N = class extends $ {
   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: T },
-      { key: "updated_at", value: "updated_at", cast: T },
+      { key: "created_at", value: "created_at", cast: I },
+      { key: "updated_at", value: "updated_at", cast: I },
       { key: "name", value: "name" },
       { key: "description", value: "description" }
-    ], this._getResource = new pt(this, {
+    ], this._getResource = new rt(this, {
       task: async ([e, t]) => {
         if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
-          if (this.menuComponent.ready || await new Promise((s) => {
+          if (this.menuComponent.ready || await new Promise((r) => {
             this.menuComponent.addEventListener("user-ready", () => {
-              s(!0);
+              r(!0);
             });
           }), this.displayFiltering = !this.component.parameters.disableFiltering, !this.hasCachedDatas || this.oldDataSrc !== e) {
             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 = []), t ? this.object = this.objects.find(
-            (s) => s["@id"] === t
-          ) : this.dataSrc = e, j(this.objects, "name", "asc");
+            (r) => r["@id"] === t
+          ) : this.dataSrc = e, S(this.objects, "name", "asc");
         }
       },
       args: () => [
@@ -2738,14 +2847,14 @@ let F = class extends b {
     return e?._originalResource?.hasType("ds4go:FactBundle") && (e.facts = await Promise.all(
       (await e._originalResource["ldp:contains"]).map(
         (t) => this._getProxyValue(t["@id"], !1, [
-          { key: "updated_at", value: "updated_at", cast: T },
+          { key: "updated_at", value: "updated_at", cast: I },
           { key: "name", value: "name" },
           { key: "description", value: "description" },
           {
             key: "categories",
             value: "categories",
             expand: !0,
-            cast: (s) => j(s, "name")
+            cast: (r) => S(r, "name")
           },
           { key: "author", value: "author" },
           { key: "link", value: "link" },
@@ -2763,7 +2872,7 @@ let F = class extends b {
     )), Promise.resolve(e);
   }
   async _afterAttach() {
-    return We(this, {
+    return oe(this, {
       keywords: ["factbundles"]
     }), this.menuComponent = document.querySelector(
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
@@ -2781,10 +2890,10 @@ let F = class extends b {
       else {
         const t = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
         if (t) {
-          const s = window.orbit?.components?.filter(
+          const r = window.orbit?.components?.filter(
             (i) => i?.routeAttributes?.["rdf-type"] === t
           );
-          s?.[0]?.route && L(s[0]?.route, e.detail["@id"]);
+          r?.[0]?.route && L(r[0]?.route, e.detail["@id"]);
         }
       }
   }
@@ -2802,15 +2911,15 @@ let F = class extends b {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => u`<solid-loader></solid-loader>`,
+      pending: () => f`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), l),
-      complete: (e) => u`<tems-viewport>
+      complete: (e) => f`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
                 <tems-button
                   type="primary"
                   disabled=${!this.bundleCreationComponent?.route || l}
-                  label=${d("Create a bundle")}
+                  label=${h("Create a bundle")}
                   @click=${this._goToBundleCreation}
                 ></tems-button>
               </div>
@@ -2830,7 +2939,7 @@ let F = class extends b {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-fact-bundle-holder>
-              ${this.object ? u`<div
+              ${this.object ? f`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -2844,7 +2953,7 @@ let F = class extends b {
     });
   }
 };
-F.styles = lt`
+N.styles = tt`
     .modal {
       position: fixed;
       top: 0;
@@ -2858,30 +2967,30 @@ F.styles = lt`
       align-items: center;
     }
   `;
-tt([
-  y({ attribute: "header", type: String })
-], F.prototype, "header", 2);
-tt([
-  f()
-], F.prototype, "search", 2);
-tt([
-  f()
-], F.prototype, "resultCount", 2);
-tt([
-  f()
-], F.prototype, "bundleCreationComponent", 2);
-F = tt([
-  V("solid-fact-bundle")
-], F);
-const Is = {
+st([
+  v({ attribute: "header", type: String })
+], N.prototype, "header", 2);
+st([
+  m()
+], N.prototype, "search", 2);
+st([
+  m()
+], N.prototype, "resultCount", 2);
+st([
+  m()
+], N.prototype, "bundleCreationComponent", 2);
+N = st([
+  M("solid-fact-bundle")
+], N);
+const qr = {
   s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: P`Error while loading catalog ${0}`,
+  s67269ab6dc51ec41: R`Error while loading catalog ${0}`,
   s0b88896b7338837d: "All Datasets",
   s541d9cd11a5bc840: "Datasets from",
   s01ceffa02fa6bd7f: "All Sectors",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: P`Back to ${0}`,
+  se5784a16a6799dad: R`Back to ${0}`,
   s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
   sc16e00a7a8b2fde2: "Back",
   s2c8189544e3ea679: "Retry",
@@ -2894,9 +3003,9 @@ const Is = {
   s21fb127cabcd5617: "Comma-separated, eg.: en,de,es,fr)",
   sa6ef22f7e7e95e2b: "Access policy",
   s6de61424bb681993: "Contract policy",
-  sac1b0231875ff056: P`${0} selected fact${1}`,
+  sac1b0231875ff056: R`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: P`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: R`Displaying ${0} of ${1} result${2}`,
   sa40e7f4f2a43e2f7: "Show more results",
   sacf246e0fa11730d: "Show all results",
   s9094c0cde8fb5058: "No results found",
@@ -2906,20 +3015,20 @@ const Is = {
   s4979bd417e7c8052: "All facts in this bundle",
   s57a40de45f324b96: "Bundle created on",
   sd3682395cf86f913: "Bundle updated on"
-}, Fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  templates: Is
-}, Symbol.toStringTag, { value: "Module" })), Ms = "en", ue = [
+  templates: qr
+}, Symbol.toStringTag, { value: "Module" })), zr = "en", fe = [
   "en"
-], Ns = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Fs }), Bs = new Map(
-  ue.map((e) => [
+], Vr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Hr }), Wr = new Map(
+  fe.map((e) => [
     e,
-    Ns[`../../generated/locales/${e}.ts`]
+    Vr[`../../generated/locales/${e}.ts`]
   ])
-), { getLocale: Zt, setLocale: Xt } = vs({
-  sourceLocale: Ms,
-  targetLocales: ue,
-  loadLocale: async (e) => Bs.get(e)
+), { getLocale: Qt, setLocale: Yt } = _r({
+  sourceLocale: zr,
+  targetLocales: fe,
+  loadLocale: async (e) => Wr.get(e)
 });
-window.getLocale = window.getLocale ? window.getLocale.push(Zt) : [Zt];
-window.setLocale = window.setLocale ? window.setLocale.push(Xt) : [Xt];
+window.getLocale = window.getLocale ? window.getLocale.push(Qt) : [Qt];
+window.setLocale = window.setLocale ? window.setLocale.push(Yt) : [Yt];