Class: Dommy::HTMLSlotElement

Inherits:
HTMLElement show all
Defined in:
lib/dommy/html_elements.rb

Overview

‘<slot>` — composes light DOM into the shadow tree. Light DOM children of the shadow’s host get assigned to slots: those whose ‘slot=name` attribute matches a named slot, or those without a `slot` attribute go to the unnamed default slot. If nothing is assigned, the slot’s own children render as fallback content.

Constant Summary

Constants inherited from Element

Element::ATTRIBUTE_NODE, Element::CDATA_SECTION_NODE, Element::COMMENT_NODE, Element::DOCUMENT_FRAGMENT_NODE, Element::DOCUMENT_NODE, Element::DOCUMENT_POSITION_CONTAINED_BY, Element::DOCUMENT_POSITION_CONTAINS, Element::DOCUMENT_POSITION_DISCONNECTED, Element::DOCUMENT_POSITION_FOLLOWING, Element::DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Element::DOCUMENT_POSITION_PRECEDING, Element::DOCUMENT_TYPE_NODE, Element::ELEMENT_NODE, Element::PROCESSING_INSTRUCTION_NODE, Element::SHADOW_HOST_TAGS, Element::TEXT_NODE

Constants included from Node

Node::ATTRIBUTE_NODE, Node::CDATA_SECTION_NODE, Node::COMMENT_NODE, Node::DOCUMENT_FRAGMENT_NODE, Node::DOCUMENT_NODE, Node::DOCUMENT_POSITION_CONTAINED_BY, Node::DOCUMENT_POSITION_CONTAINS, Node::DOCUMENT_POSITION_DISCONNECTED, Node::DOCUMENT_POSITION_FOLLOWING, Node::DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node::DOCUMENT_POSITION_PRECEDING, Node::DOCUMENT_TYPE_NODE, Node::ELEMENT_NODE, Node::PROCESSING_INSTRUCTION_NODE, Node::TEXT_NODE

Instance Attribute Summary

Attributes inherited from Element

#__node__, #document

Instance Method Summary collapse

Methods inherited from HTMLElement

#case_sensitive_attribute_names?

Methods inherited from Element

#[], #[]=, #__scroll_log__, #__shadow_root__, #after, #anchor_href, #animate, #append, #append_child, #attach_shadow, #attributes, #base_uri, #before, #blur, #child_element_count, #child_nodes, #children, #class_list, #class_name, #class_name=, #click, #clone_node, #closest, #compare_document_position, #contains?, #dataset, #equal_node?, #first_child, #first_element_child, #focus, #get_animations, #get_attribute, #get_attribute_node, #get_elements_by_class_name, #get_elements_by_tag_name, #get_html, #get_inner_html, #has_attribute?, #has_attributes?, #has_child_nodes?, #id, #id=, #initialize, #inner_html, #inner_html=, #insert_adjacent_element, #insert_adjacent_html, #insert_adjacent_text, #insert_before, #is_connected?, #last_child, #last_element_child, #live_child_nodes, #local_name, #matches?, #namespace_uri, #next_element_sibling, #next_sibling, #normalize, #on, #outer_html, #outer_html=, #owner_document, #parent_element, #parent_node, #prepend, #previous_element_sibling, #previous_sibling, #query_selector, #query_selector_all, #reflected_attr_name, #remove, #remove_attribute, #remove_attribute_node, #remove_child, #replace_child, #replace_children, #replace_with_nodes, #role, #role=, #root_node, #same_node?, #set_attribute, #set_attribute_node, #shadow_root, #slot, #slot=, #style, #tag_name, #text_content, #text_content=, #to_s, #toggle_attribute

Methods included from EventTarget

#__deliver_event__, #add_event_listener, #dispatch_event, #invoke_listener, #remove_event_listener

Constructor Details

This class inherits a constructor from Dommy::Element

Instance Method Details

#__js_call__(method, args) ⇒ Object 



2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
 
# File 'lib/dommy/html_elements.rb', line 2092

def __js_call__(method, args)
  case method
  when "assignedNodes"
    assigned_nodes(args[0])
  when "assignedElements"
    assigned_elements(args[0])
  when "assign"
    assign(*args)
  else
    super
  end
end

#__js_get__(key) ⇒ Object 



2070
2071
2072
2073
2074
2075
2076
2077
2078
2079
2080
2081
 
# File 'lib/dommy/html_elements.rb', line 2070

def __js_get__(key)
  case key
  when "name"
    name
  when "assignedNodes"
    assigned_nodes
  when "assignedElements"
    assigned_elements
  else
    super
  end
end

#__js_set__(key, value) ⇒ Object 



2083
2084
2085
2086
2087
2088
2089
2090
 
# File 'lib/dommy/html_elements.rb', line 2083

def __js_set__(key, value)
  case key
  when "name"
    self.name = value
  else
    super
  end
end

#assign(*nodes) ⇒ Object

‘slot.assign(…)` — manual assignment (honored only when the owning shadow uses `slotAssignment: “manual”`). We accept the call and fire `slotchange` in both modes; named mode simply ignores the override.



2064
2065
2066
2067
2068
 
# File 'lib/dommy/html_elements.rb', line 2064

def assign(*nodes)
  @__manual_assignment = nodes.flatten.select { |n| n.respond_to?(:__node__) }
  dispatch_event(Event.new("slotchange", "bubbles" => true))
  nil
end

#assigned_elements(options = nil) ⇒ Object 



2056
2057
2058
 
# File 'lib/dommy/html_elements.rb', line 2056

def assigned_elements(options = nil)
  assigned_nodes(options).select { |n| n.is_a?(Element) }
end

#assigned_nodes(options = nil) ⇒ Object

‘slot.assignedNodes({ flatten: true|false })` — returns the light DOM children currently composed into this slot. With `flatten: true` and no assigned nodes, falls back to the slot’s own children (the default content).



2046
2047
2048
2049
2050
2051
2052
2053
2054
 
# File 'lib/dommy/html_elements.rb', line 2046

def assigned_nodes(options = nil)
  flatten = options.is_a?(Hash) ? (options["flatten"] || options[:flatten]) : false
  nodes = matching_light_nodes
  if nodes.empty? && flatten
    @__node__.children.map { |n| @document.wrap_node(n) }.compact
  else
    nodes
  end
end

#name ⇒ Object 



2034
2035
2036
 
# File 'lib/dommy/html_elements.rb', line 2034

def name
  reflected_string("name")
end

#name=(v) ⇒ Object 



2038
2039
2040
 
# File 'lib/dommy/html_elements.rb', line 2038

def name=(v)
  set_reflected_string("name", v)
end