@getlupa/client 0.10.5 → 0.10.7

package/dist/cjs/index.min.js

@@ -40221,37 +40221,37 @@ var store = new Vuex.Store({
 
 const createShadowDom = (shadowId, managerId) => {
     let host = document.getElementById(shadowId);
-    let manager = document.getElementById(managerId);
-    if (!host) {
-        host = document.createElement("div");
-        manager = document.createElement("div");
-    }
-    if (!manager) {
-        manager = document.createElement("div");
+    if (host) {
+        host.remove();
     }
+    host = document.createElement("div");
+    const manager = document.createElement("div");
     host.setAttribute("id", shadowId);
     manager === null || manager === void 0 ? void 0 : manager.setAttribute("id", managerId);
     return { host, manager };
 };
 const attatchShadowDom = ({ host, manager, styleUrl, }) => {
+    if (host.shadowRoot) {
+        return;
+    }
     const link = document.createElement("link");
     link.type = "text/css";
     link.rel = "stylesheet";
     link.href = styleUrl;
     // Fonts only work when added in host document head
-    const linkNode = document.createElement("link");
-    linkNode.type = "text/css";
-    linkNode.rel = "stylesheet";
-    linkNode.href =
+    const fontLink = document.createElement("link");
+    fontLink.type = "text/css";
+    fontLink.rel = "stylesheet";
+    fontLink.href =
         "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";
-    document.head.appendChild(linkNode);
+    document.head.appendChild(fontLink);
     // Add font for material icons
-    const linkNode2 = document.createElement("link");
-    linkNode2.type = "text/css";
-    linkNode2.rel = "stylesheet";
-    linkNode2.href =
+    const materialIconLink = document.createElement("link");
+    materialIconLink.type = "text/css";
+    materialIconLink.rel = "stylesheet";
+    materialIconLink.href =
         "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,1,-50..200";
-    document.head.appendChild(linkNode2);
+    document.head.appendChild(materialIconLink);
     const shadow = host.attachShadow({ mode: "open" });
     shadow.appendChild(manager);
     shadow.appendChild(link);
@@ -40428,7 +40428,7 @@ const clearSearchContainer = (selector) => {
             instance === null || instance === void 0 ? void 0 : instance.$destroy();
             return;
         }
-        for (const key in app.productList) {
+        for (const key in app.searchContainer) {
             const instance = app.searchContainer[key];
             instance === null || instance === void 0 ? void 0 : instance.$destroy();
         }

package/dist/cjs/utils/shadowDom.utils.d.ts

@@ -1,6 +1,6 @@
 export declare const createShadowDom: (shadowId: string, managerId: string) => {
     host: HTMLElement;
-    manager: HTMLElement;
+    manager: HTMLDivElement;
 };
 export declare const attatchShadowDom: ({ host, manager, styleUrl, }: {
     host: HTMLElement;

package/dist/es/index.min.js

@@ -40217,37 +40217,37 @@ var store = new Vuex.Store({
 
 const createShadowDom = (shadowId, managerId) => {
     let host = document.getElementById(shadowId);
-    let manager = document.getElementById(managerId);
-    if (!host) {
-        host = document.createElement("div");
-        manager = document.createElement("div");
-    }
-    if (!manager) {
-        manager = document.createElement("div");
+    if (host) {
+        host.remove();
     }
+    host = document.createElement("div");
+    const manager = document.createElement("div");
     host.setAttribute("id", shadowId);
     manager === null || manager === void 0 ? void 0 : manager.setAttribute("id", managerId);
     return { host, manager };
 };
 const attatchShadowDom = ({ host, manager, styleUrl, }) => {
+    if (host.shadowRoot) {
+        return;
+    }
     const link = document.createElement("link");
     link.type = "text/css";
     link.rel = "stylesheet";
     link.href = styleUrl;
     // Fonts only work when added in host document head
-    const linkNode = document.createElement("link");
-    linkNode.type = "text/css";
-    linkNode.rel = "stylesheet";
-    linkNode.href =
+    const fontLink = document.createElement("link");
+    fontLink.type = "text/css";
+    fontLink.rel = "stylesheet";
+    fontLink.href =
         "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";
-    document.head.appendChild(linkNode);
+    document.head.appendChild(fontLink);
     // Add font for material icons
-    const linkNode2 = document.createElement("link");
-    linkNode2.type = "text/css";
-    linkNode2.rel = "stylesheet";
-    linkNode2.href =
+    const materialIconLink = document.createElement("link");
+    materialIconLink.type = "text/css";
+    materialIconLink.rel = "stylesheet";
+    materialIconLink.href =
         "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,1,-50..200";
-    document.head.appendChild(linkNode2);
+    document.head.appendChild(materialIconLink);
     const shadow = host.attachShadow({ mode: "open" });
     shadow.appendChild(manager);
     shadow.appendChild(link);
@@ -40424,7 +40424,7 @@ const clearSearchContainer = (selector) => {
             instance === null || instance === void 0 ? void 0 : instance.$destroy();
             return;
         }
-        for (const key in app.productList) {
+        for (const key in app.searchContainer) {
             const instance = app.searchContainer[key];
             instance === null || instance === void 0 ? void 0 : instance.$destroy();
         }

package/dist/es/utils/shadowDom.utils.d.ts

@@ -1,6 +1,6 @@
 export declare const createShadowDom: (shadowId: string, managerId: string) => {
     host: HTMLElement;
-    manager: HTMLElement;
+    manager: HTMLDivElement;
 };
 export declare const attatchShadowDom: ({ host, manager, styleUrl, }: {
     host: HTMLElement;