@csedl/hotwire-svelte-helpers 2.1.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csedl/hotwire-svelte-helpers",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Hotwire + Svelte helpers for Rails: Stimulus floating dropdowns/toolips + Svelte global panels/modals + RTurbo-friendly utilities. Build together with the rubygem svelte-on-rails and its npm-package.",
   "main": "index.js",
   "scripts": {

package/src/svelte/templates/DropdownPanel.svelte

@@ -1,6 +1,5 @@
 <script>
-    import {openDropdownPanel} from "@csedl/hotwire-svelte-helpers";
-
+    import { openDropdownPanel, hotwireSvelteConfig } from "@csedl/hotwire-svelte-helpers";
     import {onMount} from "svelte";
 
     let {
@@ -23,6 +22,12 @@
         }, 0)
     }
 
+    function closeSvg() {
+        const path = hotwireSvelteConfig('closeButtonSvg');
+        const svg = (path ? path : '?')
+        return svg;
+    }
+
 </script>
 
 <div class="dropdown-panel {panelClass}" bind:this={panelElement} onclose={closeFunc}>
@@ -33,7 +38,7 @@
                 {title || 'missing title'}
             </span>
         <button class="close-btn"
-                onclick={closeFunction}>{@html window.HotwireSvelteHelpers.overlays.closeButtonSvg}</button>
+                onclick={closeFunction}>{@html closeSvg()}</button>
     </div>
 
     <div class="content">

package/src/svelte/templates/Modal.svelte

@@ -1,5 +1,5 @@
 <script>
-    import {openDropdownPanel} from "@csedl/hotwire-svelte-helpers";
+    import {hotwireSvelteConfig} from "@csedl/hotwire-svelte-helpers";
     import {onMount} from "svelte";
 
     let {
@@ -26,6 +26,15 @@
         }, 0)
     }
 
+    function closeSvg() {
+        const path = hotwireSvelteConfig('closeButtonSvg');
+        const svg = (path ? path : '?')
+        return svg;
+    }
+
+    export function setTitle(newTitle) {
+        title = newTitle
+    }
 </script>
 
 <div class="modal-overlay">
@@ -37,7 +46,7 @@
                 {title || 'missing title'}
             </span>
             <button class="close-btn"
-                    onclick={closeFunction}>{@html window.HotwireSvelteHelpers.overlays.closeButtonSvg}</button>
+                    onclick={closeFunction}>{@html closeSvg()}</button>
         </div>
 
         <div class="content">