@startinblox/components-ds4go 2.2.1 → 2.2.3

package/README.md

@@ -150,6 +150,31 @@ config.json, components:
     },
 ```
 
+### Fetch all catalogs
+
+config.json, components:
+
+```json
+    {
+      "type": "dsif-explorer-poc",
+      "parameters": {
+        "menu": {
+          "name": "DSIF Explorer",
+          "category": "none",
+          "icon": "mage-globe-fill"
+        },
+        "dataSrc": "https://poc.root-authority.dsif.eu/sectors",
+        "sectorId": "*",
+        "catalogId": "*"
+      },
+      "route": "dsif-explorer",
+      "integration": [
+        "menu",
+        "routing"
+      ]
+    },
+```
+
 ## DSP Connector
 
 config.json, components:

package/dist/index.js

@@ -64,7 +64,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 };
+} }, ht = (e, t) => !me(e, t), It = { attribute: !0, type: String, converter: ot, reflect: !1, useDefault: !1, hasChanged: ht };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), dt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let F = class extends HTMLElement {
   static addInitializer(t) {
@@ -73,7 +73,7 @@ let F = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, r = Lt) {
+  static createProperty(t, r = It) {
     if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(t, r), !r.noAccessor) {
       const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, i, r);
       s !== void 0 && ge(this.prototype, t, s);
@@ -91,7 +91,7 @@ let F = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Lt;
+    return this.elementProperties.get(t) ?? It;
   }
   static _$Ei() {
     if (this.hasOwnProperty(K("elementProperties"))) return;
@@ -248,9 +248,9 @@ let F = class extends HTMLElement {
   }
 };
 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);
+const Pt = globalThis, Lt = (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, Mt = />/g, O = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Nt = /'/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 = L.createTreeWalker(L, 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;
@@ -260,10 +260,10 @@ const Se = (e, t) => {
   let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = W;
   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 = 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);
+    let u, f, p = -1, b = 0;
+    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = Mt : f[2] !== void 0 ? (ee.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = O) : f[3] !== void 0 && (n = O) : n === O ? f[0] === ">" ? (n = s ?? W, p = -1) : f[1] === void 0 ? p = -2 : (p = n.lastIndex - f[2].length, u = f[1], n = f[3] === void 0 ? O : f[3] === '"' ? Bt : Nt) : n === Bt || n === Nt ? n = O : n === Ft || n === Mt ? 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 : $);
+    o += n === W ? l + Ae : p >= 0 ? (i.push(u), l.slice(0, p) + Yt + l.slice(p) + x + $) : l + x + (p === -2 ? a : $);
   }
   return [re(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
@@ -272,35 +272,35 @@ class Z {
     let s;
     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), D.currentNode = this.el.content, r === 2 || r === 3) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
+    const a = t.length - 1, l = this.parts, [u, f] = Se(t, r);
+    if (this.el = Z.createElement(u, i), D.currentNode = this.el.content, r === 2 || r === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
     }
     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] === "?" ? Ee : rt[1] === "@" ? Re : ut }), s.removeAttribute(u);
-        } else u.startsWith(x) && (l.push({ type: 6, index: o }), s.removeAttribute(u));
+        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Yt)) {
+          const b = f[n++], $ = s.getAttribute(p).split(x), rt = /([.?@])?(.*)/.exec(b);
+          l.push({ type: 1, index: o, name: rt[2], strings: $, ctor: rt[1] === "." ? je : rt[1] === "?" ? Ee : rt[1] === "@" ? Re : ut }), s.removeAttribute(p);
+        } else p.startsWith(x) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
         if (ee.test(s.tagName)) {
-          const u = s.textContent.split(x), b = u.length - 1;
+          const p = s.textContent.split(x), b = p.length - 1;
           if (b > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let $ = 0; $ < b; $++) s.append(u[$], G()), D.nextNode(), l.push({ type: 2, index: ++o });
-            s.append(u[b], G());
+            for (let $ = 0; $ < b; $++) s.append(p[$], G()), D.nextNode(), l.push({ type: 2, index: ++o });
+            s.append(p[b], G());
           }
         }
       } else if (s.nodeType === 8) if (s.data === te) l.push({ type: 2, index: o });
       else {
-        let u = -1;
-        for (; (u = s.data.indexOf(x, u + 1)) !== -1; ) l.push({ type: 7, index: o }), u += x.length - 1;
+        let p = -1;
+        for (; (p = s.data.indexOf(x, p + 1)) !== -1; ) l.push({ type: 7, index: o }), p += x.length - 1;
       }
       o++;
     }
   }
   static createElement(t, r) {
-    const i = I.createElement("template");
+    const i = L.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 ?? I).importNode(r, !0);
+    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? L).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];
+        let u;
+        l.type === 2 ? u = new tt(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new Ue(o, this, t)), this._$AV.push(u), l = i[++a];
       }
       n !== l?.index && (o = D.nextNode(), n++);
     }
-    return D.currentNode = I, s;
+    return D.currentNode = L, 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(I.createTextNode(t)), this._$AH = t;
+    this._$AH !== c && J(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.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);
@@ -389,8 +389,8 @@ class tt {
   }
   _$AR(t = this._$AA.nextSibling, r) {
     for (this._$AP?.(!1, !0, r); t !== this._$AB; ) {
-      const i = It(t).nextSibling;
-      It(t).remove(), t = i;
+      const i = Lt(t).nextSibling;
+      Lt(t).remove(), t = i;
     }
   }
   setConnected(t) {
@@ -413,8 +413,8 @@ class ut {
     if (o === void 0) t = z(this, t, r, 0), n = !J(t) || t !== this._$AH && t !== H, n && (this._$AH = t);
     else {
       const a = t;
-      let l, h;
-      for (t = o[0], l = 0; l < o.length - 1; l++) h = z(this, a[i + l], r, l), h === H && (h = this._$AH[l]), n ||= !J(h) || h !== this._$AH[l], h === c ? t = c : t !== c && (t += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      let l, u;
+      for (t = o[0], l = 0; l < o.length - 1; l++) u = z(this, a[i + l], r, l), u === H && (u = this._$AH[l]), n ||= !J(u) || u !== this._$AH[l], u === c ? t = c : t !== c && (t += (u ?? "") + o[l + 1]), this._$AH[l] = u;
     }
     n && !s && this.j(t);
   }
@@ -500,7 +500,7 @@ q._$litElement$ = !0, q.finalized = !0, Et.litElementHydrateSupport?.({ LitEleme
 const De = Et.litElementPolyfillSupport;
 De?.({ LitElement: q });
 (Et.litElementVersions ??= []).push("4.2.2");
-class Le extends q {
+class Ie extends q {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
@@ -515,7 +515,7 @@ const V = (e) => (t, r) => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
 };
-const Ie = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: ht }, Te = (e = Ie, t, r) => {
+const Le = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: ht }, Te = (e = Le, t, r) => {
   const { kind: i, metadata: s } = r;
   let o = globalThis.litPropertyMetadata.get(s);
   if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(r.name, e), i === "accessor") {
@@ -545,7 +545,7 @@ function y(e) {
 function m(e) {
   return y({ ...e, state: !0, attribute: !1 });
 }
-var Fe = Object.defineProperty, Ne = (e, t, r, i) => {
+var Fe = Object.defineProperty, Me = (e, t, r, i) => {
   for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = n(t, r, s) || s);
   return s && Fe(t, r, s), s;
@@ -555,13 +555,13 @@ class Rt extends q {
     super(...arguments), this.objects = [], this.hasType = (t, r = this.objects) => new Set(r.flatMap((s) => s["@type"])).has(t);
   }
 }
-Ne([
+Me([
   y({ attribute: !1 })
 ], Rt.prototype, "objects");
-var Me = Object.defineProperty, j = (e, t, r, i) => {
+var Ne = 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;
+  return s && Ne(t, r, s), s;
 };
 class v extends Rt {
   constructor({
@@ -600,7 +600,7 @@ class v extends Rt {
       );
       a && (i = a[0]?.uniq);
     }
-    i && M(
+    i && N(
       (window.orbit ? window.orbit.getRoute(i, !0) : i) + (s ? `-${s}` : ""),
       o
     ), t.preventDefault();
@@ -713,10 +713,10 @@ function Be(e, t, r) {
   if (!e) return null;
   const i = JSON.parse(JSON.stringify(e));
   i["@id"] && (i["@id"] = B(i["@id"]));
-  const s = N(t, ["@id"]) || "";
+  const s = M(t, ["@id"]) || "";
   return i.target = B(s), i;
 }
-function N(e, t) {
+function M(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 = 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;
+    let s = M(t, r.source);
+    return r.transform && (s = r.transform(s, t, i)), (s == null || s === "") && r.fallback && (typeof r.fallback == "function" ? s = r.fallback(t, i) : s = M(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
   }
   /**
    * Maps a container field (array wrapped in LDP container)
    */
   mapContainerField(t, r, i) {
-    let s = N(t, r.source);
+    let s = M(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(
@@ -784,9 +784,9 @@ class qe {
       const l = {
         "@type": r.itemType
       };
-      for (const [h, f] of Object.entries(r.itemFields)) {
-        const u = f(n, a, i);
-        u !== void 0 && (l[h] = u);
+      for (const [u, f] of Object.entries(r.itemFields)) {
+        const p = f(n, a, i);
+        p !== void 0 && (l[u] = p);
       }
       return l;
     });
@@ -799,14 +799,14 @@ class qe {
    * Maps a nested object
    */
   mapNestedObject(t, r, i) {
-    const s = N(t, r.source);
+    const s = M(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 = N(s, a) : l = this.mapField(s, a, i), l !== void 0 && (o[n] = l);
+      Array.isArray(a) ? l = M(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;
   }
@@ -1184,8 +1184,8 @@ class C extends v {
         try {
           const a = await this.storeService.getCatalog(n.address);
           if (a?.["dcat:dataset"]) {
-            const l = a["dcat:dataset"], h = Array.isArray(l) ? l : [l], f = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], u = n.participantId || f;
-            return h.map((b) => {
+            const l = a["dcat:dataset"], u = Array.isArray(l) ? l : [l], f = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], p = n.participantId || f;
+            return u.map((b) => {
               const $ = {
                 temsServiceBase: t,
                 temsCategoryBase: t.replace(
@@ -1201,7 +1201,7 @@ class C extends v {
                 providerName: n.name,
                 providerAddress: n.address,
                 providerColor: n.color,
-                providerParticipantId: u
+                providerParticipantId: p
               };
               return r.map(b, $);
             });
@@ -1247,7 +1247,20 @@ E([
 E([
   y({ type: Array })
 ], C.prototype, "providers");
-function We() {
+const We = (e, { keywords: t = [], attributes: r = ["dataSrc"] } = {}) => {
+  const i = () => {
+    t && r && (e.caching === void 0 && (e.caching = 0), e.hasCachedDatas === void 0 && (e.hasCachedDatas = !1), e.cacheListener = (s) => {
+      const o = s.detail.id || s.detail.resource["@id"];
+      if (t.some((n) => o?.includes(n))) {
+        for (const n of r)
+          e[n] && o !== e[n] && window.sibStore.clearCache(e[n]);
+        e.caching++, e.hasCachedDatas = !1, e.requestUpdate();
+      }
+    }, e._subscriptions.add(["save", e.cacheListener]), e._subscribe());
+  };
+  document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", i) : i();
+};
+function Ke() {
   return Math.random().toString(16).slice(2);
 }
 const se = ({
@@ -1255,7 +1268,7 @@ const se = ({
   defaultRoute: t = !1,
   ignoreRouter: r = !1
 }) => {
-  if (e.uniq || (e.uniq = We(), t && !e.route && !r && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !r) {
+  if (e.uniq || (e.uniq = Ke(), t && !e.route && !r && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !r) {
     e.route || (e.route = e.uniq, window.orbit && (e.route = window.orbit.getRoute(e.uniq))), e.noRouter = !0;
     let i = document.querySelector("solid-router");
     for (; i; )
@@ -1301,14 +1314,14 @@ const vt = (e, t, r) => {
   return Array.isArray(e) ? e.some(
     (o) => vt(o, t, r)
   ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && zt(n) ? !1 : vt(n, t, r)) : !1;
-}, Ke = (e, t, r) => {
+}, Ge = (e, t, r) => {
   if (!t || !r || typeof r != "string")
     return e;
   const i = new Date(r);
   return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${r}`), e) : e.filter(
     (s) => vt(s, t, i)
   );
