stimulus-overlay-helpers 3.2.0 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 27ec466499aee219c29aa0470de426e13cdd42ae8e85d384b6941edae1b4e334
-  data.tar.gz: c1bb2bb9af42d7713b5bfd80e965b5826b50d8a01732125e76a67eb18623ff14
+  metadata.gz: bd73c40c3f20afb36a51b7a1990210151b6fca78a2e6a592f06cc313f8f5b9e4
+  data.tar.gz: 1548190eb2bf9bff381f70454e4f5b28debe5a8ed335a9eb0dafc1e2bd2f3638
 SHA512:
-  metadata.gz: aa15787822e03e812aa12e1706a6867694c7de80cf007454162dad072e1351de351e30e17cebef500837324ee4f50504b5abe03ee0b29ba74023b5aed59290fe
-  data.tar.gz: '0494b1cc71e3bb4bf0ceeeb2652743809b5457048886b5b8376e207252d5d980e13ff38f30f20b8d7ca74af3d80366dec777664be74d2ed4d70be6fd38054839'
+  metadata.gz: 5922da66fb9a269059baa7883b45fd806333eddd92ec5715ece68ebbad66fd1aed93bee8ab49602015b545e38677e01a4c17e92365a37e44b2393441b4316ae9
+  data.tar.gz: 304fbd447b8b5dc7f1a898dcbf8d53258f46f819ce324592bb179ab85b7067dd6d8d92032e8363a8a005a31010712ef6408d27e2cdc45ea1c862832c59554ccd

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 or Modal 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,11 @@ 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
+        button_options["data-overlay-title"] = title
+      end
       button_element = content_tag(:div, button_content, button_options)
 
       # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
@@ -126,7 +136,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 +179,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.1.0
 platform: ruby
 authors:
 - Christian Sedlmair