@startinblox/components-ds4go 2.2.0 → 2.2.1

package/dist/index.js

@@ -66,7 +66,7 @@ const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnProperty
   return r;
 } }, ht = (e, t) => !me(e, t), Lt = { attribute: !0, type: String, converter: ot, reflect: !1, useDefault: !1, hasChanged: ht };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), dt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let T = class extends HTMLElement {
+let F = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
@@ -247,10 +247,10 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[K("elementProperties")] = /* @__PURE__ */ new Map(), T[K("finalized")] = /* @__PURE__ */ new Map(), we?.({ ReactiveElement: T }), (dt.reactiveElementVersions ??= []).push("2.1.2");
-const Pt = globalThis, It = (e) => e, nt = Pt.trustedTypes, Tt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Yt = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, te = "?" + x, Ae = `<${te}>`, L = document, G = () => L.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Ce = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", mt = `[ 	
-\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ft = /-->/g, Nt = />/g, U = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, Bt = /"/g, ee = /^(?:script|style|textarea|title)$/i, xe = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), d = xe(1), H = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), k = L.createTreeWalker(L, 129);
+F.elementStyles = [], F.shadowRootOptions = { mode: "open" }, F[K("elementProperties")] = /* @__PURE__ */ new Map(), F[K("finalized")] = /* @__PURE__ */ new Map(), we?.({ ReactiveElement: F }), (dt.reactiveElementVersions ??= []).push("2.1.2");
+const Pt = globalThis, It = (e) => e, nt = Pt.trustedTypes, Tt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Yt = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, te = "?" + x, Ae = `<${te}>`, I = document, G = () => I.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Ce = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", mt = `[ 	
+\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ft = /-->/g, Nt = />/g, O = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, Bt = /"/g, ee = /^(?:script|style|textarea|title)$/i, xe = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), d = xe(1), H = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), D = I.createTreeWalker(I, 129);
 function re(e, t) {
   if (!jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Tt !== void 0 ? Tt.createHTML(t) : t;
@@ -261,8 +261,8 @@ const Se = (e, t) => {
   for (let a = 0; a < r; a++) {
     const l = e[a];
     let h, f, u = -1, b = 0;
-    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = Nt : f[2] !== void 0 ? (ee.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = U) : f[3] !== void 0 && (n = U) : n === U ? f[0] === ">" ? (n = s ?? W, u = -1) : f[1] === void 0 ? u = -2 : (u = n.lastIndex - f[2].length, h = f[1], n = f[3] === void 0 ? U : f[3] === '"' ? Bt : Mt) : n === Bt || n === Mt ? n = U : n === Ft || n === Nt ? n = W : (n = U, s = void 0);
-    const $ = n === U && e[a + 1].startsWith("/>") ? " " : "";
+    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = Nt : f[2] !== void 0 ? (ee.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = O) : f[3] !== void 0 && (n = O) : n === O ? f[0] === ">" ? (n = s ?? W, u = -1) : f[1] === void 0 ? u = -2 : (u = n.lastIndex - f[2].length, h = f[1], n = f[3] === void 0 ? O : f[3] === '"' ? Bt : Mt) : n === Bt || n === Mt ? n = O : n === Ft || n === Nt ? n = W : (n = O, s = void 0);
+    const $ = n === O && e[a + 1].startsWith("/>") ? " " : "";
     o += n === W ? l + Ae : u >= 0 ? (i.push(h), l.slice(0, u) + Yt + l.slice(u) + x + $) : l + x + (u === -2 ? a : $);
   }
   return [re(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
@@ -273,21 +273,21 @@ class Z {
     this.parts = [];
     let o = 0, n = 0;
     const a = t.length - 1, l = this.parts, [h, f] = Se(t, r);
-    if (this.el = Z.createElement(h, i), k.currentNode = this.el.content, r === 2 || r === 3) {
+    if (this.el = Z.createElement(h, i), D.currentNode = this.el.content, r === 2 || r === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
     }
-    for (; (s = k.nextNode()) !== null && l.length < a; ) {
+    for (; (s = D.nextNode()) !== null && l.length < a; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(Yt)) {
           const b = f[n++], $ = s.getAttribute(u).split(x), rt = /([.?@])?(.*)/.exec(b);
-          l.push({ type: 1, index: o, name: rt[2], strings: $, ctor: rt[1] === "." ? je : rt[1] === "?" ? Re : rt[1] === "@" ? Ee : ut }), s.removeAttribute(u);
+          l.push({ type: 1, index: o, name: rt[2], strings: $, ctor: rt[1] === "." ? je : rt[1] === "?" ? Ee : rt[1] === "@" ? Re : ut }), s.removeAttribute(u);
         } else u.startsWith(x) && (l.push({ type: 6, index: o }), s.removeAttribute(u));
         if (ee.test(s.tagName)) {
           const u = s.textContent.split(x), b = u.length - 1;
           if (b > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let $ = 0; $ < b; $++) s.append(u[$], G()), k.nextNode(), l.push({ type: 2, index: ++o });
+            for (let $ = 0; $ < b; $++) s.append(u[$], G()), D.nextNode(), l.push({ type: 2, index: ++o });
             s.append(u[b], G());
           }
         }
@@ -300,7 +300,7 @@ class Z {
     }
   }
   static createElement(t, r) {
-    const i = L.createElement("template");
+    const i = I.createElement("template");
     return i.innerHTML = t, i;
   }
 }
@@ -321,17 +321,17 @@ class Pe {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? L).importNode(r, !0);
-    k.currentNode = s;
-    let o = k.nextNode(), n = 0, a = 0, l = i[0];
+    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? I).importNode(r, !0);
+    D.currentNode = s;
+    let o = D.nextNode(), n = 0, a = 0, l = i[0];
     for (; l !== void 0; ) {
       if (n === l.index) {
         let h;
         l.type === 2 ? h = new tt(o, o.nextSibling, this, t) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (h = new Ue(o, this, t)), this._$AV.push(h), l = i[++a];
       }
-      n !== l?.index && (o = k.nextNode(), n++);
+      n !== l?.index && (o = D.nextNode(), n++);
     }
-    return k.currentNode = L, s;
+    return D.currentNode = I, s;
   }
   p(t) {
     let r = 0;
@@ -366,7 +366,7 @@ class tt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== c && J(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.createTextNode(t)), this._$AH = t;
+    this._$AH !== c && J(this._$AH) ? this._$AA.nextSibling.data = t : this.T(I.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const { values: r, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Z.createElement(re(i.h, i.h[0]), this.options)), i);
@@ -430,7 +430,7 @@ class je extends ut {
     this.element[this.name] = t === c ? void 0 : t;
   }
 }
-class Re extends ut {
+class Ee extends ut {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -438,7 +438,7 @@ class Re extends ut {
     this.element.toggleAttribute(this.name, !!t && t !== c);
   }
 }
-class Ee extends ut {
+class Re extends ut {
   constructor(t, r, i, s, o) {
     super(t, r, i, s, o), this.type = 5;
   }
@@ -473,8 +473,8 @@ const ke = (e, t, r) => {
   }
   return s._$AI(e), s;
 };
-const Rt = globalThis;
-let B = class extends T {
+const Et = globalThis;
+let q = class extends F {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -496,11 +496,11 @@ let B = class extends T {
     return H;
   }
 };
-B._$litElement$ = !0, B.finalized = !0, Rt.litElementHydrateSupport?.({ LitElement: B });
-const De = Rt.litElementPolyfillSupport;
-De?.({ LitElement: B });
-(Rt.litElementVersions ??= []).push("4.2.2");
-class Le extends B {
+q._$litElement$ = !0, q.finalized = !0, Et.litElementHydrateSupport?.({ LitElement: q });
+const De = Et.litElementPolyfillSupport;
+De?.({ LitElement: q });
+(Et.litElementVersions ??= []).push("4.2.2");
+class Le extends q {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
@@ -550,20 +550,20 @@ var Fe = Object.defineProperty, Ne = (e, t, r, i) => {
     (n = e[o]) && (s = n(t, r, s) || s);
   return s && Fe(t, r, s), s;
 };
-class Et extends B {
+class Rt extends q {
   constructor() {
     super(...arguments), this.objects = [], this.hasType = (t, r = this.objects) => new Set(r.flatMap((s) => s["@type"])).has(t);
   }
 }
 Ne([
   y({ attribute: !1 })
-], Et.prototype, "objects");
-var Me = Object.defineProperty, P = (e, t, r, i) => {
+], Rt.prototype, "objects");
+var Me = Object.defineProperty, j = (e, t, r, i) => {
   for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = n(t, r, s) || s);
   return s && Me(t, r, s), s;
 };
-class v extends Et {
+class v extends Rt {
   constructor({
     defaultRoute: t = !1,
     setupSubscriptions: r = !0,
@@ -600,7 +600,7 @@ class v extends Et {
       );
       a && (i = a[0]?.uniq);
     }
-    i && N(
+    i && M(
       (window.orbit ? window.orbit.getRoute(i, !0) : i) + (s ? `-${s}` : ""),
       o
     ), t.preventDefault();
@@ -682,41 +682,41 @@ class v extends Et {
       return c;
   }
 }
-P([
+j([
   y({ attribute: "default-data-src", reflect: !0 })
 ], v.prototype, "defaultDataSrc");
-P([
+j([
   y({ attribute: "data-src", reflect: !0 })
 ], v.prototype, "dataSrc");
-P([
+j([
   y({ attribute: "nested-field" })
 ], v.prototype, "nestedField");
-P([
+j([
   y({ attribute: "uniq" })
 ], v.prototype, "uniq");
-P([
+j([
   y({ attribute: "route" })
 ], v.prototype, "route");
-P([
+j([
   y({ attribute: !1 })
 ], v.prototype, "cherryPickedProperties");
-P([
+j([
   m()
 ], v.prototype, "orbit");
-P([
+j([
   m()
 ], v.prototype, "currentRoute");
-function M(e) {
+function B(e) {
   return e ? e.replace(/^urn:uuid:/i, "").replace(/^urn:tems:/i, "") : "";
 }
 function Be(e, t, r) {
   if (!e) return null;
   const i = JSON.parse(JSON.stringify(e));
-  i["@id"] && (i["@id"] = M(i["@id"]));
-  const s = F(t, ["@id"]) || "";
-  return i.target = M(s), i;
+  i["@id"] && (i["@id"] = B(i["@id"]));
+  const s = N(t, ["@id"]) || "";
+  return i.target = B(s), i;
 }
-function F(e, t) {
+function N(e, t) {
   if (t.length === 0)
     return;
   let r = e;
@@ -767,14 +767,14 @@ class qe {
    * Maps a single field
    */
   mapField(t, r, i) {
-    let s = F(t, r.source);
-    return r.transform && (s = r.transform(s, t, i)), (s == null || s === "") && r.fallback && (typeof r.fallback == "function" ? s = r.fallback(t, i) : s = F(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
+    let s = N(t, r.source);
+    return r.transform && (s = r.transform(s, t, i)), (s == null || s === "") && r.fallback && (typeof r.fallback == "function" ? s = r.fallback(t, i) : s = N(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
   }
   /**
    * Maps a container field (array wrapped in LDP container)
    */
   mapContainerField(t, r, i) {
-    let s = F(t, r.source);
+    let s = N(t, r.source);
     if (!s)
       return null;
     r.transform && (s = r.transform(s, t, i)), Array.isArray(s) || (s = [s]), r.filter && (s = s.filter(
@@ -799,14 +799,14 @@ class qe {
    * Maps a nested object
    */
   mapNestedObject(t, r, i) {
-    const s = F(t, r.source);
+    const s = N(t, r.source);
     if (!s)
       return null;
     const o = {};
     r.type && (o["@type"] = r.type);
     for (const [n, a] of Object.entries(r.fields)) {
       let l;
-      Array.isArray(a) ? l = F(s, a) : l = this.mapField(s, a, i), l !== void 0 && (o[n] = l);
+      Array.isArray(a) ? l = N(s, a) : l = this.mapField(s, a, i), l !== void 0 && (o[n] = l);
     }
     return Object.keys(o).length > (r.type ? 1 : 0) ? o : null;
   }
@@ -841,7 +841,7 @@ const ze = {
     "@id": {
       source: ["@id"],
       transform: (e, t, r) => {
-        const s = M(e || t.id || "") || e?.split("/").pop() || "unknown", o = r.providerParticipantId ? `${encodeURIComponent(r.providerParticipantId)}/` : "";
+        const s = B(e || t.id || "") || e?.split("/").pop() || "unknown", o = r.providerParticipantId ? `${encodeURIComponent(r.providerParticipantId)}/` : "";
         return `${r.temsServiceBase || "https://api.tems.example.com/services/"}${o}${encodeURIComponent(s)}/`;
       }
     },
@@ -1060,11 +1060,11 @@ const ze = {
     },
     assetId: {
       source: ["@id"],
-      transform: (e, t) => M(e || t.id || "")
+      transform: (e, t) => B(e || t.id || "")
     },
     datasetId: {
       source: ["@id"],
-      transform: (e, t) => M(e || t.id || "")
+      transform: (e, t) => B(e || t.id || "")
     },
     // Index endpoint URL for index assets - try multiple property variations
     // Priority: source-level dcat:endpointUrl (index endpoint) over props-level dcat:endpointURL (protocol URL)
@@ -1093,7 +1093,7 @@ const ze = {
         if (!e) return;
         const i = Be(e, t);
         if (i) {
-          const s = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = M(n["@id"])), n)) : o;
+          const s = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = B(n["@id"])), n)) : o;
           i["odrl:permission"] && (i["odrl:permission"] = s(
             i["odrl:permission"]
           )), i["odrl:prohibition"] && (i["odrl:prohibition"] = s(
@@ -1115,7 +1115,7 @@ const ze = {
     _providerParticipantId: r.providerParticipantId
   })
 };
-var Ve = Object.defineProperty, j = (e, t, r, i) => {
+var Ve = Object.defineProperty, E = (e, t, r, i) => {
   for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = n(t, r, s) || s);
   return s && Ve(t, r, s), s;
@@ -1223,28 +1223,28 @@ class C extends v {
     return this.storeService;
   }
 }
-j([
+E([
   y({ attribute: "participant-connector-uri", reflect: !0 })
 ], C.prototype, "participantConnectorUri");
-j([
+E([
   y({ attribute: "participant-id", reflect: !0 })
 ], C.prototype, "participantId");
-j([
+E([
   y({ attribute: "participant-api-key", reflect: !0 })
 ], C.prototype, "participantApiKey");
-j([
+E([
   y({ attribute: "api-gateway-config", reflect: !0 })
 ], C.prototype, "apiGatewayConfig");
-j([
+E([
   m()
 ], C.prototype, "storeService");
-j([
+E([
   m()
 ], C.prototype, "dspStoreService");
-j([
+E([
   m()
 ], C.prototype, "_apiGatewayConfigParsed");
-j([
+E([
   y({ type: Array })
 ], C.prototype, "providers");
 function We() {
@@ -1448,7 +1448,7 @@ const bt = (e, t, r, i) => {
   for (let i = 0; i < t.length && (r && t[i] in r); i++)
     r = r[t[i]];
   return r;
-}, S = (e, t, r = "asc") => e.sort((i, s) => {
+}, P = (e, t, r = "asc") => e.sort((i, s) => {
   let o = i, n = s;
   Array.isArray(t) ? (o = Vt(i, t), n = Vt(s, t)) : (o = i[t], n = s[t]);
   let a = 0;
@@ -1461,7 +1461,7 @@ const bt = (e, t, r, i) => {
   else
     throw new TypeError(`Unsupported data type for key "${t}"`);
   return r === "asc" ? a : -a;
-}), D = (e, t = {
+}), L = (e, t = {
   day: "2-digit",
   month: "2-digit",
   year: "2-digit"
@@ -1469,7 +1469,7 @@ const bt = (e, t, r, i) => {
   if (!e) return "";
   const i = (typeof e == "string" ? new Date(e) : e).toLocaleString(void 0, t);
   return typeof e == "string" && i === "Invalid Date" ? e : i;
-}, N = (e, t = !1) => {
+}, M = (e, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -1489,7 +1489,7 @@ const sr = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), q = sr, ir = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, r) => {
+}), S = sr, ir = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, r) => {
   let i = e[0];
   for (let s = 1; s < e.length; s++)
     i += t[r ? r[s - 1] : s - 1], i += e[s];
@@ -1577,39 +1577,39 @@ function gr(e) {
 function gt(e) {
   window.dispatchEvent(new CustomEvent(wt, { detail: e }));
 }
-let at = "", yt, ce, ct, At, le, O = new ae();
-O.resolve();
+let at = "", yt, ce, ct, At, le, k = new ae();
+k.resolve();
 let st = 0;
 const yr = (e) => (or(((t, r) => mr(le, t, r))), at = ce = e.sourceLocale, ct = new Set(e.targetLocales), ct.add(e.sourceLocale), At = e.loadLocale, { getLocale: vr, setLocale: br }), vr = () => at, br = (e) => {
   if (e === (yt ?? at))
-    return O.promise;
+    return k.promise;
   if (!ct || !At)
     throw new Error("Internal error");
   if (!ct.has(e))
     throw new Error("Invalid locale code");
   st++;
   const t = st;
-  return yt = e, O.settled && (O = new ae()), gt({ status: "loading", loadingLocale: e }), (e === ce ? (
+  return yt = e, k.settled && (k = new ae()), gt({ status: "loading", loadingLocale: e }), (e === ce ? (
     // We could switch to the source locale synchronously, but we prefer to
     // queue it on a microtask so that switching locales is consistently
     // asynchronous.
     Promise.resolve({ templates: void 0 })
   ) : At(e)).then((i) => {
-    st === t && (at = e, yt = void 0, le = i.templates, gt({ status: "ready", readyLocale: e }), O.resolve());
+    st === t && (at = e, yt = void 0, le = i.templates, gt({ status: "ready", readyLocale: e }), k.resolve());
   }, (i) => {
     st === t && (gt({
       status: "error",
       errorLocale: e,
       errorMessage: i.toString()
-    }), O.reject(i));
-  }), O.promise;
+    }), k.reject(i));
+  }), k.promise;
 };
 var $r = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Ut = (e, t, r, i) => {
   for (var s = i > 1 ? void 0 : i ? _r(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
   return i && s && $r(t, r, s), s;
 };
-let X = class extends Et {
+let X = class extends Rt {
   constructor() {
     super(...arguments), this.search = [], this._displayObjects = [];
   }
@@ -1957,7 +1957,7 @@ let _ = class extends v {
               );
               if (s)
                 try {
-                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = S(
+                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = P(
                     this.object["dcat:dataset"],
                     "dct:title",
                     "asc"
@@ -1970,9 +1970,9 @@ let _ = class extends v {
                   return;
                 }
             }
-            return S(this.catalogs, "catalogId", "asc");
+            return P(this.catalogs, "catalogId", "asc");
           }
-          return S(this.sectors, "id", "asc");
+          return P(this.sectors, "id", "asc");
         }
       },
       args: () => [
@@ -2011,13 +2011,13 @@ let _ = class extends v {
       complete: (e) => d`<tems-viewport>
             <tems-header
               slot="header"
-              heading=${this.catalogId ? `${p("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : this.sectorId ? `${p("Catalogs available in")} ${this.sectorId}` : `${p("Root Authority")}`}
+              heading=${this.catalogId ? e ? `${p("Datasets from")}
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${p(S`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? `${p("Catalogs available in")} ${this.sectorId}` : `${p("Root Authority")}`}
               >${this.sectorId || this.catalogId ? d` <div slot="cta">
                     <tems-button
                       type="primary"
                       label=${p(
-        q`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+        S`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
@@ -2043,7 +2043,7 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.catalogId || c}
                                   .content=${t.description || c}
-                                  date=${D(t.lastUpdated) || c}
+                                  date=${L(t.lastUpdated) || c}
                                   @click=${() => this._selectCatalog(t.catalogId)}
                                 ></tems-card-catalog>`
       )}` : d`${e.map(
@@ -2053,7 +2053,7 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.id || c}
                                   .content=${t.description || c}
-                                  date=${D(t.lastUpdated) || c}
+                                  date=${L(t.lastUpdated) || c}
                                   @click=${() => this._selectSector(t.id)}
                                 ></tems-card-catalog>`
       )}`}
@@ -2123,10 +2123,10 @@ R([
 _ = R([
   V("solid-dsif-explorer-poc")
 ], _);
-var Rr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, ft = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Er(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+var Er = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, ft = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Rr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Rr(t, r, s), s;
+  return i && s && Er(t, r, s), s;
 };
 let Q = class extends C {
   constructor() {
@@ -2249,7 +2249,7 @@ Q = ft([
   V("solid-dsp-connector")
 ], Q);
 const Ur = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}";
-var Or = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, E = (e, t, r, i) => {
+var Or = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, U = (e, t, r, i) => {
   for (var s = i > 1 ? void 0 : i ? kr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
   return i && s && Or(t, r, s), s;
@@ -2257,8 +2257,8 @@ var Or = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, E = (e, t,
 let w = class extends v {
   constructor() {
     super(...arguments), this.header = "DS4GO Fact Bundling Creation", this.selectedFacts = [], this.bundleName = "", this.bundleDescription = "", this.filterFactText = "", this.spliceLength = 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: D },
-      { key: "updated_at", value: "updated_at", cast: D },
+      { key: "created_at", value: "created_at", cast: L },
+      { key: "updated_at", value: "updated_at", cast: L },
       { key: "name", value: "name" },
       { key: "description", value: "description" },
       { key: "author", value: "author" },
@@ -2266,7 +2266,7 @@ let w = class extends v {
         key: "categories",
         value: "categories",
         expand: !0,
-        cast: (t) => S(t, "name")
+        cast: (t) => P(t, "name")
       }
     ], this._getResource = new pt(this, {
       task: async ([t, r, i]) => {
@@ -2275,7 +2275,7 @@ let w = class extends v {
             if (!t) return;
             this.facts = await this._getProxyValue(t), this.hasCachedDatas = !0;
           }
-          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), r ? S(
+          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), r ? P(
             ie(
               this.facts.filter(
                 (s) => !i.includes(s)
@@ -2284,7 +2284,7 @@ let w = class extends v {
             ),
             "name",
             "asc"
-          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), S(
+          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), P(
             this.facts.filter(
               (s) => !this.selectedFacts.includes(s)
             ),
@@ -2391,7 +2391,7 @@ let w = class extends v {
                   ${i > 0 ? d`<tems-division type="h4">
                           <div>
                             ${p(
-          q`${i} selected fact${i > 1 ? "s" : ""}`
+          S`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -2469,7 +2469,7 @@ let w = class extends v {
                                 >
                                   <div>
                                     ${p(
-          q`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+          S`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
                                   <div class="flex flex-row gap-400">
@@ -2546,28 +2546,28 @@ w.styles = [
       }
     `
 ];
-E([
+U([
   y({ attribute: "header", type: String })
 ], w.prototype, "header", 2);
-E([
+U([
   y({ attribute: "facts-src", reflect: !0 })
 ], w.prototype, "factsSrc", 2);
-E([
+U([
   m()
 ], w.prototype, "selectedFacts", 2);
-E([
+U([
   m()
 ], w.prototype, "bundleName", 2);
-E([
+U([
   m()
 ], w.prototype, "bundleDescription", 2);
-E([
+U([
   m()
 ], w.prototype, "filterFactText", 2);
-E([
+U([
   m()
 ], w.prototype, "spliceLength", 2);
-w = E([
+w = U([
   V("solid-fact-bundle-creation")
 ], w);
 var Dr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t, r, i) => {
@@ -2575,11 +2575,11 @@ var Dr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
   return i && s && Dr(t, r, s), s;
 };
-let I = class extends v {
+let T = class extends v {
   constructor() {
     super(...arguments), this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: D },
-      { key: "updated_at", value: "updated_at", cast: D },
+      { key: "created_at", value: "created_at", cast: L },
+      { key: "updated_at", value: "updated_at", cast: L },
       { key: "name", value: "name" },
       { key: "description", value: "description" }
     ], this._getResource = new pt(this, {
@@ -2593,7 +2593,7 @@ let I = class extends v {
             if (!e) return;
             this.objects = await this._getProxyValue(e), this.hasCachedDatas = !0;
           }
-          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), this.object = this.objects.find((r) => r["@id"] === t), S(this.objects, "name", "asc");
+          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), this.object = this.objects.find((r) => r["@id"] === t), P(this.objects, "name", "asc");
         }
       },
       args: () => [
@@ -2608,14 +2608,14 @@ let I = class extends v {
     return e?._originalResource?.hasType("ds4go:FactBundle") && (e.facts = await Promise.all(
       (await e._originalResource["ldp:contains"]).map(
         (t) => this._getProxyValue(t["@id"], !1, [
-          { key: "updated_at", value: "updated_at", cast: D },
+          { key: "updated_at", value: "updated_at", cast: L },
           { key: "name", value: "name" },
           { key: "description", value: "description" },
           {
             key: "categories",
             value: "categories",
             expand: !0,
-            cast: (r) => S(r, "name")
+            cast: (r) => P(r, "name")
           },
           { key: "author", value: "author" },
           { key: "link", value: "link" },
@@ -2645,28 +2645,28 @@ let I = class extends v {
   _openModal(e) {
     if (e.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        N(this.route, e.detail["@id"]);
+        M(this.route, e.detail["@id"]);
       else {
         const t = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
         if (t) {
           const r = window.orbit?.components?.filter(
             (i) => i?.routeAttributes?.["rdf-type"] === t
           );
-          r?.[0]?.route && N(r[0]?.route, e.detail["@id"]);
+          r?.[0]?.route && M(r[0]?.route, e.detail["@id"]);
         }
       }
   }
   _closeModal(e) {
-    e.preventDefault(), this.route && N(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && M(this.route, this.defaultDataSrc);
   }
   _closeModalFromBackground(e) {
-    e.preventDefault(), this.route && e.target?.classList.contains("modal") && N(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && e.target?.classList.contains("modal") && M(this.route, this.defaultDataSrc);
   }
   _resultCountUpdate(e) {
     this.resultCount = e.detail ?? 0;
   }
   _goToBundleCreation(e) {
-    e.preventDefault(), this.bundleCreationComponent?.route && N(this.bundleCreationComponent.route);
+    e.preventDefault(), this.bundleCreationComponent?.route && M(this.bundleCreationComponent.route);
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
@@ -2712,7 +2712,7 @@ let I = class extends v {
     });
   }
 };
-I.styles = Y`
+T.styles = Y`
     .modal {
       position: fixed;
       top: 0;
@@ -2728,33 +2728,34 @@ I.styles = Y`
   `;
 et([
   y({ attribute: "header", type: String })
-], I.prototype, "header", 2);
+], T.prototype, "header", 2);
 et([
   m()
-], I.prototype, "search", 2);
+], T.prototype, "search", 2);
 et([
   m()
-], I.prototype, "resultCount", 2);
+], T.prototype, "resultCount", 2);
 et([
   m()
-], I.prototype, "bundleCreationComponent", 2);
-I = et([
+], T.prototype, "bundleCreationComponent", 2);
+T = et([
   V("solid-fact-bundle")
-], I);
+], T);
 const Ir = {
+  s67269ab6dc51ec41: S`Error while loading catalog ${0}`,
   s541d9cd11a5bc840: "Datasets from",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: q`Back to ${0}`,
+  se5784a16a6799dad: S`Back to ${0}`,
   s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
   sc16e00a7a8b2fde2: "Back",
   s2c8189544e3ea679: "Retry",
   seb1a452f2df70baf: "Create bundle",
   sed5b6ae54e00125c: "Bundle name",
   s11099da36cbc3173: "Bundle description",
-  sac1b0231875ff056: q`${0} selected fact${1}`,
+  sac1b0231875ff056: S`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: q`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: S`Displaying ${0} of ${1} result${2}`,
   sa40e7f4f2a43e2f7: "Show more results",
   sacf246e0fa11730d: "Show all results",
   s9094c0cde8fb5058: "No results found",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/components-ds4go",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Startin'blox DS4GO",
   "main": "dist/index.js",
   "type": "module",

package/src/components/solid-dsif-explorer-poc.ts

@@ -245,7 +245,9 @@ export class SolidDsifExplorerPoc extends OrbitComponent {
             <tems-header
               slot="header"
               heading=${this.catalogId
-                ? `${msg("Datasets from")}
+                ? !datas
+                  ? `${msg(str`Error while loading catalog ${this.catalogId}`)}`
+                  : `${msg("Datasets from")}
                   ${(datas as CatalogEntry)["dct:title"]} (From ${this.sectorId})`
                 : this.sectorId
                   ? `${msg("Catalogs available in")} ${this.sectorId}`