@startinblox/components-ds4go 2.2.4 → 3.0.0

package/dist/index.js

@@ -1,14 +1,14 @@
-import { StoreType as ue, StoreService as pe } from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
-const it = globalThis, Ct = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, St = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
-let Qt = class {
+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 !== St) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    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 r = this.t;
-    if (Ct && t === void 0) {
+    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));
     }
@@ -18,28 +18,28 @@ let Qt = class {
     return this.cssText;
   }
 };
-const xt = (e) => new Qt(typeof e == "string" ? e : e + "", void 0, St), Y = (e, ...t) => {
+const Rt = (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.");
   })(s) + e[o + 1], e[0]);
-  return new Qt(r, e, St);
-}, fe = (e, t) => {
-  if (Ct) e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
+  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 = it.litNonce;
+    const i = document.createElement("style"), s = nt.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, e.appendChild(i);
   }
-}, kt = Ct ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Lt = xt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let r = "";
   for (const i of t.cssRules) r += i.cssText;
-  return xt(r);
+  return Rt(r);
 })(e) : e;
-const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnPropertyNames: ve, getOwnPropertySymbols: be, getPrototypeOf: $e } = Object, dt = globalThis, Dt = dt.trustedTypes, _e = Dt ? Dt.emptyScript : "", we = dt.reactiveElementPolyfillSupport, K = (e, t) => e, ot = { 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:
@@ -64,9 +64,9 @@ const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnProperty
       }
   }
   return r;
-} }, ht = (e, t) => !me(e, t), It = { attribute: !0, type: String, converter: ot, reflect: !1, useDefault: !1, hasChanged: ht };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), dt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let N = class extends HTMLElement {
+} }, 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);
   }
