@startinblox/components-ds4go 2.2.3 → 2.2.4

package/dist/index.js

@@ -1,8 +1,8 @@
 import { StoreType as ue, StoreService as pe } from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
-const it = globalThis, Ct = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, xt = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
+const it = globalThis, Ct = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, St = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
 let Qt = class {
   constructor(t, r, i) {
-    if (this._$cssResult$ = !0, i !== xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== St) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = r;
   }
   get styleSheet() {
@@ -18,13 +18,13 @@ let Qt = class {
     return this.cssText;
   }
 };
-const St = (e) => new Qt(typeof e == "string" ? e : e + "", void 0, xt), Y = (e, ...t) => {
+const xt = (e) => new Qt(typeof e == "string" ? e : e + "", void 0, St), Y = (e, ...t) => {
   const r = e.length === 1 ? e[0] : t.reduce((i, s, o) => i + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s) + e[o + 1], e[0]);
-  return new Qt(r, e, xt);
+  return new Qt(r, e, St);
 }, fe = (e, t) => {
   if (Ct) e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
   else for (const r of t) {
@@ -34,7 +34,7 @@ const St = (e) => new Qt(typeof e == "string" ? e : e + "", void 0, xt), Y = (e,
 }, kt = Ct ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let r = "";
   for (const i of t.cssRules) r += i.cssText;
-  return St(r);
+  return xt(r);
 })(e) : e;
 const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnPropertyNames: ve, getOwnPropertySymbols: be, getPrototypeOf: $e } = Object, dt = globalThis, Dt = dt.trustedTypes, _e = Dt ? Dt.emptyScript : "", we = dt.reactiveElementPolyfillSupport, K = (e, t) => e, ot = { toAttribute(e, t) {
   switch (t) {
@@ -66,7 +66,7 @@ const { is: me, defineProperty: ge, getOwnPropertyDescriptor: ye, getOwnProperty
   return r;
 } }, ht = (e, t) => !me(e, t), It = { attribute: !0, type: String, converter: ot, reflect: !1, useDefault: !1, hasChanged: ht };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), dt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let F = class extends HTMLElement {
+let N = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
@@ -247,23 +247,23 @@ let F = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-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, 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);
+N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[K("elementProperties")] = /* @__PURE__ */ new Map(), N[K("finalized")] = /* @__PURE__ */ new Map(), we?.({ ReactiveElement: N }), (dt.reactiveElementVersions ??= []).push("2.1.2");
+const Pt = globalThis, Lt = (e) => e, nt = Pt.trustedTypes, Tt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Yt = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, te = "?" + S, Ae = `<${te}>`, T = document, G = () => T.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Ce = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", mt = `[ 	
+\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ft = /-->/g, Nt = />/g, O = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, Bt = /"/g, ee = /^(?:script|style|textarea|title)$/i, Se = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), d = Se(1), H = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), I = T.createTreeWalker(T, 129);
 function re(e, t) {
   if (!jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Tt !== void 0 ? Tt.createHTML(t) : t;
 }
-const Se = (e, t) => {
+const xe = (e, t) => {
   const r = e.length - 1, i = [];
   let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = W;
   for (let a = 0; a < r; a++) {
     const l = e[a];
     let u, f, p = -1, b = 0;
-    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = 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);
+    for (; b < l.length && (n.lastIndex = b, f = n.exec(l), f !== null); ) b = n.lastIndex, n === W ? f[1] === "!--" ? n = Ft : f[1] !== void 0 ? n = Nt : f[2] !== void 0 ? (ee.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = O) : f[3] !== void 0 && (n = O) : n === O ? f[0] === ">" ? (n = s ?? W, p = -1) : f[1] === void 0 ? p = -2 : (p = n.lastIndex - f[2].length, u = f[1], n = f[3] === void 0 ? O : f[3] === '"' ? Bt : Mt) : n === Bt || n === Mt ? n = O : n === Ft || n === Nt ? n = W : (n = O, s = void 0);
     const $ = n === O && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === W ? l + Ae : p >= 0 ? (i.push(u), l.slice(0, p) + Yt + l.slice(p) + x + $) : l + x + (p === -2 ? a : $);
+    o += n === W ? l + Ae : p >= 0 ? (i.push(u), l.slice(0, p) + Yt + l.slice(p) + S + $) : l + S + (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, [u, f] = Se(t, r);
-    if (this.el = Z.createElement(u, i), D.currentNode = this.el.content, r === 2 || r === 3) {
+    const a = t.length - 1, l = this.parts, [u, f] = xe(t, r);
+    if (this.el = Z.createElement(u, i), I.currentNode = this.el.content, r === 2 || r === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (s = D.nextNode()) !== null && l.length < a; ) {
+    for (; (s = I.nextNode()) !== null && l.length < a; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Yt)) {
-          const b = f[n++], $ = s.getAttribute(p).split(x), rt = /([.?@])?(.*)/.exec(b);
+          const b = f[n++], $ = s.getAttribute(p).split(S), rt = /([.?@])?(.*)/.exec(b);
           l.push({ type: 1, index: o, name: rt[2], strings: $, ctor: rt[1] === "." ? je : rt[1] === "?" ? Ee : rt[1] === "@" ? Re : ut }), s.removeAttribute(p);
-        } else p.startsWith(x) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
+        } else p.startsWith(S) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
         if (ee.test(s.tagName)) {
-          const p = s.textContent.split(x), b = p.length - 1;
+          const p = s.textContent.split(S), b = p.length - 1;
           if (b > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let $ = 0; $ < b; $++) s.append(p[$], G()), D.nextNode(), l.push({ type: 2, index: ++o });
+            for (let $ = 0; $ < b; $++) s.append(p[$], G()), I.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 p = -1;
-        for (; (p = s.data.indexOf(x, p + 1)) !== -1; ) l.push({ type: 7, index: o }), p += x.length - 1;
+        for (; (p = s.data.indexOf(S, p + 1)) !== -1; ) l.push({ type: 7, index: o }), p += S.length - 1;
       }
       o++;
     }
   }
   static createElement(t, r) {
-    const i = L.createElement("template");
+    const i = T.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);
-    D.currentNode = s;
-    let o = D.nextNode(), n = 0, a = 0, l = i[0];
+    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? T).importNode(r, !0);
+    I.currentNode = s;
+    let o = I.nextNode(), n = 0, a = 0, l = i[0];
     for (; l !== void 0; ) {
       if (n === l.index) {
         let u;
         l.type === 2 ? u = new tt(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new Ue(o, this, t)), this._$AV.push(u), l = i[++a];
       }
-      n !== l?.index && (o = D.nextNode(), n++);
+      n !== l?.index && (o = I.nextNode(), n++);
     }
-    return D.currentNode = L, s;
+    return I.currentNode = T, 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(T.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);
@@ -474,7 +474,7 @@ const ke = (e, t, r) => {
   return s._$AI(e), s;
 };
 const Et = globalThis;
-let q = class extends F {
+let q = class extends N {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -545,7 +545,7 @@ function y(e) {
 function m(e) {
   return y({ ...e, state: !0, attribute: !1 });
 }
-var Fe = Object.defineProperty, Me = (e, t, r, i) => {
+var Fe = Object.defineProperty, Ne = (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);
   }
 }
-Me([
+Ne([
   y({ attribute: !1 })
 ], Rt.prototype, "objects");
-var Ne = Object.defineProperty, j = (e, t, r, i) => {
+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 && Ne(t, r, s), s;
+  return s && Me(t, r, s), s;
 };
 class v extends Rt {
   constructor({
@@ -600,7 +600,7 @@ class v extends Rt {
       );
       a && (i = a[0]?.uniq);
     }
-    i && N(
+    i && D(
       (window.orbit ? window.orbit.getRoute(i, !0) : i) + (s ? `-${s}` : ""),
       o
     ), t.preventDefault();
@@ -1474,7 +1474,7 @@ const bt = (e, t, r, i) => {
   else
     throw new TypeError(`Unsupported data type for key "${t}"`);
   return r === "asc" ? a : -a;
-}), I = (e, t = {
+}), L = (e, t = {
   day: "2-digit",
   month: "2-digit",
   year: "2-digit"
@@ -1482,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;
-}, N = (e, t = !1) => {
+}, D = (e, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -1502,7 +1502,7 @@ const ir = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), S = ir, or = (e) => typeof e != "string" && "strTag" in e, oe = (e, t, r) => {
+}), x = 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];
@@ -1751,8 +1751,8 @@ X = Ut([
   V("ds4go-fact-bundle-holder")
 ], X);
 const Ar = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
-var Cr = Object.defineProperty, 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--)
+var Cr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, de = (e, t, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Sr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
   return i && s && Cr(t, r, s), s;
 };
@@ -1776,10 +1776,10 @@ let lt = class extends Ie {
         <div class="modal-box">
           <div class="modal-content">
             <tems-division type="h3"
-              ><div>${String(this.object.name)}</div></tems-division
+              ><div>${String(this.object.name || "")}</div></tems-division
             >
             <tems-division type="body-m"
-              ><div>${String(this.object.description)}</div></tems-division
+              ><div>${String(this.object.description || "")}</div></tems-division
             >
             <tems-division type="h4"
               ><div>${h("All facts in this bundle")}</div></tems-division
@@ -1823,7 +1823,7 @@ let lt = class extends Ie {
   }
 };
 lt.styles = Y`
-    ${St(Ar)}
+    ${xt(Ar)}
   `;
 de([
   y({ attribute: !1, type: Object })
@@ -1832,7 +1832,7 @@ lt = de([
   V("ds4go-fact-bundle-modal"),
   dr()
 ], lt);
-const Sr = /* @__PURE__ */ Symbol();
+const xr = /* @__PURE__ */ Symbol();
 class pt {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
@@ -1872,7 +1872,7 @@ class pt {
       o = !0, i = n;
     }
     if (this.p === s) {
-      if (r === Sr) this.i = 0;
+      if (r === xr) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -2041,12 +2041,12 @@ let _ = class extends v {
             <tems-header
               slot="header"
               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")}`}
+                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(x`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${h("All Sectors")}` : `${h("Catalogs available in")} ${this.sectorId}` : `${h("Root Authority")}`}
               >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? d`<div slot="cta">
                     <tems-button
                       type="primary"
                       label=${h(
-        S`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+        x`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
@@ -2072,7 +2072,7 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.catalogId || c}
                                   .content=${t.description || c}
-                                  date=${I(t.lastUpdated) || c}
+                                  date=${L(t.lastUpdated) || c}
                                   @click=${() => this._selectCatalog(t.catalogId)}
                                 ></tems-card-catalog>`
       )}` : d`${e.map(
@@ -2082,7 +2082,7 @@ let _ = class extends v {
                                   type=${"bill-image"}
                                   .header=${t.id || c}
                                   .content=${t.description || c}
-                                  date=${I(t.lastUpdated) || c}
+                                  date=${L(t.lastUpdated) || c}
                                   @click=${() => this._selectSector(t.id)}
                                 ></tems-card-catalog>`
       )}`}
@@ -2286,8 +2286,8 @@ var kr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, U = (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: I },
-      { key: "updated_at", value: "updated_at", cast: I },
+      { 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" },
@@ -2348,7 +2348,7 @@ let w = class extends v {
       "@type": ["ldp:Container", "ds4go:FactBundle"],
       name: this.bundleName,
       description: this.bundleDescription || "",
-      "ldp:contains": this.selectedFacts.map((i) => ({ "@id": i["@id"] }))
+      "ldp:contains": this.selectedFacts.map((s) => ({ "@id": s["@id"] }))
     }, r = await window.sibStore.post(
       t,
       this.dataSrc
@@ -2363,7 +2363,14 @@ let w = class extends v {
         detail: { resource: { "@id": this.dataSrc } },
         bubbles: !0
       })
-    );
+    ), this.bundleName = "", this.bundleDescription = "", this.selectedFacts = [];
+    const i = this.orbit?.getComponent("fact-bundle");
+    document.dispatchEvent(
+      new CustomEvent("save", {
+        detail: { resource: { "@id": i?.defaultDataSrc } },
+        bubbles: !0
+      })
+    ), i && D(i?.route, i?.defaultDataSrc);
   }
   _updateBundleName(t) {
     this.bundleName = t.detail.value;
@@ -2420,7 +2427,7 @@ let w = class extends v {
                   ${i > 0 ? d`<tems-division type="h4">
                           <div>
                             ${h(
-          S`${i} selected fact${i > 1 ? "s" : ""}`
+          x`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -2498,7 +2505,7 @@ let w = class extends v {
                                 >
                                   <div>
                                     ${h(
-          S`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+          x`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
                                   <div class="flex flex-row gap-400">
@@ -2525,7 +2532,7 @@ let w = class extends v {
   }
 };
 w.styles = [
-  St(Or),
+  xt(Or),
   Y`
       [slot="content"] {
         height: 100%;
@@ -2604,16 +2611,16 @@ var Ir = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, et = (e, t
     (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
   return i && s && Ir(t, r, s), s;
 };
-let T = class extends v {
+let F = class extends v {
   constructor() {
-    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 },
+    super(...arguments), this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
+      { key: "created_at", value: "created_at", cast: L },
+      { key: "updated_at", value: "updated_at", cast: L },
       { key: "name", value: "name" },
       { key: "description", value: "description" }
     ], this._getResource = new pt(this, {
       task: async ([e, t]) => {
-        if (!(!e && !t || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
+        if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (this.menuComponent.ready || await new Promise((r) => {
             this.menuComponent.addEventListener("user-ready", () => {
               r(!0);
@@ -2622,7 +2629,9 @@ let T = 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), P(this.objects, "name", "asc");
+          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), t ? this.object = this.objects.find(
+            (r) => r["@id"] === t
+          ) : this.dataSrc = e, P(this.objects, "name", "asc");
         }
       },
       args: () => [
@@ -2631,15 +2640,13 @@ 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: I },
+          { key: "updated_at", value: "updated_at", cast: L },
           { key: "name", value: "name" },
           { key: "description", value: "description" },
           {
@@ -2664,7 +2671,9 @@ let T = class extends v {
     )), Promise.resolve(e);
   }
   async _afterAttach() {
-    return this.menuComponent = document.querySelector(
+    return We(this, {
+      keywords: ["factbundles"]
+    }), this.menuComponent = document.querySelector(
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
     ), this.bundleCreationComponent = this.orbit?.getComponent(
       "fact-bundle-creation"
@@ -2676,28 +2685,28 @@ let T = class extends v {
   _openModal(e) {
     if (e.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        N(this.route, e.detail["@id"]);
+        D(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 && D(r[0]?.route, e.detail["@id"]);
         }
       }
   }
   _closeModal(e) {
-    e.preventDefault(), this.route && N(this.route, this.defaultDataSrc);
+    e.preventDefault(), this.route && D(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") && D(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 && D(this.bundleCreationComponent.route);
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
@@ -2743,7 +2752,7 @@ let T = class extends v {
     });
   }
 };
-T.styles = Y`
+F.styles = Y`
     .modal {
       position: fixed;
       top: 0;
@@ -2759,37 +2768,37 @@ T.styles = Y`
   `;
 et([
   y({ attribute: "header", type: String })
-], T.prototype, "header", 2);
+], F.prototype, "header", 2);
 et([
   m()
-], T.prototype, "search", 2);
+], F.prototype, "search", 2);
 et([
   m()
-], T.prototype, "resultCount", 2);
+], F.prototype, "resultCount", 2);
 et([
   m()
-], T.prototype, "bundleCreationComponent", 2);
-T = et([
+], F.prototype, "bundleCreationComponent", 2);
+F = et([
   V("solid-fact-bundle")
-], T);
+], F);
 const Tr = {
   s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: S`Error while loading catalog ${0}`,
+  s67269ab6dc51ec41: x`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}`,
+  se5784a16a6799dad: x`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: S`${0} selected fact${1}`,
+  sac1b0231875ff056: x`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: S`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: x`Displaying ${0} of ${1} result${2}`,
   sa40e7f4f2a43e2f7: "Show more results",
   sacf246e0fa11730d: "Show all results",
   s9094c0cde8fb5058: "No results found",
@@ -2802,15 +2811,15 @@ const Tr = {
 }, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   templates: Tr
-}, Symbol.toStringTag, { value: "Module" })), Mr = "en", he = [
+}, Symbol.toStringTag, { value: "Module" })), Nr = "en", he = [
   "en"
-], Nr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Fr }), Br = new Map(
+], Mr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Fr }), Br = new Map(
   he.map((e) => [
     e,
-    Nr[`../../generated/locales/${e}.ts`]
+    Mr[`../../generated/locales/${e}.ts`]
   ])
 ), { getLocale: Zt, setLocale: Xt } = vr({
-  sourceLocale: Mr,
+  sourceLocale: Nr,
   targetLocales: he,
   loadLocale: async (e) => Br.get(e)
 });

package/package.json

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

package/src/components/modal/ds4go-fact-bundle-modal.ts

@@ -33,10 +33,10 @@ export class Ds4goFactBundleModal extends ComponentObjectHandler {
         <div class="modal-box">
           <div class="modal-content">
             <tems-division type="h3"
-              ><div>${String(this.object.name)}</div></tems-division
+              ><div>${String(this.object.name || "")}</div></tems-division
             >
             <tems-division type="body-m"
-              ><div>${String(this.object.description)}</div></tems-division
+              ><div>${String(this.object.description || "")}</div></tems-division
             >
             <tems-division type="h4"
               ><div>${msg("All facts in this bundle")}</div></tems-division

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

@@ -2,6 +2,7 @@ import {
   filterObjectByValue,
   formatDate,
   OrbitComponent,
+  requestNavigation,
   sort,
 } from "@helpers";
 import { msg, str } from "@lit/localize";
@@ -205,6 +206,22 @@ export class SolidFactBundle extends OrbitComponent {
         bubbles: true,
       }),
     );
+
+    this.bundleName = "";
+    this.bundleDescription = "";
+    this.selectedFacts = [];
+
+    const factbundleComponent: any = this.orbit?.getComponent("fact-bundle");
+
+    document.dispatchEvent(
+      new CustomEvent("save", {
+        detail: { resource: { "@id": factbundleComponent?.defaultDataSrc } },
+        bubbles: true,
+      }),
+    );
+    if(factbundleComponent) {
+      requestNavigation(factbundleComponent?.route, factbundleComponent?.defaultDataSrc);
+    }
   }
 
   _updateBundleName(e: Event) {

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

@@ -1,4 +1,10 @@
-import { formatDate, OrbitComponent, requestNavigation, setupCacheInvalidation, sort } from "@helpers";
+import {
+  formatDate,
+  OrbitComponent,
+  requestNavigation,
+  setupCacheInvalidation,
+  sort,
+} from "@helpers";
 import { msg } from "@lit/localize";
 import { Task } from "@lit/task";
 import type {
@@ -12,13 +18,6 @@ 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;
@@ -88,6 +87,10 @@ export class SolidFactBundle extends OrbitComponent {
   }
 
   async _afterAttach() {
+    setupCacheInvalidation(this, {
+      keywords: ["factbundles"],
+    });
+
     this.menuComponent = document.querySelector(
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`,
     );
@@ -102,7 +105,7 @@ export class SolidFactBundle extends OrbitComponent {
   _getResource = new Task(this, {
     task: async ([dataSrc, objSrc]) => {
       if (
-        (!dataSrc && !objSrc) ||
+        !dataSrc ||
         !this.orbit ||
         (!this.noRouter &&
           this.route &&
@@ -136,7 +139,13 @@ export class SolidFactBundle extends OrbitComponent {
         this.objects = [];
       }
 
-      this.object = this.objects.find((obj: Resource) => obj["@id"] === objSrc);
+      if (objSrc) {
+        this.object = this.objects.find(
+          (obj: Resource) => obj["@id"] === objSrc,
+        );
+      } else {
+        this.dataSrc = dataSrc;
+      }
 
       return sort(this.objects, "name", "asc");
     },
@@ -232,9 +241,8 @@ export class SolidFactBundle extends OrbitComponent {
                 @clicked=${this._openModal}
                 @result-count=${this._resultCountUpdate}
               ></ds4go-fact-bundle-holder>
-              ${
-                this.object
-                  ? html`<div
+              ${this.object
+                ? html`<div
                     class="modal"
                     @click=${this._closeModalFromBackground}
                   >
@@ -243,8 +251,7 @@ export class SolidFactBundle extends OrbitComponent {
                       @close=${this._closeModal}
                     ></ds4go-fact-bundle-modal>
                   </div>`
-                  : nothing
-              }
+                : nothing}
             </div>
           </tems-viewport>`;
         },