@startinblox/components-ds4go 3.0.0 → 3.0.2

package/biome.json

@@ -1,6 +1,6 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.3.14/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.15/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

package/dist/index.js

@@ -18,7 +18,7 @@ let te = class {
     return this.cssText;
   }
 };
-const Rt = (e) => new te(typeof e == "string" ? e : e + "", void 0, Pt), tt = (e, ...t) => {
+const Et = (e) => new te(typeof e == "string" ? e : e + "", void 0, Pt), tt = (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;
@@ -34,7 +34,7 @@ const Rt = (e) => new te(typeof e == "string" ? e : e + "", void 0, Pt), tt = (e
 }, Lt = xt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let r = "";
   for (const i of t.cssRules) r += i.cssText;
-  return Rt(r);
+  return Et(r);
 })(e) : e;
 const { is: ve, defineProperty: be, getOwnPropertyDescriptor: $e, getOwnPropertyNames: _e, getOwnPropertySymbols: we, getPrototypeOf: Ae } = Object, ht = globalThis, Tt = ht.trustedTypes, Ce = Tt ? Tt.emptyScript : "", Se = ht.reactiveElementPolyfillSupport, G = (e, t) => e, at = { toAttribute(e, t) {
   switch (t) {
@@ -248,14 +248,14 @@ let B = class extends HTMLElement {
   }
 };
 B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[G("elementProperties")] = /* @__PURE__ */ new Map(), B[G("finalized")] = /* @__PURE__ */ new Map(), Se?.({ ReactiveElement: B }), (ht.reactiveElementVersions ??= []).push("2.1.2");
-const Et = globalThis, Ft = (e) => e, ct = Et.trustedTypes, Nt = ct ? ct.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ee = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, re = "?" + R, xe = `<${re}>`, F = document, J = () => F.createComment(""), Z = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Pe = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", gt = `[ 	
+const Rt = globalThis, Ft = (e) => e, ct = Rt.trustedTypes, Nt = ct ? ct.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ee = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, re = "?" + E, xe = `<${re}>`, F = document, J = () => F.createComment(""), Z = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Pe = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", gt = `[ 	
 \f\r]`, K = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Mt = /-->/g, Bt = />/g, k = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, se = /^(?:script|style|textarea|title)$/i, Re = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = Re(1), V = /* @__PURE__ */ Symbol.for("lit-noChange"), l = /* @__PURE__ */ Symbol.for("lit-nothing"), zt = /* @__PURE__ */ new WeakMap(), T = F.createTreeWalker(F, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, se = /^(?:script|style|textarea|title)$/i, Ee = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = Ee(1), V = /* @__PURE__ */ Symbol.for("lit-noChange"), l = /* @__PURE__ */ Symbol.for("lit-nothing"), zt = /* @__PURE__ */ new WeakMap(), T = F.createTreeWalker(F, 129);
 function ie(e, t) {
   if (!jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Nt !== void 0 ? Nt.createHTML(t) : t;
 }
-const Ee = (e, t) => {
+const Re = (e, t) => {
   const r = e.length - 1, i = [];
   let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = K;
   for (let a = 0; a < r; a++) {
@@ -263,7 +263,7 @@ const Ee = (e, t) => {
     let d, p, u = -1, g = 0;
     for (; g < c.length && (n.lastIndex = g, p = n.exec(c), p !== null); ) g = n.lastIndex, n === K ? p[1] === "!--" ? n = Mt : p[1] !== void 0 ? n = Bt : p[2] !== void 0 ? (se.test(p[2]) && (s = RegExp("</" + p[2], "g")), n = k) : p[3] !== void 0 && (n = k) : n === k ? p[0] === ">" ? (n = s ?? K, u = -1) : p[1] === void 0 ? u = -2 : (u = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? k : p[3] === '"' ? Ht : qt) : n === Ht || n === qt ? n = k : n === Mt || n === Bt ? n = K : (n = k, s = void 0);
     const w = n === k && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === K ? c + xe : u >= 0 ? (i.push(d), c.slice(0, u) + ee + c.slice(u) + R + w) : c + R + (u === -2 ? a : w);
+    o += n === K ? c + xe : u >= 0 ? (i.push(d), c.slice(0, u) + ee + c.slice(u) + E + w) : c + E + (u === -2 ? a : w);
   }
   return [ie(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
@@ -272,7 +272,7 @@ class X {
     let s;
     this.parts = [];
     let o = 0, n = 0;
-    const a = t.length - 1, c = this.parts, [d, p] = Ee(t, r);
+    const a = t.length - 1, c = this.parts, [d, p] = Re(t, r);
     if (this.el = X.createElement(d, i), T.currentNode = this.el.content, r === 2 || r === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
@@ -280,11 +280,11 @@ class X {
     for (; (s = T.nextNode()) !== null && c.length < a; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ee)) {
-          const g = p[n++], w = s.getAttribute(u).split(R), it = /([.?@])?(.*)/.exec(g);
+          const g = p[n++], w = s.getAttribute(u).split(E), it = /([.?@])?(.*)/.exec(g);
           c.push({ type: 1, index: o, name: it[2], strings: w, ctor: it[1] === "." ? Ue : it[1] === "?" ? ke : it[1] === "@" ? De : ft }), s.removeAttribute(u);
-        } else u.startsWith(R) && (c.push({ type: 6, index: o }), s.removeAttribute(u));
+        } else u.startsWith(E) && (c.push({ type: 6, index: o }), s.removeAttribute(u));
         if (se.test(s.tagName)) {
-          const u = s.textContent.split(R), g = u.length - 1;
+          const u = s.textContent.split(E), g = u.length - 1;
           if (g > 0) {
             s.textContent = ct ? ct.emptyScript : "";
             for (let w = 0; w < g; w++) s.append(u[w], J()), T.nextNode(), c.push({ type: 2, index: ++o });
@@ -294,7 +294,7 @@ class X {
       } else if (s.nodeType === 8) if (s.data === re) c.push({ type: 2, index: o });
       else {
         let u = -1;
-        for (; (u = s.data.indexOf(R, u + 1)) !== -1; ) c.push({ type: 7, index: o }), u += R.length - 1;
+        for (; (u = s.data.indexOf(E, u + 1)) !== -1; ) c.push({ type: 7, index: o }), u += E.length - 1;
       }
       o++;
     }
@@ -462,8 +462,8 @@ class Oe {
     W(this, t);
   }
 }
-const Le = Et.litHtmlPolyfillSupport;
-Le?.(X, et), (Et.litHtmlVersions ??= []).push("3.3.2");
+const Le = Rt.litHtmlPolyfillSupport;
+Le?.(X, et), (Rt.litHtmlVersions ??= []).push("3.3.2");
 const Te = (e, t, r) => {
   const i = r?.renderBefore ?? t;
   let s = i._$litPart$;
@@ -1138,7 +1138,10 @@ class P extends $ {
         component: this,
         defaultRoute: t,
         ignoreRouter: i
-      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component && this.orbit.components.map((o) => (o.uniq === this.component.uniq && (o.instance = this), o))), !this.participantConnectorUri) {
+      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component))
+        for (const o of this.orbit.components)
+          o.uniq === this.component.uniq && (o.instance = this);
+      if (!this.participantConnectorUri) {
         const o = this.component?.parameters;
         o?.["participant-connector-uri"] && (this.participantConnectorUri = o["participant-connector-uri"]), o?.["participant-api-key"] && (this.participantApiKey = o["participant-api-key"]), o?.providers && (this.providers = o.providers), o?.["participant-id"] && (this.participantId = o["participant-id"]);
       }
@@ -1174,7 +1177,13 @@ class P extends $ {
         } catch (o) {
           console.error("DSP Store initialization error:", o);
         }
-      return await this._afterAttach(), Promise.resolve(!0);
+      return await this._afterAttach(), this.ready = !0, this.dispatchEvent(
+        new CustomEvent("component-ready", {
+          detail: {
+            component: this.component
+          }
+        })
+      ), Promise.resolve(!0);
     }
     return Promise.resolve(!1);
   }
@@ -1550,7 +1559,7 @@ const ar = (e, ...t) => ({
   strTag: !0,
   strings: e,
   values: t
-}), E = ar, cr = (e) => typeof e != "string" && "strTag" in e, ce = (e, t, r) => {
+}), R = ar, cr = (e) => typeof e != "string" && "strTag" in e, ce = (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];
@@ -1799,8 +1808,8 @@ Q = Dt([
   M("ds4go-fact-bundle-holder")
 ], Q);
 const xr = ".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 Pr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, pe = (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 Pr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, pe = (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;
 };
@@ -1871,7 +1880,7 @@ let ut = class extends Fe {
   }
 };
 ut.styles = tt`
-    ${Rt(xr)}
+    ${Et(xr)}
   `;
 pe([
   v({ attribute: !1, type: Object })
@@ -1880,7 +1889,7 @@ ut = pe([
   M("ds4go-fact-bundle-modal"),
   pr()
 ], ut);
-const Er = /* @__PURE__ */ Symbol();
+const Rr = /* @__PURE__ */ Symbol();
 class rt {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
@@ -1920,7 +1929,7 @@ class rt {
       o = !0, i = n;
     }
     if (this.p === s) {
-      if (r === Er) this.i = 0;
+      if (r === Rr) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -2141,12 +2150,12 @@ let A = class extends $ {
             <tems-header
               slot="header"
               heading=${this.catalogId ? e ? this.catalogId === "*" ? `${h("All Datasets")}` : `${h("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(E`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(R`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) ? f`<div slot="cta">
                     <tems-button
                       type="primary"
                       label=${h(
-        E`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
+        R`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
       )}
                       @click=${this._back}
                     ></tems-button>
@@ -2447,7 +2456,7 @@ let b = class extends $ {
     });
   }
   async _afterAttach() {
-    return this.dspConnector = this.orbit?.getComponent("dsp-connector"), Promise.resolve();
+    return this.dspConnector = this.orbit?.components.find((t) => t.type === "dsp-connector"), Promise.resolve();
   }
   _showMoreResults() {
     this.spliceLength += Math.floor((window.innerWidth - 800) / 354);
@@ -2548,7 +2557,7 @@ let b = class extends $ {
       a && a.loadData();
     }
     this.bundleName = "", this.bundleDescription = "", this.selectedFacts = [];
-    const i = this.orbit?.getComponent("fact-bundle");
+    const i = this.orbit?.components.find((s) => s.type === "fact-bundle");
     document.dispatchEvent(
       new CustomEvent("save", {
         detail: { resource: { "@id": i?.defaultDataSrc } },
@@ -2656,7 +2665,7 @@ let b = class extends $ {
                   ${i > 0 ? f`<tems-division type="h4">
                           <div>
                             ${h(
-          E`${i} selected fact${i > 1 ? "s" : ""}`
+          R`${i} selected fact${i > 1 ? "s" : ""}`
         )}
                           </div></tems-division
                         >
@@ -2734,7 +2743,7 @@ let b = class extends $ {
                                 >
                                   <div>
                                     ${h(
-          E`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
+          R`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
         )}
                                   </div>
                                   <div class="flex flex-row gap-400">
@@ -2761,7 +2770,7 @@ let b = class extends $ {
     });
   }
 };
-b.styles = [Rt(Ir)];
+b.styles = [Et(Ir)];
 _([
   v({ attribute: "header", type: String })
 ], b.prototype, "header", 2);
@@ -2867,9 +2876,7 @@ let N = class extends $ {
       keywords: ["factbundles"]
     }), this.menuComponent = document.querySelector(
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
-    ), this.bundleCreationComponent = this.orbit?.getComponent(
-      "fact-bundle-creation"
-    ), Promise.resolve();
+    ), this.bundleCreationComponent = this.orbit?.components.find((e) => e.type === "fact-bundle-creation"), Promise.resolve();
   }
   _search(e) {
     e.preventDefault(), this.search = e.detail, this.filterCount = this.search.filter((t) => t.name !== "search").length;
@@ -2975,13 +2982,13 @@ N = st([
 ], N);
 const qr = {
   s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: E`Error while loading catalog ${0}`,
+  s67269ab6dc51ec41: R`Error while loading catalog ${0}`,
   s0b88896b7338837d: "All Datasets",
   s541d9cd11a5bc840: "Datasets from",
   s01ceffa02fa6bd7f: "All Sectors",
   s4aaac20ff7887391: "Catalogs available in",
   sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: E`Back to ${0}`,
+  se5784a16a6799dad: R`Back to ${0}`,
   s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
   sc16e00a7a8b2fde2: "Back",
   s2c8189544e3ea679: "Retry",
@@ -2994,9 +3001,9 @@ const qr = {
   s21fb127cabcd5617: "Comma-separated, eg.: en,de,es,fr)",
   sa6ef22f7e7e95e2b: "Access policy",
   s6de61424bb681993: "Contract policy",
-  sac1b0231875ff056: E`${0} selected fact${1}`,
+  sac1b0231875ff056: R`${0} selected fact${1}`,
   s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: E`Displaying ${0} of ${1} result${2}`,
+  s8272d3578b7c78d5: R`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": "3.0.0",
+  "version": "3.0.2",
   "description": "Startin'blox DS4GO",
   "main": "dist/index.js",
   "type": "module",

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

@@ -73,7 +73,7 @@ export class SolidFactBundle extends OrbitComponent {
 
   async _afterAttach() {
     // use this.dspConnector.instance to reach the connector
-    this.dspConnector = this.orbit?.getComponent("dsp-connector");
+    this.dspConnector = this.orbit?.components.find((c) => c.type === "dsp-connector");
 
     return Promise.resolve();
   }
@@ -288,7 +288,7 @@ export class SolidFactBundle extends OrbitComponent {
     this.bundleDescription = "";
     this.selectedFacts = [];
 
-    const factbundleComponent: any = this.orbit?.getComponent("fact-bundle");
+    const factbundleComponent: any = this.orbit?.components.find((c) => c.type === "fact-bundle");
 
     document.dispatchEvent(
       new CustomEvent("save", {

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

@@ -95,9 +95,7 @@ export class SolidFactBundle extends OrbitComponent {
       `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`,
     );
 
-    this.bundleCreationComponent = this.orbit?.getComponent(
-      "fact-bundle-creation",
-    );
+    this.bundleCreationComponent = this.orbit?.components.find((c) => c.type === "fact-bundle-creation");
 
     return Promise.resolve();
   }

package/src/helpers/components/orbitDspComponent.ts

@@ -51,7 +51,7 @@ export default class extends OrbitComponent {
   }
 
   protected async _attach(
-    defaultRoute: boolean,
+    defaultRoute: boolean | string,
     setupSubscriptions: boolean,
     ignoreRouter: boolean,
   ) {
@@ -64,15 +64,15 @@ export default class extends OrbitComponent {
             defaultRoute: defaultRoute,
             ignoreRouter: ignoreRouter,
           });
+
           if (this.route) {
             this.component = this.orbit.getComponentFromRoute(this.route);
             if (this.component) {
-              this.orbit.components.map((c) => {
+              for (const c of this.orbit.components) {
                 if (c.uniq === this.component.uniq) {
                   c.instance = this;
                 }
-                return c;
-              });
+              }
             }
           }
 
@@ -145,6 +145,16 @@ export default class extends OrbitComponent {
             }
           }
           await this._afterAttach();
+
+          this.ready = true;
+          this.dispatchEvent(
+            new CustomEvent("component-ready", {
+              detail: {
+                component: this.component,
+              },
+            }),
+          );
+
           return Promise.resolve(true);
         }
       }