@@ -76,11 +76,11 @@ let N = class extends HTMLElement {
   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 && ge(this.prototype, t, s);
+      s !== void 0 && be(this.prototype, t, s);
     }
   }
   static getPropertyDescriptor(t, r, i) {
-    const { get: s, set: o } = ye(this.prototype, t) ?? { get() {
+    const { get: s, set: o } = $e(this.prototype, t) ?? { get() {
       return this[r];
     }, set(n) {
       this[r] = n;
@@ -94,14 +94,14 @@ let N = class extends HTMLElement {
     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 r = this.properties, i = [...ve(r), ...be(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];
@@ -120,8 +120,8 @@ let N = class extends HTMLElement {
     const r = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i) r.unshift(kt(s));
-    } else t !== void 0 && r.push(kt(t));
+      for (const s of i) r.unshift(Lt(s));
+    } else t !== void 0 && r.push(Lt(t));
     return r;
   }
   static _$Eu(t, r) {
@@ -147,7 +147,7 @@ let N = class extends HTMLElement {
   }
   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?.());
@@ -163,14 +163,14 @@ let N = class extends HTMLElement {
   _$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 : ot).toAttribute(r, i.type);
+      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, 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 : ot;
+      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;
@@ -179,7 +179,7 @@ let N = class extends HTMLElement {
   requestUpdate(t, r, i, s = !1, o) {
     if (t !== void 0) {
       const n = this.constructor;
-      if (s === !1 && (o = this[t]), i ??= n.getPropertyOptions(t), !((i.hasChanged ?? ht)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
+      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());
@@ -247,70 +247,70 @@ let N = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[K("elementProperties")] = /* @__PURE__ */ new Map(), N[K("finalized")] = /* @__PURE__ */ new Map(), we?.({ ReactiveElement: N }), (dt.reactiveElementVersions ??= []).push("2.1.2");
-const Pt = globalThis, Lt = (e) => e, nt = Pt.trustedTypes, Tt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Yt = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, te = "?" + S, Ae = `<${te}>`, T = document, G = () => T.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, Nt = />/g, O = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, Bt = /"/g, ee = /^(?:script|style|textarea|title)$/i, Se = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), d = Se(1), H = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), I = T.createTreeWalker(T, 129);
-function re(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 Et = globalThis, Ft = (e) => e, ct = Et.trustedTypes, Nt = ct ? ct.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ee = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, re = "?" + R, 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, Re = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = Re(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 Tt !== void 0 ? Tt.createHTML(t) : t;
+  return Nt !== void 0 ? Nt.createHTML(t) : t;
 }
-const xe = (e, t) => {
+const Ee = (e, t) => {
   const r = e.length - 1, i = [];
-  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = W;
+  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = K;
   for (let a = 0; a < r; a++) {
-    const l = e[a];
-    let u, f, p = -1, b = 0;
-    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = Nt : f[2] !== void 0 ? (ee.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = O) : f[3] !== void 0 && (n = O) : n === O ? f[0] === ">" ? (n = s ?? W, p = -1) : f[1] === void 0 ? p = -2 : (p = n.lastIndex - f[2].length, u = f[1], n = f[3] === void 0 ? O : f[3] === '"' ? Bt : Mt) : n === Bt || n === Mt ? n = O : n === Ft || n === Nt ? n = W : (n = O, s = void 0);
-    const $ = n === O && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === W ? l + Ae : p >= 0 ? (i.push(u), l.slice(0, p) + Yt + l.slice(p) + S + $) : l + S + (p === -2 ? a : $);
+    const c = e[a];
+    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) + R + w) : c + R + (u === -2 ? a : w);
   }
-  return [re(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [ie(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-class Z {
+class X {
   constructor({ strings: t, _$litType$: r }, i) {
     let s;
     this.parts = [];
     let o = 0, n = 0;
-    const a = t.length - 1, l = this.parts, [u, f] = xe(t, r);
-    if (this.el = Z.createElement(u, i), I.currentNode = this.el.content, r === 2 || r === 3) {
-      const p = this.el.content.firstChild;
-      p.replaceWith(...p.childNodes);
+    const a = t.length - 1, c = this.parts, [d, p] = Ee(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 (; (s = I.nextNode()) !== null && l.length < a; ) {
+    for (; (s = T.nextNode()) !== null && c.length < a; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Yt)) {
-          const b = f[n++], $ = s.getAttribute(p).split(S), rt = /([.?@])?(.*)/.exec(b);
-          l.push({ type: 1, index: o, name: rt[2], strings: $, ctor: rt[1] === "." ? je : rt[1] === "?" ? Ee : rt[1] === "@" ? Re : ut }), s.removeAttribute(p);
-        } else p.startsWith(S) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
-        if (ee.test(s.tagName)) {
-          const p = s.textContent.split(S), b = p.length - 1;
-          if (b > 0) {
-            s.textContent = nt ? nt.emptyScript : "";
-            for (let $ = 0; $ < b; $++) s.append(p[$], G()), I.nextNode(), l.push({ type: 2, index: ++o });
-            s.append(p[b], G());
+        if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ee)) {
+          const g = p[n++], w = s.getAttribute(u).split(R), 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(R) && (c.push({ type: 6, index: o }), s.removeAttribute(u));
+        if (se.test(s.tagName)) {
+          const u = s.textContent.split(R), 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 (s.nodeType === 8) if (s.data === te) l.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 = s.data.indexOf(S, p + 1)) !== -1; ) l.push({ type: 7, index: o }), p += S.length - 1;
+        let u = -1;
+        for (; (u = s.data.indexOf(R, u + 1)) !== -1; ) c.push({ type: 7, index: o }), u += R.length - 1;
       }
       o++;
     }
   }
   static createElement(t, r) {
-    const i = T.createElement("template");
+    const i = F.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function z(e, t, r = e, i) {
-  if (t === H) return 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 = J(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 = z(e, s._$AS(e, t.values), s, i)), t;
+  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 {
+class je {
   constructor(t, r) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
   }
@@ -321,29 +321,29 @@ class Pe {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? T).importNode(r, !0);
-    I.currentNode = s;
-    let o = I.nextNode(), n = 0, a = 0, l = i[0];
-    for (; l !== void 0; ) {
-      if (n === l.index) {
-        let u;
-        l.type === 2 ? u = new tt(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new Ue(o, this, t)), this._$AV.push(u), l = i[++a];
+    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 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 !== l?.index && (o = I.nextNode(), n++);
+      n !== c?.index && (o = T.nextNode(), n++);
     }
-    return I.currentNode = T, s;
+    return T.currentNode = F, s;
   }
   p(t) {
     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 tt {
+class et {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, r, i, s) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
+    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;
@@ -357,7 +357,7 @@ class tt {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = z(this, t, r), J(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : 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);
+    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,38 +366,38 @@ class tt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== c && J(this._$AH) ? this._$AA.nextSibling.data = t : this.T(T.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: r, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Z.createElement(re(i.h, i.h[0]), this.options)), i);
+    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(s, this), n = o.u(this.options);
+      const o = new je(s, this), n = o.u(this.options);
       o.p(r), this.T(n), this._$AH = o;
     }
   }
   _$AC(t) {
-    let r = qt.get(t.strings);
-    return r === void 0 && qt.set(t.strings, r = new Z(t)), r;
+    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 r = this._$AH;
     let i, s = 0;
-    for (const o of t) s === r.length ? r.push(i = new tt(this.O(G()), this.O(G()), this, this.options)) : i = r[s], i._$AI(o), s++;
+    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 = Lt(t).nextSibling;
-      Lt(t).remove(), t = i;
+      const i = Ft(t).nextSibling;
+      Ft(t).remove(), t = i;
     }
   }
   setConnected(t) {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class ut {
+class ft {
   get tagName() {
     return this.element.tagName;
   }
@@ -405,53 +405,53 @@ class ut {
     return this._$AM._$AU;
   }
   constructor(t, r, i, s, o) {
-    this.type = 1, this._$AH = c, 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 = c;
+    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, r = this, i, s) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = z(this, t, r, 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 l, u;
-      for (t = o[0], l = 0; l < o.length - 1; l++) u = z(this, a[i + l], r, l), u === H && (u = this._$AH[l]), n ||= !J(u) || u !== this._$AH[l], u === c ? t = c : t !== c && (t += (u ?? "") + o[l + 1]), this._$AH[l] = u;
+      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 && !s && this.j(t);
   }
   j(t) {
-    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === l ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class je extends ut {
+class Ue extends ft {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === c ? void 0 : t;
+    this.element[this.name] = t === l ? void 0 : t;
   }
 }
-class Ee extends ut {
+class ke extends ft {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== c);
+    this.element.toggleAttribute(this.name, !!t && t !== l);
   }
 }
-class Re extends ut {
+class De extends ft {
   constructor(t, r, i, s, o) {
     super(t, r, i, s, o), this.type = 5;
   }
   _$AI(t, r = this) {
-    if ((t = z(this, t, r, 0) ?? c) === H) return;
-    const i = this._$AH, s = t === c && i !== c || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== c && (i === c || s);
+    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 {
+class Oe {
   constructor(t, r, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
   }
@@ -459,22 +459,22 @@ class Ue {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    z(this, t);
+    W(this, t);
   }
 }
-const Oe = Pt.litHtmlPolyfillSupport;
-Oe?.(Z, tt), (Pt.litHtmlVersions ??= []).push("3.3.2");
-const ke = (e, t, r) => {
+const Le = Et.litHtmlPolyfillSupport;
+Le?.(X, et), (Et.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 tt(t.insertBefore(G(), o), o, void 0, r ?? {});
+    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 N {
+const Ut = globalThis;
+let z = class extends B {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -484,7 +484,7 @@ let q = class extends N {
   }
   update(t) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ke(r, this.renderRoot, this.renderOptions);
+    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,36 +493,36 @@ let q = class extends N {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return H;
+    return V;
   }
 };
-q._$litElement$ = !0, q.finalized = !0, Et.litElementHydrateSupport?.({ LitElement: q });
-const De = Et.litElementPolyfillSupport;
-De?.({ LitElement: q });
-(Et.litElementVersions ??= []).push("4.2.2");
-class Ie 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, r = this.object) => {
-      const i = r["@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, r) => {
+const M = (e) => (t, r) => {
   r !== void 0 ? r.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
 };
-const Le = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: ht }, Te = (e = Le, t, r) => {
+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 l = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(n, l, e, !0, a);
+      const c = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, c, e, !0, a);
     }, init(a) {
       return a !== void 0 && this.C(n, void 0, e, a), a;
     } };
@@ -530,46 +530,49 @@ const Le = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged
   if (i === "setter") {
     const { name: n } = r;
     return function(a) {
-      const l = this[n];
-      t.call(this, a), this.requestUpdate(n, l, e, !0, a);
+      const c = this[n];
+      t.call(this, a), this.requestUpdate(n, c, e, !0, a);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function y(e) {
-  return (t, r) => typeof r == "object" ? Te(e, t, r) : ((i, s, o) => {
+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 m(e) {
-  return y({ ...e, state: !0, attribute: !1 });
+  return v({ ...e, state: !0, attribute: !1 });
 }
-var Fe = Object.defineProperty, Ne = (e, t, r, i) => {
+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 && Fe(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, r = this.objects) => new Set(r.flatMap((s) => s["@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;
+    });
   }
 }
-Ne([
-  y({ attribute: !1 })
-], Rt.prototype, "objects");
-var Me = Object.defineProperty, j = (e, t, r, i) => {
+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 && Me(t, r, s), s;
+  return s && He(t, r, s), s;
 };
-class v extends Rt {
+class $ extends kt {
   constructor({
     defaultRoute: t = !1,
     setupSubscriptions: r = !0,
     ignoreRouter: i = !1
   } = {}) {
-    super(), this.cherryPickedProperties = [], this.currentRoute = "";
+    super(), this.ready = !1, this.cherryPickedProperties = [], this.currentRoute = "";
     const s = () => {
       document.readyState === "complete" && this._attach(t, r, i).then(
         (o) => {
@@ -580,11 +583,23 @@ class v extends Rt {
     document.readyState === "complete" ? s() : document.addEventListener("readystatechange", s);
   }
   async _attach(t, r, i) {
-    return !this.orbit && window.orbit && (this.orbit = window.orbit, r) ? (se({
-      component: this,
-      defaultRoute: t,
-      ignoreRouter: i
-    }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component && this.orbit.components.map((s) => (s.uniq === this.component.uniq && (s.instance = this), s))), await this._afterAttach(), Promise.resolve(!0)) : Promise.resolve(!1);
+    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();
@@ -596,29 +611,30 @@ class v extends Rt {
     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(
-        (l) => l?.routeAttributes?.["rdf-type"] === n
+        (c) => c?.routeAttributes?.["rdf-type"] === n
       );
       a && (i = a[0]?.uniq);
     }
-    i && D(
+    i && L(
       (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, r = !0, i = this.cherryPickedProperties) {
     const s = [];
-    for (const o of t) {
-      const n = await this._getProxyValue(
-        await o,
-        r,
-        i
-      );
-      n && s.push(n);
-    }
-    return 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, r = !0, i = this.cherryPickedProperties) {
     const s = await t.properties, o = {
@@ -626,13 +642,15 @@ class v extends Rt {
       "@type": t["@type"],
       "@context": t.serverContext,
       _originalResource: t
-    };
-    for (const n of i)
-      s?.includes(n.key) && (o[n.value] = await t.get(n.key), n.expand && (o[n.value] = await this._getProxyValue(
-        o[n.value],
-        r,
-        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) {
@@ -644,33 +662,17 @@ class v extends Rt {
   }
   async _getProxyValue(t, r = !0, i = this.cherryPickedProperties) {
     try {
-      if (t) {
-        let s = t;
-        if (typeof t == "string" && (s = await window.sibStore.getData(t, Wt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (s = await window.sibStore.getData(
-          t["@id"],
-          Wt
-        ))), typeof t != "string" && !t.isFullResource && (s.properties = Object.keys(s), s.get = (o) => s[o]), !s) return { _originalResource: s };
-        if (typeof s == "object" && s !== null) {
-          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
-            );
-          }
+      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 {
     }
   }
@@ -679,44 +681,47 @@ class v extends Rt {
   }
   gatekeeper() {
     if (!this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute) || !this.dataSrc)
-      return c;
+      return l;
   }
 }
-j([
-  y({ attribute: "default-data-src", reflect: !0 })
-], v.prototype, "defaultDataSrc");
-j([
-  y({ attribute: "data-src", reflect: !0 })
-], v.prototype, "dataSrc");
-j([
-  y({ attribute: "nested-field" })
-], v.prototype, "nestedField");
-j([
-  y({ attribute: "uniq" })
-], v.prototype, "uniq");
-j([
-  y({ attribute: "route" })
-], v.prototype, "route");
-j([
-  y({ attribute: !1 })
-], v.prototype, "cherryPickedProperties");
-j([
+x([
   m()
-], v.prototype, "orbit");
-j([
+], $.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()
-], v.prototype, "currentRoute");
-function B(e) {
+], $.prototype, "orbit");
+x([
+  m()
+], $.prototype, "currentRoute");
+function H(e) {
   return e ? e.replace(/^urn:uuid:/i, "").replace(/^urn:tems:/i, "") : "";
 }
-function Be(e, t, r) {
+function ze(e, t, r) {
   if (!e) return null;
   const i = JSON.parse(JSON.stringify(e));
-  i["@id"] && (i["@id"] = B(i["@id"]));
-  const s = M(t, ["@id"]) || "";
-  return i.target = B(s), i;
+  i["@id"] && (i["@id"] = H(i["@id"]));
+  const s = q(t, ["@id"]) || "";
+  return i.target = H(s), i;
 }
-function M(e, t) {
+function q(e, t) {
   if (t.length === 0)
     return;
   let r = e;
@@ -727,7 +732,7 @@ function M(e, t) {
   }
   return r;
 }
-class qe {
+class Ve {
   constructor(t) {
     this.config = t;
   }
@@ -767,28 +772,28 @@ class qe {
    * Maps a single field
    */
   mapField(t, r, i) {
-    let s = M(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 = M(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
+    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, r, i) {
-    let s = M(t, r.source);
+    let s = q(t, r.source);
     if (!s)
       return null;
     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 = s.map((n, a) => {
-      const l = {
+      const c = {
         "@type": r.itemType
       };
-      for (const [u, f] of Object.entries(r.itemFields)) {
-        const p = f(n, a, i);
-        p !== void 0 && (l[u] = p);
+      for (const [d, p] of Object.entries(r.itemFields)) {
+        const u = p(n, a, i);
+        u !== void 0 && (c[d] = u);
       }
-      return l;
+      return c;
     });
     return {
       "@type": r.containerType,
@@ -799,14 +804,14 @@ class qe {
    * Maps a nested object
    */
   mapNestedObject(t, r, i) {
-    const s = M(t, r.source);
+    const s = q(t, r.source);
     if (!s)
       return null;
     const o = {};
     r.type && (o["@type"] = r.type);
     for (const [n, a] of Object.entries(r.fields)) {
-      let l;
-      Array.isArray(a) ? l = M(s, a) : l = this.mapField(s, a, i), l !== void 0 && (o[n] = l);
+      let 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 > (r.type ? 1 : 0) ? o : null;
   }
@@ -823,25 +828,25 @@ class qe {
     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, r) => {
-        const s = B(e || t.id || "") || e?.split("/").pop() || "unknown", o = r.providerParticipantId ? `${encodeURIComponent(r.providerParticipantId)}/` : "";
+        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)}/`;
       }
     },
@@ -852,7 +857,7 @@ const ze = {
     name: {
       source: [],
       transform: (e, t) => {
-        const r = 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
@@ -865,7 +870,7 @@ const ze = {
     description: {
       source: [],
       transform: (e, t) => {
-        const r = 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
@@ -876,89 +881,89 @@ const ze = {
     long_description: {
       source: [],
       transform: (e, t) => {
-        const r = g(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 || "";
+        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 r = g(t);
+        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 r = g(t);
+        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 r = g(t);
+        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 r = g(t);
+        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 r = g(t);
+        const r = y(t);
         return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
       }
     },
     documentation_url: {
       source: [],
       transform: (e, t) => {
-        const r = g(t);
+        const r = y(t);
         return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
       }
     },
     creation_date: {
       source: [],
       transform: (e, t) => {
-        const r = g(t);
+        const r = y(t);
         return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
       }
     },
     update_date: {
       source: [],
       transform: (e, t) => {
-        const r = g(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        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 r = g(t);
+        const r = y(t);
         return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
       }
     },
     last_update: {
       source: [],
       transform: (e, t) => {
-        const r = g(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
+        const r = y(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
         return r["dct:modified"] || r["dcterms:modified"] || i;
       }
     },
@@ -985,7 +990,7 @@ 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: {
@@ -998,7 +1003,7 @@ const ze = {
       containerType: "ldp:Container",
       itemType: "tems:Image",
       transform: (e, t) => {
-        const r = g(t), i = [];
+        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;
@@ -1028,12 +1033,12 @@ const ze = {
         },
         name: {
           source: [],
-          transform: (e, t, r) => g(t)["dcterms:creator"]?.["foaf:name"] || r.providerName || ""
+          transform: (e, t, r) => y(t)["dcterms:creator"]?.["foaf:name"] || r.providerName || ""
         },
         image: {
           source: [],
           transform: (e, t, r) => {
-            const s = g(t)["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"];
+            const s = y(t)["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"];
             if (!s) return;
             const o = s.split("/").pop() || "provider-logo";
             return {
@@ -1060,18 +1065,18 @@ const ze = {
     },
     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, r) => {
-        const i = g(t);
+        const i = y(t);
         console.log("[DSP Mapping] indexEndpointUrl extraction for:", {
           assetId: t["@id"] || t.id,
           assetName: t.name || i.name || i["dct:title"],
@@ -1091,9 +1096,9 @@ const ze = {
       fallback: (e) => e.hasPolicy,
       transform: (e, t, r) => {
         if (!e) return;
-        const i = Be(e, t);
+        const i = ze(e, t);
         if (i) {
-          const s = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = B(n["@id"])), n)) : o;
+          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"] = s(
@@ -1115,12 +1120,12 @@ const ze = {
     _providerParticipantId: r.providerParticipantId
   })
 };
-var Ve = Object.defineProperty, E = (e, t, r, i) => {
+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 && Ve(t, r, s), s;
+  return s && Ge(t, r, s), s;
 };
-class C extends v {
+class P extends $ {
   constructor() {
     super(...arguments), this.providers = [];
   }
@@ -1129,7 +1134,7 @@ class C extends v {
   }
   async _attach(t, r, i) {
     if (!this.orbit && window.orbit && (this.orbit = window.orbit, r)) {
-      if (se({
+      if (ne({
         component: this,
         defaultRoute: t,
         ignoreRouter: i
@@ -1149,7 +1154,7 @@ class C extends v {
       if (!this.storeService && this.participantConnectorUri)
         try {
           const o = `dsp-connector-${this.component.uniq}`, n = {
-            type: ue.DataspaceConnector,
+            type: me.DataspaceConnector,
             endpoint: this.participantConnectorUri,
             catalogEndpoint: `${this.participantConnectorUri}/management/v3/catalog/request`,
             contractNegotiationEndpoint: `${this.participantConnectorUri}/management/v3/contractnegotiations`,
@@ -1165,7 +1170,7 @@ class C extends v {
               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);
         }
@@ -1180,13 +1185,13 @@ class C extends v {
     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/", r = 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 l = a["dcat:dataset"], u = Array.isArray(l) ? l : [l], f = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], p = n.participantId || f;
-            return u.map((b) => {
-              const $ = {
+            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(
                   "/services/",
@@ -1201,9 +1206,9 @@ class C extends v {
                 providerName: n.name,
                 providerAddress: n.address,
                 providerColor: n.color,
-                providerParticipantId: p
+                providerParticipantId: u
               };
-              return r.map(b, $);
+              return r.map(g, w);
             });
           }
           return [];
@@ -1223,64 +1228,83 @@ class C extends v {
     return this.storeService;
   }
 }
-E([
-  y({ attribute: "participant-connector-uri", reflect: !0 })
-], C.prototype, "participantConnectorUri");
-E([
-  y({ attribute: "participant-id", reflect: !0 })
-], C.prototype, "participantId");
-E([
-  y({ attribute: "participant-api-key", reflect: !0 })
-], C.prototype, "participantApiKey");
-E([
-  y({ attribute: "api-gateway-config", reflect: !0 })
-], C.prototype, "apiGatewayConfig");
-E([
+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()
-], C.prototype, "storeService");
-E([
+], P.prototype, "storeService");
+j([
   m()
-], C.prototype, "dspStoreService");
-E([
+], P.prototype, "dspStoreService");
+j([
   m()
-], C.prototype, "_apiGatewayConfigParsed");
-E([
-  y({ type: Array })
-], C.prototype, "providers");
-const We = (e, { keywords: t = [], attributes: r = ["dataSrc"] } = {}) => {
+], P.prototype, "_apiGatewayConfigParsed");
+j([
+  v({ type: Array })
+], P.prototype, "providers");
+const oe = (e, { keywords: t = [], attributes: r = ["dataSrc"] } = {}) => {
   const i = () => {
-    t && r && (e.caching === void 0 && (e.caching = 0), e.hasCachedDatas === void 0 && (e.hasCachedDatas = !1), e.cacheListener = (s) => {
-      const o = s.detail.id || s.detail.resource["@id"];
-      if (t.some((n) => o?.includes(n))) {
-        for (const n of r)
-          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 se = ({
+const ne = ({
   component: e,
   defaultRoute: t = !1,
   ignoreRouter: r = !1
 }) => {
-  if (e.uniq || (e.uniq = Ke(), t && !e.route && !r && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !r) {
+  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 s = document.querySelector("solid-router");
-      for (; s; )
-        e.noRouter = !1, e.currentRoute = s.currentRouteName, e.currentResource = window.sibRouter.currentResource, s = document.querySelector(
-          `[data-view="${s.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,10 +1317,10 @@ const se = ({
       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, r) => {
+const bt = (e, t, r) => {
   if (e == null)
     return !1;
   const i = t.split(".");
@@ -1306,38 +1330,26 @@ const vt = (e, t, r) => {
       s = s[o];
     else
       return !1;
-  if (zt(s)) {
+  if (Wt(s)) {
     if (new Date(s) > r)
       return !0;
   } else
     return !1;
   return Array.isArray(e) ? e.some(
-    (o) => vt(o, t, r)
-  ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && zt(n) ? !1 : vt(n, t, r)) : !1;
-}, Ge = (e, t, r) => {
+    (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(r);
   return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${r}`), e) : e.filter(
-    (s) => vt(s, t, i)
+    (s) => bt(s, t, i)
   );
-}, Je = (e, t, r) => !t || !r ? e : e.filter((i) => {
-  let s = i;
-  const o = t.split(".");
-  for (const a of o)
-    if (s && typeof s == "object" && a in s)
-      s = s[a];
-    else
-      return !1;
-  const n = s;
-  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;
-});
-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, r, i) => {
+const $t = (e, t, r, i) => {
   if (e == null)
     return !1;
   const s = t.split(".");
@@ -1350,25 +1362,41 @@ const bt = (e, t, r, i) => {
   if (typeof o == "number") {
     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 (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, r, i)
+    (n) => $t(n, t, r, i)
   ) : typeof e == "object" ? Object.entries(e).some(
-    ([n, a]) => bt(a, t, r, i)
+    ([n, a]) => $t(a, t, r, i)
   ) : !1;
-}, Xe = (e, t, r) => {
+}, Qe = (e, t, r) => {
+  if (!t || !r)
+    return e;
+  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) => bt(o, t, i, s)
+    (o) => $t(o, t, i, s)
   );
-}, $t = (e, t, r) => {
+}, _t = (e, t, r) => {
   if (e == null)
     return 0;
   if (typeof e != "object") {
@@ -1384,7 +1412,7 @@ const bt = (e, t, r, i) => {
     for (const o of e)
       if (s = Math.max(
         s,
-        $t(
+        _t(
           o,
           t
         )
@@ -1395,33 +1423,35 @@ const bt = (e, t, r, i) => {
   for (const s of Object.values(e))
     if (i = Math.max(
       i,
-      $t(
+      _t(
         s,
         t
       )
     ), i === 2) break;
   return i;
-}, Qe = (e, t, r) => {
+}, tr = (e, t, r) => {
   if (!t || !r || r.trim() === "")
     return e;
-  const i = r.toLowerCase(), o = e.map((n) => {
-    let a = n;
-    const l = t.split(".");
-    for (const f of l)
-      if (a && typeof a == "object" && f in a)
-        a = a[f];
+  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 u = 0;
-    return a && (u = $t(a, i)), { obj: n, score: u };
-  }).filter((n) => n.score > 0);
-  return o.sort((n, a) => a.score - n.score), o.map((n) => n.obj);
-}, Ye = (e, t) => t ? e.filter((r) => {
+    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, _t = (e, t, r) => {
+}) : e, wt = (e, t, r) => {
   if (e == null)
     return 0;
   if (typeof e != "object") {
@@ -1437,7 +1467,7 @@ const bt = (e, t, r, i) => {
     for (const o of e)
       if (s = Math.max(
         s,
-        _t(o, t)
+        wt(o, t)
       ), s === 4) break;
     return s;
   }
@@ -1445,44 +1475,62 @@ const bt = (e, t, r, i) => {
   for (const [s, o] of Object.entries(e))
     if (i = Math.max(
       i,
-      _t(o, t, s)
+      wt(o, t, s)
     ), i === 4) break;
   return i;
-}, ie = (e, t) => {
+}, ae = (e, t) => {
   if (!t || t.trim() === "")
     return e;
-  const r = t.toLowerCase(), s = e.map((o) => ({
-    obj: o,
-    score: _t(o, r)
-  })).filter((o) => o.score > 0);
-  return s.sort((o, n) => n.score - o.score), s.map((o) => o.obj);
-}, Vt = (e, t) => {
+  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 (let i = 0; i < t.length && (r && t[i] in r); i++)
-    r = r[t[i]];
+  for (const i of t)
+    if (r && i in r)
+      r = r[i];
+    else
+      return;
   return r;
-}, P = (e, t, r = "asc") => e.sort((i, s) => {
-  let o = i, n = s;
-  Array.isArray(t) ? (o = Vt(i, t), n = Vt(s, t)) : (o = i[t], n = s[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
+}, 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 r === "asc" ? a : -a;
-}), L = (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;
-}, D = (e, t = !1) => {
+  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", {
       detail: {
@@ -1491,46 +1539,46 @@ const bt = (e, t, r, i) => {
       }
     })
   );
-}, tr = "https://cdn.startinblox.com/owl/ds4go.jsonld#", er = { "@id": "ds4go:link", "@type": "@id" }, rr = { "@id": "ds4go:enclosure", "@type": "@id" }, sr = { "@id": "ds4go:url", "@type": "@id" }, Wt = {
-  ds4go: tr,
-  link: er,
-  enclosure: rr,
-  url: sr
+}, 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 ir = (e, ...t) => ({
+const At = "lit-localize-status";
+const ar = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), x = ir, or = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, r) => {
+}), E = ar, cr = (e) => typeof e != "string" && "strTag" in e, ce = (e, t, r) => {
   let i = e[0];
   for (let s = 1; s < e.length; s++)
     i += t[r ? r[s - 1] : s - 1], i += e[s];
   return i;
 };
-const ne = ((e) => or(e) ? oe(e.strings, e.values) : e);
-let h = ne, Kt = !1;
-function nr(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");
-  h = e, Kt = !0;
+  h = e, Jt = !0;
 }
-class ar {
+class dr {
   constructor(t) {
     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 cr = (e) => e.addController(new ar(e)), lr = cr;
-const dr = () => (e, t) => (e.addInitializer(lr), 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, r) => {
       this._resolve = t, this._reject = r;
@@ -1543,28 +1591,28 @@ class ae {
     this.settled = !0, this._reject(t);
   }
 }
-const A = [];
+const C = [];
 for (let e = 0; e < 256; e++)
-  A[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function hr(e) {
-  let t = 0, r = 8997, i = 0, s = 33826, o = 0, n = 40164, a = 0, l = 52210;
-  for (let u = 0; u < e.length; u++)
-    r ^= e.charCodeAt(u), t = r * 435, i = s * 435, o = n * 435, a = l * 435, o += r << 8, a += s << 8, i += t >>> 16, r = t & 65535, o += i >>> 16, s = i & 65535, l = a + (o >>> 16) & 65535, n = o & 65535;
-  return A[l >> 8] + A[l & 255] + A[n >> 8] + A[n & 255] + A[s >> 8] + A[s & 255] + A[r >> 8] + A[r & 255];
+  C[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
+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 ur = "", pr = "h", fr = "s";
-function mr(e, t) {
-  return (t ? pr : fr) + hr(typeof e == "string" ? e : e.join(ur));
+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 gr(e, t, r) {
+const Zt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new Map();
+function br(e, t, r) {
   if (e) {
-    const i = r?.id ?? yr(t), s = e[i];
+    const i = r?.id ?? $r(t), s = e[i];
     if (s) {
       if (typeof s == "string")
         return s;
       if ("strTag" in s)
-        return oe(
+        return ce(
           s.strings,
           // Cast `template` because its type wasn't automatically narrowed (but
           // we know it must be the same type as `localized`).
@@ -1572,57 +1620,57 @@ function gr(e, t, r) {
           s.values
         );
       {
-        let o = Gt.get(s);
-        return o === void 0 && (o = s.values, Gt.set(s, o)), {
+        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 yr(e) {
+function $r(e) {
   const t = typeof e == "string" ? e : e.strings;
-  let r = Jt.get(t);
-  return r === void 0 && (r = mr(t, typeof e != "string" && !("strTag" in e)), Jt.set(t, r)), r;
+  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 at = "", yt, ce, ct, At, le, k = new ae();
-k.resolve();
-let st = 0;
-const vr = (e) => (nr(((t, r) => gr(le, t, r))), at = ce = e.sourceLocale, ct = new Set(e.targetLocales), ct.add(e.sourceLocale), At = e.loadLocale, { getLocale: br, setLocale: $r }), br = () => at, $r = (e) => {
-  if (e === (yt ?? at))
-    return k.promise;
-  if (!ct || !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 (!ct.has(e))
+  if (!dt.has(e))
     throw new Error("Invalid locale code");
-  st++;
-  const t = st;
-  return yt = e, k.settled && (k = 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 && (at = e, yt = void 0, le = i.templates, gt({ status: "ready", readyLocale: e }), k.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()
-    }), k.reject(i));
-  }), k.promise;
+    }), O.reject(i));
+  }), O.promise;
 };
-var _r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, Ut = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? wr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+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 && _r(t, r, 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 = [];
   }
@@ -1643,7 +1691,7 @@ let X = class extends Rt {
         switch (n.type) {
           case "interval":
             o.push(
-              Xe(
+              Ye(
                 i,
                 n.name,
                 n.value
@@ -1652,7 +1700,7 @@ let X = class extends Rt {
             break;
           case "dateAfter":
             o.push(
-              Ge(
+              Ze(
                 i,
                 n.name,
                 n.value
@@ -1661,7 +1709,7 @@ let X = class extends Rt {
             break;
           case "matchId":
             o.push(
-              Je(
+              Qe(
                 i,
                 n.name,
                 n.value
@@ -1670,12 +1718,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 +1732,7 @@ let X = class extends Rt {
             break;
           default:
             o.push(
-              ie(i, n.value)
+              ae(i, n.value)
             );
         }
       i = [...o.flat()];
@@ -1702,7 +1750,7 @@ let X = class extends Rt {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? c : d`<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 = [
         {
@@ -1710,20 +1758,20 @@ let X = class extends Rt {
           type: "information"
         }
       ];
-      return d`<tems-card-catalog
-          .object=${c}
+      return f`<tems-card-catalog
+          .object=${l}
           type=${"bill-image"}
           .tags=${t}
-          .header=${e.name || c}
-          .content=${e.description || c}
-          date=${e.updated_at || c}
+          .header=${e.name || l}
+          .content=${e.description || l}
+          date=${e.updated_at || l}
           @click=${() => this._handleClickEvent(e)}
         ></tems-card-catalog>`;
     })}
     </div>`;
   }
 };
-X.styles = Y`
+Q.styles = tt`
     .card-grid {
       display: flex;
       flex-direction: row;
@@ -1741,22 +1789,22 @@ X.styles = Y`
       cursor: pointer;
     }
   `;
-Ut([
+Dt([
   m()
-], X.prototype, "search", 2);
-Ut([
+], Q.prototype, "search", 2);
+Dt([
   m()
-], X.prototype, "_displayObjects", 2);
-X = Ut([
-  V("ds4go-fact-bundle-holder")
-], X);
-const Ar = ".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 Cr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, de = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Sr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+], 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, Rr = Object.getOwnPropertyDescriptor, pe = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Rr(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;
+  return i && s && Pr(t, r, s), s;
 };
-let lt = class extends Ie {
+let ut = class extends Fe {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
@@ -1764,12 +1812,12 @@ let lt = class extends Ie {
     this.dispatchEvent(new CustomEvent("close"));
   }
   render() {
-    return d`<div class="modal">
+    return f`<div class="modal">
       <div class="topbar">
         <tems-button
           @click=${this._closeModal}
           type="outline-gray"
-          .iconLeft=${d`<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">
@@ -1797,12 +1845,12 @@ let lt = class extends Ie {
           type: "information"
         });
       }
-      return d`<tems-card-catalog
-                  .object=${c}
+      return f`<tems-card-catalog
+                  .object=${l}
                   .tags=${t}
-                  .header=${e.name || c}
-                  .content=${e.description || c}
-                  date=${e.updated_at || c}
+                  .header=${e.name || l}
+                  .content=${e.description || l}
+                  date=${e.updated_at || l}
                 ></tems-card-catalog>`;
     })}
             </div>
@@ -1822,18 +1870,18 @@ let lt = class extends Ie {
     </div>`;
   }
 };
-lt.styles = Y`
-    ${xt(Ar)}
+ut.styles = tt`
+    ${Rt(xr)}
   `;
-de([
-  y({ attribute: !1, type: Object })
-], lt.prototype, "object", 2);
-lt = de([
-  V("ds4go-fact-bundle-modal"),
-  dr()
-], lt);
-const xr = /* @__PURE__ */ Symbol();
-class pt {
+pe([
+  v({ attribute: !1, type: Object })
+], ut.prototype, "object", 2);
+ut = pe([
+  M("ds4go-fact-bundle-modal"),
+  pr()
+], ut);
+const Er = /* @__PURE__ */ Symbol();
+class rt {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
       this.o = t, this.h = r;
@@ -1842,7 +1890,7 @@ class pt {
   constructor(t, r, i) {
     this.p = 0, this.i = 0, (this._ = t).addController(this);
     const s = typeof r == "object" ? r : { task: r, args: i };
-    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? Pr, 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?.());
+    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();
@@ -1872,7 +1920,7 @@ class pt {
       o = !0, i = n;
     }
     if (this.p === s) {
-      if (r === xr) this.i = 0;
+      if (r === Er) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -1919,20 +1967,72 @@ class pt {
     }
   }
 }
-const Pr = (e, t) => e === t || e.length === t.length && e.every(((r, i) => !ht(r, t[i])));
-var jr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, R = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Er(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+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
+    });
+  }
+};
+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 && jr(t, r, s), s;
+  return i && s && Dr(t, r, s), s;
 };
-let _ = class extends v {
+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, {
+    ], 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) {
@@ -1986,7 +2086,7 @@ let _ = class extends v {
               );
               if (s)
                 try {
-                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = P(
+                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = S(
                     this.object["dcat:dataset"],
                     "dct:title",
                     "asc"
@@ -1999,9 +2099,9 @@ let _ = class extends v {
                   return;
                 }
             }
-            return P(this.catalogs, "catalogId", "asc");
+            return S(this.catalogs, "catalogId", "asc");
           }
-          return P(this.sectors, "id", "asc");
+          return S(this.sectors, "id", "asc");
         }
       },
       args: () => [
@@ -2035,68 +2135,68 @@ let _ = class extends v {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
-      error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), c),
-      complete: (e) => d`<tems-viewport>
+      pending: () => f`<solid-loader></solid-loader>`,
+      error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), l),
+      complete: (e) => f`<tems-viewport>
             <tems-header
               slot="header"
               heading=${this.catalogId ? e ? this.catalogId === "*" ? `${h("All Datasets")}` : `${h("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(x`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) ? d`<div slot="cta">
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(E`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=${h(
-        x`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+        E`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
-                  </div>` : c}</tems-header
+                  </div>` : l}</tems-header
             >
             <div slot="content">
-              ${e ? d`<div>
-                    ${this.catalogId ? d`<tems-division type="body-m"
+              ${e ? f`<div>
+                    ${this.catalogId ? f`<tems-division type="body-m"
                           >${e["dct:description"]}</tems-division
-                        >` : c}
+                        >` : l}
                     <div class="card-grid card-grid-vertical">
-                      ${this.catalogId ? d`${e["dcat:dataset"].map(
-        (t) => d`<tems-card-catalog
-                                .object=${c}
+                      ${this.catalogId ? f`${e["dcat:dataset"].map(
+        (t) => f`<tems-card-catalog
+                                .object=${l}
                                 type=${"bill-image"}
-                                .header=${t["dct:title"] || c}
-                                .content=${t["dct:description"] || c}
+                                .header=${t["dct:title"] || l}
+                                .content=${t["dct:description"] || l}
                               ></tems-card-catalog>`
-      )}` : this.sectorId ? d`${e.map(
-        (t) => d`<tems-card-catalog
+      )}` : this.sectorId ? f`${e.map(
+        (t) => f`<tems-card-catalog
                                   class="cursor-pointer"
-                                  .object=${c}
+                                  .object=${l}
                                   type=${"bill-image"}
-                                  .header=${t.catalogId || c}
-                                  .content=${t.description || c}
-                                  date=${L(t.lastUpdated) || c}
+                                  .header=${t.catalogId || l}
+                                  .content=${t.description || l}
+                                  date=${I(t.lastUpdated) || l}
                                   @click=${() => this._selectCatalog(t.catalogId)}
                                 ></tems-card-catalog>`
-      )}` : d`${e.map(
-        (t) => d`<tems-card-catalog
+      )}` : f`${e.map(
+        (t) => f`<tems-card-catalog
                                   class="cursor-pointer"
-                                  .object=${c}
+                                  .object=${l}
                                   type=${"bill-image"}
-                                  .header=${t.id || c}
-                                  .content=${t.description || c}
-                                  date=${L(t.lastUpdated) || c}
+                                  .header=${t.id || l}
+                                  .content=${t.description || l}
+                                  date=${I(t.lastUpdated) || l}
                                   @click=${() => this._selectSector(t.id)}
                                 ></tems-card-catalog>`
       )}`}
                     </div>
-                  </div>` : d`<p>
+                  </div>` : f`<p>
                       ${h(
         "No data available, data source may be temporarily unavailable."
       )}
                     </p>
-                    ${this.sectorId || this.catalogId ? d`<tems-button
+                    ${this.sectorId || this.catalogId ? f`<tems-button
                           type="primary"
                           label=${h("Back")}
                           @click=${this._back}
-                        ></tems-button>` : d`<tems-button
+                        ></tems-button>` : f`<tems-button
                           type="primary"
                           label=${h("Retry")}
                           @click=${this.requestUpdate}
@@ -2106,7 +2206,7 @@ let _ = class extends v {
     });
   }
 };
-_.styles = Y`
+A.styles = tt`
     .card-grid {
       margin: var(--scale-900) 0;
       display: flex;
@@ -2128,38 +2228,38 @@ _.styles = Y`
       margin-top: var(--scale-900);
     }
   `;
-R([
-  y({ attribute: "sector-id", type: String })
-], _.prototype, "sectorId", 2);
-R([
-  y({ attribute: "catalog-id", type: String })
-], _.prototype, "catalogId", 2);
-R([
+U([
+  v({ attribute: "sector-id", type: String })
+], A.prototype, "sectorId", 2);
+U([
+  v({ attribute: "catalog-id", type: String })
+], A.prototype, "catalogId", 2);
+U([
   m()
-], _.prototype, "search", 2);
-R([
+], A.prototype, "search", 2);
+U([
   m()
-], _.prototype, "resultCount", 2);
-R([
+], A.prototype, "resultCount", 2);
+U([
   m()
-], _.prototype, "sectors", 2);
-R([
+], A.prototype, "sectors", 2);
+U([
   m()
-], _.prototype, "catalogs", 2);
-R([
+], A.prototype, "catalogs", 2);
+U([
   m()
-], _.prototype, "object", 2);
-_ = R([
-  V("solid-dsif-explorer-poc")
-], _);
-var Rr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, ft = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ur(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+], A.prototype, "object", 2);
+A = U([
+  M("solid-dsif-explorer-poc")
+], A);
+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 && Rr(t, r, s), s;
+  return i && s && Lr(t, r, s), s;
 };
-let Q = class extends C {
+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) {
@@ -2259,35 +2359,50 @@ let Q = class extends C {
   }
   render() {
     return this._getResource.render({
-      pending: () => c,
-      complete: () => c,
-      error: (e) => c
+      pending: () => l,
+      complete: () => l,
+      error: (e) => l
     });
   }
 };
-ft([
+mt([
   m()
-], Q.prototype, "assets", 2);
-ft([
+], Y.prototype, "assets", 2);
+mt([
   m()
-], Q.prototype, "policies", 2);
-ft([
+], Y.prototype, "policies", 2);
+mt([
   m()
-], Q.prototype, "contracts", 2);
-Q = ft([
-  V("solid-dsp-connector")
-], Q);
-const Or = ".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%}";
-var kr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, U = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Dr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+], 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 && kr(t, r, s), s;
+  return i && s && Fr(t, r, s), s;
 };
-let w = class extends v {
+let b = class extends $ {
   constructor() {
-    super(...arguments), this.header = "DS4GO Fact Bundling Creation", this.selectedFacts = [], this.bundleName = "", this.bundleDescription = "", this.filterFactText = "", this.spliceLength = 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: L },
-      { key: "updated_at", value: "updated_at", cast: L },
+    super(...arguments), this.header = "DS4GO Fact Bundling Creation", this.selectedFacts = [], this.bundleName = "", this.bundleDescription = "", this.bundleLanguage = "en", this.policyTemplates = [
+      {
+        id: "policy-open-access",
+        name: h("Open access"),
+        policy: {
+          "@type": "Set",
+          permission: [
+            {
+              action: "use"
+            }
+          ],
+          prohibition: [],
+          obligation: []
+        }
+      }
+    ], 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: I },
+      { key: "updated_at", value: "updated_at", cast: I },
       { key: "name", value: "name" },
       { key: "description", value: "description" },
       { key: "author", value: "author" },
@@ -2295,17 +2410,17 @@ let w = class extends v {
         key: "categories",
         value: "categories",
         expand: !0,
-        cast: (t) => P(t, "name")
+        cast: (t) => S(t, "name")
       }
-    ], this._getResource = new pt(this, {
+    ], 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 = []), r ? P(
-            ie(
+          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), r ? S(
+            ae(
               this.facts.filter(
                 (s) => !i.includes(s)
               ),
@@ -2313,7 +2428,7 @@ let w = class extends v {
             ),
             "name",
             "asc"
-          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), P(
+          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), S(
             this.facts.filter(
               (s) => !this.selectedFacts.includes(s)
             ),
@@ -2331,6 +2446,9 @@ let w = class extends v {
       ]
     });
   }
+  async _afterAttach() {
+    return this.dspConnector = this.orbit?.getComponent("dsp-connector"), Promise.resolve();
+  }
   _showMoreResults() {
     this.spliceLength += Math.floor((window.innerWidth - 800) / 354);
   }
@@ -2348,12 +2466,14 @@ let w = class extends v {
       "@type": ["ldp:Container", "ds4go:FactBundle"],
       name: this.bundleName,
       description: this.bundleDescription || "",
-      "ldp:contains": this.selectedFacts.map((s) => ({ "@id": s["@id"] }))
+      "ldp:contains": this.selectedFacts.map((s) => ({
+        "@id": s["@id"]
+      }))
     }, r = await window.sibStore.post(
       t,
       this.dataSrc
     );
-    document.dispatchEvent(
+    if (document.dispatchEvent(
       new CustomEvent("save", {
         detail: { resource: { "@id": r } },
         bubbles: !0
@@ -2363,14 +2483,81 @@ let w = class extends v {
         detail: { resource: { "@id": this.dataSrc } },
         bubbles: !0
       })
-    ), this.bundleName = "", this.bundleDescription = "", this.selectedFacts = [];
+    ), this.dspConnector) {
+      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:${s}`,
+        properties: {
+          name: this.bundleName,
+          description: this.bundleDescription,
+          contenttype: "application/ld+json",
+          language: this.bundleLanguage
+        },
+        dataAddress: {
+          "@type": "DataAddress",
+          type: "HttpData",
+          baseUrl: r
+        }
+      }), await Promise.all([
+        this.dspConnector.instance?.createPolicy({
+          "@id": `urn:access-policy-id:${s}`,
+          "@type": "PolicyDefinition",
+          policy: {
+            "@context": "http://www.w3.org/ns/odrl.jsonld",
+            ...this.policyTemplates.find(
+              (c) => c.id === this.bundleAccessPolicy
+            )?.policy
+          }
+        }),
+        this.dspConnector.instance?.createPolicy({
+          "@id": `urn:contract-policy-id:${s}`,
+          "@type": "PolicyDefinition",
+          policy: {
+            "@context": "http://www.w3.org/ns/odrl.jsonld",
+            ...this.policyTemplates.find(
+              (c) => c.id === this.bundleContractPolicy
+            )?.policy
+          }
+        }),
+        this.dspConnector.instance?.createContract({
+          "@id": `urn:contract-id:${s}`,
+          "@type": "ContractDefinition",
+          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:${s}`
+            }
+          ]
+        })
+      ]);
+      const o = document.querySelector(
+        "solid-tems-assets-management"
+      );
+      o && o.loadAssets();
+      const n = document.querySelector(
+        "solid-tems-policies-management"
+      );
+      n && n.loadPolicies();
+      const a = document.querySelector(
+        "solid-tems-contracts-management"
+      );
+      a && a.loadData();
+    }
+    this.bundleName = "", this.bundleDescription = "", this.selectedFacts = [];
     const i = this.orbit?.getComponent("fact-bundle");
     document.dispatchEvent(
       new CustomEvent("save", {
         detail: { resource: { "@id": i?.defaultDataSrc } },
         bubbles: !0
       })
-    ), i && D(i?.route, i?.defaultDataSrc);
+    ), i && L(
+      i?.route,
+      i?.defaultDataSrc
+    );
   }
   _updateBundleName(t) {
     this.bundleName = t.detail.value;
@@ -2378,6 +2565,15 @@ let w = class extends v {
   _updateBundleDescription(t) {
     this.bundleDescription = t.detail.value;
   }
+  _updateBundleLanguage(t) {
+    this.bundleLanguage = t.detail.value;
+  }
+  _selectBundleAccessPolicy(t) {
+    t.preventDefault(), t.target && (this.bundleAccessPolicy = t.target.value);
+  }
+  _selectBundleContractPolicy(t) {
+    t.preventDefault(), t.target && (this.bundleContractPolicy = t.target.value);
+  }
   _toggleFactSelection(t) {
     this.selectedFacts.includes(t) ? this.selectedFacts = this.selectedFacts.filter((r) => r !== t) : this.selectedFacts = [...this.selectedFacts, t];
   }
@@ -2386,17 +2582,17 @@ let w = class extends v {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
-      error: (t) => (console.warn("[solid-fact-bundle-creation] Task error:", t), c),
+      pending: () => f`<solid-loader></solid-loader>`,
+      error: (t) => (console.warn("[solid-fact-bundle-creation] Task error:", t), l),
       complete: (t) => {
-        if (!t) return c;
-        const r = t.slice(0, this.spliceLength), i = this.selectedFacts.length, s = !!this.bundleName && i > 0;
-        return d`<tems-viewport>
+        if (!t) return l;
+        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=${!s || c}
+                  disabled=${!s || l}
                   label=${h("Create bundle")}
                   @click=${this._createFactBundle}
                 ></tems-button>
@@ -2424,10 +2620,43 @@ let w = class extends v {
                       @change=${this._updateBundleDescription}
                     ></tems-textarea>
                   </div>
-                  ${i > 0 ? d`<tems-division type="h4">
+                  <div>
+                    <tems-input
+                      type="text"
+                      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=${h("Access policy")}></tems-label>
+                    <select @change=${this._selectBundleAccessPolicy}>
+                      ${this.policyTemplates.map((o) => f`<option
+                          value="${o.id}"
+                          ?selected="${o.id === this.bundleAccessPolicy}"
+                        >
+                          ${o.name}
+                        </option>`)}
+                    </select>
+                  </div>
+                  <div class="select">
+                    <tems-label label=${h("Contract policy")}></tems-label>
+                    <select @change=${this._selectBundleContractPolicy}>
+                      ${this.policyTemplates.map((o) => f`<option
+                          value="${o.id}"
+                          ?selected="${o.id === this.bundleContractPolicy}"
+                        >
+                          ${o.name}
+                        </option>`)}
+                    </select>
+                  </div>
+                  ${i > 0 ? f`<tems-division type="h4">
                           <div>
                             ${h(
-          x`${i} selected fact${i > 1 ? "s" : ""}`
+          E`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -2444,10 +2673,10 @@ let w = class extends v {
               type: "information"
             });
           }
-          return d`<tems-card-catalog
-                              .object=${c}
-                              .header=${o.name || c}
-                              date=${o.updated_at || c}
+          return f`<tems-card-catalog
+                              .object=${l}
+                              .header=${o.name || l}
+                              date=${o.updated_at || l}
                               @click=${this._toggleFactSelection.bind(
             this,
             o
@@ -2455,9 +2684,9 @@ let w = class extends v {
                               selected=${!0}
                             ></tems-card-catalog>`;
         })}
-                        </div>` : c}
+                        </div>` : l}
                 </div>
-                ${r.length > 0 || this.filterFactText ? d`<div>
+                ${r.length > 0 || this.filterFactText ? f`<div>
                       <div>
                         <tems-search-bar
                           .displayFilters=${!1}
@@ -2472,7 +2701,7 @@ let w = class extends v {
                           @search=${this._searchFacts}
                         ></tems-search-bar>
                       </div>
-                      ${r.length > 0 ? d` <div class="card-grid card-grid-vertical">
+                      ${r.length > 0 ? f` <div class="card-grid card-grid-vertical">
                               ${r.map((o) => {
           const n = o.categories.map(
             (a) => ({
@@ -2487,12 +2716,12 @@ let w = class extends v {
               type: "information"
             });
           }
-          return d`<tems-card-catalog
-                                  .object=${c}
+          return f`<tems-card-catalog
+                                  .object=${l}
                                   .tags=${n}
-                                  .header=${o.name || c}
-                                  .content=${o.description || c}
-                                  date=${o.updated_at || c}
+                                  .header=${o.name || l}
+                                  .content=${o.description || l}
+                                  date=${o.updated_at || l}
                                   @click=${this._toggleFactSelection.bind(
             this,
             o
@@ -2500,12 +2729,12 @@ let w = class extends v {
                                 ></tems-card-catalog>`;
         })}
                             </div>
-                            ${r.length < t.length ? d`<div
+                            ${r.length < t.length ? f`<div
                                   class="flex flex-row justify-content-space-between align-items-flex-end"
                                 >
                                   <div>
                                     ${h(
-          x`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+          E`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
                                   <div class="flex flex-row gap-400">
@@ -2522,8 +2751,9 @@ let w = class extends v {
                                       label=${h("Show all results")}
                                     ></tems-button>
                                   </div>
-                                </div>` : c}` : d`${h("No results found")} ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
-                    </div>` : c}
+                                </div>` : l}` : f`${h("No results found")}
+                          ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
+                    </div>` : l}
               </section>
             </div>
           </tems-viewport>`;
@@ -2531,94 +2761,56 @@ let w = class extends v {
     });
   }
 };
-w.styles = [
-  xt(Or),
-  Y`
-      [slot="content"] {
-        height: 100%;
-      }
-      section {
-        gap: var(--scale-400);
-        padding: var(--scale-900) 0;
-        height: calc(100% - var(--scale-900) * 2);
-      }
-      section > div {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        gap: var(--scale-400);
-        flex: 1;
-      }
-      section > div:first-child {
-        max-width: 400px;
-      }
-      .card-grid {
-        flex: 1;
-        overflow-y: scroll;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        gap: 20px;
-        align-content: flex-start;
-      }
-      .card-grid-vertical {
-        justify-content: stretch;
-      }
-      .card-grid-vertical tems-card-catalog {
-        width: 354px;
-        height: fit-content;
-      }
-      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);
-      }
-    `
-];
-U([
-  y({ attribute: "header", type: String })
-], w.prototype, "header", 2);
-U([
-  y({ attribute: "facts-src", reflect: !0 })
-], w.prototype, "factsSrc", 2);
-U([
+b.styles = [Rt(Ir)];
+_([
+  v({ attribute: "header", type: String })
+], b.prototype, "header", 2);
+_([
+  v({ attribute: "facts-src", reflect: !0 })
+], b.prototype, "factsSrc", 2);
+_([
   m()
-], w.prototype, "selectedFacts", 2);
-U([
+], b.prototype, "selectedFacts", 2);
+_([
   m()
-], w.prototype, "bundleName", 2);
-U([
+], b.prototype, "bundleName", 2);
+_([
   m()
-], w.prototype, "bundleDescription", 2);
-U([
+], b.prototype, "bundleDescription", 2);
+_([
   m()
-], w.prototype, "filterFactText", 2);
-U([
+], 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()
-], w.prototype, "spliceLength", 2);
-w = U([
-  V("solid-fact-bundle-creation")
-], w);
-var Ir = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Lr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+], 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 && Ir(t, r, s), s;
+  return i && s && Mr(t, r, s), s;
 };
-let F = class extends v {
+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: L },
-      { key: "updated_at", value: "updated_at", cast: L },
+      { 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((r) => {
@@ -2631,7 +2823,7 @@ let F = class extends v {
           }
           return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), t ? this.object = this.objects.find(
             (r) => r["@id"] === t
-          ) : this.dataSrc = e, P(this.objects, "name", "asc");
+          ) : this.dataSrc = e, S(this.objects, "name", "asc");
         }
       },
       args: () => [
@@ -2646,14 +2838,14 @@ let F = class extends v {
     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: L },
+          { key: "updated_at", value: "updated_at", cast: I },
           { key: "name", value: "name" },
           { key: "description", value: "description" },
           {
             key: "categories",
             value: "categories",
             expand: !0,
-            cast: (r) => P(r, "name")
+            cast: (r) => S(r, "name")
           },
           { key: "author", value: "author" },
           { key: "link", value: "link" },
@@ -2671,7 +2863,7 @@ let F = class extends v {
     )), Promise.resolve(e);
   }
   async _afterAttach() {
-    return We(this, {
+    return oe(this, {
       keywords: ["factbundles"]
     }), this.menuComponent = document.querySelector(
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
@@ -2685,39 +2877,39 @@ let F = class extends v {
   _openModal(e) {
     if (e.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        D(this.route, e.detail["@id"]);
+        L(this.route, e.detail["@id"]);
       else {
         const t = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
         if (t) {
           const r = window.orbit?.components?.filter(
             (i) => i?.routeAttributes?.["rdf-type"] === t
           );
-          r?.[0]?.route && D(r[0]?.route, e.detail["@id"]);
+          r?.[0]?.route && L(r[0]?.route, e.detail["@id"]);
         }
       }
   }
   _closeModal(e) {
-    e.preventDefault(), this.route && D(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && L(this.route, this.defaultDataSrc);
   }
   _closeModalFromBackground(e) {
-    e.preventDefault(), this.route && e.target?.classList.contains("modal") && D(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && e.target?.classList.contains("modal") && L(this.route, this.defaultDataSrc);
   }
   _resultCountUpdate(e) {
     this.resultCount = e.detail ?? 0;
   }
   _goToBundleCreation(e) {
-    e.preventDefault(), this.bundleCreationComponent?.route && D(this.bundleCreationComponent.route);
+    e.preventDefault(), this.bundleCreationComponent?.route && L(this.bundleCreationComponent.route);
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
-      error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), c),
-      complete: (e) => d`<tems-viewport>
+      pending: () => f`<solid-loader></solid-loader>`,
+      error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), l),
+      complete: (e) => f`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
                 <tems-button
                   type="primary"
-                  disabled=${!this.bundleCreationComponent?.route || c}
+                  disabled=${!this.bundleCreationComponent?.route || l}
                   label=${h("Create a bundle")}
                   @click=${this._goToBundleCreation}
                 ></tems-button>
@@ -2738,7 +2930,7 @@ let F = class extends v {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-fact-bundle-holder>
-              ${this.object ? d`<div
+              ${this.object ? f`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -2746,13 +2938,13 @@ let F = class extends v {
                       .object=${this.object}
                       @close=${this._closeModal}
                     ></ds4go-fact-bundle-modal>
-                  </div>` : c}
+                  </div>` : l}
             </div>
           </tems-viewport>`
     });
   }
 };
-F.styles = Y`
+N.styles = tt`
     .modal {
       position: fixed;
       top: 0;
@@ -2766,39 +2958,45 @@ F.styles = Y`
       align-items: center;
     }
   `;
-et([
-  y({ attribute: "header", type: String })
-], F.prototype, "header", 2);
-et([
+st([
+  v({ attribute: "header", type: String })
+], N.prototype, "header", 2);
+st([
   m()
-], F.prototype, "search", 2);
-et([
+], N.prototype, "search", 2);
+st([
   m()
-], F.prototype, "resultCount", 2);
-et([
+], N.prototype, "resultCount", 2);
+st([
   m()
-], F.prototype, "bundleCreationComponent", 2);
-F = et([
-  V("solid-fact-bundle")
-], F);
-const Tr = {
+], N.prototype, "bundleCreationComponent", 2);
+N = st([
+  M("solid-fact-bundle")
+], N);
+const qr = {
   s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: x`Error while loading catalog ${0}`,
+  s67269ab6dc51ec41: E`Error while loading catalog ${0}`,
   s0b88896b7338837d: "All Datasets",
   s541d9cd11a5bc840: "Datasets from",
   s01ceffa02fa6bd7f: "All Sectors",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: x`Back to ${0}`,
+  se5784a16a6799dad: E`Back to ${0}`,
   s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
   sc16e00a7a8b2fde2: "Back",
   s2c8189544e3ea679: "Retry",
+  sc7e3b594ffcd9d61: "Open access",
   seb1a452f2df70baf: "Create bundle",
   sed5b6ae54e00125c: "Bundle name",
   s11099da36cbc3173: "Bundle description",
-  sac1b0231875ff056: x`${0} selected fact${1}`,
+  sefcf950b3cc4fc3b: "Language",
+  s6ae6714aac4ba43d: "Language code (en, de, es, fr...)",
+  s21fb127cabcd5617: "Comma-separated, eg.: en,de,es,fr)",
+  sa6ef22f7e7e95e2b: "Access policy",
+  s6de61424bb681993: "Contract policy",
+  sac1b0231875ff056: E`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: x`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: E`Displaying ${0} of ${1} result${2}`,
   sa40e7f4f2a43e2f7: "Show more results",
   sacf246e0fa11730d: "Show all results",
   s9094c0cde8fb5058: "No results found",
@@ -2808,20 +3006,20 @@ const Tr = {
   s4979bd417e7c8052: "All facts in this bundle",
   s57a40de45f324b96: "Bundle created on",
   sd3682395cf86f913: "Bundle updated on"
-}, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  templates: Tr
-}, Symbol.toStringTag, { value: "Module" })), Nr = "en", he = [
+  templates: qr
+}, Symbol.toStringTag, { value: "Module" })), zr = "en", fe = [
   "en"
-], Mr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Fr }), Br = new Map(
-  he.map((e) => [
+], Vr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Hr }), Wr = new Map(
+  fe.map((e) => [
     e,
-    Mr[`../../generated/locales/${e}.ts`]
+    Vr[`../../generated/locales/${e}.ts`]
   ])
-), { getLocale: Zt, setLocale: Xt } = vr({
-  sourceLocale: Nr,
-  targetLocales: he,
-  loadLocale: async (e) => Br.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];