-}, Ge = (e, t, r) => !t || !r ? e : e.filter((i) => {
+}, Je = (e, t, r) => !t || !r ? e : e.filter((i) => {
   let s = i;
   const o = t.split(".");
   for (const a of o)
@@ -1321,7 +1334,7 @@ const vt = (e, t, r) => {
     (a) => typeof a == "object" && a !== null && "@id" in a && a["@id"] === r
   ) : !1 : !1;
 });
-function Je(e) {
+function Ze(e) {
   return typeof e != "string" && typeof e != "number" && !(e instanceof Date) ? !1 : !Number.isNaN(new Date(e).getTime());
 }
 const bt = (e, t, r, i) => {
@@ -1337,7 +1350,7 @@ const bt = (e, t, r, i) => {
   if (typeof o == "number") {
     if (typeof r == "number" && typeof i == "number" && r <= o && o <= i)
       return !0;
-  } else if (Je(o)) {
+  } else if (Ze(o)) {
     const n = new Date(o);
     if (r instanceof Date && i instanceof Date && r <= n && n <= i)
       return !0;
@@ -1348,7 +1361,7 @@ const bt = (e, t, r, i) => {
   ) : typeof e == "object" ? Object.entries(e).some(
     ([n, a]) => bt(a, t, r, i)
   ) : !1;
-}, Ze = (e, t, r) => {
+}, Xe = (e, t, r) => {
   if (!t || !r || typeof r != "string")
     return e;
   const [i, s] = r.split("/").map(Number);
@@ -1388,7 +1401,7 @@ const bt = (e, t, r, i) => {
       )
     ), i === 2) break;
   return i;
-}, Xe = (e, t, r) => {
+}, Qe = (e, t, r) => {
   if (!t || !r || r.trim() === "")
     return e;
   const i = r.toLowerCase(), o = e.map((n) => {
@@ -1401,11 +1414,11 @@ const bt = (e, t, r, i) => {
         a = null;
         break;
       }
-    let h = 0;
-    return a && (h = $t(a, i)), { obj: n, score: h };
+    let u = 0;
+    return a && (u = $t(a, i)), { obj: n, score: u };
   }).filter((n) => n.score > 0);
   return o.sort((n, a) => a.score - n.score), o.map((n) => n.obj);
-}, Qe = (e, t) => t ? e.filter((r) => {
+}, Ye = (e, t) => t ? e.filter((r) => {
   const i = r["@type"];
   return i ? typeof i == "string" ? i === t : Array.isArray(i) ? i.some((s) => s === t) : !1 : !1;
 }) : e, _t = (e, t, r) => {
@@ -1461,7 +1474,7 @@ const bt = (e, t, r, i) => {
   else
     throw new TypeError(`Unsupported data type for key "${t}"`);
   return r === "asc" ? a : -a;
-}), L = (e, t = {
+}), I = (e, t = {
   day: "2-digit",
   month: "2-digit",
   year: "2-digit"
@@ -1469,7 +1482,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;
-}, M = (e, t = !1) => {
+}, N = (e, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -1478,31 +1491,31 @@ const bt = (e, t, r, i) => {
       }
     })
   );
-}, Ye = "https://cdn.startinblox.com/owl/ds4go.jsonld#", tr = { "@id": "ds4go:link", "@type": "@id" }, er = { "@id": "ds4go:enclosure", "@type": "@id" }, rr = { "@id": "ds4go:url", "@type": "@id" }, Wt = {
-  ds4go: Ye,
-  link: tr,
-  enclosure: er,
-  url: rr
+}, tr = "https://cdn.startinblox.com/owl/ds4go.jsonld#", er = { "@id": "ds4go:link", "@type": "@id" }, rr = { "@id": "ds4go:enclosure", "@type": "@id" }, sr = { "@id": "ds4go:url", "@type": "@id" }, Wt = {
+  ds4go: tr,
+  link: er,
+  enclosure: rr,
+  url: sr
 };
 const wt = "lit-localize-status";
-const sr = (e, ...t) => ({
+const ir = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), S = sr, ir = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, r) => {
+}), S = ir, or = (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];
   return i;
 };
