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::HTML_NAMESPACE, Element::PROCESSING_INSTRUCTION_NODE, Element::REFLECTED_TOKEN_LIST_HOSTS, Element::SHADOW_HOST_TAGS, Element::SVG_NAMESPACE, 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::HTML_NAMESPACE, Node::PROCESSING_INSTRUCTION_NODE, Node::TEXT_NODE

Instance Attribute Summary

Attributes inherited from Element

#document

Instance Method Summary collapse

Methods inherited from HTMLElement

#case_sensitive_attribute_names?

Methods included from Internal::ReflectedAttributes

#__js_set__, included

Methods inherited from Element

#[], #[]=, #__dommy_backend_node__, #__internal_set_namespace__, #__internal_shadow_root__, #__js_set__, #__test_scroll_log__, #access_key_label, #after, #anchor_href, #animate, #aria_content_attr, #aria_element_attr, #aria_element_get, #aria_element_set, #aria_elements_attr, #aria_elements_get, #aria_elements_set, #aria_find_in_root, #aria_get, #aria_set, #at_xpath, #attach_shadow, #attributes, #base_uri, #before, #blur, #child_element_count, #child_nodes, #children, #class_list, #class_name, #class_name=, #clear_aria_element_ref_for, #click, #clone_node, #closest, #contains?, #dataset, #element_prefix, #equal_node?, #first_child, #first_element_child, #focus, #get_animations, #get_attribute, #get_attribute_names, #get_attribute_node, #get_attribute_node_ns, #get_attribute_ns, #get_bounding_client_rect, #get_client_rects, #get_elements_by_class_name, #get_elements_by_tag_name, #get_elements_by_tag_name_ns, #get_html, #get_inner_html, #has_attribute?, #has_attribute_ns?, #has_attributes?, #has_child_nodes?, #hide_popover, #id, #id=, #initialize, #inner_html, #inner_html=, #insert_adjacent_element, #insert_adjacent_html, #insert_adjacent_text, #insert_before, #insertion_parent!, #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, #path, #previous_element_sibling, #previous_sibling, #query_selector, #query_selector_all, #reflected_attr_name, #reflected_token_list, #remove, #remove_attribute, #remove_attribute_node, #remove_attribute_ns, #remove_child, #replace_child, #replace_with_nodes, #request_fullscreen, #role, #role=, #root_node, #same_node?, #scoped_query, #set_attribute, #set_attribute_node, #set_attribute_ns, #shadow_root, #show_popover, #slot, #slot=, #style, #tag_name, #text_content, #text_content=, #to_s, #toggle_attribute, #toggle_popover, #with_selector_errors, #xpath

Methods included from Bridge::Methods

included

Methods included from Internal::ParentNode

#append, #append_child, #prepend, #replace_children

Methods included from Node

#compare_document_position, #get_root_node, #is_default_namespace, #is_equal_node, #is_same_node, #lookup_namespace_uri, #lookup_prefix

Methods included from EventTarget

#__internal_deliver_event__, #__internal_event_parent__, #add_event_listener, capture_flag, #deliver_at, #dispatch_event, js_truthy?, #remove_event_listener

Constructor Details

This class inherits a constructor from Dommy::Element

Instance Method Details

#__js_call__(method, args) ⇒ Object 



1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
 
# File 'lib/dommy/html_elements.rb', line 1426

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 



1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
 
# File 'lib/dommy/html_elements.rb', line 1414

def __js_get__(key)
  case key
  when "assignedNodes"
    assigned_nodes
  when "assignedElements"
    assigned_elements
  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.



1408
1409
1410
1411
1412
 
# File 'lib/dommy/html_elements.rb', line 1408

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

#assigned_elements(options = nil) ⇒ Object 



1400
1401
1402
 
# File 'lib/dommy/html_elements.rb', line 1400

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).



1390
1391
1392
1393
1394
1395
1396
1397
1398
 
# File 'lib/dommy/html_elements.rb', line 1390

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