@startinblox/components-ds4go 4.1.1 → 4.1.2

package/dist/index.js

@@ -250,7 +250,7 @@ let Tt = class extends HTMLElement {
 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 }), d = Ss(1), ut = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), Ki = /* @__PURE__ */ new WeakMap(), At = Ct.createTreeWalker(Ct, 129);
+\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);
 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 c = e[n];
+    const d = e[n];
     let u, m, f = -1, g = 0;
-    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 = _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);
+    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 ? c + As : f >= 0 ? (r.push(u), c.slice(0, f) + Or + c.slice(f) + dt + v) : c + dt + (f === -2 ? n : v);
+    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);
   }
   return [Dr(e, o + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -272,29 +272,29 @@ class Qt {
     let s;
     this.parts = [];
     let o = 0, a = 0;
-    const n = t.length - 1, c = this.parts, [u, m] = Es(t, i);
+    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 f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (s = At.nextNode()) !== null && c.length < n; ) {
+    for (; (s = At.nextNode()) !== null && d.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);
-          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));
+          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));
         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(), c.push({ type: 2, index: ++o });
+            for (let v = 0; v < g; v++) s.append(f[v], Zt()), At.nextNode(), d.push({ type: 2, index: ++o });
             s.append(f[g], Zt());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === Ir) c.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === Ir) d.push({ type: 2, index: o });
       else {
         let f = -1;
-        for (; (f = s.data.indexOf(dt, f + 1)) !== -1; ) c.push({ type: 7, index: o }), f += dt.length - 1;
+        for (; (f = s.data.indexOf(dt, f + 1)) !== -1; ) d.push({ type: 7, index: o }), f += dt.length - 1;
       }
       o++;
     }
@@ -323,13 +323,13 @@ let Os = class {
   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, c = r[0];
-    for (; c !== void 0; ) {
-      if (a === c.index) {
+    let o = At.nextNode(), a = 0, n = 0, d = r[0];
+    for (; d !== void 0; ) {
+      if (a === d.index) {
         let u;
-        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];
+        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];
       }
-      a !== c?.index && (o = At.nextNode(), a++);
+      a !== d?.index && (o = At.nextNode(), a++);
     }
     return At.currentNode = Ct, s;
   }
