@startinblox/components-ds4go 4.1.2 → 4.1.4

package/dist/index.js

@@ -36,7 +36,7 @@ const L = (e) => new Er(typeof e == "string" ? e : e + "", void 0, mi), A = (e,
   for (const r of t.cssRules) i += r.cssText;
   return L(i);
 })(e) : e;
-const { is: ys, defineProperty: vs, getOwnPropertyDescriptor: bs, getOwnPropertyNames: $s, getOwnPropertySymbols: ws, getPrototypeOf: _s } = Object, Ie = globalThis, Li = Ie.trustedTypes, xs = Li ? Li.emptyScript : "", Ps = Ie.reactiveElementPolyfillSupport, Yt = (e, t) => e, be = { toAttribute(e, t) {
+const { is: ys, defineProperty: vs, getOwnPropertyDescriptor: bs, getOwnPropertyNames: ws, getOwnPropertySymbols: $s, getPrototypeOf: _s } = Object, Ie = globalThis, Li = Ie.trustedTypes, xs = Li ? Li.emptyScript : "", Ps = Ie.reactiveElementPolyfillSupport, Yt = (e, t) => e, be = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? xs : null;
@@ -66,7 +66,7 @@ const { is: ys, defineProperty: vs, getOwnPropertyDescriptor: bs, getOwnProperty
   return i;
 } }, Re = (e, t) => !ys(e, t), zi = { attribute: !0, type: String, converter: be, reflect: !1, useDefault: !1, hasChanged: Re };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Ie.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let Tt = class extends HTMLElement {
+let jt = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
@@ -101,7 +101,7 @@ let Tt = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(Yt("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Yt("properties"))) {
-      const i = this.properties, r = [...$s(i), ...ws(i)];
+      const i = this.properties, r = [...ws(i), ...$s(i)];
       for (const s of r) this.createProperty(s, i[s]);
     }
     const t = this[Symbol.metadata];
@@ -247,10 +247,10 @@ let Tt = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-Tt.elementStyles = [], Tt.shadowRootOptions = { mode: "open" }, Tt[Yt("elementProperties")] = /* @__PURE__ */ new Map(), Tt[Yt("finalized")] = /* @__PURE__ */ new Map(), Ps?.({ ReactiveElement: Tt }), (Ie.reactiveElementVersions ??= []).push("2.1.2");
-const fi = globalThis, qi = (e) => e, $e = fi.trustedTypes, Bi = $e ? $e.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Or = "$lit$", dt = `lit$${Math.random().toFixed(9).slice(2)}$`, Ir = "?" + dt, As = `<${Ir}>`, Ct = document, Zt = () => Ct.createComment(""), Xt = (e) => e === null || typeof e != "object" && typeof e != "function", gi = Array.isArray, Cs = (e) => gi(e) || typeof e?.[Symbol.iterator] == "function", ze = `[ 	
-\f\r]`, Wt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Wi = /-->/g, Gi = />/g, _t = RegExp(`>|${ze}(?:([^\\s"'>=/]+)(${ze}*=${ze}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Hi = /'/g, Vi = /"/g, Rr = /^(?:script|style|textarea|title)$/i, Ss = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), c = Ss(1), ut = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), Ki = /* @__PURE__ */ new WeakMap(), At = Ct.createTreeWalker(Ct, 129);
+jt.elementStyles = [], jt.shadowRootOptions = { mode: "open" }, jt[Yt("elementProperties")] = /* @__PURE__ */ new Map(), jt[Yt("finalized")] = /* @__PURE__ */ new Map(), Ps?.({ ReactiveElement: jt }), (Ie.reactiveElementVersions ??= []).push("2.1.2");
+const fi = globalThis, qi = (e) => e, we = fi.trustedTypes, Bi = we ? we.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Or = "$lit$", dt = `lit$${Math.random().toFixed(9).slice(2)}$`, Ir = "?" + dt, As = `<${Ir}>`, St = document, Zt = () => St.createComment(""), Xt = (e) => e === null || typeof e != "object" && typeof e != "function", gi = Array.isArray, Cs = (e) => gi(e) || typeof e?.[Symbol.iterator] == "function", ze = `[ 	
+\f\r]`, Wt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Wi = /-->/g, Gi = />/g, xt = RegExp(`>|${ze}(?:([^\\s"'>=/]+)(${ze}*=${ze}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Hi = /'/g, Vi = /"/g, Rr = /^(?:script|style|textarea|title)$/i, Ss = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), d = Ss(1), ut = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), Ki = /* @__PURE__ */ new WeakMap(), Ct = St.createTreeWalker(St, 129);
 function Dr(e, t) {
   if (!gi(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Bi !== void 0 ? Bi.createHTML(t) : t;
@@ -259,11 +259,11 @@ const Es = (e, t) => {
   const i = e.length - 1, r = [];
   let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Wt;
   for (let n = 0; n < i; n++) {
-    const d = e[n];
+    const c = e[n];
     let u, m, f = -1, g = 0;
-    for (; g < d.length && (a.lastIndex = g, m = a.exec(d), m !== null); ) g = a.lastIndex, a === Wt ? m[1] === "!--" ? a = Wi : m[1] !== void 0 ? a = Gi : m[2] !== void 0 ? (Rr.test(m[2]) && (s = RegExp("</" + m[2], "g")), a = _t) : m[3] !== void 0 && (a = _t) : a === _t ? m[0] === ">" ? (a = s ?? Wt, f = -1) : m[1] === void 0 ? f = -2 : (f = a.lastIndex - m[2].length, u = m[1], a = m[3] === void 0 ? _t : m[3] === '"' ? Vi : Hi) : a === Vi || a === Hi ? a = _t : a === Wi || a === Gi ? a = Wt : (a = _t, s = void 0);
-    const v = a === _t && e[n + 1].startsWith("/>") ? " " : "";
-    o += a === Wt ? d + As : f >= 0 ? (r.push(u), d.slice(0, f) + Or + d.slice(f) + dt + v) : d + dt + (f === -2 ? n : v);
+    for (; g < c.length && (a.lastIndex = g, m = a.exec(c), m !== null); ) g = a.lastIndex, a === Wt ? m[1] === "!--" ? a = Wi : m[1] !== void 0 ? a = Gi : m[2] !== void 0 ? (Rr.test(m[2]) && (s = RegExp("</" + m[2], "g")), a = xt) : m[3] !== void 0 && (a = xt) : a === xt ? m[0] === ">" ? (a = s ?? Wt, f = -1) : m[1] === void 0 ? f = -2 : (f = a.lastIndex - m[2].length, u = m[1], a = m[3] === void 0 ? xt : m[3] === '"' ? Vi : Hi) : a === Vi || a === Hi ? a = xt : a === Wi || a === Gi ? a = Wt : (a = xt, s = void 0);
+    const v = a === xt && e[n + 1].startsWith("/>") ? " " : "";
+    o += a === Wt ? c + As : f >= 0 ? (r.push(u), c.slice(0, f) + Or + c.slice(f) + dt + v) : c + dt + (f === -2 ? n : v);
   }
   return [Dr(e, o + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -272,43 +272,43 @@ class Qt {
     let s;
     this.parts = [];
     let o = 0, a = 0;
-    const n = t.length - 1, d = this.parts, [u, m] = Es(t, i);
-    if (this.el = Qt.createElement(u, r), At.currentNode = this.el.content, i === 2 || i === 3) {
+    const n = t.length - 1, c = this.parts, [u, m] = Es(t, i);
+    if (this.el = Qt.createElement(u, r), Ct.currentNode = this.el.content, i === 2 || i === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (s = At.nextNode()) !== null && d.length < n; ) {
+    for (; (s = Ct.nextNode()) !== null && c.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const f of s.getAttributeNames()) if (f.endsWith(Or)) {
           const g = m[a++], v = s.getAttribute(f).split(dt), b = /([.?@])?(.*)/.exec(g);
-          d.push({ type: 1, index: o, name: b[2], strings: v, ctor: b[1] === "." ? Is : b[1] === "?" ? Rs : b[1] === "@" ? Ds : De }), s.removeAttribute(f);
-        } else f.startsWith(dt) && (d.push({ type: 6, index: o }), s.removeAttribute(f));
+          c.push({ type: 1, index: o, name: b[2], strings: v, ctor: b[1] === "." ? Is : b[1] === "?" ? Rs : b[1] === "@" ? Ds : De }), s.removeAttribute(f);
+        } else f.startsWith(dt) && (c.push({ type: 6, index: o }), s.removeAttribute(f));
         if (Rr.test(s.tagName)) {
           const f = s.textContent.split(dt), g = f.length - 1;
           if (g > 0) {
-            s.textContent = $e ? $e.emptyScript : "";
-            for (let v = 0; v < g; v++) s.append(f[v], Zt()), At.nextNode(), d.push({ type: 2, index: ++o });
+            s.textContent = we ? we.emptyScript : "";
+            for (let v = 0; v < g; v++) s.append(f[v], Zt()), Ct.nextNode(), c.push({ type: 2, index: ++o });
             s.append(f[g], Zt());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === Ir) d.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === Ir) c.push({ type: 2, index: o });
       else {
         let f = -1;
-        for (; (f = s.data.indexOf(dt, f + 1)) !== -1; ) d.push({ type: 7, index: o }), f += dt.length - 1;
+        for (; (f = s.data.indexOf(dt, f + 1)) !== -1; ) c.push({ type: 7, index: o }), f += dt.length - 1;
       }
       o++;
     }
   }
   static createElement(t, i) {
-    const r = Ct.createElement("template");
+    const r = St.createElement("template");
     return r.innerHTML = t, r;
   }
 }
-function jt(e, t, i = e, r) {
+function kt(e, t, i = e, r) {
   if (t === ut) return t;
   let s = r !== void 0 ? i._$Co?.[r] : i._$Cl;
   const o = Xt(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, i, r)), r !== void 0 ? (i._$Co ??= [])[r] = s : i._$Cl = s), s !== void 0 && (t = jt(e, s._$AS(e, t.values), s, r)), t;
+  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(e), s._$AT(e, i, r)), r !== void 0 ? (i._$Co ??= [])[r] = s : i._$Cl = s), s !== void 0 && (t = kt(e, s._$AS(e, t.values), s, r)), t;
 }
 let Os = class {
   constructor(t, i) {
@@ -321,17 +321,17 @@ let Os = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: i }, parts: r } = this._$AD, s = (t?.creationScope ?? Ct).importNode(i, !0);
-    At.currentNode = s;
-    let o = At.nextNode(), a = 0, n = 0, d = r[0];
-    for (; d !== void 0; ) {
-      if (a === d.index) {
+    const { el: { content: i }, parts: r } = this._$AD, s = (t?.creationScope ?? St).importNode(i, !0);
+    Ct.currentNode = s;
+    let o = Ct.nextNode(), a = 0, n = 0, c = r[0];
+    for (; c !== void 0; ) {
+      if (a === c.index) {
         let u;
-        d.type === 2 ? u = new ae(o, o.nextSibling, this, t) : d.type === 1 ? u = new d.ctor(o, d.name, d.strings, this, t) : d.type === 6 && (u = new Ts(o, this, t)), this._$AV.push(u), d = r[++n];
+        c.type === 2 ? u = new ae(o, o.nextSibling, this, t) : c.type === 1 ? u = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (u = new Ts(o, this, t)), this._$AV.push(u), c = r[++n];
       }
-      a !== d?.index && (o = At.nextNode(), a++);
+      a !== c?.index && (o = Ct.nextNode(), a++);
     }
-    return At.currentNode = Ct, s;
+    return Ct.currentNode = St, s;
   }
   p(t) {
     let i = 0;
@@ -357,7 +357,7 @@ class ae {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = jt(this, t, i), Xt(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== ut && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Cs(t) ? this.k(t) : this._(t);
+    t = kt(this, t, i), Xt(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== ut && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Cs(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -366,7 +366,7 @@ class ae {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== p && Xt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Ct.createTextNode(t)), this._$AH = t;
+    this._$AH !== p && Xt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(St.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const { values: i, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = Qt.createElement(Dr(r.h, r.h[0]), this.options)), r);
@@ -410,11 +410,11 @@ let De = class {
   _$AI(t, i = this, r, s) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) t = jt(this, t, i, 0), a = !Xt(t) || t !== this._$AH && t !== ut, a && (this._$AH = t);
+    if (o === void 0) t = kt(this, t, i, 0), a = !Xt(t) || t !== this._$AH && t !== ut, a && (this._$AH = t);
     else {
       const n = t;
-      let d, u;
-      for (t = o[0], d = 0; d < o.length - 1; d++) u = jt(this, n[r + d], i, d), u === ut && (u = this._$AH[d]), a ||= !Xt(u) || u !== this._$AH[d], u === p ? t = p : t !== p && (t += (u ?? "") + o[d + 1]), this._$AH[d] = u;
+      let c, u;
+      for (t = o[0], c = 0; c < o.length - 1; c++) u = kt(this, n[r + c], i, c), u === ut && (u = this._$AH[c]), a ||= !Xt(u) || u !== this._$AH[c], u === p ? t = p : t !== p && (t += (u ?? "") + o[c + 1]), this._$AH[c] = u;
     }
     a && !s && this.j(t);
   }
@@ -440,7 +440,7 @@ let De = class {
     super(t, i, r, s, o), this.type = 5;
   }
   _$AI(t, i = this) {
-    if ((t = jt(this, t, i, 0) ?? p) === ut) return;
+    if ((t = kt(this, t, i, 0) ?? p) === ut) return;
     const r = this._$AH, s = t === p && r !== p || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== p && (r === p || s);
     s && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -455,7 +455,7 @@ let De = class {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    jt(this, t);
+    kt(this, t);
   }
 };
 const js = fi.litHtmlPolyfillSupport;
@@ -470,7 +470,7 @@ const ks = (e, t, i) => {
   return s._$AI(e), s;
 };
 const yi = globalThis;
-let C = class extends Tt {
+let C = class extends jt {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -496,7 +496,7 @@ C._$litElement$ = !0, C.finalized = !0, yi.litElementHydrateSupport?.({ LitEleme
 const Fs = yi.litElementPolyfillSupport;
 Fs?.({ LitElement: C });
 (yi.litElementVersions ??= []).push("4.2.2");
-const w = (e) => (t, i) => {
+const $ = (e) => (t, i) => {
   i !== void 0 ? i.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -507,8 +507,8 @@ const Ms = { attribute: !0, type: String, converter: be, reflect: !1, hasChanged
   if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(i.name, e), r === "accessor") {
     const { name: a } = i;
     return { set(n) {
-      const d = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(a, d, e, !0, n);
+      const c = t.get.call(this);
+      t.set.call(this, n), this.requestUpdate(a, c, e, !0, n);
     }, init(n) {
       return n !== void 0 && this.C(a, void 0, e, n), n;
     } };
@@ -516,8 +516,8 @@ const Ms = { attribute: !0, type: String, converter: be, reflect: !1, hasChanged
   if (r === "setter") {
     const { name: a } = i;
     return function(n) {
-      const d = this[a];
-      t.call(this, n), this.requestUpdate(a, d, e, !0, n);
+      const c = this[a];
+      t.call(this, n), this.requestUpdate(a, c, e, !0, n);
     };
   }
   throw Error("Unsupported decorator location: " + r);
@@ -588,9 +588,9 @@ let rt = class extends C {
     };
   }
   renderTags() {
-    return !this.tags || this.tags.length === 0 ? p : c`<div class="tags">
+    return !this.tags || this.tags.length === 0 ? p : d`<div class="tags">
       ${this.tags.filter((e) => typeof e == "string" || e.name).map(
-      (e) => c`<tems-badge
+      (e) => d`<tems-badge
               size="sm"
               label=${typeof e == "string" ? e : e.name}
               type=${typeof e != "string" && Yi(e.type)}
@@ -600,11 +600,11 @@ let rt = class extends C {
     </div>`;
   }
   renderContent() {
-    return this.header || this.content ? c`<div class="content">
-        ${this.header ? c`<div class="card-header">
+    return this.header || this.content ? d`<div class="content">
+        ${this.header ? d`<div class="card-header">
               <tems-division label=${this.header} type="h4"></tems-division>
             </div>` : p}
-        ${this.content ? c`<div class="card-content">
+        ${this.content ? d`<div class="card-content">
               <tems-division
                 label=${this.content}
                 type="body-m"
@@ -613,12 +613,12 @@ let rt = class extends C {
       </div>` : p;
   }
   renderDate() {
-    return this.date ? c`<div class="date">
+    return this.date ? d`<div class="date">
       <span>${this.date}</span>
     </div>` : p;
   }
   renderImage() {
-    return this.image ? c`<header
+    return this.image ? d`<header
           class="image"
           style="background-image: url(&quot;${this.image}&quot;)"
         ></header>` : p;
@@ -627,20 +627,20 @@ let rt = class extends C {
     const e = {
       ...this._getType()
     };
-    return this.cardType === "horizontal" ? c`<article class=${qe(e)}>
+    return this.cardType === "horizontal" ? d`<article class=${qe(e)}>
         ${this.renderImage()}
         <main>
           ${this.renderTags()}
           ${this.renderContent()}
         </main>
-      </article>` : this.cardType === "bill-image" ? c`<article class=${qe(e)}>
+      </article>` : this.cardType === "bill-image" ? d`<article class=${qe(e)}>
         ${this.renderImage()}
         <main>
           ${this.renderTags()}
           ${this.renderContent()}
           ${this.renderDate()}
         </main>
-      </article>` : c`<article class=${qe(e)}>
+      </article>` : d`<article class=${qe(e)}>
       ${this.renderImage()}
       <main>
         ${this.renderDate()}
@@ -673,7 +673,7 @@ Ot([
   y({ attribute: "image", type: String })
 ], rt.prototype, "image", 2);
 rt = Ot([
-  w("ds4go-card-catalog")
+  $("ds4go-card-catalog")
 ], rt);
 const zs = ":host{box-sizing:border-box;display:flex;height:fit-content;max-width:100%;width:100%}article{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);flex-direction:column;font-family:var(--font-family-body);min-width:295px}article,article header{display:flex;width:100%}article header{background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-sizing:border-box;height:167px;padding:var(--scale-400)}article .card-content,article .card-content tems-division{max-height:180px}article main{display:flex;flex:1;flex-direction:column;gap:var(--scale-400);padding:var(--scale-600);padding-bottom:var(--scale-800)}article main .content{flex:1}article main .card-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;width:100%}article .tags{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--scale-200)}";
 const ri = "lit-localize-status";
@@ -681,7 +681,7 @@ const qs = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), $ = qs, Bs = (e) => typeof e != "string" && "strTag" in e, Fr = (e, t, i) => {
+}), w = qs, Bs = (e) => typeof e != "string" && "strTag" in e, Fr = (e, t, i) => {
   let r = e[0];
   for (let s = 1; s < e.length; s++)
     r += t[i ? i[s - 1] : s - 1], r += e[s];
@@ -726,10 +726,10 @@ const et = [];
 for (let e = 0; e < 256; e++)
   et[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
 function Ks(e) {
-  let t = 0, i = 8997, r = 0, s = 33826, o = 0, a = 40164, n = 0, d = 52210;
+  let t = 0, i = 8997, r = 0, s = 33826, o = 0, a = 40164, n = 0, c = 52210;
   for (let u = 0; u < e.length; u++)
-    i ^= e.charCodeAt(u), t = i * 435, r = s * 435, o = a * 435, n = d * 435, o += i << 8, n += s << 8, r += t >>> 16, i = t & 65535, o += r >>> 16, s = r & 65535, d = n + (o >>> 16) & 65535, a = o & 65535;
-  return et[d >> 8] + et[d & 255] + et[a >> 8] + et[a & 255] + et[s >> 8] + et[s & 255] + et[i >> 8] + et[i & 255];
+    i ^= e.charCodeAt(u), t = i * 435, r = s * 435, o = a * 435, n = c * 435, o += i << 8, n += s << 8, r += t >>> 16, i = t & 65535, o += r >>> 16, s = r & 65535, c = n + (o >>> 16) & 65535, a = o & 65535;
+  return et[c >> 8] + et[c & 255] + et[a >> 8] + et[a & 255] + et[s >> 8] + et[s & 255] + et[i >> 8] + et[i & 255];
 }
 const Ys = "", Js = "h", Zs = "s";
 function Xs(e, t) {
@@ -769,32 +769,32 @@ function to(e) {
 function Be(e) {
   window.dispatchEvent(new CustomEvent(ri, { detail: e }));
 }
-let we = "", We, Ur, _e, si, Lr, Pt = new Nr();
-Pt.resolve();
+let $e = "", We, Ur, _e, si, Lr, At = new Nr();
+At.resolve();
 let fe = 0;
-const eo = (e) => (Ws(((t, i) => Qs(Lr, t, i))), we = Ur = e.sourceLocale, _e = new Set(e.targetLocales), _e.add(e.sourceLocale), si = e.loadLocale, { getLocale: io, setLocale: ro }), io = () => we, ro = (e) => {
-  if (e === (We ?? we))
-    return Pt.promise;
+const eo = (e) => (Ws(((t, i) => Qs(Lr, t, i))), $e = Ur = e.sourceLocale, _e = new Set(e.targetLocales), _e.add(e.sourceLocale), si = e.loadLocale, { getLocale: io, setLocale: ro }), io = () => $e, ro = (e) => {
+  if (e === (We ?? $e))
+    return At.promise;
   if (!_e || !si)
     throw new Error("Internal error");
   if (!_e.has(e))
     throw new Error("Invalid locale code");
   fe++;
   const t = fe;
-  return We = e, Pt.settled && (Pt = new Nr()), Be({ status: "loading", loadingLocale: e }), (e === Ur ? (
+  return We = e, At.settled && (At = new Nr()), Be({ status: "loading", loadingLocale: e }), (e === Ur ? (
     // 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 })
   ) : si(e)).then((r) => {
-    fe === t && (we = e, We = void 0, Lr = r.templates, Be({ status: "ready", readyLocale: e }), Pt.resolve());
+    fe === t && ($e = e, We = void 0, Lr = r.templates, Be({ status: "ready", readyLocale: e }), At.resolve());
   }, (r) => {
     fe === t && (Be({
       status: "error",
       errorLocale: e,
       errorMessage: r.toString()
-    }), Pt.reject(r));
-  }), Pt.promise;
+    }), At.reject(r));
+  }), At.promise;
 };
 var so = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, zr = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? oo(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -813,14 +813,14 @@ let xe = class extends C {
     }), this.object?.category && e.push({ label: this.object.category, type: "neutral" });
     const t = (this.object?.previewLinks || "").split(" ");
     return t.length > 0 && e.push({
-      label: l($`${t.length} previews`),
+      label: l(w`${t.length} previews`),
       type: "information"
     }), e;
   }
   render() {
     if (!this.object) return p;
     const e = this._getTags();
-    return c`<article class="vertical">
+    return d`<article class="vertical">
       <header
         class="image"
         style='background-image: url("${this._getThumbnail()}")'
@@ -840,22 +840,22 @@ let xe = class extends C {
           ></tems-badge>
         </div>
         <div class="content">
-          ${this.object?.name ? c`<div class="card-header">
+          ${this.object?.name ? d`<div class="card-header">
                 <tems-division
                   label=${this.object?.name}
                   type="h4"
                 ></tems-division>
               </div>` : p}
-          ${this.object?.description ? c`<div class="card-content">
+          ${this.object?.description ? d`<div class="card-content">
                 <tems-division
                   label=${this.object?.description}
                   type="body-m"
                 ></tems-division>
               </div>` : p}
         </div>
-        ${e.length > 0 ? c`<div class="tags">
+        ${e.length > 0 ? d`<div class="tags">
               ${e.map(
-      (t) => c`<tems-badge
+      (t) => d`<tems-badge
                     size="sm"
                     label=${t.label}
                     type=${t.type}
@@ -874,7 +874,7 @@ zr([
   y({ attribute: !1 })
 ], xe.prototype, "object", 2);
 xe = zr([
-  w("ds4go-card-dataspace-catalog")
+  $("ds4go-card-dataspace-catalog")
 ], xe);
 const ao = ":host{box-sizing:border-box;display:flex;height:fit-content;max-width:100%;width:100%}article{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family-body);min-width:295px;transition:box-shadow .2s ease-in-out;width:100%}article:hover{box-shadow:var(--shadow-md)}article header{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-sizing:border-box;display:flex;height:167px;padding:var(--scale-400);width:100%}article main{display:flex;flex:1;flex-direction:column;gap:var(--scale-400);padding:var(--scale-600);padding-bottom:var(--scale-800)}article main .meta-info{color:var(--color-text-disabled-on);display:flex;flex-direction:column;font-size:var(--typography-size-body-sm);font-weight:var(--font-weight-regular);gap:var(--scale-200);justify-items:center;line-height:var(--line-height-body-sm)}article main .meta-info .author{color:var(--color-text-primary)}article main .meta-info .separator{color:var(--color-border-primary)}article main .meta-info .date{color:var(--color-text-disabled-on)}article main .content{display:flex;flex:1;flex-direction:column;gap:var(--scale-200)}article main .card-header tems-division{font-weight:var(--font-weight-semibold)}article main .card-content{max-height:180px;overflow:hidden;text-overflow:ellipsis;width:100%}article main .card-content tems-division{display:-webkit-box;-webkit-line-clamp:4;max-height:180px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}article .tags{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--scale-200)}";
 var no = Object.defineProperty, lo = (e, t, i, r) => {
@@ -943,7 +943,7 @@ class k extends ne {
     const s = i.getAttribute("navigation-subrouter"), o = i.getAttribute("navigation-resource"), a = i.getAttribute("navigation-rdf-type");
     if (a) {
       const n = window.orbit?.components?.filter(
-        (d) => d?.routeAttributes?.["rdf-type"] === a
+        (c) => c?.routeAttributes?.["rdf-type"] === a
       );
       n && (r = n[0]?.uniq);
     }
@@ -974,15 +974,15 @@ class k extends ne {
       "@type": t["@type"],
       "@context": t.serverContext,
       _originalResource: t
-    }, a = r.map(async (d) => {
-      if (!s?.includes(d.key)) return;
-      let u = await t.get(d.key);
-      return d.expand && (u = await this._getProxyValue(u, i, r)), d.cast && (u = await d.cast(u)), { prop: d, value: u };
+    }, a = r.map(async (c) => {
+      if (!s?.includes(c.key)) return;
+      let u = await t.get(c.key);
+      return c.expand && (u = await this._getProxyValue(u, i, r)), c.cast && (u = await c.cast(u)), { prop: c, value: u };
     }), n = (await Promise.all(a)).filter(
-      (d) => d !== void 0
+      (c) => c !== void 0
     );
-    for (const { prop: d, value: u } of n)
-      u !== void 0 && (o[d.value] = u);
+    for (const { prop: c, value: u } of n)
+      u !== void 0 && (o[c.value] = u);
     return await this._responseAdaptator(o);
   }
   async _hasCherryPickedProperties(t) {
@@ -1226,9 +1226,9 @@ const ai = (e, t, i, r) => {
   const r = i.toLowerCase(), s = t.split(".");
   return e.map((o) => {
     let a = o;
-    for (const d of s)
-      if (a && typeof a == "object" && d in a)
-        a = a[d];
+    for (const c of s)
+      if (a && typeof a == "object" && c in a)
+        a = a[c];
       else {
         a = null;
         break;
@@ -1269,7 +1269,7 @@ const ai = (e, t, i, r) => {
       li(o, t, s)
     ), r === 4) break;
   return r;
-}, Ut = (e, t) => {
+}, Lt = (e, t) => {
   if (!t || t.trim() === "")
     return e;
   const i = t.toLowerCase();
@@ -1404,7 +1404,7 @@ const ai = (e, t, i, r) => {
       }
     ]
   }
-}, yo = [mo, fo, go], xt = (e, t) => {
+}, yo = [mo, fo, go], Pt = (e, t) => {
   let i = e;
   for (const r of t)
     if (i && r in i)
@@ -1414,26 +1414,26 @@ const ai = (e, t, i, r) => {
   return i;
 }, G = (e, t, i = "asc") => {
   const r = Array.isArray(t) ? t : [t], s = i !== "asc", o = [...e], n = (() => {
-    const d = xt(o[0], r);
-    if (typeof d == "number")
+    const c = Pt(o[0], r);
+    if (typeof c == "number")
       return (u, m) => {
-        const f = xt(u, r), g = xt(m, r);
+        const f = Pt(u, r), g = Pt(m, r);
         return f == null ? g == null ? 0 : 1 : g == null ? -1 : f - g;
       };
-    if (typeof d == "string")
+    if (typeof c == "string")
       return (u, m) => {
-        const f = xt(u, r), g = xt(m, r);
+        const f = Pt(u, r), g = Pt(m, r);
         return f == null ? g == null ? 0 : 1 : g == null ? -1 : f.localeCompare(g);
       };
-    if (d instanceof Date)
+    if (c instanceof Date)
       return (u, m) => {
-        const f = xt(u, r), g = xt(m, r);
+        const f = Pt(u, r), g = Pt(m, r);
         return f == null ? g == null ? 0 : 1 : g == null ? -1 : f.getTime() - g.getTime();
       };
     throw new TypeError(`Unsupported data type for key "${t}"`);
   })();
-  return o.sort((d, u) => {
-    const m = n(d, u);
+  return o.sort((c, u) => {
+    const m = n(c, u);
     return s ? -m : m;
   }), o;
 }, pt = (e) => {
@@ -1464,10 +1464,10 @@ const ai = (e, t, i, r) => {
       }
     })
   );
-}, bo = "https://cdn.startinblox.com/owl/ds4go.jsonld#", $o = { "@id": "ds4go:link", "@type": "@id" }, wo = { "@id": "ds4go:enclosure", "@type": "@id" }, _o = { "@id": "ds4go:url", "@type": "@id" }, er = {
+}, bo = "https://cdn.startinblox.com/owl/ds4go.jsonld#", wo = { "@id": "ds4go:link", "@type": "@id" }, $o = { "@id": "ds4go:enclosure", "@type": "@id" }, _o = { "@id": "ds4go:url", "@type": "@id" }, er = {
   ds4go: bo,
-  link: $o,
-  enclosure: wo,
+  link: wo,
+  enclosure: $o,
   url: _o
 };
 var Ge = {}, tt = {}, ir;
@@ -1627,8 +1627,8 @@ function Io() {
       return o && o.__esModule ? o : { default: o };
     }
     var r = function(a, n) {
-      var d = (0, t.default)(a);
-      return d.map(function() {
+      var c = (0, t.default)(a);
+      return c.map(function() {
         return n();
       });
     }, s = r;
@@ -1672,8 +1672,8 @@ function Gr() {
       }
     });
     var t = n(Ao()), i = n(Co()), r = n(So()), s = n(Oo()), o = n(Wr()), a = n(Io());
-    function n(d) {
-      return d && d.__esModule ? d : { default: d };
+    function n(c) {
+      return c && c.__esModule ? c : { default: c };
     }
   })(Ke)), Ke;
 }
@@ -1710,12 +1710,12 @@ function Ro() {
           min: 5
         } : v, P = m.random;
         m.seed;
-        var K = m.words, wt = K === void 0 ? t.WORDS : K;
+        var K = m.words, _t = K === void 0 ? t.WORDS : K;
         if (r(this, u), a(this, "sentencesPerParagraph", void 0), a(this, "wordsPerSentence", void 0), a(this, "random", void 0), a(this, "words", void 0), g.min > g.max)
           throw new Error("Minimum number of sentences per paragraph (".concat(g.min, ") cannot exceed maximum (").concat(g.max, ")."));
         if (b.min > b.max)
           throw new Error("Minimum number of words per sentence (".concat(b.min, ") cannot exceed maximum (").concat(b.max, ")."));
-        this.sentencesPerParagraph = g, this.words = wt, this.wordsPerSentence = b, this.random = P || Math.random;
+        this.sentencesPerParagraph = g, this.words = _t, this.wordsPerSentence = b, this.random = P || Math.random;
       }
       return o(u, [{
         key: "generateRandomInteger",
@@ -1726,8 +1726,8 @@ function Ro() {
         key: "generateRandomWords",
         value: function(f) {
           var g = this, v = this.wordsPerSentence, b = v.min, P = v.max, K = f || this.generateRandomInteger(b, P);
-          return (0, i.makeArrayOfLength)(K).reduce(function(wt, me) {
-            return "".concat(g.pluckRandomWord(), " ").concat(wt);
+          return (0, i.makeArrayOfLength)(K).reduce(function(_t, me) {
+            return "".concat(g.pluckRandomWord(), " ").concat(_t);
           }, "").trim();
         }
       }, {
@@ -1739,8 +1739,8 @@ function Ro() {
         key: "generateRandomParagraph",
         value: function(f) {
           var g = this, v = this.sentencesPerParagraph, b = v.min, P = v.max, K = f || this.generateRandomInteger(b, P);
-          return (0, i.makeArrayOfLength)(K).reduce(function(wt, me) {
-            return "".concat(g.generateRandomSentence(), " ").concat(wt);
+          return (0, i.makeArrayOfLength)(K).reduce(function(_t, me) {
+            return "".concat(g.generateRandomSentence(), " ").concat(_t);
           }, "").trim();
         }
       }, {
@@ -1750,8 +1750,8 @@ function Ro() {
           return this.words[v];
         }
       }]), u;
-    })(), d = n;
-    e.default = d;
+    })(), c = n;
+    e.default = c;
   })(Ve)), Ve;
 }
 var fr;
@@ -1774,7 +1774,7 @@ function Do() {
         P.enumerable = P.enumerable || !1, P.configurable = !0, "value" in P && (P.writable = !0), Object.defineProperty(g, P.key, P);
       }
     }
-    function d(g, v, b) {
+    function c(g, v, b) {
       return v && n(g.prototype, v), Object.defineProperty(g, "prototype", { writable: !1 }), g;
     }
     function u(g, v, b) {
@@ -1787,7 +1787,7 @@ function Do() {
           throw new Error("".concat(b, " is an invalid format. Please use ").concat(t.FORMATS.join(" or "), "."));
         this.generator = new r.default(v);
       }
-      return d(g, [{
+      return c(g, [{
         key: "getLineEnding",
         value: function() {
           return this.suffix ? this.suffix : !(0, s.isReactNative)() && (0, s.isNode)() && (0, s.isWindows)() ? i.LINE_ENDINGS.WIN32 : i.LINE_ENDINGS.POSIX;
@@ -1842,8 +1842,8 @@ function To() {
       return n && n.__esModule ? n : { default: n };
     }
     var a = function() {
-      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, u = d.count, m = u === void 0 ? 1 : u, f = d.format, g = f === void 0 ? t.FORMAT_PLAIN : f, v = d.paragraphLowerBound, b = v === void 0 ? 3 : v, P = d.paragraphUpperBound, K = P === void 0 ? 7 : P, wt = d.random, me = d.sentenceLowerBound, cs = me === void 0 ? 5 : me, ji = d.sentenceUpperBound, ds = ji === void 0 ? 15 : ji, ki = d.units, ps = ki === void 0 ? i.UNIT_SENTENCES : ki, Fi = d.words, us = Fi === void 0 ? r.WORDS : Fi, Mi = d.suffix, hs = Mi === void 0 ? "" : Mi, ms = {
-        random: wt,
+      var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, u = c.count, m = u === void 0 ? 1 : u, f = c.format, g = f === void 0 ? t.FORMAT_PLAIN : f, v = c.paragraphLowerBound, b = v === void 0 ? 3 : v, P = c.paragraphUpperBound, K = P === void 0 ? 7 : P, _t = c.random, me = c.sentenceLowerBound, cs = me === void 0 ? 5 : me, ji = c.sentenceUpperBound, ds = ji === void 0 ? 15 : ji, ki = c.units, ps = ki === void 0 ? i.UNIT_SENTENCES : ki, Fi = c.words, us = Fi === void 0 ? r.WORDS : Fi, Mi = c.suffix, hs = Mi === void 0 ? "" : Mi, ms = {
+        random: _t,
         sentencesPerParagraph: {
           max: K,
           min: b
@@ -1939,7 +1939,7 @@ const Mo = (e) => new Fo(typeof e == "string" ? e : e + "", void 0, Hr), No = (e
       }
   }
   return i;
-} }, bi = (e, t) => !Uo(e, t), $r = { attribute: !0, type: String, converter: Pe, reflect: !1, useDefault: !1, hasChanged: bi };
+} }, bi = (e, t) => !Uo(e, t), wr = { attribute: !0, type: String, converter: Pe, reflect: !1, useDefault: !1, hasChanged: bi };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), je.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 class Kt extends HTMLElement {
   static addInitializer(t) {
@@ -1948,7 +1948,7 @@ class Kt extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, i = $r) {
+  static createProperty(t, i = wr) {
     if (i.state && (i.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((i = Object.create(i)).wrapped = !0), this.elementProperties.set(t, i), !i.noAccessor) {
       const r = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, r, i);
       s !== void 0 && Lo(this.prototype, t, s);
@@ -1966,7 +1966,7 @@ class Kt extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? $r;
+    return this.elementProperties.get(t) ?? wr;
   }
   static _$Ei() {
     if (this.hasOwnProperty(Jt("elementProperties"))) return;
@@ -2129,8 +2129,8 @@ const Vo = { attribute: !0, type: String, converter: Pe, reflect: !1, hasChanged
   if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(i.name, e), r === "accessor") {
     const { name: a } = i;
     return { set(n) {
-      const d = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(a, d, e, !0, n);
+      const c = t.get.call(this);
+      t.set.call(this, n), this.requestUpdate(a, c, e, !0, n);
     }, init(n) {
       return n !== void 0 && this.C(a, void 0, e, n), n;
     } };
@@ -2138,8 +2138,8 @@ const Vo = { attribute: !0, type: String, converter: Pe, reflect: !1, hasChanged
   if (r === "setter") {
     const { name: a } = i;
     return function(n) {
-      const d = this[a];
-      t.call(this, n), this.requestUpdate(a, d, e, !0, n);
+      const c = this[a];
+      t.call(this, n), this.requestUpdate(a, c, e, !0, n);
     };
   }
   throw Error("Unsupported decorator location: " + r);
@@ -2158,7 +2158,7 @@ var Yo = Object.defineProperty, Jo = (e, t, i, r) => {
     (a = e[o]) && (s = a(t, i, s) || s);
   return s && Yo(t, i, s), s;
 };
-class $i extends C {
+class wi extends C {
   constructor() {
     super(...arguments), this.objects = [], this.hasType = (t, i) => (i ?? this.objects ?? []).some((r) => {
       const s = r["@type"];
@@ -2168,13 +2168,13 @@ class $i extends C {
 }
 Jo([
   _({ attribute: !1 })
-], $i.prototype, "objects");
+], wi.prototype, "objects");
 var Zo = Object.defineProperty, ct = (e, t, i, r) => {
   for (var s = void 0, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = a(t, i, s) || s);
   return s && Zo(t, i, s), s;
 };
-class Z extends $i {
+class Z extends wi {
   constructor({
     defaultRoute: t = !1,
     setupSubscriptions: i = !0,
@@ -2219,7 +2219,7 @@ class Z extends $i {
     const s = i.getAttribute("navigation-subrouter"), o = i.getAttribute("navigation-resource"), a = i.getAttribute("navigation-rdf-type");
     if (a) {
       const n = window.orbit?.components?.filter(
-        (d) => d?.routeAttributes?.["rdf-type"] === a
+        (c) => c?.routeAttributes?.["rdf-type"] === a
       );
       n && (r = n[0]?.uniq);
     }
@@ -2250,15 +2250,15 @@ class Z extends $i {
       "@type": t["@type"],
       "@context": t.serverContext,
       _originalResource: t
-    }, a = r.map(async (d) => {
-      if (!s?.includes(d.key)) return;
-      let u = await t.get(d.key);
-      return d.expand && (u = await this._getProxyValue(u, i, r)), d.cast && (u = await d.cast(u)), { prop: d, value: u };
+    }, a = r.map(async (c) => {
+      if (!s?.includes(c.key)) return;
+      let u = await t.get(c.key);
+      return c.expand && (u = await this._getProxyValue(u, i, r)), c.cast && (u = await c.cast(u)), { prop: c, value: u };
     }), n = (await Promise.all(a)).filter(
-      (d) => d !== void 0
+      (c) => c !== void 0
     );
-    for (const { prop: d, value: u } of n)
-      u !== void 0 && (o[d.value] = u);
+    for (const { prop: c, value: u } of n)
+      u !== void 0 && (o[c.value] = u);
     return await this._responseAdaptator(o);
   }
   async _hasCherryPickedProperties(t) {
@@ -2319,7 +2319,7 @@ ct([
 ct([
   B()
 ], Z.prototype, "currentRoute");
-var Xo = Object.defineProperty, gt = (e, t, i, r) => {
+var Xo = Object.defineProperty, yt = (e, t, i, r) => {
   for (var s = void 0, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = a(t, i, s) || s);
   return s && Xo(t, i, s), s;
@@ -2403,12 +2403,12 @@ class X extends Z {
           );
           if (r?.["dcat:dataset"]) {
             const s = r["dcat:dataset"], o = Array.isArray(s) ? s : [s], a = r.participantId || r["edc:participantId"] || r["https://w3id.org/edc/v0.0.1/ns/participantId"], n = i.participantId || a;
-            return o.map((d) => (d._provider = {
+            return o.map((c) => (c._provider = {
               name: i.name,
               address: i.address,
               color: i.color || "#1976d2",
               participantId: n
-            }, d));
+            }, c));
           }
           return [];
         } catch {
@@ -2427,31 +2427,31 @@ class X extends Z {
     return this.storeService;
   }
 }
-gt([
+yt([
   _({ attribute: "participant-connector-uri", reflect: !0 })
 ], X.prototype, "participantConnectorUri");
-gt([
+yt([
   _({ attribute: "participant-id", reflect: !0 })
 ], X.prototype, "participantId");
-gt([
+yt([
   _({ attribute: "participant-api-key", reflect: !0 })
 ], X.prototype, "participantApiKey");
-gt([
+yt([
   _({ attribute: "api-gateway-config", reflect: !0 })
 ], X.prototype, "apiGatewayConfig");
-gt([
+yt([
   B()
 ], X.prototype, "storeService");
-gt([
+yt([
   B()
 ], X.prototype, "dspStoreService");
-gt([
+yt([
   B()
 ], X.prototype, "_apiGatewayConfigParsed");
-gt([
+yt([
   _({ type: Array })
 ], X.prototype, "providers");
-const F = window.orbit?.client.rdf_tems_scope || "https://tems-dataspace.eu/owl#", Vr = `${F}Image`, Kr = `${F}Licence`, Yr = `${F}Asset`, Jr = `${F}Location`, Qo = `${F}Service`, ta = `${F}Offer`, ea = `${F}DataOffer`, ia = `${F}Provider`, wi = `${F}Object`, Zr = `${F}MediaObject`, Xr = `${F}FactChecking`, Qr = `${F}CivilSociety`, ts = `${F}Story`, es = `${F}InteractiveInfographic`, _i = `${F}3DObject`, ra = `${F}Sentiment`, It = {};
+const F = window.orbit?.client.rdf_tems_scope || "https://tems-dataspace.eu/owl#", Vr = `${F}Image`, Kr = `${F}Licence`, Yr = `${F}Asset`, Jr = `${F}Location`, Qo = `${F}Service`, ta = `${F}Offer`, ea = `${F}DataOffer`, ia = `${F}Provider`, $i = `${F}Object`, Zr = `${F}MediaObject`, Xr = `${F}FactChecking`, Qr = `${F}CivilSociety`, ts = `${F}Story`, es = `${F}InteractiveInfographic`, _i = `${F}3DObject`, ra = `${F}Sentiment`, It = {};
 It[_i] = "3D Object";
 It[Xr] = "Fact Checking";
 It[Qr] = "Civil Society";
@@ -2469,7 +2469,7 @@ const is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDFTYPE_LICENCE: Kr,
   RDFTYPE_LOCATION: Jr,
   RDFTYPE_MEDIA_OBJECT: Zr,
-  RDFTYPE_OBJECT: wi,
+  RDFTYPE_OBJECT: $i,
   RDFTYPE_OFFER: ta,
   RDFTYPE_PROVIDER: ia,
   RDFTYPE_SENTIMENT: ra,
@@ -2479,7 +2479,7 @@ const is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDFTYPE_TEMS: F,
   typeMap: It
 }, Symbol.toStringTag, { value: "Module" })), sa = Object.values(is);
-class xi extends $i {
+class xi extends wi {
   renderTemplateWhenWith(t, i, r = this.objects) {
     const s = (o, a) => Array.isArray(o) ? o.some((n) => a(n)) : a(o);
     return t.filter(
@@ -2525,7 +2525,7 @@ class O extends xi {
     const s = i.getAttribute("navigation-subrouter"), o = i.getAttribute("navigation-resource"), a = i.getAttribute("navigation-rdf-type");
     if (a) {
       const n = window.orbit?.components?.filter(
-        (d) => d?.routeAttributes?.["rdf-type"] === a
+        (c) => c?.routeAttributes?.["rdf-type"] === a
       );
       n && (r = n[0]?.uniq);
     }
@@ -2763,7 +2763,7 @@ const Pi = ({
     for (const r of e._subscriptions)
       document.removeEventListener(r[0], r[1]);
   }, e._subscribe();
-}, wr = Object.values(is);
+}, $r = Object.values(is);
 class na extends ko {
   getNestedProperty(t, i = this.object) {
     return t.split(".").reduce((r, s) => {
@@ -2771,23 +2771,23 @@ class na extends ko {
         return;
       const o = s.match(/(.*)\[(.*)\]/);
       if (o) {
-        const a = o[1], n = o[2], d = r[a];
-        if (!Array.isArray(d))
+        const a = o[1], n = o[2], c = r[a];
+        if (!Array.isArray(c))
           return;
         if (n === "")
-          return d.length > 0 ? d : void 0;
+          return c.length > 0 ? c : void 0;
         const u = Number.parseInt(n, 10);
-        return Number.isNaN(u) || u < 0 || u >= d.length ? void 0 : r[a][u];
+        return Number.isNaN(u) || u < 0 || u >= c.length ? void 0 : r[a][u];
       }
       return r && r[s] !== "undefined" ? r[s] : void 0;
     }, i);
   }
   renderTemplateWhenWith(t, i, r = this.object) {
-    const s = (a, n) => Array.isArray(a) ? a.some((d) => n(d)) : n(a), o = t.filter(
-      (a) => s(a, (n) => wr.includes(n))
+    const s = (a, n) => Array.isArray(a) ? a.some((c) => n(c)) : n(a), o = t.filter(
+      (a) => s(a, (n) => $r.includes(n))
     );
     return t.filter(
-      (a) => s(a, (n) => !wr.includes(n))
+      (a) => s(a, (n) => !$r.includes(n))
     ).every(
       (a) => s(a, (n) => this.getNestedProperty(n, r))
     ) && o.every(
@@ -3156,8 +3156,8 @@ class la {
    * Render constraint as human-readable text
    */
   renderConstraint(t) {
-    const i = t["odrl:leftOperand"] || t.leftOperand || "", r = t["odrl:operator"] || t.operator || "", s = t["odrl:rightOperand"] || t.rightOperand || "", o = t["odrl:unit"] || t.unit, a = this.humanizeLeftOperand(i), n = this.humanizeOperator(r), d = this.formatRightOperand(s, o);
-    return `${a} ${n} ${d}`;
+    const i = t["odrl:leftOperand"] || t.leftOperand || "", r = t["odrl:operator"] || t.operator || "", s = t["odrl:rightOperand"] || t.rightOperand || "", o = t["odrl:unit"] || t.unit, a = this.humanizeLeftOperand(i), n = this.humanizeOperator(r), c = this.formatRightOperand(s, o);
+    return `${a} ${n} ${c}`;
   }
   /**
    * Get permissions from policy
@@ -3214,8 +3214,8 @@ class la {
 ✅ PERMISSIONS:`), i.forEach((o, a) => {
       const n = this.extractAction(o["odrl:action"] || o.action || "");
       t.push(`  ${a + 1}. You MAY: ${n.join(", ")}`);
-      const d = this.getConstraints(o);
-      d.length > 0 && (t.push("     Conditions:"), d.forEach((m) => {
+      const c = this.getConstraints(o);
+      c.length > 0 && (t.push("     Conditions:"), c.forEach((m) => {
         t.push(`     - ${this.renderConstraint(m)}`);
       }));
       const u = this.getDuties(o);
@@ -3229,8 +3229,8 @@ class la {
 ❌ PROHIBITIONS:`), r.forEach((o, a) => {
       const n = this.extractAction(o["odrl:action"] || o.action || "");
       t.push(`  ${a + 1}. You MUST NOT: ${n.join(", ")}`);
-      const d = this.getConstraints(o);
-      d.length > 0 && (t.push("     Conditions:"), d.forEach((u) => {
+      const c = this.getConstraints(o);
+      c.length > 0 && (t.push("     Conditions:"), c.forEach((u) => {
         t.push(`     - ${this.renderConstraint(u)}`);
       }));
     }));
@@ -3239,8 +3239,8 @@ class la {
 ⚠️ OBLIGATIONS:`), s.forEach((o, a) => {
       const n = this.extractAction(o["odrl:action"] || o.action || "");
       t.push(`  ${a + 1}. You MUST: ${n.join(", ")}`);
-      const d = this.getConstraints(o);
-      d.length > 0 && (t.push("     Conditions:"), d.forEach((u) => {
+      const c = this.getConstraints(o);
+      c.length > 0 && (t.push("     Conditions:"), c.forEach((u) => {
         t.push(`     - ${this.renderConstraint(u)}`);
       }));
     })), t.join(`
@@ -3260,8 +3260,8 @@ class la {
       n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((u) => {
         t.push(`<li>${this.renderConstraint(u)}</li>`);
       }), t.push("</ul>"));
-      const d = this.getDuties(o);
-      d.length > 0 && (t.push('<div class="odrl-duties">You must also:</div>'), t.push('<ul class="odrl-duties-list">'), d.forEach((u) => {
+      const c = this.getDuties(o);
+      c.length > 0 && (t.push('<div class="odrl-duties">You must also:</div>'), t.push('<ul class="odrl-duties-list">'), c.forEach((u) => {
         const m = this.extractAction(u["odrl:action"] || u.action || "");
         t.push(`<li>${m.join(", ")}</li>`);
       }), t.push("</ul>")), t.push("</li>");
@@ -3271,8 +3271,8 @@ class la {
       const a = this.extractAction(o["odrl:action"] || o.action || "");
       t.push(`<li><strong>${a.join(", ")}</strong>`);
       const n = this.getConstraints(o);
-      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((d) => {
-        t.push(`<li>${this.renderConstraint(d)}</li>`);
+      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((c) => {
+        t.push(`<li>${this.renderConstraint(c)}</li>`);
       }), t.push("</ul>")), t.push("</li>");
     }), t.push("</ul>"), t.push("</div>"));
     const s = this.getObligations();
@@ -3280,8 +3280,8 @@ class la {
       const a = this.extractAction(o["odrl:action"] || o.action || "");
       t.push(`<li><strong>${a.join(", ")}</strong>`);
       const n = this.getConstraints(o);
-      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((d) => {
-        t.push(`<li>${this.renderConstraint(d)}</li>`);
+      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((c) => {
+        t.push(`<li>${this.renderConstraint(c)}</li>`);
       }), t.push("</ul>")), t.push("</li>");
     }), t.push("</ul>"), t.push("</div>")), t.push("</div>"), t.join(`
 `);
@@ -3408,7 +3408,7 @@ const di = (e, t) => {
 }, N = () => H(ca, [], {
   "@id": `store://local.sample-object/${Math.floor(Math.random() * 1e3)}/`,
   name: W.generateWords(Math.floor(Math.random() * 3) + 1)
-}), kt = {
+}), Ft = {
   "@id": "store://local.sample-object/assets/1/",
   "@type": Yr,
   name: "SampleAsset",
@@ -3426,14 +3426,14 @@ const di = (e, t) => {
     }
   ]
 };
-H(kt, ["categories"]);
-H(kt, ["format"]);
-H(kt, [
+H(Ft, ["categories"]);
+H(Ft, ["format"]);
+H(Ft, [
   "categories",
   "format",
   "size"
 ]);
-H(kt, ["@id"], {
+H(Ft, ["@id"], {
   "@id": "store://local.sample-object/assets/2/"
 });
 const da = () => {
@@ -3447,7 +3447,7 @@ const da = () => {
       () => N()
     )
   };
-  return Math.random() < 0.1 && e.push("name"), Math.random() < 0.5 && e.push("categories"), Math.random() < 0.5 && e.push("format"), Math.random() < 0.5 && e.push("size"), H(kt, e, t, !0);
+  return Math.random() < 0.1 && e.push("name"), Math.random() < 0.5 && e.push("categories"), Math.random() < 0.5 && e.push("format"), Math.random() < 0.5 && e.push("size"), H(Ft, e, t, !0);
 }, pa = {
   "@id": "store://local.sample-object/images/1/",
   "@type": Vr,
@@ -3581,7 +3581,7 @@ H(Ci, [
 ]);
 const rs = {
   "@id": "store://local.sample-object/1/",
-  "@type": wi,
+  "@type": $i,
   creation_date: "2024-11-11T12:53:16.938000Z",
   update_date: "2024-11-14T08:04:47.656001Z",
   title: "Sample Object",
@@ -3608,7 +3608,7 @@ const rs = {
 });
 const ke = {
   ...rs,
-  "@type": [wi, Zr],
+  "@type": [$i, Zr],
   keywords: Array.from(
     { length: Math.floor(Math.random() * 5) },
     N
@@ -3787,7 +3787,7 @@ function ba(e) {
   const t = Si(e);
   t && localStorage.removeItem(t);
 }
-function $a(e, t) {
+function wa(e, t) {
   try {
     const i = e._provider?.participantId || "", r = e["@id"] || e.id;
     if (!r) return;
@@ -3797,7 +3797,7 @@ function $a(e, t) {
     ).find(
       (a) => a.contractId === t
     )) {
-      const a = e["dcat:endpointUrl"], n = e.name || r || "Unknown Asset", d = n.toLowerCase().includes("index");
+      const a = e["dcat:endpointUrl"], n = e.name || r || "Unknown Asset", c = n.toLowerCase().includes("index");
       it.create({
         assetId: r,
         datasetId: e["@id"] || e.id || "",
@@ -3811,7 +3811,7 @@ function $a(e, t) {
         state: "REQUESTED",
         contractId: t,
         // Index-specific fields
-        isIndexAsset: d,
+        isIndexAsset: c,
         indexEndpointUrl: a
       });
     }
@@ -3822,7 +3822,7 @@ function $a(e, t) {
     );
   }
 }
-function wa(e, t, i) {
+function $a(e, t, i) {
   try {
     const r = e._provider?.participantId || "", s = e["@id"] || e.id;
     if (!s) return;
@@ -3831,7 +3831,7 @@ function wa(e, t, i) {
       r
     ).find(
       (m) => m.contractId === i || m.agreementId === t
-    ), n = e["dcat:endpointUrl"], d = e.name || s || "Unknown Asset", u = d.toLowerCase().includes("index");
+    ), n = e["dcat:endpointUrl"], c = e.name || s || "Unknown Asset", u = c.toLowerCase().includes("index");
     a ? it.updateState(a.id, "FINALIZED", {
       agreementId: t,
       contractId: i,
@@ -3840,7 +3840,7 @@ function wa(e, t, i) {
     }) : it.create({
       assetId: s,
       datasetId: e["@id"] || e.id || "",
-      assetName: d,
+      assetName: c,
       assetDescription: e.description,
       providerName: e._provider?.name || "Unknown Provider",
       providerAddress: e._provider?.address || "",
@@ -3866,7 +3866,7 @@ function ii(e, t, i, r) {
       o,
       s
     ).find(
-      (d) => d.contractId === t
+      (c) => c.contractId === t
     );
     n && it.updateState(n.id, i, { error: r });
   } catch (s) {
@@ -3901,8 +3901,8 @@ function Pr(e) {
       const o = e.target, a = [];
       for (const n in e)
         if (/^\d+$/.test(n)) {
-          let d = e[n];
-          o && !d.target && !d["odrl:target"] && (d = { ...d, target: o, "odrl:target": o }), a.push(d);
+          let c = e[n];
+          o && !c.target && !c["odrl:target"] && (c = { ...c, target: o, "odrl:target": o }), a.push(c);
         }
       t = a, i = t.length > 0 ? t[0] : void 0;
     } else
@@ -3919,29 +3919,29 @@ function Pa(e) {
   return e && e.length > 1;
 }
 function Aa(e) {
-  if (!e) return c`${l("No policy details available")}`;
+  if (!e) return d`${l("No policy details available")}`;
   const t = e["odrl:permission"], i = e["odrl:prohibition"], r = e["odrl:obligation"], s = t ? Array.isArray(t) ? t : [t] : [], o = i ? Array.isArray(i) ? i : [i] : [], a = r ? Array.isArray(r) ? r : [r] : [];
-  return c`${e["@id"] ? c`<div class="policy-detail">
+  return d`${e["@id"] ? d`<div class="policy-detail">
         <strong>${l("Policy ID:")}:</strong> ${e["@id"]}
       </div>` : p}
-  ${e["@type"] ? c`<div class="policy-detail">
+  ${e["@type"] ? d`<div class="policy-detail">
         <strong>${l("Type:")}:</strong> ${e["@type"]}
       </div>` : p}
-  ${s.length > 0 ? c`<div class="policy-detail">
+  ${s.length > 0 ? d`<div class="policy-detail">
         <strong>${l("Permissions:")}:</strong>
         <ul>
           ${s.map(
-    (n) => c`
+    (n) => d`
               <li>
                 ${l(
-      $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("use")}`
+      w`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("use")}`
     )}
               </li>
-              ${n["odrl:constraint"] ? c`${(Array.isArray(n["odrl:constraint"]) ? n["odrl:constraint"] : [n["odrl:constraint"]]).map(
-      (d) => c`
+              ${n["odrl:constraint"] ? d`${(Array.isArray(n["odrl:constraint"]) ? n["odrl:constraint"] : [n["odrl:constraint"]]).map(
+      (c) => d`
                       <li style="margin-left: 20px;">
                         ${l(
-        $`Constraint: ${d["odrl:leftOperand"]} ${d["odrl:operator"]} ${d["odrl:rightOperand"]}`
+        w`Constraint: ${c["odrl:leftOperand"]} ${c["odrl:operator"]} ${c["odrl:rightOperand"]}`
       )}
                       </li>
                     `
@@ -3950,38 +3950,38 @@ function Aa(e) {
   )}
         </ul>
       </div>` : p}
-  ${o.length > 0 ? c`<div class="policy-detail">
+  ${o.length > 0 ? d`<div class="policy-detail">
         <strong>${l("Prohibitions:")}:</strong>
         <ul>
           ${o.map(
-    (n) => c`
+    (n) => d`
               <li>
                 ${l(
-      $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
+      w`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
     )}
               </li>
             `
   )}
         </ul>
       </div>` : p}
-  ${a.length > 0 ? c`<div class="policy-detail">
+  ${a.length > 0 ? d`<div class="policy-detail">
         <strong>${l("Obligations:")}:</strong>
         <ul>
           ${a.map(
-    (n) => c`
+    (n) => d`
               <li>
                 ${l(
-      $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
+      w`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
     )}
               </li>
             `
   )}
         </ul>
       </div>` : p}
-  ${e.target ? c`<div class="policy-detail">
+  ${e.target ? d`<div class="policy-detail">
         <strong>${l("Target Asset:")}:</strong> ${e.target}
       </div>` : p}
-  ${e.assigner ? c`<div class="policy-detail">
+  ${e.assigner ? d`<div class="policy-detail">
         <strong>${l("Assigner:")}:</strong> ${e.assigner}
       </div>` : p}`;
 }
@@ -4011,13 +4011,13 @@ let Ce = class extends C {
     });
     const t = this.object?.categories?.length || 0;
     t > 3 && e.push({
-      label: l($`+${t - 3} ${l("more")}`),
+      label: l(w`+${t - 3} ${l("more")}`),
       type: "neutral"
     });
     const i = this.object?.medias?.length || 0;
     return i > 0 && e.push({
       label: l(
-        $`${i} ${i > 1 ? l("medias") : l("media")}`
+        w`${i} ${i > 1 ? l("medias") : l("media")}`
       ),
       type: "information"
     }), e;
@@ -4025,31 +4025,31 @@ let Ce = class extends C {
   render() {
     if (!this.object) return p;
     const e = this._getTags(), t = this._getFormattedDate();
-    return c`<article class="vertical">
+    return d`<article class="vertical">
       <header
         class="image"
         style='background-image: url("${this._getThumbnail()}")'
       ></header>
       <main>
-        ${t ? c`<div class="meta-info">
+        ${t ? d`<div class="meta-info">
               <span class="date">${t}</span>
             </div>` : p}
         <div class="content">
-          ${this.object?.name ? c`<div class="card-header">
+          ${this.object?.name ? d`<div class="card-header">
                 <tems-division
                   label=${this.object?.name}
                   type="h4"
                 ></tems-division>
               </div>` : p}
-          ${this.object?.description ? c`<div class="card-content">
+          ${this.object?.description ? d`<div class="card-content">
                 <tems-division
                   label=${this.object?.description}
                   type="body-m"
                 ></tems-division>
               </div>` : p}
-          ${e.length > 0 ? c`<div class="tags">
+          ${e.length > 0 ? d`<div class="tags">
                 ${e.map(
-      (i) => c`<tems-badge
+      (i) => d`<tems-badge
                       size="sm"
                       label=${i.label}
                       type=${i.type}
@@ -4057,7 +4057,7 @@ let Ce = class extends C {
                     ></tems-badge>`
     )}
               </div>` : p}
-          ${this.object.author ? c`<div class="meta-info">
+          ${this.object.author ? d`<div class="meta-info">
                 <span class="author">${l("By")} ${this.object.author}</span>
               </div>` : p}
         </div>
@@ -4072,14 +4072,14 @@ ss([
   y({ attribute: !1 })
 ], Ce.prototype, "object", 2);
 Ce = ss([
-  w("ds4go-card-fact")
+  $("ds4go-card-fact")
 ], Ce);
 var Ea = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, Fe = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Oa(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Ea(t, i, s), s;
 };
-let Ft = class extends xi {
+let Mt = class extends xi {
   constructor() {
     super(...arguments), this.view = "card", this.search = [], this.objects = [], this._displayObjects = [];
   }
@@ -4141,7 +4141,7 @@ let Ft = class extends xi {
             break;
           default:
             o.push(
-              Ut(r, a.value)
+              Lt(r, a.value)
             );
         }
       r = [...o.flat()];
@@ -4160,10 +4160,10 @@ let Ft = class extends xi {
     }
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div
       class="card-grid${this.view === "card" ? " card-grid-vertical" : ""}"
     >
-      ${this._displayObjects.map((e) => c`<ds4go-card-dataspace-catalog
+      ${this._displayObjects.map((e) => d`<ds4go-card-dataspace-catalog
           .object=${e}
           type=${this.view === "card" ? "card" : "horizontal"}
           @click=${() => this._handleClickEvent(e)}
@@ -4171,7 +4171,7 @@ let Ft = class extends xi {
     </div>`;
   }
 };
-Ft.styles = A`
+Mt.styles = A`
     .card-grid {
       display: flex;
       flex-direction: row;
@@ -4191,17 +4191,17 @@ Ft.styles = A`
   `;
 Fe([
   h()
-], Ft.prototype, "view", 2);
+], Mt.prototype, "view", 2);
 Fe([
   h()
-], Ft.prototype, "search", 2);
+], Mt.prototype, "search", 2);
 Fe([
   h()
-], Ft.prototype, "_displayObjects", 2);
-Ft = Fe([
-  w("ds4go-catalog-data-holder")
-], Ft);
-var Ia = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, yt = (e, t, i, r) => {
+], Mt.prototype, "_displayObjects", 2);
+Mt = Fe([
+  $("ds4go-catalog-data-holder")
+], Mt);
+var Ia = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, vt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ra(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Ia(t, i, s), s;
@@ -4264,7 +4264,7 @@ let Y = class extends xi {
   }
   // matchId
   renderFilterItemsById(e, t) {
-    return e ? c`${G(
+    return e ? d`${G(
       e.flatMap((i) => {
         let r = i;
         return t && (r = r[t], !r) ? [] : r;
@@ -4274,7 +4274,7 @@ let Y = class extends xi {
       const r = !!this._internalFilters.find(
         (s) => s.type === "matchId" && s.name === t && s.value === i["@id"]
       );
-      return c`<tems-filter-item
+      return d`<tems-filter-item
         label=${i.name}
         type="checkbox"
         count=${this.objects?.filter((s) => {
@@ -4303,7 +4303,7 @@ let Y = class extends xi {
     const i = this._internalFilters.find(
       (r) => r.type === "matchValue" && r.name === t
     );
-    return c`
+    return d`
       <tems-input-field
         label=${l("Search for...")}
         type="text"
@@ -4327,7 +4327,7 @@ let Y = class extends xi {
     const i = this._internalFilters.find(
       (r) => r.type === "dateAfter" && r.name === t
     );
-    return c`
+    return d`
       <tems-input-field
         label=${l("Date after")}
         type="date"
@@ -4347,24 +4347,24 @@ let Y = class extends xi {
   renderFilterItemsByNumberRange(e, t) {
     if (!e)
       return p;
-    const i = e.map((d) => Number(d[t]) || 0).filter(Number.isFinite), r = i.length > 0 ? Math.min(...i) : 0, s = i.length > 0 ? Math.max(...i) : 0;
+    const i = e.map((c) => Number(c[t]) || 0).filter(Number.isFinite), r = i.length > 0 ? Math.min(...i) : 0, s = i.length > 0 ? Math.max(...i) : 0;
     if (r === s)
       return p;
     const o = this._internalFilters.find(
-      (d) => d.type === "interval" && d.name === t
+      (c) => c.type === "interval" && c.name === t
     ), a = o?.value?.split("/")[0] || r, n = o?.value?.split("/")[1] || s;
-    return c`
+    return d`
       <tems-slider
         type="multiple"
         min=${r}
         max=${s}
         value=${a}
         value-max=${n}
-        @change=${(d) => {
-      d.preventDefault(), this._internalFilters = this._internalFilters.filter(
+        @change=${(c) => {
+      c.preventDefault(), this._internalFilters = this._internalFilters.filter(
         (f) => !(f.type === "interval" && f.name === t)
       );
-      const u = d.detail.min ?? 0, m = d.detail.max ?? 0;
+      const u = c.detail.min ?? 0, m = c.detail.max ?? 0;
       this._internalFilters.push({
         type: "interval",
         name: t,
@@ -4391,7 +4391,7 @@ let Y = class extends xi {
   }
   render() {
     const e = this._getFiltersDefinition();
-    return c`
+    return d`
       <div>
         <tems-search-bar
           .displayFilters=${this.displayFiltering}
@@ -4408,7 +4408,7 @@ let Y = class extends xi {
           @change-view=${this._toggleChangeView}
           @toggle-filters=${this._displayFilters}
         ></tems-search-bar>
-        ${this.displayFilters ? c`<div
+        ${this.displayFilters ? d`<div
               class="filter-bar"
               @click=${this._hideFiltersFromBackground}
             >
@@ -4423,7 +4423,7 @@ let Y = class extends xi {
       let i = !0;
       return t.type && typeof t.type == "string" ? i = this.hasType(t.type, this.objects) : t.type && Array.isArray(t.type) && (i = t.type.flat().some(
         (s) => this.hasType(s, this.objects)
-      )), i && t.condition() ? c`<tems-vertical-accordion
+      )), i && t.condition() ? d`<tems-vertical-accordion
                         label=${t.label}
                         .icon=${t.icon}
                         .open=${this._accordionStates[t.name] ?? !1}
@@ -4452,29 +4452,29 @@ Y.styles = A`
       justify-content: flex-end;
     }
   `;
-yt([
+vt([
   y({ attribute: !1 })
 ], Y.prototype, "displayFiltering", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "_internalFilters", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "displayFilters", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "resultCount", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "filterCount", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "view", 2);
-yt([
+vt([
   h()
 ], Y.prototype, "_accordionStates", 2);
-Y = yt([
-  w("ds4go-catalog-filter-holder")
+Y = vt([
+  $("ds4go-catalog-filter-holder")
 ], Y);
 var Da = Object.defineProperty, Ta = Object.getOwnPropertyDescriptor, Ei = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ta(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -4543,7 +4543,7 @@ let te = class extends ne {
             break;
           default:
             o.push(
-              Ut(r, a.value)
+              Lt(r, a.value)
             );
         }
       r = [...o.flat()];
@@ -4561,20 +4561,20 @@ let te = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = [
         {
-          name: `${l($`Balance: ${e.balance}`)}`,
+          name: `${l(w`Balance: ${e.balance}`)}`,
           type: "information"
         }
       ];
-      return c`<ds4go-card-catalog
+      return d`<ds4go-card-catalog
           .object=${p}
           type=${"vertical"}
           .tags=${t}
           .header=${e.name || p}
-          .content=${e.participant_id ? l($`Participant ID: ${e.participant_id}`) : p}
+          .content=${e.participant_id ? l(w`Participant ID: ${e.participant_id}`) : p}
           date=${e.updated_at || p}
           @click=${() => this._handleClickEvent(e)}
         ></ds4go-card-catalog>`;
@@ -4607,14 +4607,14 @@ Ei([
   h()
 ], te.prototype, "_displayObjects", 2);
 te = Ei([
-  w("ds4go-customer-holder")
+  $("ds4go-customer-holder")
 ], te);
 var ja = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, Me = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? ka(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && ja(t, i, s), s;
 };
-let Mt = class extends C {
+let Nt = class extends C {
   constructor() {
     super(...arguments), this.objects = [], this.search = [], this._displayObjects = [];
   }
@@ -4677,7 +4677,7 @@ let Mt = class extends C {
               break;
             default:
               o.push(
-                Ut(r, a.value)
+                Lt(r, a.value)
               );
           }
         r = [...o.flat()];
@@ -4738,34 +4738,34 @@ let Mt = class extends C {
     return e.sectorName && t.push({ name: pt(e.sectorName), type: "neutral" }), t;
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? c`<p>
+    return !this._displayObjects || this._displayObjects.length === 0 ? d`<p>
           ${l(
       "No data available, data source may be temporarily unavailable."
     )}
         </p>
-        ${this.sectorId || this.catalogId ? c`<tems-button
+        ${this.sectorId || this.catalogId ? d`<tems-button
               type="primary"
               label=${l("Back")}
               @click=${this.parent._back}
-            ></tems-button>` : c`<tems-button
+            ></tems-button>` : d`<tems-button
               type="primary"
               label=${l("Retry")}
               @click=${this.parent.requestUpdate}
-            ></tems-button>`}` : c`<div>
-      ${this.catalogId && this.catalogId !== "*" ? c`<tems-division type="body-m"
+            ></tems-button>`}` : d`<div>
+      ${this.catalogId && this.catalogId !== "*" ? d`<tems-division type="body-m"
             >${this._displayObjects["dct:description"]}</tems-division
           >` : p}
       <div class="card-grid card-grid-vertical">
-        ${this.catalogId ? c`${this._displayObjects["dcat:dataset"].map(
-      (e) => c`<ds4go-card-catalog
+        ${this.catalogId ? d`${this._displayObjects["dcat:dataset"].map(
+      (e) => d`<ds4go-card-catalog
                     .object=${p}
                     .header=${e["dct:title"] || p}
                     .content=${e["dct:description"] || p}
                     .tags=${this._getDatasetTags(e)}
                     .image=${this._getDatasetThumbnail(e)}
                   ></ds4go-card-catalog>`
-    )}` : this.sectorId ? c`${this._displayObjects.map(
-      (e) => c`<ds4go-card-catalog
+    )}` : this.sectorId ? d`${this._displayObjects.map(
+      (e) => d`<ds4go-card-catalog
                       class="cursor-pointer"
                       .object=${p}
                       .header=${e.catalogId || p}
@@ -4774,8 +4774,8 @@ let Mt = class extends C {
                       date=${M(e.lastUpdated) || p}
                       @click=${() => this.parent._selectCatalog(e.catalogId)}
                     ></ds4go-card-catalog>`
-    )}` : c`${this._displayObjects.map(
-      (e) => c`<ds4go-card-catalog
+    )}` : d`${this._displayObjects.map(
+      (e) => d`<ds4go-card-catalog
                       class="cursor-pointer"
                       .object=${p}
                       .header=${e.id || p}
@@ -4789,7 +4789,7 @@ let Mt = class extends C {
     </div>`;
   }
 };
-Mt.styles = A`
+Nt.styles = A`
     .card-grid {
       display: flex;
       flex-direction: row;
@@ -4812,16 +4812,16 @@ Mt.styles = A`
   `;
 Me([
   y({ attribute: !1 })
-], Mt.prototype, "objects", 2);
+], Nt.prototype, "objects", 2);
 Me([
   h()
-], Mt.prototype, "search", 2);
+], Nt.prototype, "search", 2);
 Me([
   h()
-], Mt.prototype, "_displayObjects", 2);
-Mt = Me([
-  w("ds4go-dsif-explorer-poc-holder")
-], Mt);
+], Nt.prototype, "_displayObjects", 2);
+Nt = Me([
+  $("ds4go-dsif-explorer-poc-holder")
+], Nt);
 var Fa = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, Oi = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ma(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
@@ -4889,7 +4889,7 @@ let ee = class extends ne {
             break;
           default:
             o.push(
-              Ut(r, a.value)
+              Lt(r, a.value)
             );
         }
       r = [...o.flat()];
@@ -4907,7 +4907,7 @@ let ee = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = [
         {
@@ -4918,7 +4918,7 @@ let ee = class extends ne {
       return e.category && t.push({
         name: e.category,
         type: "default"
-      }), c`<ds4go-card-catalog
+      }), d`<ds4go-card-catalog
           .object=${p}
           type=${"bill-image"}
           .tags=${t}
@@ -4956,7 +4956,7 @@ Oi([
   h()
 ], ee.prototype, "_displayObjects", 2);
 ee = Oi([
-  w("ds4go-fact-bundle-holder")
+  $("ds4go-fact-bundle-holder")
 ], ee);
 var Na = Object.defineProperty, Ua = Object.getOwnPropertyDescriptor, Ii = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ua(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -5025,7 +5025,7 @@ let ie = class extends ne {
             break;
           default:
             o.push(
-              Ut(r, a.value)
+              Lt(r, a.value)
             );
         }
       r = [...o.flat()];
@@ -5043,11 +5043,11 @@ let ie = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = e;
-      return c`<ds4go-card-fact
-          .object=${p}
+      return d`<ds4go-card-fact
+          .object=${t}
           @click=${() => this._handleClickEvent(t)}
         ></ds4go-card-fact>`;
     })}
@@ -5076,7 +5076,7 @@ Ii([
   h()
 ], ie.prototype, "_displayObjects", 2);
 ie = Ii([
-  w("ds4go-fact-holder")
+  $("ds4go-fact-holder")
 ], ie);
 var La = Object.defineProperty, za = Object.getOwnPropertyDescriptor, Ne = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? za(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -5096,7 +5096,7 @@ let re = class extends C {
     if (!this.contractId || !this.agreementInfo)
       return p;
     const e = this.agreementInfo.timestamp ? new Date(this.agreementInfo.timestamp).toLocaleString() : null, t = this.offer?.["dcat:endpointUrl"];
-    return c`<div
+    return d`<div
       style="margin-top: 24px; padding: 16px; background: #e8f5e9; border-radius: 8px;"
     >
       <tems-division type="h4"
@@ -5112,7 +5112,7 @@ let re = class extends C {
           </div>
         </div>
 
-        ${t ? c`
+        ${t ? d`
               <div style="margin-bottom: 8px;">
                 <strong>🔗 ${l("Endpoint URL:")}</strong>
                 <div
@@ -5122,7 +5122,7 @@ let re = class extends C {
                 </div>
               </div>
             ` : p}
-        ${e ? c`
+        ${e ? d`
               <div style="opacity: 0.8; font-size: 0.85em;">
                 <strong>${l("Agreed on:")}</strong> ${e}
               </div>
@@ -5142,7 +5142,7 @@ let re = class extends C {
         </div>
       </div>
 
-      ${this.agreementInfo ? c`
+      ${this.agreementInfo ? d`
             <div
               style="margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,0.1);"
             >
@@ -5167,7 +5167,7 @@ Ne([
   y({ attribute: !1 })
 ], re.prototype, "contractId", 2);
 re = Ne([
-  w("catalog-modal-agreement-info"),
+  $("catalog-modal-agreement-info"),
   q()
 ], re);
 var qa = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, os = (e, t, i, r) => {
@@ -5197,7 +5197,7 @@ let pi = class extends C {
     );
   }
   render() {
-    return c`<div class="policy-selection-modal">
+    return d`<div class="policy-selection-modal">
       <div class="policy-selection-header">
         <h3>${l("Select a Policy")}</h3>
         <p>
@@ -5208,13 +5208,13 @@ let pi = class extends C {
       </div>
       <div class="policy-selection-list">
         ${this.policies.map(
-      (e, t) => c`<div
+      (e, t) => d`<div
               class="policy-option"
               @click=${() => this._handlePolicySelect(t)}
             >
               <div class="policy-option-header">
                 <strong>${l("Policy")} ${t + 1}</strong>
-                ${e["@id"] ? c`<code>${e["@id"]}</code>` : p}
+                ${e["@id"] ? d`<code>${e["@id"]}</code>` : p}
               </div>
               <div class="policy-option-details">
                 ${Aa(e)}
@@ -5234,7 +5234,7 @@ os([
   y({ attribute: !1 })
 ], pi.prototype, "policies", 2);
 pi = os([
-  w("catalog-modal-policy-selection"),
+  $("catalog-modal-policy-selection"),
   q()
 ], pi);
 var Wa = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Ri = (e, t, i, r) => {
@@ -5245,10 +5245,10 @@ var Wa = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Ri = (e, t
 let Se = class extends C {
   render() {
     const e = Pa(this.policies || []), t = this.policies || [];
-    return !this.policy && (!this.policies || this.policies.length === 0) ? p : c`<div
+    return !this.policy && (!this.policies || this.policies.length === 0) ? p : d`<div
       style="margin-top: 24px; padding: 16px; background: #f0f7ff; border-radius: 8px; border: 1px solid #d0e7ff;"
     >
-      ${e ? c`<tems-division type="h4"
+      ${e ? d`<tems-division type="h4"
               ><div>${l("Access Policies")}</div></tems-division
             >
             <div style="margin-bottom: 12px; color: #0066cc; font-size: 0.9em;">
@@ -5256,14 +5256,14 @@ let Se = class extends C {
               (${t.length})
             </div>
             ${t.map(
-      (i, r) => c`<div
+      (i, r) => d`<div
                   style="margin-bottom: 16px; padding: 12px; background: white; border-radius: 6px; border-left: 4px solid #0066cc;"
                 >
                   <div
                     style="font-weight: 600; margin-bottom: 8px; color: #333;"
                   >
                     ${l("Policy")} ${r + 1}
-                    ${i["@id"] ? c`<span
+                    ${i["@id"] ? d`<span
                           style="font-weight: normal; font-size: 0.85em; color: #666; display: block; margin-top: 4px; word-break: break-all; font-family: monospace;"
                         >
                           ${i["@id"]}
@@ -5271,7 +5271,7 @@ let Se = class extends C {
                   </div>
                   <odrl-policy-viewer .policy=${i}></odrl-policy-viewer>
                 </div>`
-    )}` : c`<tems-division type="h4"
+    )}` : d`<tems-division type="h4"
               ><div>${l("Access Policy")}</div></tems-division
             >
             <odrl-policy-viewer .policy=${this.policy}></odrl-policy-viewer>`}
@@ -5285,10 +5285,10 @@ Ri([
   y({ attribute: !1 })
 ], Se.prototype, "policies", 2);
 Se = Ri([
-  w("catalog-modal-policy-display"),
+  $("catalog-modal-policy-display"),
   q()
 ], Se);
-var Ha = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, vt = (e, t, i, r) => {
+var Ha = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, bt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Va(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Ha(t, i, s), s;
@@ -5315,31 +5315,31 @@ let st = class extends C {
   }
   render() {
     if (!(this.dspStore !== void 0 && this.dspStore !== null))
-      return c`<tems-button disabled=""
+      return d`<tems-button disabled=""
         >${l("Activate this service")}</tems-button
       >`;
     switch (this.negotiationStatus) {
       case "idle":
-        return c`<tems-button @click=${this._handleNegotiate}
+        return d`<tems-button @click=${this._handleNegotiate}
           >${l("Negotiate access")}</tems-button
         >`;
       case "negotiating":
-        return c`<tems-button disabled="">
+        return d`<tems-button disabled="">
           ${l("Negotiating...")}
         </tems-button>`;
       case "pending":
-        return c`<tems-button disabled="">
+        return d`<tems-button disabled="">
           ${this.currentState || l("Pending")}
           ${this.attempt ? `(${this.attempt}/${this.maxAttempts})` : ""}
         </tems-button>`;
       case "granted":
-        return c`
+        return d`
           <tems-button disabled="" type="success">
             ✅ ${l("Access Granted")}
           </tems-button>
         `;
       case "failed":
-        return c`<div
+        return d`<div
           style="display: flex; flex-direction: column; gap: 8px;"
         >
           <tems-button disabled="" type="error">
@@ -5351,39 +5351,39 @@ let st = class extends C {
           </tems-button>
         </div>`;
       default:
-        return c`<tems-button disabled=""
+        return d`<tems-button disabled=""
           >${l("Activate this service")}</tems-button
         >`;
     }
   }
 };
-vt([
+bt([
   y({ attribute: !1 })
 ], st.prototype, "dspStore", 2);
-vt([
+bt([
   y({ attribute: !1 })
 ], st.prototype, "showPolicySelection", 2);
-vt([
+bt([
   y()
 ], st.prototype, "negotiationStatus", 2);
-vt([
+bt([
   y()
 ], st.prototype, "currentState", 2);
-vt([
+bt([
   y()
 ], st.prototype, "attempt", 2);
-vt([
+bt([
   y()
 ], st.prototype, "maxAttempts", 2);
-vt([
+bt([
   y()
 ], st.prototype, "negotiationError", 2);
-st = vt([
-  w("catalog-modal-negotiation-button"),
+st = bt([
+  $("catalog-modal-negotiation-button"),
   q()
 ], st);
 const Ka = ".contract-section{background-color:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--scale-400);margin-bottom:var(--scale-400);padding:var(--scale-500)}.contract-section .contract-header{display:flex;flex-direction:column;gap:var(--scale-200);padding-bottom:var(--scale-300)}.contract-section .contract-subsection{display:flex;flex-direction:column;gap:var(--scale-300)}.contract-section .contract-subsection .collapsible-header{align-items:center;background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--scale-300) var(--scale-400);transition:all .2s ease;user-select:none}.contract-section .contract-subsection .collapsible-header:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary)}.contract-section .contract-subsection .collapsible-header .chevron{color:var(--color-text-secondary);font-size:1.5rem;transition:transform .3s ease}.contract-section .contract-subsection .collapsible-header .chevron.expanded{transform:rotate(180deg)}.contract-section .contract-subsection .collapsible-content{max-height:0;opacity:0;overflow:hidden;padding:0 var(--scale-400);transition:max-height .3s ease,opacity .3s ease}.contract-section .contract-subsection .collapsible-content.expanded{max-height:2000px;opacity:1;padding-bottom:var(--scale-300);padding-top:var(--scale-300)}.contract-section .contract-subsection .collapsible-content .assets-list{display:flex;flex-direction:column;gap:var(--scale-200)}.contract-section .contract-subsection .collapsible-content .assets-list .asset-item{gap:var(--scale-100)}.contract-section .contract-subsection .collapsible-content .assets-list .asset-item,.contract-section .contract-subsection .collapsible-content .bundle-info{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:var(--scale-300)}.contract-section .contract-subsection .collapsible-content .bundle-info{gap:var(--scale-200);margin-bottom:var(--scale-300)}.contract-section .contract-subsection .collapsible-content .facts-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.contract-section .contract-subsection .collapsible-content .facts-list ds4go-card-catalog{height:auto;width:354px}";
-var Ya = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, bt = (e, t, i, r) => {
+var Ya = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, wt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ja(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Ya(t, i, s), s;
@@ -5413,29 +5413,29 @@ let J = class extends C {
     const i = this.policies?.filter(
       (r) => r["@id"] === this.agreement?.policy?.["@id"]
     );
-    return c`<div class="contract-section">
+    return d`<div class="contract-section">
       <div class="contract-header">
         <tems-division type="h5">${l("Contract Agreement")}</tems-division>
         <tems-division type="body-sm"
           >${e.split("/").pop()}</tems-division
         >
-        ${this.agreement.contractSigningDate ? c`<tems-division type="body-sm"
+        ${this.agreement.contractSigningDate ? d`<tems-division type="body-sm"
               >${l("Signed")}:
               ${new Date(
       this.agreement.contractSigningDate
     ).toLocaleString()}</tems-division
             >` : p}
-        ${this.agreement.consumerId ? c`<tems-division type="body-sm"
+        ${this.agreement.consumerId ? d`<tems-division type="body-sm"
               >${l("Consumer")}:
               ${this.agreement.consumerId.split("/").pop()}</tems-division
             >` : p}
-        ${this.agreement.providerId ? c`<tems-division type="body-sm"
+        ${this.agreement.providerId ? d`<tems-division type="body-sm"
               >${l("Provider")}:
               ${this.agreement.providerId.split("/").pop()}</tems-division
             >` : p}
       </div>
 
-      ${t ? c`<div class="contract-subsection">
+      ${t ? d`<div class="contract-subsection">
             <div
               class="collapsible-header"
               @click=${() => this._toggleSection("assets")}
@@ -5458,7 +5458,7 @@ let J = class extends C {
                   <tems-division type="body-xs"
                     >${t.dataAddress?.baseUrl || l("No base URL")}</tems-division
                   >
-                  ${t.dataAddress?.type ? c`<tems-division type="body-xs"
+                  ${t.dataAddress?.type ? d`<tems-division type="body-xs"
                         >${l("Type")}:
                         ${t.dataAddress.type}</tems-division
                       >` : p}
@@ -5466,7 +5466,7 @@ let J = class extends C {
               </div>
             </div>
           </div>` : p}
-      ${this.agreement.relatedBundle ? c`<div class="contract-subsection">
+      ${this.agreement.relatedBundle ? d`<div class="contract-subsection">
             <div
               class="collapsible-header"
               @click=${() => this._toggleSection("facts")}
@@ -5486,7 +5486,7 @@ let J = class extends C {
                   >${l("Bundle")}:
                   ${this.agreement.relatedBundle.name || this.agreement.relatedBundle["@id"].split("/").pop()}</tems-division
                 >
-                ${this.agreement.relatedBundle.description ? c`<tems-division type="body-sm"
+                ${this.agreement.relatedBundle.description ? d`<tems-division type="body-sm"
                       >${this.agreement.relatedBundle.description}</tems-division
                     >` : p}
               </div>
@@ -5506,7 +5506,7 @@ let J = class extends C {
           type: "information"
         });
       }
-      return c`<ds4go-card-catalog
+      return d`<ds4go-card-catalog
                     .object=${p}
                     .tags=${s}
                     .header=${r.name || p}
@@ -5517,7 +5517,7 @@ let J = class extends C {
               </div>
             </div>
           </div>` : p}
-      ${i && i.length > 0 ? c`<div class="contract-subsection">
+      ${i && i.length > 0 ? d`<div class="contract-subsection">
             <div
               class="collapsible-header"
               @click=${() => this._toggleSection("policies")}
@@ -5531,7 +5531,7 @@ let J = class extends C {
               class="collapsible-content ${this.expandedPolicies ? "expanded" : ""}"
             >
               ${i.map(
-      (r) => c`<ds4go-odrl-policy-modal-part
+      (r) => d`<ds4go-odrl-policy-modal-part
                     .policy=${r}
                   ></ds4go-odrl-policy-modal-part>`
     )}
@@ -5543,29 +5543,29 @@ let J = class extends C {
 J.styles = A`
     ${L(Ka)}
   `;
-bt([
+wt([
   h()
 ], J.prototype, "agreement", 2);
-bt([
+wt([
   h()
 ], J.prototype, "assets", 2);
-bt([
+wt([
   h()
 ], J.prototype, "bundles", 2);
-bt([
+wt([
   h()
 ], J.prototype, "policies", 2);
-bt([
+wt([
   h()
 ], J.prototype, "expandedAssets", 2);
-bt([
+wt([
   h()
 ], J.prototype, "expandedPolicies", 2);
-bt([
+wt([
   h()
 ], J.prototype, "expandedFacts", 2);
-J = bt([
-  w("ds4go-customer-contract-modal-part"),
+J = wt([
+  $("ds4go-customer-contract-modal-part"),
   q()
 ], J);
 const Za = ":host{--provider-logo-width:48px;--provider-logo-height:22px;--modal-logo-width:152px;--modal-logo-height:48px}svg{vertical-align:middle}.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 catalog-modal-negotiation-button{margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;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 .provider-line{flex-wrap:wrap}.modal .modal-content-wrapper .provider-line,.modal .modal-content-wrapper .provider-line>div{align-items:center;display:flex;flex-direction:row}.modal .modal-content-wrapper .provider-logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:var(--provider-logo-height);width:var(--provider-logo-width)}.modal .modal-content-wrapper .default-image-grid{display:flex;flex-wrap:wrap;gap:8px}.modal .modal-content-wrapper .default-img{max-height:10vh;max-width:100%;width:max-content}.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 a{margin:0}.modal .modal-content-wrapper a:has(svg){align-items:center;display:flex;flex-direction:row;gap:var(--typography-spacing-xs)}.modal .modal-content-wrapper a:has(svg) svg{color:var(--color-icon-information);display:flex;height:20px;width:20px}.modal .modal-content-wrapper .badges{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--scale-200);padding:8px}.modal .modal-content-wrapper .badges:has(+.badges){padding-right:0}.modal .modal-content-wrapper .badges+.badges{padding-left:0}.modal .modal-content-wrapper .metadata-section{border-top:var(--border-width-sm) solid var(--color-border-primary);gap:var(--scale-400);padding-top:--scale-200}.modal .modal-content-wrapper .metadata-section tems-division[type=h2]{padding-top:var(--scale-400)}.modal .modal-content-wrapper .metadata-section .metadata-provider{gap:var(--scale-400)}.modal>.modal-content-wrapper:has(iframe,.main-img){flex-direction:row;gap:var(--scale-900)}.modal>.modal-content-wrapper:has(iframe,.main-img) .main-img,.modal>.modal-content-wrapper:has(iframe,.main-img) iframe{background-position:top;background-repeat:no-repeat;background-size:100%;min-width:50%;padding:var(--scale-600);width:50%}.modal>.modal-content-wrapper:has(iframe,.main-img) .main-img>div[style],.modal>.modal-content-wrapper:has(iframe,.main-img) iframe,.modal>.modal-content-wrapper:has(iframe,.main-img) iframe>div[style]{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg)}.modal>.modal-content-wrapper:has(iframe,.main-img) .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:var(--modal-logo-height);width:var(--modal-logo-width)}.modal .modal-content-wrapper:not(:has(iframe,.main-img)){flex-direction:column}.modal .case-2,.modal .case-3,.modal .case-4{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--scale-400);width:50%}.modal .case-2 *,.modal .case-3 *,.modal .case-4 *{background-position:50%;background-repeat:no-repeat;background-size:cover}.modal .case-2 .full-width,.modal .case-3 .full-width,.modal .case-4 .full-width{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);flex-grow:1;width:100%}.modal .case-2 .img-inner-row,.modal .case-3 .img-inner-row,.modal .case-4 .img-inner-row{display:flex;flex-direction:row;flex-grow:1;gap:var(--scale-400)}.modal .case-2 .img-inner-row .double-image,.modal .case-3 .img-inner-row .double-image,.modal .case-4 .img-inner-row .double-image{display:flex;gap:var(--scale-400)}.modal .case-2 .img-inner-row .double-image>div,.modal .case-3 .img-inner-row .double-image>div,.modal .case-4 .img-inner-row .double-image>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);flex:1;width:100%}.modal .case-3 .double-image{flex-direction:row;width:100%}.modal .case-4 .img-inner-row{display:flex;flex-direction:row;flex-grow:1;gap:var(--scale-400)}.modal .case-4 .img-inner-row .double-image{flex-direction:column;width:50%}.modal .case-4 .img-inner-row .last-img{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);flex:1;height:100%;margin-right:auto;width:50%}.modal .multiple-columns{gap:var(--scale-800)}.modal .multiple-columns>.half{gap:var(--scale-400)}.modal .multiple-columns>.half:empty{display:none}.modal .badge-row{gap:var(--scale-200)}.modal .assets-rows{gap:0}.modal .assets-rows .asset-row{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-bottom:0;color:var(--color-text-body);gap:var(--scale-300);padding:var(--scale-200);text-overflow:ellipsis}.modal .assets-rows p{font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-body-sm);margin:0;overflow:hidden;text-overflow:ellipsis}.modal .assets-rows .asset-row:first-of-type{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.modal .assets-rows .asset-row:last-of-type{border-bottom:var(--border-width-sm) solid var(--color-border-primary);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.modal .assets-rows .asset-row:only-of-type{border-bottom:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-xl)}.modal .assets-rows .asset-format{align-items:flex-end;background-color:var(--color-surface-disabled);border-radius:var(--border-radius-md);display:flex;height:48px;justify-content:flex-end;min-width:40px;padding:6px;width:40px}.modal .assets-rows .asset-format p{font-size:var(--typography-size-body-xs);font-weight:var(--font-weight-bold);text-transform:low ercase}.modal .assets-rows .flex-column{overflow:hidden}.modal .metadata-section .half:empty{display:none}.modal .policy-selection-modal{background:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--scale-500);padding:var(--scale-400)}.modal .policy-selection-modal .policy-selection-header h3{font-size:var(--typography-size-heading-md);font-weight:var(--font-weight-bold);margin:0 0 var(--scale-300) 0}.modal .policy-selection-modal .policy-selection-header p{color:var(--color-text-secondary);margin:0}.modal .policy-selection-modal .policy-selection-list{display:flex;flex-direction:column;gap:var(--scale-400);max-height:400px;overflow-y:auto}.modal .policy-selection-modal .policy-option{border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);cursor:pointer;padding:var(--scale-400);transition:all .2s ease}.modal .policy-selection-modal .policy-option:hover{background:var(--color-surface-secondary);border-color:var(--color-primary)}.modal .policy-selection-modal .policy-option .policy-option-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--scale-200);justify-content:space-between;margin-bottom:var(--scale-300)}.modal .policy-selection-modal .policy-option .policy-option-header strong{font-weight:var(--font-weight-bold)}.modal .policy-selection-modal .policy-option .policy-option-header code{background:var(--color-surface-tertiary);border-radius:var(--border-radius-sm);font-family:monospace;font-size:.85em;padding:2px 6px;word-break:break-all}.modal .policy-selection-modal .policy-option .policy-option-details{color:var(--color-text-secondary);font-size:.9em}.modal .policy-selection-modal .policy-option .policy-option-details .policy-detail{margin:var(--scale-200) 0}.modal .policy-selection-modal .policy-option .policy-option-details .policy-detail strong{color:var(--color-text-body)}.modal .policy-selection-modal .policy-option .policy-option-details .policy-detail ul{margin:var(--scale-100) 0;padding-left:var(--scale-400)}.modal .policy-selection-modal .policy-option .policy-option-details .policy-detail ul li{margin:var(--scale-100) 0}.modal .policy-selection-modal .policy-selection-actions{display:flex;gap:var(--scale-300);justify-content:flex-end;margin-top:var(--scale-300)}@media screen and (min-width:1100px){div.modal{height:80vh;width:80vw}}";
@@ -5664,13 +5664,13 @@ let I = class extends na {
           "No participant ID configured. Please provide participant-id attribute."
         );
       this.negotiationStatus = "negotiating", this.negotiationError = void 0, this.requestUpdate();
-      const d = await e.negotiateContract(
+      const c = await e.negotiateContract(
         i,
         s,
         n,
         r
       );
-      this.negotiationId = d, this.negotiationStatus = "pending", this.requestUpdate(), $a(t, d), await this._pollNegotiationStatus(e, d);
+      this.negotiationId = c, this.negotiationStatus = "pending", this.requestUpdate(), wa(t, c), await this._pollNegotiationStatus(e, c);
     } catch (e) {
       if (console.error("Contract negotiation failed:", e), this.negotiationStatus = "failed", this.negotiationError = e.message, this.negotiationId) {
         const t = this.object;
@@ -5692,11 +5692,11 @@ let I = class extends na {
       try {
         const a = await e.getNegotiationStatus(t);
         if (this.currentState = a.state, this.attempt = o + 1, this.maxAttempts = 8, this.requestUpdate(), a.state === "FINALIZED" || a.state === "AGREED") {
-          const n = this.object, d = n._provider?.participantId || this.counterPartyId || this.participantId || "";
+          const n = this.object, c = n._provider?.participantId || this.counterPartyId || this.participantId || "";
           try {
             const u = await e.getContractAgreement(
               t,
-              d
+              c
             );
             this.contractId = u ? u["@id"] : a.contractAgreementId || t;
           } catch (u) {
@@ -5707,7 +5707,7 @@ let I = class extends na {
             this.contractId,
             t,
             Date.now()
-          ), this.contractId && wa(
+          ), this.contractId && $a(
             n,
             this.contractId,
             t
@@ -5751,14 +5751,14 @@ let I = class extends na {
     const e = this.object, { policies: t, defaultPolicy: i } = Pr(
       e["odrl:hasPolicy"]
     );
-    return c`<div class="modal">
+    return d`<div class="modal">
       <div class="topbar">
         <tems-button
           @click=${this._closeModal}
           type="outline-gray"
-          .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+          .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
         ></tems-button>
-        ${this.showPolicySelection ? p : c`<catalog-modal-negotiation-button
+        ${this.showPolicySelection ? p : d`<catalog-modal-negotiation-button
               .dspStore=${this.dspStore}
               .showPolicySelection=${this.showPolicySelection}
               .negotiationStatus=${this.negotiationStatus}
@@ -5773,14 +5773,14 @@ let I = class extends na {
       <div class="modal-content-wrapper">
         <div class="modal-box">
           <div class="modal-content">
-            ${this.showPolicySelection ? c`<catalog-modal-policy-selection
+            ${this.showPolicySelection ? d`<catalog-modal-policy-selection
                   .policies=${t}
                   @policy-selected=${this._handlePolicySelected}
                   @policy-cancel=${this._handlePolicyCancel}
-                ></catalog-modal-policy-selection>` : c`<tems-division type="h2"
+                ></catalog-modal-policy-selection>` : d`<tems-division type="h2"
                     ><div>${e.name || ""}</div></tems-division
                   >
-                  ${e.description ? c`<tems-division type="body-m"
+                  ${e.description ? d`<tems-division type="body-m"
                         ><div>${e.description}</div></tems-division
                       >` : p}
                   <div class="multiple-columns flex flex-row flex-1">
@@ -5858,7 +5858,7 @@ T([
   h()
 ], I.prototype, "availablePolicies", 2);
 I = T([
-  w("ds4go-catalog-modal"),
+  $("ds4go-catalog-modal"),
   q()
 ], I);
 const tn = /* @__PURE__ */ Symbol();
@@ -6050,13 +6050,13 @@ let z = class extends k {
   }
   render() {
     return this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
-      complete: (e) => e ? c`<div class="modal">
+      pending: () => d`<solid-loader></solid-loader>`,
+      complete: (e) => e ? d`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
             ></tems-button>
           </div>
           <div class="modal-content-wrapper">
@@ -6067,22 +6067,22 @@ let z = class extends k {
                 >
                 <tems-division type="body-m"
                   ><div>
-                    ${e.participant_id ? l($`Participant ID: ${String(e.participant_id)}`) : ""}
+                    ${e.participant_id ? l(w`Participant ID: ${String(e.participant_id)}`) : ""}
                   </div></tems-division
                 >
-                ${e.balance !== void 0 && e.balance !== null ? c`<tems-division type="body-m"
+                ${e.balance !== void 0 && e.balance !== null ? d`<tems-division type="body-m"
                       ><div>
-                        ${l($`Balance: ${String(e.balance)}`)}
+                        ${l(w`Balance: ${String(e.balance)}`)}
                       </div></tems-division
                     >` : p}
-                ${this.providerNegotiations && this.providerNegotiations.length > 0 ? c`<tems-division type="h4"
+                ${this.providerNegotiations && this.providerNegotiations.length > 0 ? d`<tems-division type="h4"
                         ><div>
                           ${l("Provider Negotiations")}
                         </div></tems-division
                       >
                       <div class="card-grid card-grid-vertical">
                         ${this.providerNegotiations.map(
-        (t) => c`<ds4go-card-catalog
+        (t) => d`<ds4go-card-catalog
                               .object=${p}
                               .header=${t["@id"].split("/").pop()}
                               .content=${t.agreement ? `Agreement: ${t.agreement["@id"].split("/").pop()}` : l("No agreement")}
@@ -6093,14 +6093,14 @@ let z = class extends k {
                             ></ds4go-card-catalog>`
       )}
                       </div>` : p}
-                ${this.consumerNegotiations && this.consumerNegotiations.length > 0 ? c`<tems-division type="h4"
+                ${this.consumerNegotiations && this.consumerNegotiations.length > 0 ? d`<tems-division type="h4"
                         ><div>
                           ${l("Customer Negotiations")}
                         </div></tems-division
                       >
                       <div class="card-grid card-grid-vertical">
                         ${this.consumerNegotiations.map(
-        (t) => c`<ds4go-card-catalog
+        (t) => d`<ds4go-card-catalog
                               .object=${p}
                               .header=${t["@id"].split("/").pop()}
                               .content=${t.agreement ? `Agreement: ${t.agreement["@id"].split("/").pop()}` : l("No agreement")}
@@ -6111,11 +6111,11 @@ let z = class extends k {
                             ></ds4go-card-catalog>`
       )}
                       </div>` : p}
-                ${this.consumerAgreements && this.consumerAgreements.length > 0 ? c`<tems-division type="h4"
+                ${this.consumerAgreements && this.consumerAgreements.length > 0 ? d`<tems-division type="h4"
                         ><div>${l("Customer Agreements")}</div></tems-division
                       >
                       ${this.consumerAgreements.map(
-        (t) => c`<ds4go-customer-contract-modal-part
+        (t) => d`<ds4go-customer-contract-modal-part
                             .agreement=${t}
                             .assets=${this.assets}
                             .bundles=${this.bundles}
@@ -6174,7 +6174,7 @@ V([
   h()
 ], z.prototype, "consumerAgreements", 2);
 z = V([
-  w("ds4go-customer-modal"),
+  $("ds4go-customer-modal"),
   q()
 ], z);
 const an = ".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 ds4go-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vh;max-width:80vw;min-height:50vh;min-width:50vw;width:fit-content}}";
@@ -6230,13 +6230,13 @@ let ot = class extends k {
   }
   render() {
     return this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
-      complete: (e) => e ? c`<div class="modal">
+      pending: () => d`<solid-loader></solid-loader>`,
+      complete: (e) => e ? d`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
             ></tems-button>
           </div>
           <div class="modal-content-wrapper">
@@ -6264,7 +6264,7 @@ let ot = class extends k {
             type: "information"
           });
         }
-        return c`<ds4go-card-catalog
+        return d`<ds4go-card-catalog
                       .object=${p}
                       .tags=${i}
                       .header=${t.name || p}
@@ -6283,22 +6283,22 @@ let ot = class extends k {
                     </div>
                   </div></tems-division
                 >
-                ${this.contracts && this.contracts.length > 0 || this.negotiations && this.negotiations.length > 0 ? c`<tems-button
+                ${this.contracts && this.contracts.length > 0 || this.negotiations && this.negotiations.length > 0 ? d`<tems-button
                         @click=${this._toggleTechnicalInfo}
                         type="outline-gray"
                         label=${this.showTechnicalInfo ? l("Hide Technical Informations") : l("Show Technical Informations")}
                       ></tems-button>
-                      ${this.showTechnicalInfo ? c`<tems-division type="h4"
+                      ${this.showTechnicalInfo ? d`<tems-division type="h4"
                               >${l("Technical informations")}</tems-division
                             >
-                            ${this.contracts && this.contracts.length > 0 ? c`${this.contracts.map(
-        (t) => c`<ds4go-contract-modal-part
+                            ${this.contracts && this.contracts.length > 0 ? d`${this.contracts.map(
+        (t) => d`<ds4go-contract-modal-part
                                       .contract=${t}
                                       .assets=${this.assets}
                                       .policies=${this.policies}
                                     ></ds4go-contract-modal-part>`
       )}` : p}
-                            ${this.negotiations && this.negotiations.length > 0 ? c`<ds4go-negotiations-modal-part
+                            ${this.negotiations && this.negotiations.length > 0 ? d`<ds4go-negotiations-modal-part
                                     .negotiations=${this.negotiations}
                                     .assets=${this.assets}
                                     .type=${"PROVIDER"}
@@ -6338,7 +6338,7 @@ Rt([
   h()
 ], ot.prototype, "showTechnicalInfo", 2);
 ot = Rt([
-  w("ds4go-fact-bundle-modal"),
+  $("ds4go-fact-bundle-modal"),
   q()
 ], ot);
 const cn = ".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 .cover-image{border-radius:var(--border-radius-md);height:300px;margin-bottom:var(--scale-200);overflow:hidden;width:100%}.modal .modal-content-wrapper .cover-image img{display:block;height:100%;object-fit:cover;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 tems-division[type=h3]{margin-bottom:var(--scale-500);margin-top:var(--scale-300)}.modal .modal-content-wrapper tems-division[type=h4]{margin-bottom:var(--scale-200);margin-top:var(--scale-500)}.modal .modal-content-wrapper .author-section{margin-bottom:var(--scale-200);margin-top:var(--scale-200);text-align:center;width:100%}.modal .modal-content-wrapper .author-section div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .categories-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--scale-200)}.modal .modal-content-wrapper .medias-gallery{display:grid;gap:var(--scale-300);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal .modal-content-wrapper .medias-gallery .media-item{aspect-ratio:1;border-radius:var(--border-radius-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-duration-fast) ease,box-shadow var(--transition-duration-fast) ease}.modal .modal-content-wrapper .medias-gallery .media-item:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.modal .modal-content-wrapper .medias-gallery .media-item img{display:block;height:100%;object-fit:cover;width:100%}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vh;max-width:80vw;min-height:50vh;min-width:50vw;width:fit-content}div.modal .modal-content-wrapper .cover-image{height:400px}div.modal .modal-content-wrapper .medias-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}";
@@ -6416,7 +6416,7 @@ You will be charged 5€ on your account.`
   }
   render() {
     return this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       complete: (e) => {
         if (!e)
           return this._closeModal(), p;
@@ -6428,12 +6428,12 @@ You will be charged 5€ on your account.`
           minute: "2-digit",
           hour12: !1
         });
-        return c`<div class="modal">
+        return d`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
             ></tems-button>
             <tems-button
               @click=${this._generateVideo}
@@ -6444,10 +6444,10 @@ You will be charged 5€ on your account.`
           <div class="modal-content-wrapper">
             <div class="modal-box">
               <div class="modal-content">
-                ${e.enclosure ? c`<div class="cover-image">
+                ${e.enclosure ? d`<div class="cover-image">
                       <img src=${String(e.enclosure)} alt="Cover image" />
                     </div>` : p}
-                ${e.author ? c`<tems-division type="body-sm" class="author-section">
+                ${e.author ? d`<tems-division type="body-sm" class="author-section">
                       <div>
                         ${l("Published on")} ${t} | ${l("By")}
                         ${String(e.author)}
@@ -6459,20 +6459,20 @@ You will be charged 5€ on your account.`
                 <tems-division type="body-m"
                   ><div>${String(e.description || "")}</div></tems-division
                 >
-                ${e.link ? c`<tems-division type="body-sm">
+                ${e.link ? d`<tems-division type="body-sm">
                       <tems-button
                         type="outline-color"
                         .label=${l("Open link on a new tab")}
                         @click=${() => window.open(String(e.link), "_blank")}
                       ></tems-button>
                     </tems-division>` : p}
-                ${(e.medias || []).length > 0 ? c`<tems-division type="h4"
+                ${(e.medias || []).length > 0 ? d`<tems-division type="h4"
                         >${l("Media files")}</tems-division
                       >
                       <div class="medias-gallery">
                         ${(e.medias || []).map(
-          (i) => c`<div class="media-item">
-                              ${i.url ? c`<img
+          (i) => d`<div class="media-item">
+                              ${i.url ? d`<img
                                     src=${String(i.url)}
                                     alt=${i.description || "Media"}
                                     @click=${() => window.open(String(i.url), "_blank")}
@@ -6480,12 +6480,12 @@ You will be charged 5€ on your account.`
                             </div>`
         )}
                       </div>` : p}
-                ${(e.categories || []).length > 0 ? c`<tems-division type="h4"
+                ${(e.categories || []).length > 0 ? d`<tems-division type="h4"
                         >${l("Categories")}</tems-division
                       >
                       <div class="categories-list">
                         ${(e.categories || []).map(
-          (i) => c`<tems-badge type="neutral" size="sm"
+          (i) => d`<tems-badge type="neutral" size="sm"
                               >${pt(String(i.name))}</tems-badge
                             >`
         )}
@@ -6511,11 +6511,11 @@ as([
   h()
 ], Ee.prototype, "disableButton", 2);
 Ee = as([
-  w("ds4go-fact-modal"),
+  $("ds4go-fact-modal"),
   q()
 ], Ee);
 const un = ".contract-section{background-color:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--scale-400);margin-bottom:var(--scale-400);padding:var(--scale-500)}.contract-section .contract-header{border-bottom:var(--border-width-sm) solid var(--color-border-secondary);display:flex;flex-direction:column;gap:var(--scale-200);padding-bottom:var(--scale-300)}.contract-section .contract-subsection{display:flex;flex-direction:column;gap:var(--scale-300)}.contract-section .contract-subsection .collapsible-header{align-items:center;background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--scale-300) var(--scale-400);transition:all .2s ease;user-select:none}.contract-section .contract-subsection .collapsible-header:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary)}.contract-section .contract-subsection .collapsible-header .chevron{color:var(--color-text-secondary);font-size:1.5rem;transition:transform .3s ease}.contract-section .contract-subsection .collapsible-header .chevron.expanded{transform:rotate(180deg)}.contract-section .contract-subsection .collapsible-content{max-height:0;opacity:0;overflow:hidden;padding:0 var(--scale-400);transition:max-height .3s ease,opacity .3s ease}.contract-section .contract-subsection .collapsible-content.expanded{max-height:2000px;opacity:1;padding-bottom:var(--scale-300);padding-top:var(--scale-300)}.contract-section .contract-subsection .assets-list{display:flex;flex-direction:column;gap:var(--scale-200)}.contract-section .contract-subsection .assets-list .asset-item{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--scale-100);padding:var(--scale-300)}";
-var hn = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, Lt = (e, t, i, r) => {
+var hn = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, zt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? mn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && hn(t, i, s), s;
@@ -6535,13 +6535,13 @@ let ht = class extends C {
     ) : this.contract.assetsSelector.operandRight === r["@id"] : !1), i = this.policies?.filter(
       (r) => r["@id"] === this.contract?.accessPolicyId || r["@id"] === this.contract?.contractPolicyId
     );
-    return c`<div class="contract-section">
+    return d`<div class="contract-section">
       <div class="contract-header">
         <tems-division type="h5">${l("Contract")}</tems-division>
         <tems-division type="body-sm"
           >${e.split("/").pop()}</tems-division
         >
-        ${this.contract.createdAt ? c`<tems-division type="body-sm"
+        ${this.contract.createdAt ? d`<tems-division type="body-sm"
               >${l("Created")}:
               ${new Date(
       this.contract.createdAt
@@ -6549,7 +6549,7 @@ let ht = class extends C {
             >` : p}
       </div>
 
-      ${t && t.length > 0 ? c`<div class="contract-subsection">
+      ${t && t.length > 0 ? d`<div class="contract-subsection">
             <div
               class="collapsible-header"
               @click=${() => this._toggleSection("assets")}
@@ -6564,14 +6564,14 @@ let ht = class extends C {
             >
               <div class="assets-list">
                 ${t.map(
-      (r) => c`<div class="asset-item">
+      (r) => d`<div class="asset-item">
                       <tems-division type="body-sm"
                         >${r["@id"].split("/").pop()}</tems-division
                       >
                       <tems-division type="body-xs"
                         >${r.dataAddress?.baseUrl || l("No base URL")}</tems-division
                       >
-                      ${r.dataAddress?.type ? c`<tems-division type="body-xs"
+                      ${r.dataAddress?.type ? d`<tems-division type="body-xs"
                             >${l("Type")}:
                             ${r.dataAddress.type}</tems-division
                           >` : p}
@@ -6580,7 +6580,7 @@ let ht = class extends C {
               </div>
             </div>
           </div>` : p}
-      ${i && i.length > 0 ? c`<div class="contract-subsection">
+      ${i && i.length > 0 ? d`<div class="contract-subsection">
             <div
               class="collapsible-header"
               @click=${() => this._toggleSection("policies")}
@@ -6594,7 +6594,7 @@ let ht = class extends C {
               class="collapsible-content ${this.expandedPolicies ? "expanded" : ""}"
             >
               ${i.map(
-      (r) => c`<ds4go-odrl-policy-modal-part
+      (r) => d`<ds4go-odrl-policy-modal-part
                     .policy=${r}
                   ></ds4go-odrl-policy-modal-part>`
     )}
@@ -6606,23 +6606,23 @@ let ht = class extends C {
 ht.styles = A`
     ${L(un)}
   `;
-Lt([
+zt([
   h()
 ], ht.prototype, "contract", 2);
-Lt([
+zt([
   h()
 ], ht.prototype, "assets", 2);
-Lt([
+zt([
   h()
 ], ht.prototype, "policies", 2);
-Lt([
+zt([
   h()
 ], ht.prototype, "expandedAssets", 2);
-Lt([
+zt([
   h()
 ], ht.prototype, "expandedPolicies", 2);
-ht = Lt([
-  w("ds4go-contract-modal-part"),
+ht = zt([
+  $("ds4go-contract-modal-part"),
   q()
 ], ht);
 const fn = ".card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.card-grid-vertical{justify-content:stretch}.card-grid-vertical ds4go-card-catalog{height:auto;width:354px}";
@@ -6631,7 +6631,7 @@ var gn = Object.defineProperty, yn = Object.getOwnPropertyDescriptor, Ue = (e, t
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && gn(t, i, s), s;
 };
-let Nt = class extends C {
+let Ut = class extends C {
   constructor() {
     super(...arguments), this.negotiations = [], this.assets = [], this.type = "PROVIDER";
   }
@@ -6669,7 +6669,7 @@ let Nt = class extends C {
     const t = this._getNegotiationTags(e), i = this.assets?.find(
       (r) => r["@id"] === e.assetId
     );
-    return c`<ds4go-card-catalog
+    return d`<ds4go-card-catalog
       .object=${p}
       .header=${e["@id"].split("/").pop()}
       .content=${i ? `Asset: ${i["@id"].split("/").pop()}` : l("No associated asset")}
@@ -6686,7 +6686,7 @@ let Nt = class extends C {
     if (e.length === 0)
       return p;
     const t = this.type === "PROVIDER" ? l("Provider Negotiations") : l("Consumer Negotiations");
-    return c`<tems-division type="body-m"><div>${t}</div></tems-division>
+    return d`<tems-division type="body-m"><div>${t}</div></tems-division>
       <div class="card-grid card-grid-vertical">
         ${e.map(
       (i) => this._renderNegotiationCard(i)
@@ -6694,25 +6694,25 @@ let Nt = class extends C {
       </div>`;
   }
 };
-Nt.styles = A`
+Ut.styles = A`
     ${L(fn)}
   `;
 Ue([
   h()
-], Nt.prototype, "negotiations", 2);
+], Ut.prototype, "negotiations", 2);
 Ue([
   h()
-], Nt.prototype, "assets", 2);
+], Ut.prototype, "assets", 2);
 Ue([
   h()
-], Nt.prototype, "type", 2);
-Nt = Ue([
-  w("ds4go-negotiations-modal-part"),
+], Ut.prototype, "type", 2);
+Ut = Ue([
+  $("ds4go-negotiations-modal-part"),
   q()
-], Nt);
+], Ut);
 const vn = ".policy-card{background-color:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--scale-400);margin-bottom:var(--scale-400);padding:var(--scale-500)}.policy-card .policy-header{border-bottom:var(--border-width-sm) solid var(--color-border-secondary);display:flex;flex-direction:column;gap:var(--scale-200);padding-bottom:var(--scale-300)}.policy-card .policy-section{display:flex;flex-direction:column;gap:var(--scale-300)}.policy-card .policy-section .policy-section-title{color:var(--color-text-heading);font-weight:var(--font-weight-semibold)}.policy-card .policy-section .policy-item{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--scale-200);padding:var(--scale-300)}.policy-card .policy-section .policy-item .constraints-list{border-left:var(--border-width-sm) solid var(--color-border-secondary);display:flex;flex-direction:column;gap:var(--scale-100);margin-top:var(--scale-200);padding-left:var(--scale-400)}.policy-card .policy-section .policy-item .constraints-list .constraint-item{background-color:var(--color-surface-secondary);border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--border-radius-xs);display:flex;flex-direction:column;gap:var(--scale-100);padding:var(--scale-200)}";
-var bn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, ns = (e, t, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? $n(t, i) : t, o = e.length - 1, a; o >= 0; o--)
+var bn = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, ns = (e, t, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? wn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && bn(t, i, s), s;
 };
@@ -6721,12 +6721,12 @@ let Oe = class extends C {
     return Array.isArray(e) ? e.map((t) => t["@id"] ? t["@id"] : t).join(", ") : typeof e == "object" ? e["@id"] : e;
   }
   _renderConstraint(e) {
-    return c`<div class="constraint-item">
+    return d`<div class="constraint-item">
       <tems-division type="body-xs"
         >${e.leftOperand} ${e.operator}
         ${String(e.rightOperand)}</tems-division
       >
-      ${e["@type"] ? c`<tems-division type="body-xs"
+      ${e["@type"] ? d`<tems-division type="body-xs"
             >${l("Type")}: ${e["@type"]}</tems-division
           >` : p}
     </div>`;
@@ -6735,7 +6735,7 @@ let Oe = class extends C {
     if (!this.policy)
       return p;
     const e = this.policy.policy;
-    return Array.isArray(e?.["odrl:permission"]) || (e["odrl:permission"] = e["odrl:permission"] ? [e["odrl:permission"]] : []), Array.isArray(e?.["odrl:prohibition"]) || (e["odrl:prohibition"] = e["odrl:prohibition"] ? [e["odrl:prohibition"]] : []), Array.isArray(e?.["odrl:obligation"]) || (e["odrl:obligation"] = e["odrl:obligation"] ? [e["odrl:obligation"]] : []), c`<div class="policy-card">
+    return Array.isArray(e?.["odrl:permission"]) || (e["odrl:permission"] = e["odrl:permission"] ? [e["odrl:permission"]] : []), Array.isArray(e?.["odrl:prohibition"]) || (e["odrl:prohibition"] = e["odrl:prohibition"] ? [e["odrl:prohibition"]] : []), Array.isArray(e?.["odrl:obligation"]) || (e["odrl:obligation"] = e["odrl:obligation"] ? [e["odrl:obligation"]] : []), d`<div class="policy-card">
       <div class="policy-header">
         <tems-division type="body-m"
           >${l("Policy")}:
@@ -6744,29 +6744,29 @@ let Oe = class extends C {
         <tems-division type="body-xs"
           >${l("Type")}: ${e?.["@type"] || "Unknown"}</tems-division
         >
-        ${this.policy.createdAt ? c`<tems-division type="body-xs"
+        ${this.policy.createdAt ? d`<tems-division type="body-xs"
               >${l("Created")}:
               ${new Date(this.policy.createdAt).toLocaleString()}</tems-division
             >` : p}
       </div>
 
-      ${e?.["odrl:permission"] && e["odrl:permission"].length > 0 ? c`<div class="policy-section">
+      ${e?.["odrl:permission"] && e["odrl:permission"].length > 0 ? d`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Permissions")}</tems-division
             >
             ${e["odrl:permission"].map(
-      (t) => c`<div class="policy-item">
+      (t) => d`<div class="policy-item">
                   <tems-division type="body-xs"
                     >${l("Action")}:
                     ${this._formatAction(
         t.action || t["odrl:action"]
       )}</tems-division
                   >
-                  ${t.target || t["odrl:target"] ? c`<tems-division type="body-xs"
+                  ${t.target || t["odrl:target"] ? d`<tems-division type="body-xs"
                         >${l("Target")}:
                         ${(t.target || t["odrl:target"])?.split("/").pop()}</tems-division
                       >` : p}
-                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? d`<div class="constraints-list">
                         ${(t.constraint || t["odrl:constraint"] || []).map(
         (i) => this._renderConstraint(i)
       )}
@@ -6774,23 +6774,23 @@ let Oe = class extends C {
                 </div>`
     )}
           </div>` : p}
-      ${e?.["odrl:prohibition"] && e["odrl:prohibition"].length > 0 ? c`<div class="policy-section">
+      ${e?.["odrl:prohibition"] && e["odrl:prohibition"].length > 0 ? d`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Prohibitions")}</tems-division
             >
             ${e["odrl:prohibition"].map(
-      (t) => c`<div class="policy-item">
+      (t) => d`<div class="policy-item">
                   <tems-division type="body-xs"
                     >${l("Action")}:
                     ${this._formatAction(
         t.action || t["odrl:action"]
       )}</tems-division
                   >
-                  ${t.target || t["odrl:target"] ? c`<tems-division type="body-xs"
+                  ${t.target || t["odrl:target"] ? d`<tems-division type="body-xs"
                         >${l("Target")}:
                         ${(t.target || t["odrl:target"])?.split("/").pop()}</tems-division
                       >` : p}
-                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? d`<div class="constraints-list">
                         ${(t.constraint || t["odrl:constraint"] || []).map(
         (i) => this._renderConstraint(i)
       )}
@@ -6798,19 +6798,19 @@ let Oe = class extends C {
                 </div>`
     )}
           </div>` : p}
-      ${e?.["odrl:obligation"] && e["odrl:obligation"].length > 0 ? c`<div class="policy-section">
+      ${e?.["odrl:obligation"] && e["odrl:obligation"].length > 0 ? d`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Obligations")}</tems-division
             >
             ${e["odrl:obligation"].map(
-      (t) => c`<div class="policy-item">
+      (t) => d`<div class="policy-item">
                   <tems-division type="body-xs"
                     >${l("Action")}:
                     ${this._formatAction(
         t.action || t["odrl:action"]
       )}</tems-division
                   >
-                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? d`<div class="constraints-list">
                         ${(t.constraint || t["odrl:constraint"] || []).map(
         (i) => this._renderConstraint(i)
       )}
@@ -6828,7 +6828,7 @@ ns([
   h()
 ], Oe.prototype, "policy", 2);
 Oe = ns([
-  w("ds4go-odrl-policy-modal-part"),
+  $("ds4go-odrl-policy-modal-part"),
   q()
 ], Oe);
 class ui extends kr {
@@ -6846,7 +6846,7 @@ class ui extends kr {
   }
 }
 ui.directiveName = "unsafeHTML", ui.resultType = 1;
-const wn = jr(ui);
+const $n = jr(ui);
 var _n = Object.defineProperty, xn = Object.getOwnPropertyDescriptor, Di = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? xn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
@@ -6858,16 +6858,16 @@ let se = class extends C {
   }
   render() {
     if (!this.policy)
-      return c`<div class="no-policy">No policy available</div>`;
+      return d`<div class="no-policy">No policy available</div>`;
     try {
       const t = new la(this.policy).renderAsHtml();
-      return c`
+      return d`
         <div class="${this.compact ? "compact" : ""}">
-          ${wn(t)}
+          ${$n(t)}
         </div>
       `;
     } catch (e) {
-      return console.error("Error rendering ODRL policy:", e), c`
+      return console.error("Error rendering ODRL policy:", e), d`
         <div class="error">
           Error rendering policy: ${e.message}
         </div>
@@ -6999,7 +6999,7 @@ Di([
   y({ type: Boolean })
 ], se.prototype, "compact", 2);
 se = Di([
-  w("odrl-policy-viewer")
+  $("odrl-policy-viewer")
 ], se);
 const Pn = "div.select{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-200);width:100%}div:has(>tems-textarea){margin-bottom:-2px}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)}.flex{display:flex;gap:var(--scale-200);width:100%}.flex.flex-column{flex-direction:column}.flex.align-right{justify-content:flex-end}.flex .flex-1{flex:1}.spacer-auto+.spacer-auto,.spacer-top{margin-top:var(--scale-400)}tems-input+tems-input{margin-top:var(--scale-200)}fieldset+fieldset{margin-top:var(--scale-400)}fieldset{margin-bottom:var(--scale-400)}fieldset>fieldset{margin-top:var(--scale-400)}";
 var An = Object.defineProperty, Cn = Object.getOwnPropertyDescriptor, Ti = (e, t, i, r) => {
@@ -7170,17 +7170,17 @@ let oe = class extends C {
     return r[t] = { ...r[t], constraint: s }, r;
   }
   _renderOperatorSelect(e, t) {
-    return c`<select @change=${t}>
+    return d`<select @change=${t}>
       ${["eq", "neq", "gt", "gte", "lt", "lte", "isA", "in"].map(
-      (r) => c`<option value="${r}" selected=${e === r}>
+      (r) => d`<option value="${r}" selected=${e === r}>
             ${r}
           </option>`
     )}
     </select>`;
   }
   _renderPermission(e, t) {
-    return c`<fieldset>
-      <legend>${l($`Permission ${t + 1}`)}</legend>
+    return d`<fieldset>
+      <legend>${l(w`Permission ${t + 1}`)}</legend>
       <tems-input
         type="text"
         label="${l("Action")}"
@@ -7201,10 +7201,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => c`
+      (i, r) => d`
                 <div class="flex flex-column spacer-auto">
                   <tems-input
                     type="text"
@@ -7271,10 +7271,10 @@ let oe = class extends C {
               `
     )}
           </fieldset>` : p}
-      ${e.duty && e.duty.length > 0 ? c`<fieldset>
+      ${e.duty && e.duty.length > 0 ? d`<fieldset>
             <legend>${l("Duties")}</legend>
             ${e.duty.map(
-      (i, r) => c`
+      (i, r) => d`
                 <div class="flex flex-column">
                   <tems-input
                     type="text"
@@ -7289,10 +7289,10 @@ let oe = class extends C {
         );
       }}
                   ></tems-input>
-                  ${i.constraint && i.constraint.length > 0 ? c`<fieldset>
+                  ${i.constraint && i.constraint.length > 0 ? d`<fieldset>
                         <legend>${l("Constraints")}</legend>
                         ${i.constraint.map(
-        (s, o) => c`
+        (s, o) => d`
                             <div class="flex flex-column spacer-auto">
                               <tems-input
                                 type="text"
@@ -7301,18 +7301,18 @@ let oe = class extends C {
                                 @change=${(a) => {
           const n = [
             ...this.policy.policy.permission
-          ], d = [...n[t].duty], u = [
-            ...d[r].constraint
+          ], c = [...n[t].duty], u = [
+            ...c[r].constraint
           ];
           u[o] = {
             ...u[o],
             leftOperand: a.detail.value
-          }, d[r] = {
-            ...d[r],
+          }, c[r] = {
+            ...c[r],
             constraint: u
           }, n[t] = {
             ...n[t],
-            duty: d
+            duty: c
           }, this._updatePolicyField(
             "permission",
             n
@@ -7328,20 +7328,20 @@ let oe = class extends C {
           (a) => {
             const n = [
               ...this.policy.policy.permission
-            ], d = [
+            ], c = [
               ...n[t].duty
             ], u = [
-              ...d[r].constraint
+              ...c[r].constraint
             ];
             u[o] = {
               ...u[o],
               operator: a.target.value
-            }, d[r] = {
-              ...d[r],
+            }, c[r] = {
+              ...c[r],
               constraint: u
             }, n[t] = {
               ...n[t],
-              duty: d
+              duty: c
             }, this._updatePolicyField(
               "permission",
               n
@@ -7356,18 +7356,18 @@ let oe = class extends C {
                                 @change=${(a) => {
           const n = [
             ...this.policy.policy.permission
-          ], d = [...n[t].duty], u = [
-            ...d[r].constraint
+          ], c = [...n[t].duty], u = [
+            ...c[r].constraint
           ];
           u[o] = {
             ...u[o],
             rightOperand: a.detail.value
-          }, d[r] = {
-            ...d[r],
+          }, c[r] = {
+            ...c[r],
             constraint: u
           }, n[t] = {
             ...n[t],
-            duty: d
+            duty: c
           }, this._updatePolicyField(
             "permission",
             n
@@ -7381,10 +7381,10 @@ let oe = class extends C {
                                 @click=${() => {
           const a = [
             ...this.policy.policy.permission
-          ], n = [...a[t].duty], d = n[r].constraint?.filter((u, m) => m !== o);
+          ], n = [...a[t].duty], c = n[r].constraint?.filter((u, m) => m !== o);
           n[r] = {
             ...n[r],
-            constraint: d
+            constraint: c
           }, a[t] = {
             ...a[t],
             duty: n
@@ -7470,8 +7470,8 @@ let oe = class extends C {
     </fieldset>`;
   }
   _renderProhibition(e, t) {
-    return c`<fieldset>
-      <legend>${l($`Prohibition ${t + 1}`)}</legend>
+    return d`<fieldset>
+      <legend>${l(w`Prohibition ${t + 1}`)}</legend>
       <tems-input
         type="text"
         label="${l("Action")}"
@@ -7492,10 +7492,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => c`
+      (i, r) => d`
                 <div class="flex flex-column spacer-auto">
                   <tems-input
                     type="text"
@@ -7587,8 +7587,8 @@ let oe = class extends C {
     </fieldset>`;
   }
   _renderObligation(e, t) {
-    return c`<fieldset>
-      <legend>${l($`Obligation ${t + 1}`)}</legend>
+    return d`<fieldset>
+      <legend>${l(w`Obligation ${t + 1}`)}</legend>
       <tems-input
         type="text"
         label="${l("Action")}"
@@ -7599,10 +7599,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => c`
+      (i, r) => d`
                 <div class="flex flex-column spacer-auto">
                   <tems-input
                     type="text"
@@ -7700,11 +7700,11 @@ let oe = class extends C {
         ...this.template.policy,
         "@type": "Set"
       }
-    }), c`<form @submit=${(e) => e.preventDefault()}>
+    }), d`<form @submit=${(e) => e.preventDefault()}>
       <div class="flex">
         <tems-label
           class="flex-1"
-          label=${l($`Custom ${this.template.name} policy`)}
+          label=${l(w`Custom ${this.template.name} policy`)}
         ></tems-label>
         <tems-button
           type="outline-gray"
@@ -7785,10 +7785,10 @@ let oe = class extends C {
       </fieldset>
       <div class="flex align-right spacer-top">
         <tems-button type="outline-gray" size="sm" @click=${this._resetPolicy}>
-          ${l($`Reset to ${this.template.name} default`)}
+          ${l(w`Reset to ${this.template.name} default`)}
         </tems-button>
       </div>
-    </form>`) : c`<p>${l("No policy template provided")}</p>`;
+    </form>`) : d`<p>${l("No policy template provided")}</p>`;
   }
 };
 oe.styles = [L(Pn)];
@@ -7799,10 +7799,10 @@ Ti([
   y({ attribute: !1 })
 ], oe.prototype, "policy", 2);
 oe = Ti([
-  w("policy-composer"),
+  $("policy-composer"),
   q()
 ], oe);
-var Sn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, zt = (e, t, i, r) => {
+var Sn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, qt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? En(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Sn(t, i, s), s;
@@ -7875,9 +7875,9 @@ let mt = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-customer-list] Task error:", e), p),
-      complete: (e) => c`<tems-viewport>
+      complete: (e) => d`<tems-viewport>
             <tems-header slot="header" heading=${this.header}></tems-header>
             <div slot="content">
               <ds4go-catalog-filter-holder
@@ -7894,7 +7894,7 @@ let mt = class extends k {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-customer-holder>
-              ${this.object ? c`<div
+              ${this.object ? d`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -7922,23 +7922,23 @@ mt.styles = A`
       align-items: center;
     }
   `;
-zt([
+qt([
   y({ attribute: !1 })
 ], mt.prototype, "objects", 2);
-zt([
+qt([
   y({ attribute: "header", type: String })
 ], mt.prototype, "header", 2);
-zt([
+qt([
   h()
 ], mt.prototype, "search", 2);
-zt([
+qt([
   h()
 ], mt.prototype, "resultCount", 2);
-zt([
+qt([
   h()
 ], mt.prototype, "bundleCreationComponent", 2);
-mt = zt([
-  w("solid-customer-list")
+mt = qt([
+  $("solid-customer-list")
 ], mt);
 var On = Object.defineProperty, In = Object.getOwnPropertyDescriptor, $t = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? In(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -8002,8 +8002,8 @@ let at = class extends k {
                   this.catalogs.map(async (a) => {
                     try {
                       const n = await (await fetch(a.endpoints.catalog)).json();
-                      return n["dcat:dataset"].map((d) => ({
-                        ...d,
+                      return n["dcat:dataset"].map((c) => ({
+                        ...c,
                         catalogTitle: n["dct:title"],
                         catalogId: a.catalogId,
                         sectorName: a.sectorName,
@@ -8092,18 +8092,18 @@ let at = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), p),
-      complete: (e) => c`<tems-viewport>
+      complete: (e) => d`<tems-viewport>
             <tems-header
               slot="header"
               heading=${this.catalogId ? e ? this.catalogId === "*" ? `${l("All Datasets")}` : `${l("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : `${l($`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${l("All Sectors")}` : `${l("Catalogs available in")} ${this.sectorId}` : `${l("Root Authority")}`}
-              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? c`<div slot="cta">
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${l(w`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${l("All Sectors")}` : `${l("Catalogs available in")} ${this.sectorId}` : `${l("Root Authority")}`}
+              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? d`<div slot="cta">
                     <tems-button
                       type="primary"
                       label=${l(
-        $`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+        w`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
@@ -8153,14 +8153,14 @@ $t([
   h()
 ], at.prototype, "object", 2);
 at = $t([
-  w("solid-dsif-explorer-poc")
+  $("solid-dsif-explorer-poc")
 ], at);
 var Rn = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, he = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Dn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Rn(t, i, s), s;
 };
-let St = class extends X {
+let Et = class extends X {
   constructor() {
     super(), this.header = "DSP Catalog", this.search = [], this.resultCount = this.objects?.length || 0, this._getResource = new Q(this, {
       task: async ([e]) => {
@@ -8218,9 +8218,9 @@ let St = class extends X {
   }
   render() {
     return !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute) ? p : this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
-      error: (e) => c`<p>${e}</p>`,
-      complete: (e) => !e || !this.providers ? p : c`<tems-viewport>
+      pending: () => d`<solid-loader></solid-loader>`,
+      error: (e) => d`<p>${e}</p>`,
+      complete: (e) => !e || !this.providers ? p : d`<tems-viewport>
           <tems-header slot="header" heading=${this.header}></tems-header>
           <div slot="content">
             <ds4go-catalog-filter-holder
@@ -8239,7 +8239,7 @@ let St = class extends X {
               @clicked=${this._openModal}
               @result-count=${this._resultCountUpdate}
             ></ds4go-catalog-data-holder>
-            ${this.object ? c`<div
+            ${this.object ? d`<div
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >
@@ -8254,7 +8254,7 @@ let St = class extends X {
     });
   }
 };
-St.styles = A`
+Et.styles = A`
     .modal {
       position: fixed;
       top: 0;
@@ -8270,27 +8270,27 @@ St.styles = A`
   `;
 he([
   h()
-], St.prototype, "dspConnector", 2);
+], Et.prototype, "dspConnector", 2);
 he([
   y({ attribute: "header", type: String })
-], St.prototype, "header", 2);
+], Et.prototype, "header", 2);
 he([
   h()
-], St.prototype, "search", 2);
+], Et.prototype, "search", 2);
 he([
   h()
-], St.prototype, "resultCount", 2);
-St = he([
-  w("solid-dsp-catalog")
-], St);
-var Tn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, qt = (e, t, i, r) => {
+], Et.prototype, "resultCount", 2);
+Et = he([
+  $("solid-dsp-catalog")
+], Et);
+var Tn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, Dt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? jn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Tn(t, i, s), s;
 };
-let Et = class extends X {
+let ft = class extends X {
   constructor() {
-    super(...arguments), this.autoRefreshInterval = 0, this.assets = [], this.policies = [], this.contracts = [], this.negotiations = [], this._getResource = new Q(this, {
+    super(...arguments), this.autoRefreshInterval = 0, this.agreements = [], this.assets = [], this.policies = [], this.contracts = [], this.negotiations = [], this._getResource = new Q(this, {
       task: async () => {
         if (this.orbit) {
           if (!this.hasCachedDatas) {
@@ -8329,7 +8329,96 @@ let Et = class extends X {
       this.loadPolicies(),
       this.loadContracts(),
       this.loadNegotiations()
-    ]);
+    ]), await this.forceLoadAllAssets();
+  }
+  // IMPROVEME: allows Consumer connector to load assets from other providers
+  async forceLoadAllAssets() {
+    if (!this.storeService) {
+      console.error("Store not initialized. Check connector configuration.");
+      return;
+    }
+    try {
+      await Promise.all(
+        this.negotiations.map(async (r) => {
+          if (r.contractAgreementId) {
+            const s = await this.loadAgreement(r["@id"]);
+            s && !this.agreements.find((o) => o["@id"] === s["@id"]) && this.agreements.push(s);
+          }
+        })
+      );
+      const e = this.agreements.filter(
+        (r) => {
+          if (!r.consumerId) return !1;
+          const s = r.consumerId.split("/").pop();
+          if (!this.participantId)
+            throw new Error("Participant ID not set");
+          return s?.startsWith(this.participantId);
+        }
+      ), t = [];
+      for (const r of e)
+        if (!this.assets.find((s) => s["@id"] === r.assetId))
+          for (const s of this.providers)
+            t.push(
+              fetch(
+                `${s.address.replace("/protocol", "")}/management/v3/assets/${r.assetId}`
+              )
+            );
+      const i = await Promise.all(t);
+      this.assets = [
+        ...this.assets,
+        ...await Promise.all(
+          i.filter((r) => r.status === 200).map((r) => r.json())
+        )
+      ];
+    } catch (e) {
+      console.error("Failed to get all assets from all providers:", e);
+    }
+  }
+  async getAgreementForResource(e) {
+    if (!this.storeService) {
+      console.error("Store not initialized. Check connector configuration.");
+      return;
+    }
+    try {
+      const t = this.assets.find(
+        (r) => r.dataAddress?.baseUrl === e
+      );
+      if (!t)
+        throw new Error(`No asset found for resource ${e}`);
+      const i = this.agreements.find(
+        (r) => r.assetId === t["@id"]
+      );
+      if (!i)
+        throw new Error(`No agreement found for asset ${t["@id"]}`);
+      return i;
+    } catch (t) {
+      console.error(`Failed to get agreement ID for ${e}:`, t);
+    }
+  }
+  async fetchProtectedResource(e) {
+    if (!this.storeService) {
+      console.error("Store not initialized. Check connector configuration.");
+      return;
+    }
+    try {
+      const t = await this.getAgreementForResource(e);
+      if (!t)
+        throw new Error(`No agreement found for resource ${e}`);
+      const i = this.negotiations.find(
+        (r) => r.contractAgreementId === t?.["@id"]
+      );
+      if (!i)
+        throw new Error(`No negotiation found for resource ${e}`);
+      return await this.storeService.fetchProtectedResource(
+        e,
+        this.participantId,
+        this.participantConnectorUri,
+        i.counterPartyAddress,
+        i.contractAgreementId
+      );
+    } catch (t) {
+      console.error(`Failed to load ${e}:`, t);
+    }
   }
   async loadAssets() {
     if (!this.storeService) {
@@ -8450,24 +8539,27 @@ let Et = class extends X {
     });
   }
 };
-qt([
+Dt([
   y({ attribute: "auto-refresh", type: Number })
-], Et.prototype, "autoRefreshInterval", 2);
-qt([
+], ft.prototype, "autoRefreshInterval", 2);
+Dt([
   h()
-], Et.prototype, "assets", 2);
-qt([
+], ft.prototype, "agreements", 2);
+Dt([
   h()
-], Et.prototype, "policies", 2);
-qt([
+], ft.prototype, "assets", 2);
+Dt([
   h()
-], Et.prototype, "contracts", 2);
-qt([
+], ft.prototype, "policies", 2);
+Dt([
   h()
-], Et.prototype, "negotiations", 2);
-Et = qt([
-  w("solid-dsp-connector")
-], Et);
+], ft.prototype, "contracts", 2);
+Dt([
+  h()
+], ft.prototype, "negotiations", 2);
+ft = Dt([
+  $("solid-dsp-connector")
+], ft);
 const kn = ".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 ds4go-card-catalog{height:fit-content;width:354px}ds4go-card-catalog{cursor:pointer}ds4go-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;flex-direction:column}div.select,div.select .flex{display:flex;gap:var(--scale-200);width:100%}div.select .flex .flex-1{flex:1}div.select .flex tems-button{min-width:205px}div:has(>tems-textarea){margin-bottom:-2px}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 Fn = Object.defineProperty, Mn = Object.getOwnPropertyDescriptor, D = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Mn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
@@ -8501,7 +8593,7 @@ let S = class extends k {
           (o) => !r.includes(o)
         );
         if (i) {
-          const o = Ut(
+          const o = Lt(
             s,
             i
           );
@@ -8631,10 +8723,10 @@ let S = class extends k {
         "solid-tems-policies-management"
       );
       n?.loadPolicies && n.loadPolicies();
-      const d = document.querySelector(
+      const c = document.querySelector(
         "solid-tems-contracts-management"
       );
-      d?.loadData && d.loadData();
+      c?.loadData && c.loadData();
     }
     this._reset();
     const r = this.orbit?.components.find(
@@ -8712,20 +8804,20 @@ let S = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       error: (t) => (console.warn("[solid-fact-bundle-creation] Task error:", t), p),
       complete: (t) => {
         if (!t) return p;
         const i = t.slice(0, this.spliceLength), r = this.selectedFacts.length, s = !!this.bundleName && r > 0 && !!this.bundleLanguage && !!this.bundleAccessPolicy && !!this.bundleContractPolicy;
-        return c`<tems-viewport>
+        return d`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
-                ${this.step === 0 ? c`<tems-button
+                ${this.step === 0 ? d`<tems-button
                       type="primary"
                       disabled=${this.selectedFacts.length === 0 || p}
                       label=${l("Next")}
                       @click=${this._nextStep}
-                    ></tems-button>` : c`<div class="flex">
+                    ></tems-button>` : d`<div class="flex">
                       <tems-button
                         type="link-color"
                         label=${l("Cancel bundle creation")}
@@ -8742,11 +8834,11 @@ let S = class extends k {
             </tems-header>
             <div slot="content">
               <section class="flex flex-1">
-                ${this.step === 0 ? c`<div>
+                ${this.step === 0 ? d`<div>
                         <tems-division type="h4">
                           <div>
                             ${l(
-          $`${r} selected fact${r > 1 ? "s" : ""}`
+          w`${r} selected fact${r > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -8763,7 +8855,7 @@ let S = class extends k {
               type: "information"
             });
           }
-          return c`<ds4go-card-catalog
+          return d`<ds4go-card-catalog
                               .object=${p}
                               .header=${o.name || p}
                               date=${o.updated_at || p}
@@ -8776,7 +8868,7 @@ let S = class extends k {
         })}
                         </div>
                       </div>
-                      ${i.length > 0 || this.filterFactText ? c`<div>
+                      ${i.length > 0 || this.filterFactText ? d`<div>
                             <div>
                               <tems-search-bar
                                 .displayFilters=${!1}
@@ -8791,7 +8883,7 @@ let S = class extends k {
                                 @search=${this._searchFacts}
                               ></tems-search-bar>
                             </div>
-                            ${i.length > 0 ? c` <div class="card-grid card-grid-vertical">
+                            ${i.length > 0 ? d` <div class="card-grid card-grid-vertical">
                                     ${i.map((o) => {
           const a = (o.categories || []).map(
             (n) => ({
@@ -8806,7 +8898,7 @@ let S = class extends k {
               type: "information"
             });
           }
-          return c`<ds4go-card-catalog
+          return d`<ds4go-card-catalog
                                         .object=${p}
                                         .tags=${a}
                                         .header=${o.name || p}
@@ -8819,12 +8911,12 @@ let S = class extends k {
                                       ></ds4go-card-catalog>`;
         })}
                                   </div>
-                                  ${i.length < t.length ? c`<div
+                                  ${i.length < t.length ? d`<div
                                         class="flex flex-row justify-content-space-between align-items-flex-end"
                                       >
                                         <div>
                                           ${l(
-          $`Displaying ${i.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+          w`Displaying ${i.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                         </div>
                                         <div class="flex flex-row gap-400">
@@ -8841,9 +8933,9 @@ let S = class extends k {
                                             label=${l("Show all results")}
                                           ></tems-button>
                                         </div>
-                                      </div>` : p}` : c`${l("No results found")}
+                                      </div>` : p}` : d`${l("No results found")}
                                 ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
-                          </div>` : p}` : c`<div>
+                          </div>` : p}` : d`<div>
                         <div>
                           <tems-input
                             type="text"
@@ -8885,7 +8977,7 @@ let S = class extends k {
             )
           )
         ).filter((o) => o).sort((o, a) => o.localeCompare(a)).map(
-          (o) => c`<option
+          (o) => d`<option
                                     value="${o}"
                                     ?selected="${o === this.bundleCategory}"
                                   >
@@ -8905,7 +8997,7 @@ let S = class extends k {
                             @change=${this._updateBundleDescription}
                           ></tems-textarea>
                         </div>
-                        ${this.displayAccessPolicyCustomization ? c`<div>
+                        ${this.displayAccessPolicyCustomization ? d`<div>
                               <policy-composer
                                 .template=${this.policyTemplates.find(
           (o) => o.id === this.bundleAccessPolicy
@@ -8914,7 +9006,7 @@ let S = class extends k {
                                 @policy-changed=${this._updateBundleAccessPolicyDefinition}
                                 @cancel-policy-customization=${this._resetBundleAccessPolicy}
                               ></policy-composer>
-                            </div>` : c`<div class="select">
+                            </div>` : d`<div class="select">
                               <tems-label
                                 label=${l("Access policy")}
                               ></tems-label>
@@ -8923,7 +9015,7 @@ let S = class extends k {
                                   class="flex-1"
                                   @change=${this._selectBundleAccessPolicy}
                                 >
-                                  ${this.policyTemplates.map((o) => c`<option
+                                  ${this.policyTemplates.map((o) => d`<option
                                       value="${o.id}"
                                       ?selected="${o.id === this.bundleAccessPolicy}"
                                     >
@@ -8938,7 +9030,7 @@ let S = class extends k {
                                 ></tems-button>
                               </div>
                             </div>`}
-                        ${this.displayContractPolicyCustomization ? c`<div>
+                        ${this.displayContractPolicyCustomization ? d`<div>
                               <policy-composer
                                 .template=${this.policyTemplates.find(
           (o) => o.id === this.bundleContractPolicy
@@ -8947,7 +9039,7 @@ let S = class extends k {
                                 @policy-changed=${this._updateBundleContractPolicyDefinition}
                                 @cancel-policy-customization=${this._resetBundleContractPolicy}
                               ></policy-composer>
-                            </div>` : c`<div class="select">
+                            </div>` : d`<div class="select">
                               <tems-label
                                 label=${l("Contract policy")}
                               ></tems-label>
@@ -8956,7 +9048,7 @@ let S = class extends k {
                                   class="flex-1"
                                   @change=${this._selectBundleContractPolicy}
                                 >
-                                  ${this.policyTemplates.map((o) => c`<option
+                                  ${this.policyTemplates.map((o) => d`<option
                                       value="${o.id}"
                                       ?selected="${o.id === this.bundleContractPolicy}"
                                     >
@@ -9035,14 +9127,14 @@ D([
   h()
 ], S.prototype, "displayContractPolicyCustomization", 2);
 S = D([
-  w("solid-fact-bundle-creation")
+  $("solid-fact-bundle-creation")
 ], S);
 var Nn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, Bt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Un(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Nn(t, i, s), s;
 };
-let ft = class extends k {
+let gt = class extends k {
   constructor() {
     super(...arguments), this.objects = [], this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
       { key: "created_at", value: "created_at", cast: M },
@@ -9142,9 +9234,9 @@ let ft = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), p),
-      complete: (e) => c`<tems-viewport>
+      complete: (e) => d`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
                 <tems-button
@@ -9170,7 +9262,7 @@ let ft = class extends k {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-fact-bundle-holder>
-              ${this.object ? c`<div
+              ${this.object ? d`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -9184,7 +9276,7 @@ let ft = class extends k {
     });
   }
 };
-ft.styles = A`
+gt.styles = A`
     .modal {
       position: fixed;
       top: 0;
@@ -9200,23 +9292,23 @@ ft.styles = A`
   `;
 Bt([
   y({ attribute: !1 })
-], ft.prototype, "objects", 2);
+], gt.prototype, "objects", 2);
 Bt([
   y({ attribute: "header", type: String })
-], ft.prototype, "header", 2);
+], gt.prototype, "header", 2);
 Bt([
   h()
-], ft.prototype, "search", 2);
+], gt.prototype, "search", 2);
 Bt([
   h()
-], ft.prototype, "resultCount", 2);
+], gt.prototype, "resultCount", 2);
 Bt([
   h()
-], ft.prototype, "bundleCreationComponent", 2);
-ft = Bt([
-  w("solid-fact-bundle")
-], ft);
-var Ln = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Dt = (e, t, i, r) => {
+], gt.prototype, "bundleCreationComponent", 2);
+gt = Bt([
+  $("solid-fact-bundle")
+], gt);
+var Ln = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Tt = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? zn(t, i) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (r ? a(t, i, s) : a(s)) || s);
   return r && s && Ln(t, i, s), s;
@@ -9227,7 +9319,7 @@ let nt = class extends k {
       { key: "created_at", value: "created_at", cast: M },
       { key: "updated_at", value: "updated_at", cast: M },
       { key: "ldp:contains", value: "facts" }
-    ], this.assetData = [], this._getResource = new Q(this, {
+    ], this._getResource = new Q(this, {
       task: async ([e]) => {
         if (!(!this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (this.dspConnector?.instance) {
@@ -9236,41 +9328,34 @@ let nt = class extends k {
             if (t) {
               const i = this.dspConnector.instance.negotiations || [], r = [];
               await Promise.all(
-                i.map(async (u) => {
-                  if (u.contractAgreementId) {
-                    const m = await this.dspConnector?.instance?.loadAgreement(u["@id"]);
-                    m && r.push(m);
+                i.map(async (c) => {
+                  if (c.contractAgreementId) {
+                    const u = await this.dspConnector?.instance?.loadAgreement(c["@id"]);
+                    u && r.push(u);
                   }
                 })
               );
               const s = r.filter(
-                (u) => u.consumerId ? u.consumerId.split("/").pop()?.startsWith(t) : !1
+                (c) => c.consumerId ? c.consumerId.split("/").pop()?.startsWith(t) : !1
               ), o = [];
-              for (const u of s)
-                this.assetData.find(
-                  (m) => m["@id"] === u.assetId
-                ) || o.push(
-                  fetch(
-                    `https://afp.connector-dev.startinblox.com/management/v3/assets/${u.assetId}`
-                  )
+              for (const c of s) {
+                const u = this.dspConnector?.instance?.assets.find(
+                  (m) => m["@id"] === c.assetId
                 );
-              const a = await Promise.all(o);
-              this.assetData = [
-                ...this.assetData,
-                ...await Promise.all(a.map((u) => u.json()))
-              ];
-              const n = [];
-              for (const u of this.assetData) {
-                const m = u?.dataAddress?.baseUrl;
-                m && n.push(this._getProxyValue(m));
+                if (u) {
+                  const m = u?.dataAddress?.baseUrl;
+                  m && o.push(m);
+                }
               }
-              const d = Array.from(
+              const a = (await Promise.all(o)).map(
+                (c) => this._getProxyValue(c)
+              ), n = Array.from(
                 new Set(
-                  (await Promise.all(n)).flatMap((u) => u?.facts || []).map((u) => u["@id"])
+                  (await Promise.all(a)).flatMap((c) => c?.facts || []).map((c) => c["@id"])
                 )
               );
               this.objects = await Promise.all(
-                d.map((u) => this._getProxyValue(u, !0, [
+                n.map((c) => this._getProxyValue(c, !0, [
                   { key: "created_at", value: "created_at" },
                   { key: "updated_at", value: "updated_at", cast: M },
                   { key: "name", value: "name" },
@@ -9282,11 +9367,11 @@ let nt = class extends k {
                     key: "categories",
                     value: "categories",
                     expand: !0,
-                    cast: async (m) => await Promise.all(
-                      (await m._originalResource?.["ldp:contains"]).map(
-                        async (f) => ({
-                          "@id": f["@id"],
-                          name: pt(await f.name || "")
+                    cast: async (u) => await Promise.all(
+                      (await u._originalResource?.["ldp:contains"]).map(
+                        async (m) => ({
+                          "@id": m["@id"],
+                          name: pt(await m.name || "")
                         })
                       )
                     )
@@ -9352,9 +9437,9 @@ let nt = class extends k {
   }
   render() {
     return !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute) ? p : this._getResource.render({
-      pending: () => c`<solid-loader></solid-loader>`,
+      pending: () => d`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-fact-list] Task error:", e), p),
-      complete: (e) => c`<tems-viewport>
+      complete: (e) => d`<tems-viewport>
           <tems-header slot="header" heading=${this.header}></tems-header>
           <div slot="content">
             <ds4go-catalog-filter-holder
@@ -9371,7 +9456,7 @@ let nt = class extends k {
               @clicked=${this._openModal}
               @result-count=${this._resultCountUpdate}
             ></ds4go-fact-holder>
-            ${this.object ? c`<div
+            ${this.object ? d`<div
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >
@@ -9399,26 +9484,26 @@ nt.styles = A`
       align-items: center;
     }
   `;
-Dt([
+Tt([
   y({ attribute: !1 })
 ], nt.prototype, "objects", 2);
-Dt([
+Tt([
   h()
 ], nt.prototype, "dspConnector", 2);
-Dt([
+Tt([
   y({ attribute: "header", type: String })
 ], nt.prototype, "header", 2);
-Dt([
+Tt([
   h()
 ], nt.prototype, "search", 2);
-Dt([
+Tt([
   h()
 ], nt.prototype, "resultCount", 2);
-Dt([
+Tt([
   h()
 ], nt.prototype, "consumerAgreements", 2);
-nt = Dt([
-  w("solid-fact-list")
+nt = Tt([
+  $("solid-fact-list")
 ], nt);
 const qn = {
   sc7e3b594ffcd9d61: "Open access",
@@ -9428,28 +9513,28 @@ const qn = {
   s70a26f677dc46e06: "Policy ID:",
   s7b3a70561cec8d75: "Type:",
   s15923994727a0adb: "Permissions:",
-  s0772542b009a8be9: $`Action: ${0}`,
+  s0772542b009a8be9: w`Action: ${0}`,
   s4c52b0193dcce634: "use",
-  s723a09cb247483aa: $`Constraint: ${0} ${1} ${2}`,
+  s723a09cb247483aa: w`Constraint: ${0} ${1} ${2}`,
   s0885bc9622c48b61: "Prohibitions:",
   s498865c7bd1f3959: "unknown",
   sbde02617664d091c: "Obligations:",
   s5ea7f731936859c6: "Target Asset:",
   s3fca726cbe9998b3: "Assigner:",
   s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: $`Error while loading catalog ${0}`,
+  s67269ab6dc51ec41: w`Error while loading catalog ${0}`,
   s0b88896b7338837d: "All Datasets",
   s541d9cd11a5bc840: "Datasets from",
   s01ceffa02fa6bd7f: "All Sectors",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: $`Back to ${0}`,
+  se5784a16a6799dad: w`Back to ${0}`,
   s0fbf6dc6a1966408: "Next",
   s7cde8ae6e5ec185a: "Cancel bundle creation",
   seb1a452f2df70baf: "Create bundle",
-  sac1b0231875ff056: $`${0} selected fact${1}`,
+  sac1b0231875ff056: w`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: $`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: w`Displaying ${0} of ${1} result${2}`,
   sa40e7f4f2a43e2f7: "Show more results",
   sacf246e0fa11730d: "Show all results",
   s9094c0cde8fb5058: "No results found",
@@ -9465,18 +9550,18 @@ const qn = {
   s6de61424bb681993: "Contract policy",
   s9e1971000a6a2270: "Customize contract policy",
   sf5509a9f253b9836: "Create a bundle",
-  s971c62c3e06f9d82: $`${0} previews`,
+  s971c62c3e06f9d82: w`${0} previews`,
   sefa717c1620c4ae4: "facts",
   sef234a791696afff: "fact",
-  s43d205c00fad9f7e: $`+${0} ${1}`,
-  s984a5e18d85b6d57: $`${0} ${1}`,
+  s43d205c00fad9f7e: w`+${0} ${1}`,
+  s984a5e18d85b6d57: w`${0} ${1}`,
   sc792eb5e201cf4d0: "medias",
   sb333b8c7b846af83: "media",
   s09134b07b5aacab4: "By",
   s1a09219b217309cc: "Search for...",
   sb34b3dca6ec05933: "Date after",
-  se2a05e7d1641da65: $`Balance: ${0}`,
-  se5c723fd92e6b3a1: $`Participant ID: ${0}`,
+  se2a05e7d1641da65: w`Balance: ${0}`,
+  se5c723fd92e6b3a1: w`Participant ID: ${0}`,
   s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
   sc16e00a7a8b2fde2: "Back",
   s2c8189544e3ea679: "Retry",
@@ -9550,7 +9635,7 @@ You will be charged 5€ on your account.`,
   sff5bb7742c2896c8: "Target",
   sbe3e707b57c46ca1: "Prohibitions",
   sffb7bb8de238ac4e: "Obligations",
-  s14859b947195b408: $`Permission ${0}`,
+  s14859b947195b408: w`Permission ${0}`,
   s35bf8bb435438a0b: "Constraints",
   s132a54c0aec0f79d: "Left Operand",
   sc4801f580ac4e73d: "Operator",
@@ -9561,12 +9646,12 @@ You will be charged 5€ on your account.`,
   sdf761eb7ad16410b: "Remove Duty",
   s1718e3c349bc1d30: "Add Duty",
   s9d400a027526b9d8: "Remove Permission",
-  s076b9e9621d4d0b2: $`Prohibition ${0}`,
+  s076b9e9621d4d0b2: w`Prohibition ${0}`,
   sbe1b941d4910d6ea: "Remove Prohibition",
-  sbcccc4176562f98f: $`Obligation ${0}`,
+  sbcccc4176562f98f: w`Obligation ${0}`,
   s93ec9f2c98cc8e3f: "Remove Obligation",
   s628bb01dd2b078ad: "No policy template provided",
-  s9ffd7cfd1c88fd4e: $`Custom ${0} policy`,
+  s9ffd7cfd1c88fd4e: w`Custom ${0} policy`,
   s2bed402279cceb12: "Cancel policy customization",
   s23cd949fc2aa86a8: "Policy Definition",
   se0f628ee952e5ad8: "Policy ID",
@@ -9574,7 +9659,7 @@ You will be charged 5€ on your account.`,
   s275cf91505dc75a3: "Add Permission",
   s18c23b99ee3c7cb3: "Add Prohibition",
   sc3fc7be063c1cb1c: "Add Obligation",
-  sb59dc090f2be3796: $`Reset to ${0} default`
+  sb59dc090f2be3796: w`Reset to ${0} default`
 }, Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   templates: qn