Class: Vident::Phlex::RootComponent
- Inherits:
-
Phlex::HTML
- Object
- Phlex::HTML
- Vident::Phlex::RootComponent
- Includes:
- RootComponent
- Defined in:
- lib/vident/phlex/root_component.rb
Constant Summary collapse
- STANDARD_ELEMENTS =
[:a, :abbr, :address, :article, :aside, :b, :bdi, :bdo, :blockquote, :body, :button, :caption, :cite, :code, :colgroup, :data, :datalist, :dd, :del, :details, :dfn, :dialog, :div, :dl, :dt, :em, :fieldset, :figcaption, :figure, :footer, :form, :g, :h1, :h2, :h3, :h4, :h5, :h6, :head, :header, :hgroup, :html, :i, :iframe, :ins, :kbd, :label, :legend, :li, :main, :map, :mark, :menuitem, :meter, :nav, :noscript, :object, :ol, :optgroup, :option, :output, :p, :path, :picture, :pre, :progress, :q, :rp, :rt, :ruby, :s, :samp, :script, :section, :select, :slot, :small, :span, :strong, :style, :sub, :summary, :sup, :svg, :table, :tbody, :td, :template_tag, :textarea, :tfoot, :th, :thead, :time, :title, :tr, :u, :ul, :video, :wbr].freeze
- VOID_ELEMENTS =
[:area, :br, :embed, :hr, :img, :input, :link, :meta, :param, :source, :track, :col].freeze
- VALID_TAGS =
Set[*(STANDARD_ELEMENTS + VOID_ELEMENTS)].freeze
Instance Method Summary collapse
-
#target_tag(tag_name, targets, **options, &block) ⇒ Object
Create a tag for a target with a block containing content.
-
#view_template(&block) ⇒ Object
Build a tag with the attributes determined by this components properties and stimulus data attributes.
Instance Method Details
#target_tag(tag_name, targets, **options, &block) ⇒ Object
Create a tag for a target with a block containing content
22 23 24 25 26 27 |
# File 'lib/vident/phlex/root_component.rb', line 22 def target_tag(tag_name, targets, **, &block) parsed = parse_targets(Array.wrap(targets)) [:data] ||= {} [:data].merge!(build_target_data_attributes(parsed)) generate_tag(tag_name, nil, **, &block) end |
#view_template(&block) ⇒ Object
Build a tag with the attributes determined by this components properties and stimulus data attributes.
31 32 33 34 35 36 37 38 39 40 41 42 43 |
# File 'lib/vident/phlex/root_component.rb', line 31 def view_template(&block) # Generate tag options and render tag_type = @element_tag.presence&.to_sym || :div raise ArgumentError, "Unsupported HTML tag name #{tag_type}" unless VALID_TAGS.include?(tag_type) = @html_options&.dup || {} block_content = capture(&block) if block # Evaluate before generating the outer tag options to ensure DSL methods are executed data_attrs = tag_data_attributes data_attrs = [:data].present? ? data_attrs.merge([:data]) : data_attrs = .merge(id: @id) if @id .except!(:data) .merge!(data_attrs.transform_keys { |k| "data-#{k}" }) generate_tag(tag_type, block_content, **) end |