stimulus-overlay-helpers 3.2.0 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 27ec466499aee219c29aa0470de426e13cdd42ae8e85d384b6941edae1b4e334
-  data.tar.gz: c1bb2bb9af42d7713b5bfd80e965b5826b50d8a01732125e76a67eb18623ff14
+  metadata.gz: 0a14bf1da5509f2edad3a45fb319b77ddf7f4f1e4a2736798d79adda530cbfc3
+  data.tar.gz: e051e735af777ccd80178649e739983bc832a61de1f30944b5e7ae4bca778751
 SHA512:
-  metadata.gz: aa15787822e03e812aa12e1706a6867694c7de80cf007454162dad072e1351de351e30e17cebef500837324ee4f50504b5abe03ee0b29ba74023b5aed59290fe
-  data.tar.gz: '0494b1cc71e3bb4bf0ceeeb2652743809b5457048886b5b8376e207252d5d980e13ff38f30f20b8d7ca74af3d80366dec777664be74d2ed4d70be6fd38054839'
+  metadata.gz: 77b56074cdc73407d50c7eef236b3dc21f47b52efb6ffbc0f8edf5c19faa8d44ed6d636ad794cf5ba514f059de9db1356f82941c31eba3a15338f7ac88c4a88a
+  data.tar.gz: 59577a438d0f99ef4186eae5865f40cda7c4c53e5ba912dba4f4251f76a76ab24ad7c7d25c3e9f47f8165998a9bd62acda7d603e9af5b4c041e6ed0c7bbec9a1

data/README.md

@@ -63,4 +63,14 @@ This matches the behavior of the [Svelte overlays from `@csedl/hotwire-svelte-he
     tooltip-content
 ```
 
+## Create Dropdown-Panel on opening
+
+When `src` attribute is passed and, on opening, no panel is rendered, which is the case when: 
+
+- the button is rendered within a turbo-frame and therefore no content_for is working
+
+Then, on opening, the panel is created by the `@csedl/hotwire-svelte-helpers` package
+
+## License
+
 License: MIT

data/lib/stimulus_overlay_helpers/view_helpers.rb

@@ -1,7 +1,6 @@
 module StimulusOverlayHelpers
   module ViewHelpers
 
-
     #== dropdown helper
     # @param [button_content] Proc or String for content of the button element
     # @param [panel_at_place] true (default: false) => it would render the panel into content_for(:overlays_box) on sticky parts (left-menu / top-bar) panels should be at place for avoiding that the panel would scroll with the content
@@ -23,7 +22,8 @@ module StimulusOverlayHelpers
       panel_at_place = options.delete(:panel_at_place)
       src = options.delete(:src)
       button_class = [options.delete(:button_class), 'dropdown-button', options[:class]].compact.join(' ')
-      panel_class = [options.delete(:class), 'dropdown-panel'].compact.join(' ')
+      panel_class = [options.delete(:panel_class), 'dropdown-panel'].compact.join(' ')
+
       close_btn_proc = StimulusOverlayHelpers.close_button_proc
 
       id = "dropdown-panel-#{SecureRandom.hex(4)}"
@@ -34,6 +34,11 @@ module StimulusOverlayHelpers
 
       button_content = capture(&panel_content_button = button_content) if button_content.is_a?(Proc)
       button_options = options.merge(class: button_class, data: { controller: 'hotwire-svelte-helpers-dropdown', panel_id: id })
+      if src.present?
+        button_options['data-src'] = src
+        button_options["data-overlay-class"] = panel_class
+        button_options["data-overlay-title"] = title
+      end
       button_element = content_tag(:div, button_content, button_options)
 
       # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
@@ -63,7 +68,7 @@ module StimulusOverlayHelpers
       if panel_at_place
         button_element + panel_element
       else
-        content_for(:overlays_box, panel_element)
+        content_for(:overlays_box, panel_element) unless src.present? && !block_given?
         button_element
       end
     end
@@ -85,7 +90,7 @@ module StimulusOverlayHelpers
       panel_at_place = options.delete(:panel_at_place)
       src = options.delete(:src)
       button_class = [options.delete(:button_class) || 'modal-button', options[:class]].compact.join(' ')
-      panel_class = [options.delete(:class), 'modal-panel'].compact.join(' ')
+      panel_class = [options.delete(:modal_class), 'modal-panel'].compact.join(' ')
       close_btn_proc = StimulusOverlayHelpers.close_button_proc
 
       id = "modal-overlay-#{SecureRandom.hex(4)}"
@@ -96,6 +101,10 @@ module StimulusOverlayHelpers
 
       button_content = capture(&button_content) if button_content.is_a?(Proc)
       button_options = options.merge(class: button_class, data: { controller: 'hotwire-svelte-helpers-modal', panel_id: id })
+      if src.present?
+        button_options['data-src'] = src
+        button_options["data-overlay-class"] = panel_class
+      end
       button_element = content_tag(:div, button_content, button_options)
 
       # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
@@ -126,7 +135,7 @@ module StimulusOverlayHelpers
       if panel_at_place
         button_element + overlay_element
       else
-        content_for(:overlays_box, overlay_element)
+        content_for(:overlays_box, overlay_element) unless src.present? && !block_given?
         button_element
       end
     end
@@ -169,7 +178,7 @@ module StimulusOverlayHelpers
       panel_options['data-src'] = src if src.present?
 
       panel_element = content_tag(:div, panel_options) do
-        content_tag( :div, '', id: "arrow") +
+        content_tag(:div, '', id: "arrow") +
           content_tag(:div, tip, class: 'tooltip-content')
       end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus-overlay-helpers
 version: !ruby/object:Gem::Version
-  version: 3.2.0
+  version: 4.0.0
 platform: ruby
 authors:
 - Christian Sedlmair