-const ne = ((e) => ir(e) ? oe(e.strings, e.values) : e);
-let p = ne, Kt = !1;
-function or(e) {
+const ne = ((e) => or(e) ? oe(e.strings, e.values) : e);
+let h = ne, Kt = !1;
+function nr(e) {
   if (Kt)
     throw new Error("lit-localize can only be configured once");
-  p = e, Kt = !0;
+  h = e, Kt = !0;
 }
-class nr {
+class ar {
   constructor(t) {
     this.__litLocalizeEventHandler = (r) => {
       r.detail.status === "ready" && this.host.requestUpdate();
@@ -1515,8 +1528,8 @@ class nr {
     window.removeEventListener(wt, this.__litLocalizeEventHandler);
   }
 }
-const ar = (e) => e.addController(new nr(e)), cr = ar;
-const lr = () => (e, t) => (e.addInitializer(cr), e);
+const cr = (e) => e.addController(new ar(e)), lr = cr;
+const dr = () => (e, t) => (e.addInitializer(lr), e);
 class ae {
   constructor() {
     this.settled = !1, this.promise = new Promise((t, r) => {
@@ -1533,20 +1546,20 @@ class ae {
 const A = [];
 for (let e = 0; e < 256; e++)
   A[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function dr(e) {
+function hr(e) {
   let t = 0, r = 8997, i = 0, s = 33826, o = 0, n = 40164, a = 0, l = 52210;
-  for (let h = 0; h < e.length; h++)
-    r ^= e.charCodeAt(h), t = r * 435, i = s * 435, o = n * 435, a = l * 435, o += r << 8, a += s << 8, i += t >>> 16, r = t & 65535, o += i >>> 16, s = i & 65535, l = a + (o >>> 16) & 65535, n = o & 65535;
+  for (let u = 0; u < e.length; u++)
+    r ^= e.charCodeAt(u), t = r * 435, i = s * 435, o = n * 435, a = l * 435, o += r << 8, a += s << 8, i += t >>> 16, r = t & 65535, o += i >>> 16, s = i & 65535, l = a + (o >>> 16) & 65535, n = o & 65535;
   return A[l >> 8] + A[l & 255] + A[n >> 8] + A[n & 255] + A[s >> 8] + A[s & 255] + A[r >> 8] + A[r & 255];
 }
-const hr = "", ur = "h", pr = "s";
-function fr(e, t) {
-  return (t ? ur : pr) + dr(typeof e == "string" ? e : e.join(hr));
+const ur = "", pr = "h", fr = "s";
+function mr(e, t) {
+  return (t ? pr : fr) + hr(typeof e == "string" ? e : e.join(ur));
 }
 const Gt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new Map();
-function mr(e, t, r) {
+function gr(e, t, r) {
   if (e) {
-    const i = r?.id ?? gr(t), s = e[i];
+    const i = r?.id ?? yr(t), s = e[i];
     if (s) {
       if (typeof s == "string")
         return s;
@@ -1569,10 +1582,10 @@ function mr(e, t, r) {
   }
   return ne(t);
 }
-function gr(e) {
+function yr(e) {
   const t = typeof e == "string" ? e : e.strings;
   let r = Jt.get(t);
-  return r === void 0 && (r = fr(t, typeof e != "string" && !("strTag" in e)), Jt.set(t, r)), r;
+  return r === void 0 && (r = mr(t, typeof e != "string" && !("strTag" in e)), Jt.set(t, r)), r;
 }
 function gt(e) {
   window.dispatchEvent(new CustomEvent(wt, { detail: e }));
@@ -1580,7 +1593,7 @@ function gt(e) {
 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) => {
+const vr = (e) => (nr(((t, r) => gr(le, t, r))), at = ce = e.sourceLocale, ct = new Set(e.targetLocales), ct.add(e.sourceLocale), At = e.loadLocale, { getLocale: br, setLocale: $r }), br = () => at, $r = (e) => {
   if (e === (yt ?? at))
     return k.promise;
   if (!ct || !At)
@@ -1604,10 +1617,10 @@ const yr = (e) => (or(((t, r) => mr(le, t, r))), at = ce = e.sourceLocale, ct =
     }), 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--)
+var _r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, Ut = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? wr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && $r(t, r, s), s;
+  return i && s && _r(t, r, s), s;
 };
 let X = class extends Rt {
   constructor() {
@@ -1630,7 +1643,7 @@ let X = class extends Rt {
         switch (n.type) {
           case "interval":
             o.push(
-              Ze(
+              Xe(
                 i,
                 n.name,
                 n.value
@@ -1639,7 +1652,7 @@ let X = class extends Rt {
             break;
           case "dateAfter":
             o.push(
-              Ke(
+              Ge(
                 i,
                 n.name,
                 n.value
@@ -1648,7 +1661,7 @@ let X = class extends Rt {
             break;
           case "matchId":
             o.push(
-              Ge(
+              Je(
                 i,
                 n.name,
                 n.value
@@ -1657,12 +1670,12 @@ let X = class extends Rt {
             break;
           case "matchType":
             o.push(
-              Qe(i, n.value)
+              Ye(i, n.value)
             );
             break;
           case "exact":
             o.push(
-              Xe(
+              Qe(
                 i,
                 n.name,
                 n.value
@@ -1693,7 +1706,7 @@ let X = class extends Rt {
       ${this._displayObjects.map((e) => {
       const t = [
         {
-          name: `${e.facts.length} ${e.facts.length > 1 ? p("facts") : p("fact")}`,
+          name: `${e.facts.length} ${e.facts.length > 1 ? h("facts") : h("fact")}`,
           type: "information"
         }
       ];
@@ -1737,13 +1750,13 @@ Ut([
 X = Ut([
   V("ds4go-fact-bundle-holder")
 ], X);
-const wr = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
-var Ar = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, de = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Cr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+const Ar = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
+var Cr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, de = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? xr(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 && Ar(t, r, s), s;
+  return i && s && Cr(t, r, s), s;
 };
-let lt = class extends Le {
+let lt = class extends Ie {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
@@ -1769,7 +1782,7 @@ let lt = class extends Le {
               ><div>${String(this.object.description)}</div></tems-division
             >
             <tems-division type="h4"
-              ><div>${p("All facts in this bundle")}</div></tems-division
+              ><div>${h("All facts in this bundle")}</div></tems-division
             >
             <div class="card-grid card-grid-vertical">
               ${this.object.facts.map((e) => {
@@ -1780,7 +1793,7 @@ let lt = class extends Le {
       if (t.length > 3) {
         const r = t.length - 3;
         t.splice(3, r), t.push({
-          name: `+${r} ${p("more")}`,
+          name: `+${r} ${h("more")}`,
           type: "information"
         });
       }
@@ -1796,10 +1809,10 @@ let lt = class extends Le {
             <tems-division type="body-sm"
               ><div>
                 <div>
-                  ${p("Bundle created on")} ${String(this.object.created_at)}
+                  ${h("Bundle created on")} ${String(this.object.created_at)}
                 </div>
                 <div>
-                  ${p("Bundle updated on")} ${String(this.object.updated_at)}
+                  ${h("Bundle updated on")} ${String(this.object.updated_at)}
                 </div>
               </div></tems-division
             >
@@ -1810,16 +1823,16 @@ let lt = class extends Le {
   }
 };
 lt.styles = Y`
-    ${St(wr)}
+    ${St(Ar)}
   `;
 de([
   y({ attribute: !1, type: Object })
 ], lt.prototype, "object", 2);
 lt = de([
   V("ds4go-fact-bundle-modal"),
-  lr()
+  dr()
 ], lt);
-const xr = /* @__PURE__ */ Symbol();
+const Sr = /* @__PURE__ */ Symbol();
 class pt {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
@@ -1829,7 +1842,7 @@ class pt {
   constructor(t, r, i) {
     this.p = 0, this.i = 0, (this._ = t).addController(this);
     const s = typeof r == "object" ? r : { task: r, args: i };
-    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? Sr, this.k = s.onComplete, this.A = s.onError, this.autoRun = s.autoRun ?? !0, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = this.T?.());
+    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? Pr, this.k = s.onComplete, this.A = s.onError, this.autoRun = s.autoRun ?? !0, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = this.T?.());
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -1859,7 +1872,7 @@ class pt {
       o = !0, i = n;
     }
     if (this.p === s) {
-      if (r === xr) this.i = 0;
+      if (r === Sr) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -1906,11 +1919,11 @@ class pt {
     }
   }
 }
-const Sr = (e, t) => e === t || e.length === t.length && e.every(((r, i) => !ht(r, t[i])));
-var Pr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, R = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? jr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
+const Pr = (e, t) => e === t || e.length === t.length && e.every(((r, i) => !ht(r, t[i])));
+var jr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, R = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Er(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Pr(t, r, s), s;
+  return i && s && jr(t, r, s), s;
 };
 let _ = class extends v {
   constructor() {
@@ -1935,9 +1948,7 @@ let _ = class extends v {
           }
           if (t) {
             this.catalogs = [];
-            const i = this.sectors.filter(
-              (s) => s.id === t
-            );
+            const i = t === "*" ? this.sectors : this.sectors.filter((s) => s.id === t);
             if (i.length > 0 && (this.catalogs = (await Promise.all(
               i.map(async (s) => {
                 try {
@@ -1952,6 +1963,24 @@ let _ = class extends v {
                 }
               })
             )).flat()), r) {
+              if (r === "*")
+                return this.object = {
+                  "@id": "urn:uuid:all-catalogs",
+                  "dct:title": h("All Catalogs"),
+                  "dct:description": "",
+                  "dcat:dataset": (await Promise.all(
+                    this.catalogs.map(async (o) => {
+                      try {
+                        return (await (await fetch(o.endpoints.catalog)).json())["dcat:dataset"];
+                      } catch (n) {
+                        return console.warn(
+                          `Failed to fetch catalog from ${o.endpoints.catalog}`,
+                          n
+                        ), [];
+                      }
+                    })
+                  )).flat()
+                }, this.object;
               const s = this.catalogs.find(
                 (o) => o.catalogId === r
               );
@@ -2011,12 +2040,12 @@ let _ = class extends v {
       complete: (e) => d`<tems-viewport>
             <tems-header
               slot="header"
-              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">
+              heading=${this.catalogId ? e ? this.catalogId === "*" ? `${h("All Datasets")}` : `${h("Datasets from")}
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(S`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${h("All Sectors")}` : `${h("Catalogs available in")} ${this.sectorId}` : `${h("Root Authority")}`}
+              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? d`<div slot="cta">
                     <tems-button
                       type="primary"
-                      label=${p(
+                      label=${h(
         S`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
@@ -2043,7 +2072,7 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.catalogId || c}
                                   .content=${t.description || c}
-                                  date=${L(t.lastUpdated) || c}
+                                  date=${I(t.lastUpdated) || c}
                                   @click=${() => this._selectCatalog(t.catalogId)}
                                 ></tems-card-catalog>`
       )}` : d`${e.map(
@@ -2053,23 +2082,23 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.id || c}
                                   .content=${t.description || c}
-                                  date=${L(t.lastUpdated) || c}
+                                  date=${I(t.lastUpdated) || c}
                                   @click=${() => this._selectSector(t.id)}
                                 ></tems-card-catalog>`
       )}`}
                     </div>
                   </div>` : d`<p>
-                      ${p(
+                      ${h(
         "No data available, data source may be temporarily unavailable."
       )}
                     </p>
                     ${this.sectorId || this.catalogId ? d`<tems-button
                           type="primary"
-                          label=${p("Back")}
+                          label=${h("Back")}
                           @click=${this._back}
                         ></tems-button>` : d`<tems-button
                           type="primary"
-                          label=${p("Retry")}
+                          label=${h("Retry")}
                           @click=${this.requestUpdate}
                         ></tems-button>`}`}
             </div>
@@ -2123,10 +2152,10 @@ R([
 _ = R([
   V("solid-dsif-explorer-poc")
 ], _);
-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--)
+var Rr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, ft = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ur(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Er(t, r, s), s;
+  return i && s && Rr(t, r, s), s;
 };
 let Q = class extends C {
   constructor() {
@@ -2248,17 +2277,17 @@ ft([
 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, 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--)
+const Or = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}";
+var kr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, U = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Dr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Or(t, r, s), s;
+  return i && s && kr(t, r, s), s;
 };
 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: L },
-      { key: "updated_at", value: "updated_at", cast: L },
+      { key: "created_at", value: "created_at", cast: I },
+      { key: "updated_at", value: "updated_at", cast: I },
       { key: "name", value: "name" },
       { key: "description", value: "description" },
       { key: "author", value: "author" },
@@ -2318,8 +2347,8 @@ let w = class extends v {
       ],
       "@type": ["ldp:Container", "ds4go:FactBundle"],
       name: this.bundleName,
-      description: this.bundleDescription,
-      facts: this.selectedFacts.map((i) => i.id)
+      description: this.bundleDescription || "",
+      "ldp:contains": this.selectedFacts.map((i) => ({ "@id": i["@id"] }))
     }, r = await window.sibStore.post(
       t,
       this.dataSrc
@@ -2361,7 +2390,7 @@ let w = class extends v {
                 <tems-button
                   type="primary"
                   disabled=${!s || c}
-                  label=${p("Create bundle")}
+                  label=${h("Create bundle")}
                   @click=${this._createFactBundle}
                 ></tems-button>
               </div>
@@ -2372,8 +2401,8 @@ let w = class extends v {
                   <div>
                     <tems-input
                       type="text"
-                      label=${p("Bundle name")}
-                      placeholder=${p("Bundle name")}
+                      label=${h("Bundle name")}
+                      placeholder=${h("Bundle name")}
                       required=""
                       .value=${this.bundleName}
                       @change=${this._updateBundleName}
@@ -2382,15 +2411,15 @@ let w = class extends v {
                   <div>
                     <tems-textarea
                       rows="4"
-                      label=${p("Bundle description")}
-                      placeholder=${p("Bundle description")}
+                      label=${h("Bundle description")}
+                      placeholder=${h("Bundle description")}
                       .value=${this.bundleDescription}
                       @change=${this._updateBundleDescription}
                     ></tems-textarea>
                   </div>
                   ${i > 0 ? d`<tems-division type="h4">
                           <div>
-                            ${p(
+                            ${h(
           S`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
@@ -2404,7 +2433,7 @@ let w = class extends v {
           if (n.length > 3) {
             const a = n.length - 3;
             n.splice(3, a), n.push({
-              name: `+${a} ${p("more")}`,
+              name: `+${a} ${h("more")}`,
               type: "information"
             });
           }
@@ -2447,7 +2476,7 @@ let w = class extends v {
           if (n.length > 3) {
             const a = n.length - 3;
             n.splice(3, a), n.push({
-              name: `+${a} ${p("more")}`,
+              name: `+${a} ${h("more")}`,
               type: "information"
             });
           }
@@ -2468,7 +2497,7 @@ let w = class extends v {
                                   class="flex flex-row justify-content-space-between align-items-flex-end"
                                 >
                                   <div>
-                                    ${p(
+                                    ${h(
           S`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
@@ -2477,16 +2506,16 @@ let w = class extends v {
                                       @click=${this._showMoreResults}
                                       type="primary"
                                       size="sm"
-                                      label=${p("Show more results")}
+                                      label=${h("Show more results")}
                                     ></tems-button>
                                     <tems-button
                                       @click=${this._showAllResults}
                                       type="primary"
                                       size="sm"
-                                      label=${p("Show all results")}
+                                      label=${h("Show all results")}
                                     ></tems-button>
                                   </div>
-                                </div>` : c}` : d`${p("No results found")} ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
+                                </div>` : c}` : d`${h("No results found")} ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
                     </div>` : c}
               </section>
             </div>
@@ -2496,7 +2525,7 @@ let w = class extends v {
   }
 };
 w.styles = [
-  St(Ur),
+  St(Or),
   Y`
       [slot="content"] {
         height: 100%;
@@ -2570,16 +2599,16 @@ U([
 w = U([
   V("solid-fact-bundle-creation")
 ], w);
-var Dr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t, r, i) => {
+var Ir = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t, r, i) => {
   for (var s = i > 1 ? void 0 : i ? Lr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Dr(t, r, s), s;
+  return i && s && Ir(t, r, s), s;
 };
 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: L },
-      { key: "updated_at", value: "updated_at", cast: L },
+    super(), this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
+      { key: "created_at", value: "created_at", cast: I },
+      { key: "updated_at", value: "updated_at", cast: I },
       { key: "name", value: "name" },
       { key: "description", value: "description" }
     ], this._getResource = new pt(this, {
@@ -2602,13 +2631,15 @@ let T = class extends v {
         this.caching,
         this.currentRoute
       ]
+    }), We(this, {
+      keywords: ["factbundles"]
     });
   }
   async _responseAdaptator(e) {
     return e?._originalResource?.hasType("ds4go:FactBundle") && (e.facts = await Promise.all(
       (await e._originalResource["ldp:contains"]).map(
         (t) => this._getProxyValue(t["@id"], !1, [
-          { key: "updated_at", value: "updated_at", cast: L },
+          { key: "updated_at", value: "updated_at", cast: I },
           { key: "name", value: "name" },
           { key: "description", value: "description" },
           {
@@ -2645,28 +2676,28 @@ let T = class extends v {
   _openModal(e) {
     if (e.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        M(this.route, e.detail["@id"]);
+        N(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 && M(r[0]?.route, e.detail["@id"]);
+          r?.[0]?.route && N(r[0]?.route, e.detail["@id"]);
         }
       }
   }
   _closeModal(e) {
-    e.preventDefault(), this.route && M(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && N(this.route, this.defaultDataSrc);
   }
   _closeModalFromBackground(e) {
-    e.preventDefault(), this.route && e.target?.classList.contains("modal") && M(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && e.target?.classList.contains("modal") && N(this.route, this.defaultDataSrc);
   }
   _resultCountUpdate(e) {
     this.resultCount = e.detail ?? 0;
   }
   _goToBundleCreation(e) {
-    e.preventDefault(), this.bundleCreationComponent?.route && M(this.bundleCreationComponent.route);
+    e.preventDefault(), this.bundleCreationComponent?.route && N(this.bundleCreationComponent.route);
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
@@ -2678,7 +2709,7 @@ let T = class extends v {
                 <tems-button
                   type="primary"
                   disabled=${!this.bundleCreationComponent?.route || c}
-                  label=${p("Create a bundle")}
+                  label=${h("Create a bundle")}
                   @click=${this._goToBundleCreation}
                 ></tems-button>
               </div>
@@ -2741,9 +2772,12 @@ et([
 T = et([
   V("solid-fact-bundle")
 ], T);
-const Ir = {
+const Tr = {
+  s20acf344316637a0: "All Catalogs",
   s67269ab6dc51ec41: S`Error while loading catalog ${0}`,
+  s0b88896b7338837d: "All Datasets",
   s541d9cd11a5bc840: "Datasets from",
+  s01ceffa02fa6bd7f: "All Sectors",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
   se5784a16a6799dad: S`Back to ${0}`,
@@ -2765,20 +2799,20 @@ const Ir = {
   s4979bd417e7c8052: "All facts in this bundle",
   s57a40de45f324b96: "Bundle created on",
   sd3682395cf86f913: "Bundle updated on"
-}, Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  templates: Ir
-}, Symbol.toStringTag, { value: "Module" })), Fr = "en", he = [
+  templates: Tr
+}, Symbol.toStringTag, { value: "Module" })), Mr = "en", he = [
   "en"
-], Nr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Tr }), Mr = new Map(
+], Nr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Fr }), Br = new Map(
   he.map((e) => [
     e,
     Nr[`../../generated/locales/${e}.ts`]
   ])
-), { getLocale: Zt, setLocale: Xt } = yr({
-  sourceLocale: Fr,
+), { getLocale: Zt, setLocale: Xt } = vr({
+  sourceLocale: Mr,
   targetLocales: he,
-  loadLocale: async (e) => Mr.get(e)
+  loadLocale: async (e) => Br.get(e)
 });
 window.getLocale = window.getLocale ? window.getLocale.push(Zt) : [Zt];
 window.setLocale = window.setLocale ? window.setLocale.push(Xt) : [Xt];

package/package.json

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

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

@@ -131,9 +131,10 @@ export class SolidDsifExplorerPoc extends OrbitComponent {
       if (sectorId) {
         this.catalogs = [];
 
-        const selectedSectors = this.sectors.filter(
-          (sector) => sector.id === sectorId,
-        );
+        const selectedSectors =
+          sectorId === "*"
+            ? this.sectors
+            : this.sectors.filter((sector) => sector.id === sectorId);
 
         if (selectedSectors.length > 0) {
           this.catalogs = (
@@ -157,6 +158,34 @@ export class SolidDsifExplorerPoc extends OrbitComponent {
         }
 
         if (catalogId) {
+          if (catalogId === "*") {
+            this.object = {
+              "@id": "urn:uuid:all-catalogs",
+              "dct:title": msg("All Catalogs"),
+              "dct:description": "",
+              "dcat:dataset": (
+                await Promise.all(
+                  this.catalogs.map(async (catalog) => {
+                    try {
+                      return (
+                        (await (
+                          await fetch(catalog.endpoints.catalog)
+                        ).json()) as CatalogEntry
+                      )["dcat:dataset"];
+                    } catch (error) {
+                      console.warn(
+                        `Failed to fetch catalog from ${catalog.endpoints.catalog}`,
+                        error,
+                      );
+                      return [];
+                    }
+                  }),
+                )
+              ).flat() as Dataset[],
+            };
+
+            return this.object;
+          }
           // FIXME: What if both sbx and sa use the same catalogId?
           const selectedCatalog = this.catalogs.find(
             (catalog) => catalog.catalogId === catalogId,
@@ -247,13 +276,19 @@ export class SolidDsifExplorerPoc extends OrbitComponent {
               heading=${this.catalogId
                 ? !datas
                   ? `${msg(str`Error while loading catalog ${this.catalogId}`)}`
-                  : `${msg("Datasets from")}
+                  : this.catalogId === "*"
+                    ? `${msg("All Datasets")}`
+                    : `${msg("Datasets from")}
                   ${(datas as CatalogEntry)["dct:title"]} (From ${this.sectorId})`
                 : this.sectorId
-                  ? `${msg("Catalogs available in")} ${this.sectorId}`
+                  ? this.sectorId === "*"
+                    ? `${msg("All Sectors")}`
+                    : `${msg("Catalogs available in")} ${this.sectorId}`
                   : `${msg("Root Authority")}`}
-              >${this.sectorId || this.catalogId
-                ? html` <div slot="cta">
+              >${(this.sectorId || this.catalogId) &&
+              !(this.catalogId === "*" && this.sectorId === "*") &&
+              !(this.sectorId === "*" && !this.catalogId)
+                ? html`<div slot="cta">
                     <tems-button
                       type="primary"
                       label=${msg(

package/src/components/solid-fact-bundle-creation.ts

@@ -183,8 +183,8 @@ export class SolidFactBundle extends OrbitComponent {
       ],
       "@type": ["ldp:Container", "ds4go:FactBundle"],
       name: this.bundleName,
-      description: this.bundleDescription,
-      facts: this.selectedFacts.map((fact: Resource) => fact.id),
+      description: this.bundleDescription || "",
+      "ldp:contains": this.selectedFacts.map((fact: Resource) => ({"@id": fact["@id"]})),
     };
 
     const newFactBundleId = await window.sibStore.post(

package/src/components/solid-fact-bundle.ts

@@ -1,4 +1,4 @@
-import { formatDate, OrbitComponent, requestNavigation, sort } from "@helpers";
+import { formatDate, OrbitComponent, requestNavigation, setupCacheInvalidation, sort } from "@helpers";
 import { msg } from "@lit/localize";
 import { Task } from "@lit/task";
 import type {
@@ -12,6 +12,13 @@ import { customElement, property, state } from "lit/decorators.js";
 
 @customElement("solid-fact-bundle")
 export class SolidFactBundle extends OrbitComponent {
+  constructor() {
+    super();
+    setupCacheInvalidation(this, {
+      keywords: ["factbundles"],
+    });
+  }
+
   static styles = css`
     .modal {
       position: fixed;