@getlupa/client 0.10.3 → 0.10.6

package/dist/cjs/index.min.js

@@ -36924,7 +36924,8 @@ let SearchResultsToolbar = class SearchResultsToolbar extends Vue$1 {
             : Boolean((_a = this.options.toolbar) === null || _a === void 0 ? void 0 : _a.layoutSelector);
     }
     get sortOptions() {
-        if (this.isBottomLocation) {
+        var _a;
+        if (this.isBottomLocation || !((_a = this.options.sort) === null || _a === void 0 ? void 0 : _a.length)) {
             return undefined;
         }
         return {
@@ -40218,25 +40219,42 @@ 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");
+    }
+    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);
@@ -40340,10 +40358,7 @@ const searchContainer = (options, mountOptions) => {
     Vue$1.use(Vuex);
     const id = "lupa-search-container-manager";
     const shadowId = "lupa-shadow-id";
-    const host = document.createElement("div");
-    const manager = document.createElement("div");
-    host.setAttribute("id", shadowId);
-    manager.setAttribute("id", id);
+    const { host, manager } = createShadowDom(shadowId, id);
     attatchShadowDom({
         host,
         manager,

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

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

package/dist/es/index.min.js

@@ -36920,7 +36920,8 @@ let SearchResultsToolbar = class SearchResultsToolbar extends Vue$1 {
             : Boolean((_a = this.options.toolbar) === null || _a === void 0 ? void 0 : _a.layoutSelector);
     }
     get sortOptions() {
-        if (this.isBottomLocation) {
+        var _a;
+        if (this.isBottomLocation || !((_a = this.options.sort) === null || _a === void 0 ? void 0 : _a.length)) {
             return undefined;
         }
         return {
@@ -40214,25 +40215,42 @@ 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");
+    }
+    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);
@@ -40336,10 +40354,7 @@ const searchContainer = (options, mountOptions) => {
     Vue$1.use(Vuex);
     const id = "lupa-search-container-manager";
     const shadowId = "lupa-shadow-id";
-    const host = document.createElement("div");
-    const manager = document.createElement("div");
-    host.setAttribute("id", shadowId);
-    manager.setAttribute("id", id);
+    const { host, manager } = createShadowDom(shadowId, id);
     attatchShadowDom({
         host,
         manager,

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

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