@@ -413,8 +413,8 @@ let De = class {
     if (o === void 0) t = jt(this, t, i, 0), a = !Xt(t) || t !== this._$AH && t !== ut, a && (this._$AH = t);
     else {
       const n = t;
-      let c, u;
-      for (t = o[0], c = 0; c < o.length - 1; c++) u = jt(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;
+      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;
     }
     a && !s && this.j(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 c = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(a, c, e, !0, n);
+      const d = t.get.call(this);
+      t.set.call(this, n), this.requestUpdate(a, d, 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 c = this[a];
-      t.call(this, n), this.requestUpdate(a, c, e, !0, n);
+      const d = this[a];
+      t.call(this, n), this.requestUpdate(a, d, 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 : d`<div class="tags">
+    return !this.tags || this.tags.length === 0 ? p : c`<div class="tags">
       ${this.tags.filter((e) => typeof e == "string" || e.name).map(
-      (e) => d`<tems-badge
+      (e) => c`<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 ? d`<div class="content">
-        ${this.header ? d`<div class="card-header">
+    return this.header || this.content ? c`<div class="content">
+        ${this.header ? c`<div class="card-header">
               <tems-division label=${this.header} type="h4"></tems-division>
             </div>` : p}
-        ${this.content ? d`<div class="card-content">
+        ${this.content ? c`<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 ? d`<div class="date">
+    return this.date ? c`<div class="date">
       <span>${this.date}</span>
     </div>` : p;
   }
   renderImage() {
-    return this.image ? d`<header
+    return this.image ? c`<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" ? d`<article class=${qe(e)}>
+    return this.cardType === "horizontal" ? c`<article class=${qe(e)}>
         ${this.renderImage()}
         <main>
           ${this.renderTags()}
           ${this.renderContent()}
         </main>
-      </article>` : this.cardType === "bill-image" ? d`<article class=${qe(e)}>
+      </article>` : this.cardType === "bill-image" ? c`<article class=${qe(e)}>
         ${this.renderImage()}
         <main>
           ${this.renderTags()}
           ${this.renderContent()}
           ${this.renderDate()}
         </main>
-      </article>` : d`<article class=${qe(e)}>
+      </article>` : c`<article class=${qe(e)}>
       ${this.renderImage()}
       <main>
         ${this.renderDate()}
@@ -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, c = 52210;
+  let t = 0, i = 8997, r = 0, s = 33826, o = 0, a = 40164, n = 0, d = 52210;
   for (let u = 0; u < e.length; u++)
-    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];
+    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];
 }
 const Ys = "", Js = "h", Zs = "s";
 function Xs(e, t) {
@@ -820,7 +820,7 @@ let xe = class extends C {
   render() {
     if (!this.object) return p;
     const e = this._getTags();
-    return d`<article class="vertical">
+    return c`<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 ? d`<div class="card-header">
+          ${this.object?.name ? c`<div class="card-header">
                 <tems-division
                   label=${this.object?.name}
                   type="h4"
                 ></tems-division>
               </div>` : p}
-          ${this.object?.description ? d`<div class="card-content">
+          ${this.object?.description ? c`<div class="card-content">
                 <tems-division
                   label=${this.object?.description}
                   type="body-m"
                 ></tems-division>
               </div>` : p}
         </div>
-        ${e.length > 0 ? d`<div class="tags">
+        ${e.length > 0 ? c`<div class="tags">
               ${e.map(
-      (t) => d`<tems-badge
+      (t) => c`<tems-badge
                     size="sm"
                     label=${t.label}
                     type=${t.type}
@@ -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(
-        (c) => c?.routeAttributes?.["rdf-type"] === a
+        (d) => d?.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 (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 };
+    }, 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 };
     }), n = (await Promise.all(a)).filter(
-      (c) => c !== void 0
+      (d) => d !== void 0
     );
-    for (const { prop: c, value: u } of n)
-      u !== void 0 && (o[c.value] = u);
+    for (const { prop: d, value: u } of n)
+      u !== void 0 && (o[d.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 c of s)
-      if (a && typeof a == "object" && c in a)
-        a = a[c];
+    for (const d of s)
+      if (a && typeof a == "object" && d in a)
+        a = a[d];
       else {
         a = null;
         break;
@@ -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 c = xt(o[0], r);
-    if (typeof c == "number")
+    const d = xt(o[0], r);
+    if (typeof d == "number")
       return (u, m) => {
         const f = xt(u, r), g = xt(m, r);
         return f == null ? g == null ? 0 : 1 : g == null ? -1 : f - g;
       };
-    if (typeof c == "string")
+    if (typeof d == "string")
       return (u, m) => {
         const f = xt(u, r), g = xt(m, r);
         return f == null ? g == null ? 0 : 1 : g == null ? -1 : f.localeCompare(g);
       };
-    if (c instanceof Date)
+    if (d instanceof Date)
       return (u, m) => {
         const f = xt(u, r), g = xt(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((c, u) => {
-    const m = n(c, u);
+  return o.sort((d, u) => {
+    const m = n(d, u);
     return s ? -m : m;
   }), o;
 }, pt = (e) => {
@@ -1627,8 +1627,8 @@ function Io() {
       return o && o.__esModule ? o : { default: o };
     }
     var r = function(a, n) {
-      var c = (0, t.default)(a);
-      return c.map(function() {
+      var d = (0, t.default)(a);
+      return d.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(c) {
-      return c && c.__esModule ? c : { default: c };
+    function n(d) {
+      return d && d.__esModule ? d : { default: d };
     }
   })(Ke)), Ke;
 }
@@ -1750,8 +1750,8 @@ function Ro() {
           return this.words[v];
         }
       }]), u;
-    })(), c = n;
-    e.default = c;
+    })(), d = n;
+    e.default = d;
   })(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 c(g, v, b) {
+    function d(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 c(g, [{
+      return d(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,7 +1842,7 @@ function To() {
       return n && n.__esModule ? n : { default: n };
     }
     var a = function() {
-      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, wt = 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 = {
+      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,
         sentencesPerParagraph: {
           max: K,
@@ -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 c = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(a, c, e, !0, n);
+      const d = t.get.call(this);
+      t.set.call(this, n), this.requestUpdate(a, d, 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 c = this[a];
-      t.call(this, n), this.requestUpdate(a, c, e, !0, n);
+      const d = this[a];
+      t.call(this, n), this.requestUpdate(a, d, e, !0, n);
     };
   }
   throw Error("Unsupported decorator location: " + r);
@@ -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(
-        (c) => c?.routeAttributes?.["rdf-type"] === a
+        (d) => d?.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 (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 };
+    }, 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 };
     }), n = (await Promise.all(a)).filter(
-      (c) => c !== void 0
+      (d) => d !== void 0
     );
-    for (const { prop: c, value: u } of n)
-      u !== void 0 && (o[c.value] = u);
+    for (const { prop: d, value: u } of n)
+      u !== void 0 && (o[d.value] = u);
     return await this._responseAdaptator(o);
   }
   async _hasCherryPickedProperties(t) {
@@ -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((c) => (c._provider = {
+            return o.map((d) => (d._provider = {
               name: i.name,
               address: i.address,
               color: i.color || "#1976d2",
               participantId: n
-            }, c));
+            }, d));
           }
           return [];
         } catch {
@@ -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(
-        (c) => c?.routeAttributes?.["rdf-type"] === a
+        (d) => d?.routeAttributes?.["rdf-type"] === a
       );
       n && (r = n[0]?.uniq);
     }
@@ -2771,19 +2771,19 @@ class na extends ko {
         return;
       const o = s.match(/(.*)\[(.*)\]/);
       if (o) {
-        const a = o[1], n = o[2], c = r[a];
-        if (!Array.isArray(c))
+        const a = o[1], n = o[2], d = r[a];
+        if (!Array.isArray(d))
           return;
         if (n === "")
-          return c.length > 0 ? c : void 0;
+          return d.length > 0 ? d : void 0;
         const u = Number.parseInt(n, 10);
-        return Number.isNaN(u) || u < 0 || u >= c.length ? void 0 : r[a][u];
+        return Number.isNaN(u) || u < 0 || u >= d.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((c) => n(c)) : n(a), o = t.filter(
+    const s = (a, n) => Array.isArray(a) ? a.some((d) => n(d)) : n(a), o = t.filter(
       (a) => s(a, (n) => wr.includes(n))
     );
     return t.filter(
@@ -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), c = this.formatRightOperand(s, o);
-    return `${a} ${n} ${c}`;
+    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}`;
   }
   /**
    * 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 c = this.getConstraints(o);
-      c.length > 0 && (t.push("     Conditions:"), c.forEach((m) => {
+      const d = this.getConstraints(o);
+      d.length > 0 && (t.push("     Conditions:"), d.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 c = this.getConstraints(o);
-      c.length > 0 && (t.push("     Conditions:"), c.forEach((u) => {
+      const d = this.getConstraints(o);
+      d.length > 0 && (t.push("     Conditions:"), d.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 c = this.getConstraints(o);
-      c.length > 0 && (t.push("     Conditions:"), c.forEach((u) => {
+      const d = this.getConstraints(o);
+      d.length > 0 && (t.push("     Conditions:"), d.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 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 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 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((c) => {
-        t.push(`<li>${this.renderConstraint(c)}</li>`);
+      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((d) => {
+        t.push(`<li>${this.renderConstraint(d)}</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((c) => {
-        t.push(`<li>${this.renderConstraint(c)}</li>`);
+      n.length > 0 && (t.push('<ul class="odrl-constraints">'), n.forEach((d) => {
+        t.push(`<li>${this.renderConstraint(d)}</li>`);
       }), t.push("</ul>")), t.push("</li>");
     }), t.push("</ul>"), t.push("</div>")), t.push("</div>"), t.join(`
 `);
@@ -3797,7 +3797,7 @@ function $a(e, t) {
     ).find(
       (a) => a.contractId === t
     )) {
-      const a = e["dcat:endpointUrl"], n = e.name || r || "Unknown Asset", c = n.toLowerCase().includes("index");
+      const a = e["dcat:endpointUrl"], n = e.name || r || "Unknown Asset", d = 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: c,
+        isIndexAsset: d,
         indexEndpointUrl: a
       });
     }
@@ -3831,7 +3831,7 @@ function wa(e, t, i) {
       r
     ).find(
       (m) => m.contractId === i || m.agreementId === t
-    ), n = e["dcat:endpointUrl"], c = e.name || s || "Unknown Asset", u = c.toLowerCase().includes("index");
+    ), n = e["dcat:endpointUrl"], d = e.name || s || "Unknown Asset", u = d.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: c,
+      assetName: d,
       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(
-      (c) => c.contractId === t
+      (d) => d.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 c = e[n];
-          o && !c.target && !c["odrl:target"] && (c = { ...c, target: o, "odrl:target": o }), a.push(c);
+          let d = e[n];
+          o && !d.target && !d["odrl:target"] && (d = { ...d, target: o, "odrl:target": o }), a.push(d);
         }
       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 d`${l("No policy details available")}`;
+  if (!e) return c`${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 d`${e["@id"] ? d`<div class="policy-detail">
+  return c`${e["@id"] ? c`<div class="policy-detail">
         <strong>${l("Policy ID:")}:</strong> ${e["@id"]}
       </div>` : p}
-  ${e["@type"] ? d`<div class="policy-detail">
+  ${e["@type"] ? c`<div class="policy-detail">
         <strong>${l("Type:")}:</strong> ${e["@type"]}
       </div>` : p}
-  ${s.length > 0 ? d`<div class="policy-detail">
+  ${s.length > 0 ? c`<div class="policy-detail">
         <strong>${l("Permissions:")}:</strong>
         <ul>
           ${s.map(
-    (n) => d`
+    (n) => c`
               <li>
                 ${l(
       $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("use")}`
     )}
               </li>
-              ${n["odrl:constraint"] ? d`${(Array.isArray(n["odrl:constraint"]) ? n["odrl:constraint"] : [n["odrl:constraint"]]).map(
-      (c) => d`
+              ${n["odrl:constraint"] ? c`${(Array.isArray(n["odrl:constraint"]) ? n["odrl:constraint"] : [n["odrl:constraint"]]).map(
+      (d) => c`
                       <li style="margin-left: 20px;">
                         ${l(
-        $`Constraint: ${c["odrl:leftOperand"]} ${c["odrl:operator"]} ${c["odrl:rightOperand"]}`
+        $`Constraint: ${d["odrl:leftOperand"]} ${d["odrl:operator"]} ${d["odrl:rightOperand"]}`
       )}
                       </li>
                     `
@@ -3950,11 +3950,11 @@ function Aa(e) {
   )}
         </ul>
       </div>` : p}
-  ${o.length > 0 ? d`<div class="policy-detail">
+  ${o.length > 0 ? c`<div class="policy-detail">
         <strong>${l("Prohibitions:")}:</strong>
         <ul>
           ${o.map(
-    (n) => d`
+    (n) => c`
               <li>
                 ${l(
       $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
@@ -3964,11 +3964,11 @@ function Aa(e) {
   )}
         </ul>
       </div>` : p}
-  ${a.length > 0 ? d`<div class="policy-detail">
+  ${a.length > 0 ? c`<div class="policy-detail">
         <strong>${l("Obligations:")}:</strong>
         <ul>
           ${a.map(
-    (n) => d`
+    (n) => c`
               <li>
                 ${l(
       $`Action: ${n["odrl:action"]?.["@id"] || n["odrl:action"] || l("unknown")}`
@@ -3978,10 +3978,10 @@ function Aa(e) {
   )}
         </ul>
       </div>` : p}
-  ${e.target ? d`<div class="policy-detail">
+  ${e.target ? c`<div class="policy-detail">
         <strong>${l("Target Asset:")}:</strong> ${e.target}
       </div>` : p}
-  ${e.assigner ? d`<div class="policy-detail">
+  ${e.assigner ? c`<div class="policy-detail">
         <strong>${l("Assigner:")}:</strong> ${e.assigner}
       </div>` : p}`;
 }
@@ -4025,31 +4025,31 @@ let Ce = class extends C {
   render() {
     if (!this.object) return p;
     const e = this._getTags(), t = this._getFormattedDate();
-    return d`<article class="vertical">
+    return c`<article class="vertical">
       <header
         class="image"
         style='background-image: url("${this._getThumbnail()}")'
       ></header>
       <main>
-        ${t ? d`<div class="meta-info">
+        ${t ? c`<div class="meta-info">
               <span class="date">${t}</span>
             </div>` : p}
         <div class="content">
-          ${this.object?.name ? d`<div class="card-header">
+          ${this.object?.name ? c`<div class="card-header">
                 <tems-division
                   label=${this.object?.name}
                   type="h4"
                 ></tems-division>
               </div>` : p}
-          ${this.object?.description ? d`<div class="card-content">
+          ${this.object?.description ? c`<div class="card-content">
                 <tems-division
                   label=${this.object?.description}
                   type="body-m"
                 ></tems-division>
               </div>` : p}
-          ${e.length > 0 ? d`<div class="tags">
+          ${e.length > 0 ? c`<div class="tags">
                 ${e.map(
-      (i) => d`<tems-badge
+      (i) => c`<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 ? d`<div class="meta-info">
+          ${this.object.author ? c`<div class="meta-info">
                 <span class="author">${l("By")} ${this.object.author}</span>
               </div>` : p}
         </div>
@@ -4160,10 +4160,10 @@ let Ft = class extends xi {
     }
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div
       class="card-grid${this.view === "card" ? " card-grid-vertical" : ""}"
     >
-      ${this._displayObjects.map((e) => d`<ds4go-card-dataspace-catalog
+      ${this._displayObjects.map((e) => c`<ds4go-card-dataspace-catalog
           .object=${e}
           type=${this.view === "card" ? "card" : "horizontal"}
           @click=${() => this._handleClickEvent(e)}
@@ -4264,7 +4264,7 @@ let Y = class extends xi {
   }
   // matchId
   renderFilterItemsById(e, t) {
-    return e ? d`${G(
+    return e ? c`${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 d`<tems-filter-item
+      return c`<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 d`
+    return c`
       <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 d`
+    return c`
       <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((c) => Number(c[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((d) => Number(d[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(
-      (c) => c.type === "interval" && c.name === t
+      (d) => d.type === "interval" && d.name === t
     ), a = o?.value?.split("/")[0] || r, n = o?.value?.split("/")[1] || s;
-    return d`
+    return c`
       <tems-slider
         type="multiple"
         min=${r}
         max=${s}
         value=${a}
         value-max=${n}
-        @change=${(c) => {
-      c.preventDefault(), this._internalFilters = this._internalFilters.filter(
+        @change=${(d) => {
+      d.preventDefault(), this._internalFilters = this._internalFilters.filter(
         (f) => !(f.type === "interval" && f.name === t)
       );
-      const u = c.detail.min ?? 0, m = c.detail.max ?? 0;
+      const u = d.detail.min ?? 0, m = d.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 d`
+    return c`
       <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 ? d`<div
+        ${this.displayFilters ? c`<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() ? d`<tems-vertical-accordion
+      )), i && t.condition() ? c`<tems-vertical-accordion
                         label=${t.label}
                         .icon=${t.icon}
                         .open=${this._accordionStates[t.name] ?? !1}
@@ -4561,7 +4561,7 @@ let te = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = [
         {
@@ -4569,7 +4569,7 @@ let te = class extends ne {
           type: "information"
         }
       ];
-      return d`<ds4go-card-catalog
+      return c`<ds4go-card-catalog
           .object=${p}
           type=${"vertical"}
           .tags=${t}
@@ -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 ? d`<p>
+    return !this._displayObjects || this._displayObjects.length === 0 ? c`<p>
           ${l(
       "No data available, data source may be temporarily unavailable."
     )}
         </p>
-        ${this.sectorId || this.catalogId ? d`<tems-button
+        ${this.sectorId || this.catalogId ? c`<tems-button
               type="primary"
               label=${l("Back")}
               @click=${this.parent._back}
-            ></tems-button>` : d`<tems-button
+            ></tems-button>` : c`<tems-button
               type="primary"
               label=${l("Retry")}
               @click=${this.parent.requestUpdate}
-            ></tems-button>`}` : d`<div>
-      ${this.catalogId && this.catalogId !== "*" ? d`<tems-division type="body-m"
+            ></tems-button>`}` : c`<div>
+      ${this.catalogId && this.catalogId !== "*" ? c`<tems-division type="body-m"
             >${this._displayObjects["dct:description"]}</tems-division
           >` : p}
       <div class="card-grid card-grid-vertical">
-        ${this.catalogId ? d`${this._displayObjects["dcat:dataset"].map(
-      (e) => d`<ds4go-card-catalog
+        ${this.catalogId ? c`${this._displayObjects["dcat:dataset"].map(
+      (e) => c`<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 ? d`${this._displayObjects.map(
-      (e) => d`<ds4go-card-catalog
+    )}` : this.sectorId ? c`${this._displayObjects.map(
+      (e) => c`<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>`
-    )}` : d`${this._displayObjects.map(
-      (e) => d`<ds4go-card-catalog
+    )}` : c`${this._displayObjects.map(
+      (e) => c`<ds4go-card-catalog
                       class="cursor-pointer"
                       .object=${p}
                       .header=${e.id || p}
@@ -4907,7 +4907,7 @@ let ee = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<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"
-      }), d`<ds4go-card-catalog
+      }), c`<ds4go-card-catalog
           .object=${p}
           type=${"bill-image"}
           .tags=${t}
@@ -5043,10 +5043,10 @@ let ie = class extends ne {
     ));
   }
   render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? p : d`<div class="card-grid card-grid-vertical">
+    return !this._displayObjects || this._displayObjects.length === 0 ? p : c`<div class="card-grid card-grid-vertical">
       ${this._displayObjects.map((e) => {
       const t = e;
-      return d`<ds4go-card-fact
+      return c`<ds4go-card-fact
           .object=${p}
           @click=${() => this._handleClickEvent(t)}
         ></ds4go-card-fact>`;
@@ -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 d`<div
+    return c`<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 ? d`
+        ${t ? c`
               <div style="margin-bottom: 8px;">
                 <strong>🔗 ${l("Endpoint URL:")}</strong>
                 <div
@@ -5122,7 +5122,7 @@ let re = class extends C {
                 </div>
               </div>
             ` : p}
-        ${e ? d`
+        ${e ? c`
               <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 ? d`
+      ${this.agreementInfo ? c`
             <div
               style="margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,0.1);"
             >
@@ -5197,7 +5197,7 @@ let pi = class extends C {
     );
   }
   render() {
-    return d`<div class="policy-selection-modal">
+    return c`<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) => d`<div
+      (e, t) => c`<div
               class="policy-option"
               @click=${() => this._handlePolicySelect(t)}
             >
               <div class="policy-option-header">
                 <strong>${l("Policy")} ${t + 1}</strong>
-                ${e["@id"] ? d`<code>${e["@id"]}</code>` : p}
+                ${e["@id"] ? c`<code>${e["@id"]}</code>` : p}
               </div>
               <div class="policy-option-details">
                 ${Aa(e)}
@@ -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 : d`<div
+    return !this.policy && (!this.policies || this.policies.length === 0) ? p : c`<div
       style="margin-top: 24px; padding: 16px; background: #f0f7ff; border-radius: 8px; border: 1px solid #d0e7ff;"
     >
-      ${e ? d`<tems-division type="h4"
+      ${e ? c`<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) => d`<div
+      (i, r) => c`<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"] ? d`<span
+                    ${i["@id"] ? c`<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>`
-    )}` : d`<tems-division type="h4"
+    )}` : c`<tems-division type="h4"
               ><div>${l("Access Policy")}</div></tems-division
             >
             <odrl-policy-viewer .policy=${this.policy}></odrl-policy-viewer>`}
@@ -5315,31 +5315,31 @@ let st = class extends C {
   }
   render() {
     if (!(this.dspStore !== void 0 && this.dspStore !== null))
-      return d`<tems-button disabled=""
+      return c`<tems-button disabled=""
         >${l("Activate this service")}</tems-button
       >`;
     switch (this.negotiationStatus) {
       case "idle":
-        return d`<tems-button @click=${this._handleNegotiate}
+        return c`<tems-button @click=${this._handleNegotiate}
           >${l("Negotiate access")}</tems-button
         >`;
       case "negotiating":
-        return d`<tems-button disabled="">
+        return c`<tems-button disabled="">
           ${l("Negotiating...")}
         </tems-button>`;
       case "pending":
-        return d`<tems-button disabled="">
+        return c`<tems-button disabled="">
           ${this.currentState || l("Pending")}
           ${this.attempt ? `(${this.attempt}/${this.maxAttempts})` : ""}
         </tems-button>`;
       case "granted":
-        return d`
+        return c`
           <tems-button disabled="" type="success">
             ✅ ${l("Access Granted")}
           </tems-button>
         `;
       case "failed":
-        return d`<div
+        return c`<div
           style="display: flex; flex-direction: column; gap: 8px;"
         >
           <tems-button disabled="" type="error">
@@ -5351,7 +5351,7 @@ let st = class extends C {
           </tems-button>
         </div>`;
       default:
-        return d`<tems-button disabled=""
+        return c`<tems-button disabled=""
           >${l("Activate this service")}</tems-button
         >`;
     }
@@ -5413,29 +5413,29 @@ let J = class extends C {
     const i = this.policies?.filter(
       (r) => r["@id"] === this.agreement?.policy?.["@id"]
     );
-    return d`<div class="contract-section">
+    return c`<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 ? d`<tems-division type="body-sm"
+        ${this.agreement.contractSigningDate ? c`<tems-division type="body-sm"
               >${l("Signed")}:
               ${new Date(
       this.agreement.contractSigningDate
     ).toLocaleString()}</tems-division
             >` : p}
-        ${this.agreement.consumerId ? d`<tems-division type="body-sm"
+        ${this.agreement.consumerId ? c`<tems-division type="body-sm"
               >${l("Consumer")}:
               ${this.agreement.consumerId.split("/").pop()}</tems-division
             >` : p}
-        ${this.agreement.providerId ? d`<tems-division type="body-sm"
+        ${this.agreement.providerId ? c`<tems-division type="body-sm"
               >${l("Provider")}:
               ${this.agreement.providerId.split("/").pop()}</tems-division
             >` : p}
       </div>
 
-      ${t ? d`<div class="contract-subsection">
+      ${t ? c`<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 ? d`<tems-division type="body-xs"
+                  ${t.dataAddress?.type ? c`<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 ? d`<div class="contract-subsection">
+      ${this.agreement.relatedBundle ? c`<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 ? d`<tems-division type="body-sm"
+                ${this.agreement.relatedBundle.description ? c`<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 d`<ds4go-card-catalog
+      return c`<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 ? d`<div class="contract-subsection">
+      ${i && i.length > 0 ? c`<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) => d`<ds4go-odrl-policy-modal-part
+      (r) => c`<ds4go-odrl-policy-modal-part
                     .policy=${r}
                   ></ds4go-odrl-policy-modal-part>`
     )}
@@ -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 c = await e.negotiateContract(
+      const d = await e.negotiateContract(
         i,
         s,
         n,
         r
       );
-      this.negotiationId = c, this.negotiationStatus = "pending", this.requestUpdate(), $a(t, c), await this._pollNegotiationStatus(e, c);
+      this.negotiationId = d, this.negotiationStatus = "pending", this.requestUpdate(), $a(t, d), await this._pollNegotiationStatus(e, d);
     } 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, c = n._provider?.participantId || this.counterPartyId || this.participantId || "";
+          const n = this.object, d = n._provider?.participantId || this.counterPartyId || this.participantId || "";
           try {
             const u = await e.getContractAgreement(
               t,
-              c
+              d
             );
             this.contractId = u ? u["@id"] : a.contractAgreementId || t;
           } catch (u) {
@@ -5751,14 +5751,14 @@ let I = class extends na {
     const e = this.object, { policies: t, defaultPolicy: i } = Pr(
       e["odrl:hasPolicy"]
     );
-    return d`<div class="modal">
+    return c`<div class="modal">
       <div class="topbar">
         <tems-button
           @click=${this._closeModal}
           type="outline-gray"
-          .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+          .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
         ></tems-button>
-        ${this.showPolicySelection ? p : d`<catalog-modal-negotiation-button
+        ${this.showPolicySelection ? p : c`<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 ? d`<catalog-modal-policy-selection
+            ${this.showPolicySelection ? c`<catalog-modal-policy-selection
                   .policies=${t}
                   @policy-selected=${this._handlePolicySelected}
                   @policy-cancel=${this._handlePolicyCancel}
-                ></catalog-modal-policy-selection>` : d`<tems-division type="h2"
+                ></catalog-modal-policy-selection>` : c`<tems-division type="h2"
                     ><div>${e.name || ""}</div></tems-division
                   >
-                  ${e.description ? d`<tems-division type="body-m"
+                  ${e.description ? c`<tems-division type="body-m"
                         ><div>${e.description}</div></tems-division
                       >` : p}
                   <div class="multiple-columns flex flex-row flex-1">
@@ -6050,13 +6050,13 @@ let z = class extends k {
   }
   render() {
     return this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
-      complete: (e) => e ? d`<div class="modal">
+      pending: () => c`<solid-loader></solid-loader>`,
+      complete: (e) => e ? c`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${c`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
             ></tems-button>
           </div>
           <div class="modal-content-wrapper">
@@ -6070,19 +6070,19 @@ let z = class extends k {
                     ${e.participant_id ? l($`Participant ID: ${String(e.participant_id)}`) : ""}
                   </div></tems-division
                 >
-                ${e.balance !== void 0 && e.balance !== null ? d`<tems-division type="body-m"
+                ${e.balance !== void 0 && e.balance !== null ? c`<tems-division type="body-m"
                       ><div>
                         ${l($`Balance: ${String(e.balance)}`)}
                       </div></tems-division
                     >` : p}
-                ${this.providerNegotiations && this.providerNegotiations.length > 0 ? d`<tems-division type="h4"
+                ${this.providerNegotiations && this.providerNegotiations.length > 0 ? c`<tems-division type="h4"
                         ><div>
                           ${l("Provider Negotiations")}
                         </div></tems-division
                       >
                       <div class="card-grid card-grid-vertical">
                         ${this.providerNegotiations.map(
-        (t) => d`<ds4go-card-catalog
+        (t) => c`<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 ? d`<tems-division type="h4"
+                ${this.consumerNegotiations && this.consumerNegotiations.length > 0 ? c`<tems-division type="h4"
                         ><div>
                           ${l("Customer Negotiations")}
                         </div></tems-division
                       >
                       <div class="card-grid card-grid-vertical">
                         ${this.consumerNegotiations.map(
-        (t) => d`<ds4go-card-catalog
+        (t) => c`<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 ? d`<tems-division type="h4"
+                ${this.consumerAgreements && this.consumerAgreements.length > 0 ? c`<tems-division type="h4"
                         ><div>${l("Customer Agreements")}</div></tems-division
                       >
                       ${this.consumerAgreements.map(
-        (t) => d`<ds4go-customer-contract-modal-part
+        (t) => c`<ds4go-customer-contract-modal-part
                             .agreement=${t}
                             .assets=${this.assets}
                             .bundles=${this.bundles}
@@ -6230,13 +6230,13 @@ let ot = class extends k {
   }
   render() {
     return this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
-      complete: (e) => e ? d`<div class="modal">
+      pending: () => c`<solid-loader></solid-loader>`,
+      complete: (e) => e ? c`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${c`<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 d`<ds4go-card-catalog
+        return c`<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 ? d`<tems-button
+                ${this.contracts && this.contracts.length > 0 || this.negotiations && this.negotiations.length > 0 ? c`<tems-button
                         @click=${this._toggleTechnicalInfo}
                         type="outline-gray"
                         label=${this.showTechnicalInfo ? l("Hide Technical Informations") : l("Show Technical Informations")}
                       ></tems-button>
-                      ${this.showTechnicalInfo ? d`<tems-division type="h4"
+                      ${this.showTechnicalInfo ? c`<tems-division type="h4"
                               >${l("Technical informations")}</tems-division
                             >
-                            ${this.contracts && this.contracts.length > 0 ? d`${this.contracts.map(
-        (t) => d`<ds4go-contract-modal-part
+                            ${this.contracts && this.contracts.length > 0 ? c`${this.contracts.map(
+        (t) => c`<ds4go-contract-modal-part
                                       .contract=${t}
                                       .assets=${this.assets}
                                       .policies=${this.policies}
                                     ></ds4go-contract-modal-part>`
       )}` : p}
-                            ${this.negotiations && this.negotiations.length > 0 ? d`<ds4go-negotiations-modal-part
+                            ${this.negotiations && this.negotiations.length > 0 ? c`<ds4go-negotiations-modal-part
                                     .negotiations=${this.negotiations}
                                     .assets=${this.assets}
                                     .type=${"PROVIDER"}
@@ -6416,7 +6416,7 @@ You will be charged 5€ on your account.`
   }
   render() {
     return this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<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 d`<div class="modal">
+        return c`<div class="modal">
           <div class="topbar">
             <tems-button
               @click=${this._closeModal}
               type="outline-gray"
-              .iconLeft=${d`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
+              .iconLeft=${c`<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 ? d`<div class="cover-image">
+                ${e.enclosure ? c`<div class="cover-image">
                       <img src=${String(e.enclosure)} alt="Cover image" />
                     </div>` : p}
-                ${e.author ? d`<tems-division type="body-sm" class="author-section">
+                ${e.author ? c`<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 ? d`<tems-division type="body-sm">
+                ${e.link ? c`<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 ? d`<tems-division type="h4"
+                ${(e.medias || []).length > 0 ? c`<tems-division type="h4"
                         >${l("Media files")}</tems-division
                       >
                       <div class="medias-gallery">
                         ${(e.medias || []).map(
-          (i) => d`<div class="media-item">
-                              ${i.url ? d`<img
+          (i) => c`<div class="media-item">
+                              ${i.url ? c`<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 ? d`<tems-division type="h4"
+                ${(e.categories || []).length > 0 ? c`<tems-division type="h4"
                         >${l("Categories")}</tems-division
                       >
                       <div class="categories-list">
                         ${(e.categories || []).map(
-          (i) => d`<tems-badge type="neutral" size="sm"
+          (i) => c`<tems-badge type="neutral" size="sm"
                               >${pt(String(i.name))}</tems-badge
                             >`
         )}
@@ -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 d`<div class="contract-section">
+    return c`<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 ? d`<tems-division type="body-sm"
+        ${this.contract.createdAt ? c`<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 ? d`<div class="contract-subsection">
+      ${t && t.length > 0 ? c`<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) => d`<div class="asset-item">
+      (r) => c`<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 ? d`<tems-division type="body-xs"
+                      ${r.dataAddress?.type ? c`<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 ? d`<div class="contract-subsection">
+      ${i && i.length > 0 ? c`<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) => d`<ds4go-odrl-policy-modal-part
+      (r) => c`<ds4go-odrl-policy-modal-part
                     .policy=${r}
                   ></ds4go-odrl-policy-modal-part>`
     )}
@@ -6669,7 +6669,7 @@ let Nt = class extends C {
     const t = this._getNegotiationTags(e), i = this.assets?.find(
       (r) => r["@id"] === e.assetId
     );
-    return d`<ds4go-card-catalog
+    return c`<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 d`<tems-division type="body-m"><div>${t}</div></tems-division>
+    return c`<tems-division type="body-m"><div>${t}</div></tems-division>
       <div class="card-grid card-grid-vertical">
         ${e.map(
       (i) => this._renderNegotiationCard(i)
@@ -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 d`<div class="constraint-item">
+    return c`<div class="constraint-item">
       <tems-division type="body-xs"
         >${e.leftOperand} ${e.operator}
         ${String(e.rightOperand)}</tems-division
       >
-      ${e["@type"] ? d`<tems-division type="body-xs"
+      ${e["@type"] ? c`<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"]] : []), d`<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"]] : []), c`<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 ? d`<tems-division type="body-xs"
+        ${this.policy.createdAt ? c`<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 ? d`<div class="policy-section">
+      ${e?.["odrl:permission"] && e["odrl:permission"].length > 0 ? c`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Permissions")}</tems-division
             >
             ${e["odrl:permission"].map(
-      (t) => d`<div class="policy-item">
+      (t) => c`<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"] ? d`<tems-division type="body-xs"
+                  ${t.target || t["odrl:target"] ? c`<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 ? d`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<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 ? d`<div class="policy-section">
+      ${e?.["odrl:prohibition"] && e["odrl:prohibition"].length > 0 ? c`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Prohibitions")}</tems-division
             >
             ${e["odrl:prohibition"].map(
-      (t) => d`<div class="policy-item">
+      (t) => c`<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"] ? d`<tems-division type="body-xs"
+                  ${t.target || t["odrl:target"] ? c`<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 ? d`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<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 ? d`<div class="policy-section">
+      ${e?.["odrl:obligation"] && e["odrl:obligation"].length > 0 ? c`<div class="policy-section">
             <tems-division type="body-sm" class="policy-section-title"
               >${l("Obligations")}</tems-division
             >
             ${e["odrl:obligation"].map(
-      (t) => d`<div class="policy-item">
+      (t) => c`<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 ? d`<div class="constraints-list">
+                  ${(t.constraint || t["odrl:constraint"]) && (t.constraint || t["odrl:constraint"] || []).length > 0 ? c`<div class="constraints-list">
                         ${(t.constraint || t["odrl:constraint"] || []).map(
         (i) => this._renderConstraint(i)
       )}
@@ -6858,16 +6858,16 @@ let se = class extends C {
   }
   render() {
     if (!this.policy)
-      return d`<div class="no-policy">No policy available</div>`;
+      return c`<div class="no-policy">No policy available</div>`;
     try {
       const t = new la(this.policy).renderAsHtml();
-      return d`
+      return c`
         <div class="${this.compact ? "compact" : ""}">
           ${wn(t)}
         </div>
       `;
     } catch (e) {
-      return console.error("Error rendering ODRL policy:", e), d`
+      return console.error("Error rendering ODRL policy:", e), c`
         <div class="error">
           Error rendering policy: ${e.message}
         </div>
@@ -7170,16 +7170,16 @@ let oe = class extends C {
     return r[t] = { ...r[t], constraint: s }, r;
   }
   _renderOperatorSelect(e, t) {
-    return d`<select @change=${t}>
+    return c`<select @change=${t}>
       ${["eq", "neq", "gt", "gte", "lt", "lte", "isA", "in"].map(
-      (r) => d`<option value="${r}" selected=${e === r}>
+      (r) => c`<option value="${r}" selected=${e === r}>
             ${r}
           </option>`
     )}
     </select>`;
   }
   _renderPermission(e, t) {
-    return d`<fieldset>
+    return c`<fieldset>
       <legend>${l($`Permission ${t + 1}`)}</legend>
       <tems-input
         type="text"
@@ -7201,10 +7201,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => d`
+      (i, r) => c`
                 <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 ? d`<fieldset>
+      ${e.duty && e.duty.length > 0 ? c`<fieldset>
             <legend>${l("Duties")}</legend>
             ${e.duty.map(
-      (i, r) => d`
+      (i, r) => c`
                 <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 ? d`<fieldset>
+                  ${i.constraint && i.constraint.length > 0 ? c`<fieldset>
                         <legend>${l("Constraints")}</legend>
                         ${i.constraint.map(
-        (s, o) => d`
+        (s, o) => c`
                             <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
-          ], c = [...n[t].duty], u = [
-            ...c[r].constraint
+          ], d = [...n[t].duty], u = [
+            ...d[r].constraint
           ];
           u[o] = {
             ...u[o],
             leftOperand: a.detail.value
-          }, c[r] = {
-            ...c[r],
+          }, d[r] = {
+            ...d[r],
             constraint: u
           }, n[t] = {
             ...n[t],
-            duty: c
+            duty: d
           }, this._updatePolicyField(
             "permission",
             n
@@ -7328,20 +7328,20 @@ let oe = class extends C {
           (a) => {
             const n = [
               ...this.policy.policy.permission
-            ], c = [
+            ], d = [
               ...n[t].duty
             ], u = [
-              ...c[r].constraint
+              ...d[r].constraint
             ];
             u[o] = {
               ...u[o],
               operator: a.target.value
-            }, c[r] = {
-              ...c[r],
+            }, d[r] = {
+              ...d[r],
               constraint: u
             }, n[t] = {
               ...n[t],
-              duty: c
+              duty: d
             }, this._updatePolicyField(
               "permission",
               n
@@ -7356,18 +7356,18 @@ let oe = class extends C {
                                 @change=${(a) => {
           const n = [
             ...this.policy.policy.permission
-          ], c = [...n[t].duty], u = [
-            ...c[r].constraint
+          ], d = [...n[t].duty], u = [
+            ...d[r].constraint
           ];
           u[o] = {
             ...u[o],
             rightOperand: a.detail.value
-          }, c[r] = {
-            ...c[r],
+          }, d[r] = {
+            ...d[r],
             constraint: u
           }, n[t] = {
             ...n[t],
-            duty: c
+            duty: d
           }, this._updatePolicyField(
             "permission",
             n
@@ -7381,10 +7381,10 @@ let oe = class extends C {
                                 @click=${() => {
           const a = [
             ...this.policy.policy.permission
-          ], n = [...a[t].duty], c = n[r].constraint?.filter((u, m) => m !== o);
+          ], n = [...a[t].duty], d = n[r].constraint?.filter((u, m) => m !== o);
           n[r] = {
             ...n[r],
-            constraint: c
+            constraint: d
           }, a[t] = {
             ...a[t],
             duty: n
@@ -7470,7 +7470,7 @@ let oe = class extends C {
     </fieldset>`;
   }
   _renderProhibition(e, t) {
-    return d`<fieldset>
+    return c`<fieldset>
       <legend>${l($`Prohibition ${t + 1}`)}</legend>
       <tems-input
         type="text"
@@ -7492,10 +7492,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => d`
+      (i, r) => c`
                 <div class="flex flex-column spacer-auto">
                   <tems-input
                     type="text"
@@ -7587,7 +7587,7 @@ let oe = class extends C {
     </fieldset>`;
   }
   _renderObligation(e, t) {
-    return d`<fieldset>
+    return c`<fieldset>
       <legend>${l($`Obligation ${t + 1}`)}</legend>
       <tems-input
         type="text"
@@ -7599,10 +7599,10 @@ let oe = class extends C {
       i.detail.value
     )}
       ></tems-input>
-      ${e.constraint && e.constraint.length > 0 ? d`<fieldset>
+      ${e.constraint && e.constraint.length > 0 ? c`<fieldset>
             <legend>${l("Constraints")}</legend>
             ${e.constraint.map(
-      (i, r) => d`
+      (i, r) => c`
                 <div class="flex flex-column spacer-auto">
                   <tems-input
                     type="text"
@@ -7700,7 +7700,7 @@ let oe = class extends C {
         ...this.template.policy,
         "@type": "Set"
       }
-    }), d`<form @submit=${(e) => e.preventDefault()}>
+    }), c`<form @submit=${(e) => e.preventDefault()}>
       <div class="flex">
         <tems-label
           class="flex-1"
@@ -7788,7 +7788,7 @@ let oe = class extends C {
           ${l($`Reset to ${this.template.name} default`)}
         </tems-button>
       </div>
-    </form>`) : d`<p>${l("No policy template provided")}</p>`;
+    </form>`) : c`<p>${l("No policy template provided")}</p>`;
   }
 };
 oe.styles = [L(Pn)];
@@ -7875,9 +7875,9 @@ let mt = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-customer-list] Task error:", e), p),
-      complete: (e) => d`<tems-viewport>
+      complete: (e) => c`<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 ? d`<div
+              ${this.object ? c`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -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((c) => ({
-                        ...c,
+                      return n["dcat:dataset"].map((d) => ({
+                        ...d,
                         catalogTitle: n["dct:title"],
                         catalogId: a.catalogId,
                         sectorName: a.sectorName,
@@ -8092,14 +8092,14 @@ let at = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), p),
-      complete: (e) => d`<tems-viewport>
+      complete: (e) => c`<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) ? d`<div slot="cta">
+              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? c`<div slot="cta">
                     <tems-button
                       type="primary"
                       label=${l(
@@ -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: () => d`<solid-loader></solid-loader>`,
-      error: (e) => d`<p>${e}</p>`,
-      complete: (e) => !e || !this.providers ? p : d`<tems-viewport>
+      pending: () => c`<solid-loader></solid-loader>`,
+      error: (e) => c`<p>${e}</p>`,
+      complete: (e) => !e || !this.providers ? p : c`<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 ? d`<div
+            ${this.object ? c`<div
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >
@@ -8631,10 +8631,10 @@ let S = class extends k {
         "solid-tems-policies-management"
       );
       n?.loadPolicies && n.loadPolicies();
-      const c = document.querySelector(
+      const d = document.querySelector(
         "solid-tems-contracts-management"
       );
-      c?.loadData && c.loadData();
+      d?.loadData && d.loadData();
     }
     this._reset();
     const r = this.orbit?.components.find(
@@ -8712,20 +8712,20 @@ let S = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<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 d`<tems-viewport>
+        return c`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
-                ${this.step === 0 ? d`<tems-button
+                ${this.step === 0 ? c`<tems-button
                       type="primary"
                       disabled=${this.selectedFacts.length === 0 || p}
                       label=${l("Next")}
                       @click=${this._nextStep}
-                    ></tems-button>` : d`<div class="flex">
+                    ></tems-button>` : c`<div class="flex">
                       <tems-button
                         type="link-color"
                         label=${l("Cancel bundle creation")}
@@ -8742,7 +8742,7 @@ let S = class extends k {
             </tems-header>
             <div slot="content">
               <section class="flex flex-1">
-                ${this.step === 0 ? d`<div>
+                ${this.step === 0 ? c`<div>
                         <tems-division type="h4">
                           <div>
                             ${l(
@@ -8763,7 +8763,7 @@ let S = class extends k {
               type: "information"
             });
           }
-          return d`<ds4go-card-catalog
+          return c`<ds4go-card-catalog
                               .object=${p}
                               .header=${o.name || p}
                               date=${o.updated_at || p}
@@ -8776,7 +8776,7 @@ let S = class extends k {
         })}
                         </div>
                       </div>
-                      ${i.length > 0 || this.filterFactText ? d`<div>
+                      ${i.length > 0 || this.filterFactText ? c`<div>
                             <div>
                               <tems-search-bar
                                 .displayFilters=${!1}
@@ -8791,7 +8791,7 @@ let S = class extends k {
                                 @search=${this._searchFacts}
                               ></tems-search-bar>
                             </div>
-                            ${i.length > 0 ? d` <div class="card-grid card-grid-vertical">
+                            ${i.length > 0 ? c` <div class="card-grid card-grid-vertical">
                                     ${i.map((o) => {
           const a = (o.categories || []).map(
             (n) => ({
@@ -8806,7 +8806,7 @@ let S = class extends k {
               type: "information"
             });
           }
-          return d`<ds4go-card-catalog
+          return c`<ds4go-card-catalog
                                         .object=${p}
                                         .tags=${a}
                                         .header=${o.name || p}
@@ -8819,7 +8819,7 @@ let S = class extends k {
                                       ></ds4go-card-catalog>`;
         })}
                                   </div>
-                                  ${i.length < t.length ? d`<div
+                                  ${i.length < t.length ? c`<div
                                         class="flex flex-row justify-content-space-between align-items-flex-end"
                                       >
                                         <div>
@@ -8841,9 +8841,9 @@ let S = class extends k {
                                             label=${l("Show all results")}
                                           ></tems-button>
                                         </div>
-                                      </div>` : p}` : d`${l("No results found")}
+                                      </div>` : p}` : c`${l("No results found")}
                                 ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
-                          </div>` : p}` : d`<div>
+                          </div>` : p}` : c`<div>
                         <div>
                           <tems-input
                             type="text"
@@ -8885,7 +8885,7 @@ let S = class extends k {
             )
           )
         ).filter((o) => o).sort((o, a) => o.localeCompare(a)).map(
-          (o) => d`<option
+          (o) => c`<option
                                     value="${o}"
                                     ?selected="${o === this.bundleCategory}"
                                   >
@@ -8905,7 +8905,7 @@ let S = class extends k {
                             @change=${this._updateBundleDescription}
                           ></tems-textarea>
                         </div>
-                        ${this.displayAccessPolicyCustomization ? d`<div>
+                        ${this.displayAccessPolicyCustomization ? c`<div>
                               <policy-composer
                                 .template=${this.policyTemplates.find(
           (o) => o.id === this.bundleAccessPolicy
@@ -8914,7 +8914,7 @@ let S = class extends k {
                                 @policy-changed=${this._updateBundleAccessPolicyDefinition}
                                 @cancel-policy-customization=${this._resetBundleAccessPolicy}
                               ></policy-composer>
-                            </div>` : d`<div class="select">
+                            </div>` : c`<div class="select">
                               <tems-label
                                 label=${l("Access policy")}
                               ></tems-label>
@@ -8923,7 +8923,7 @@ let S = class extends k {
                                   class="flex-1"
                                   @change=${this._selectBundleAccessPolicy}
                                 >
-                                  ${this.policyTemplates.map((o) => d`<option
+                                  ${this.policyTemplates.map((o) => c`<option
                                       value="${o.id}"
                                       ?selected="${o.id === this.bundleAccessPolicy}"
                                     >
@@ -8938,7 +8938,7 @@ let S = class extends k {
                                 ></tems-button>
                               </div>
                             </div>`}
-                        ${this.displayContractPolicyCustomization ? d`<div>
+                        ${this.displayContractPolicyCustomization ? c`<div>
                               <policy-composer
                                 .template=${this.policyTemplates.find(
           (o) => o.id === this.bundleContractPolicy
@@ -8947,7 +8947,7 @@ let S = class extends k {
                                 @policy-changed=${this._updateBundleContractPolicyDefinition}
                                 @cancel-policy-customization=${this._resetBundleContractPolicy}
                               ></policy-composer>
-                            </div>` : d`<div class="select">
+                            </div>` : c`<div class="select">
                               <tems-label
                                 label=${l("Contract policy")}
                               ></tems-label>
@@ -8956,7 +8956,7 @@ let S = class extends k {
                                   class="flex-1"
                                   @change=${this._selectBundleContractPolicy}
                                 >
-                                  ${this.policyTemplates.map((o) => d`<option
+                                  ${this.policyTemplates.map((o) => c`<option
                                       value="${o.id}"
                                       ?selected="${o.id === this.bundleContractPolicy}"
                                     >
@@ -9142,9 +9142,9 @@ let ft = class extends k {
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), p),
-      complete: (e) => d`<tems-viewport>
+      complete: (e) => c`<tems-viewport>
             <tems-header slot="header" heading=${this.header}>
               <div slot="cta">
                 <tems-button
@@ -9170,7 +9170,7 @@ let ft = class extends k {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-fact-bundle-holder>
-              ${this.object ? d`<div
+              ${this.object ? c`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -9227,7 +9227,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._getResource = new Q(this, {
+    ], this.assetData = [], 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,34 +9236,41 @@ let nt = class extends k {
             if (t) {
               const i = this.dspConnector.instance.negotiations || [], r = [];
               await Promise.all(
-                i.map(async (c) => {
-                  if (c.contractAgreementId) {
-                    const u = await this.dspConnector?.instance?.loadAgreement(c["@id"]);
-                    u && r.push(u);
+                i.map(async (u) => {
+                  if (u.contractAgreementId) {
+                    const m = await this.dspConnector?.instance?.loadAgreement(u["@id"]);
+                    m && r.push(m);
                   }
                 })
               );
               const s = r.filter(
-                (c) => c.consumerId ? c.consumerId.split("/").pop()?.startsWith(t) : !1
+                (u) => u.consumerId ? u.consumerId.split("/").pop()?.startsWith(t) : !1
               ), o = [];
-              for (const c of s) {
-                const u = this.dspConnector?.instance?.getAsset(
-                  c.assetId
+              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}`
+                  )
                 );
-                o.push(u);
-              }
-              const a = [];
-              for (const c of await Promise.all(o)) {
-                const u = c?.dataAddress?.baseUrl;
-                u && a.push(this._getProxyValue(u));
+              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));
               }
-              const n = Array.from(
+              const d = Array.from(
                 new Set(
-                  (await Promise.all(a)).flatMap((c) => c?.facts || []).map((c) => c["@id"])
+                  (await Promise.all(n)).flatMap((u) => u?.facts || []).map((u) => u["@id"])
                 )
               );
               this.objects = await Promise.all(
-                n.map((c) => this._getProxyValue(c, !0, [
+                d.map((u) => this._getProxyValue(u, !0, [
                   { key: "created_at", value: "created_at" },
                   { key: "updated_at", value: "updated_at", cast: M },
                   { key: "name", value: "name" },
@@ -9275,11 +9282,11 @@ let nt = class extends k {
                     key: "categories",
                     value: "categories",
                     expand: !0,
-                    cast: async (u) => await Promise.all(
-                      (await u._originalResource?.["ldp:contains"]).map(
-                        async (m) => ({
-                          "@id": m["@id"],
-                          name: pt(await m.name || "")
+                    cast: async (m) => await Promise.all(
+                      (await m._originalResource?.["ldp:contains"]).map(
+                        async (f) => ({
+                          "@id": f["@id"],
+                          name: pt(await f.name || "")
                         })
                       )
                     )
@@ -9345,9 +9352,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: () => d`<solid-loader></solid-loader>`,
+      pending: () => c`<solid-loader></solid-loader>`,
       error: (e) => (console.warn("[solid-fact-list] Task error:", e), p),
-      complete: (e) => d`<tems-viewport>
+      complete: (e) => c`<tems-viewport>
           <tems-header slot="header" heading=${this.header}></tems-header>
           <div slot="content">
             <ds4go-catalog-filter-holder
@@ -9364,7 +9371,7 @@ let nt = class extends k {
               @clicked=${this._openModal}
               @result-count=${this._resultCountUpdate}
             ></ds4go-fact-holder>
-            ${this.object ? d`<div
+            ${this.object ? c`<div
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >