@startinblox/components-ds4go 3.3.1 → 3.3.2

package/dist/index.js

@@ -9001,7 +9001,7 @@ let Ce = class extends re {
   _openModal(t) {
     if (t.preventDefault(), this.route)
       if ("use-id" in (this.component.routeAttributes || {}))
-        M(this.route, t.detail["@id"]);
+        this.object = t.detail, this.dataSrc = t.detail["@id"], M(this.route, t.detail["@id"]);
       else {
         const e = t.detail["@type"]?.at(-1) ?? t.detail["@type"];
         if (e) {
@@ -9016,10 +9016,10 @@ let Ce = class extends re {
       }
   }
   _closeModal(t) {
-    t.preventDefault(), this.route && M(this.route, this.defaultDataSrc);
+    t.preventDefault(), this.route && (M(this.route, this.defaultDataSrc), this.dataSrc = void 0, this.object = void 0);
   }
   _closeModalFromBackground(t) {
-    t.preventDefault(), this.route && t.target?.classList.contains("modal") && M(this.route, this.defaultDataSrc);
+    t.preventDefault(), this.route && t.target?.classList.contains("modal") && (M(this.route, this.defaultDataSrc), this.dataSrc = void 0, this.object = void 0);
   }
   _resultCountUpdate(t) {
     this.resultCount = t.detail ?? 0;
@@ -9081,10 +9081,10 @@ let Ce = class extends re {
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >
-                  <ds4go-catalog
+                  <ds4go-catalog-modal
                     .object=${this.object}
                     @close=${this._closeModal}
-                  ></ds4go-catalog>
+                  ></ds4go-catalog-modal>
                 </div>` : l}
           </div>
         </tems-viewport>`

package/package.json

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

package/src/components/solid-dsp-catalog.ts

@@ -86,7 +86,7 @@ export class DSPCatalog extends OrbitDSPComponent {
           document.removeEventListener("dsp-connector-ready", listener);
         };
         document.addEventListener("dsp-connector-ready", listener);
-      return;
+        return;
       }
 
       if (objSrc) {
@@ -110,6 +110,8 @@ export class DSPCatalog extends OrbitDSPComponent {
     e.preventDefault();
     if (this.route) {
       if ("use-id" in (this.component.routeAttributes || {})) {
+        this.object = e.detail;
+        this.dataSrc = e.detail["@id"];
         utils.requestNavigation(this.route, e.detail["@id"]);
       } else {
         const rdfType = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
@@ -131,13 +133,20 @@ export class DSPCatalog extends OrbitDSPComponent {
 
   _closeModal(e: Event) {
     e.preventDefault();
-    if (this.route) utils.requestNavigation(this.route, this.defaultDataSrc);
+    if (this.route) {
+      utils.requestNavigation(this.route, this.defaultDataSrc);
+      this.dataSrc = undefined;
+      this.object = undefined;
+    }
   }
 
   _closeModalFromBackground(e: Event) {
     e.preventDefault();
-    if (this.route && e.target?.classList.contains("modal"))
+    if (this.route && e.target?.classList.contains("modal")) {
       utils.requestNavigation(this.route, this.defaultDataSrc);
+      this.dataSrc = undefined;
+      this.object = undefined;
+    }
   }
 
   _resultCountUpdate(e: Event) {
@@ -220,10 +229,10 @@ export class DSPCatalog extends OrbitDSPComponent {
                   class="modal"
                   @click=${this._closeModalFromBackground}
                 >
-                  <ds4go-catalog
+                  <ds4go-catalog-modal
                     .object=${this.object}
                     @close=${this._closeModal}
-                  ></ds4go-catalog>
+                  ></ds4go-catalog-modal>
                 </div>`
               : nothing}
           </div>