ruflet_core 0.0.17 → 0.0.18

data/lib/ruflet_ui/ruflet/ui/controls/shared/placeholder_control.rb

@@ -8,19 +8,54 @@ module Ruflet
           TYPE = "placeholder".freeze
           WIRE = "Placeholder".freeze
 
-          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, fallback_height: nil, fallback_width: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, stroke_width: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+          KEYWORDS = [:align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :col, :color, :content, :data, :disabled, :expand, :expand_loose, :fallback_height, :fallback_width, :height, :key, :left, :margin, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :stroke_width, :tooltip, :top, :visible, :width, :on_animation_end, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            align = props[:align]
+            animate_align = props[:animate_align]
+            animate_margin = props[:animate_margin]
+            animate_offset = props[:animate_offset]
+            animate_opacity = props[:animate_opacity]
+            animate_position = props[:animate_position]
+            animate_rotation = props[:animate_rotation]
+            animate_scale = props[:animate_scale]
+            animate_size = props[:animate_size]
+            aspect_ratio = props[:aspect_ratio]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            col = props[:col]
+            color = props[:color]
+            content = props[:content]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            fallback_height = props[:fallback_height]
+            fallback_width = props[:fallback_width]
+            height = props[:height]
+            key = props[:key]
+            left = props[:left]
+            margin = props[:margin]
+            offset = props[:offset]
+            opacity = props[:opacity]
+            right = props[:right]
+            rotate = props[:rotate]
+            rtl = props[:rtl]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            stroke_width = props[:stroke_width]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
             fallback_height = 400.0 if fallback_height.nil?
             fallback_width = 400.0 if fallback_width.nil?
             stroke_width = 2.0 if stroke_width.nil?
 
-            {
-              fallback_height: fallback_height,
-              fallback_width: fallback_width,
-              stroke_width: stroke_width
-            }.each do |name, value|
-              raise ArgumentError, "placeholder #{name} must be greater than or equal to 0" if value.negative?
-            end
-
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

data/lib/ruflet_ui/ruflet/ui/controls/shared/points_control.rb

@@ -7,6 +7,7 @@ module Ruflet
         class PointsControl < Ruflet::Control
           TYPE = "points".freeze
           WIRE = "Points".freeze
+          KEYWORDS = [:data, :key, :paint, :point_mode, :points].freeze
 
           def initialize(id: nil, data: nil, key: nil, paint: nil, point_mode: nil, points: nil)
             props = {}

data/lib/ruflet_ui/ruflet/ui/controls/shared/rect_control.rb

@@ -7,6 +7,7 @@ module Ruflet
         class RectControl < Ruflet::Control
           TYPE = "rect".freeze
           WIRE = "Rect".freeze
+          KEYWORDS = [:border_radius, :data, :height, :key, :paint, :width, :x, :y].freeze
 
           def initialize(id: nil, border_radius: nil, data: nil, height: nil, key: nil, paint: nil, width: nil, x: nil, y: nil)
             props = {}

data/lib/ruflet_ui/ruflet/ui/controls/shared/reorderabledraghandle_control.rb

@@ -8,10 +8,49 @@ module Ruflet
           TYPE = "reorderabledraghandle".freeze
           WIRE = "ReorderableDragHandle".freeze
 
-          def initialize(id: nil, adaptive: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
-            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
-              raise ArgumentError, "reorderable_drag_handle requires visible content"
-            end
+          KEYWORDS = [:adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :col, :content, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :margin, :mouse_cursor, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :tooltip, :top, :visible, :width, :on_animation_end, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            adaptive = props[:adaptive]
+            align = props[:align]
+            animate_align = props[:animate_align]
+            animate_margin = props[:animate_margin]
+            animate_offset = props[:animate_offset]
+            animate_opacity = props[:animate_opacity]
+            animate_position = props[:animate_position]
+            animate_rotation = props[:animate_rotation]
+            animate_scale = props[:animate_scale]
+            animate_size = props[:animate_size]
+            aspect_ratio = props[:aspect_ratio]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            col = props[:col]
+            content = props[:content]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            key = props[:key]
+            left = props[:left]
+            margin = props[:margin]
+            mouse_cursor = props[:mouse_cursor]
+            offset = props[:offset]
+            opacity = props[:opacity]
+            right = props[:right]
+            rotate = props[:rotate]
+            rtl = props[:rtl]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
+            raise ArgumentError, "reorderable_drag_handle requires content" if content.nil?
 
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?

data/lib/ruflet_ui/ruflet/ui/controls/shared/responsiverow_control.rb

@@ -8,7 +8,53 @@ module Ruflet
           TYPE = "responsiverow".freeze
           WIRE = "ResponsiveRow".freeze
 
-          def initialize(id: nil, adaptive: nil, align: nil, alignment: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, breakpoints: nil, col: nil, columns: nil, controls: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, run_spacing: nil, scale: nil, size_change_interval: nil, spacing: nil, tooltip: nil, top: nil, vertical_alignment: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+          KEYWORDS = [:adaptive, :align, :alignment, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :breakpoints, :col, :columns, :controls, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :margin, :offset, :opacity, :right, :rotate, :rtl, :run_spacing, :scale, :size_change_interval, :spacing, :tooltip, :top, :vertical_alignment, :visible, :width, :on_animation_end, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            adaptive = props[:adaptive]
+            align = props[:align]
+            alignment = props[:alignment]
+            animate_align = props[:animate_align]
+            animate_margin = props[:animate_margin]
+            animate_offset = props[:animate_offset]
+            animate_opacity = props[:animate_opacity]
+            animate_position = props[:animate_position]
+            animate_rotation = props[:animate_rotation]
+            animate_scale = props[:animate_scale]
+            animate_size = props[:animate_size]
+            aspect_ratio = props[:aspect_ratio]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            breakpoints = props[:breakpoints]
+            col = props[:col]
+            columns = props[:columns]
+            controls = props[:controls]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            key = props[:key]
+            left = props[:left]
+            margin = props[:margin]
+            offset = props[:offset]
+            opacity = props[:opacity]
+            right = props[:right]
+            rotate = props[:rotate]
+            rtl = props[:rtl]
+            run_spacing = props[:run_spacing]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            spacing = props[:spacing]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            vertical_alignment = props[:vertical_alignment]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
             alignment = "start" if alignment.nil?
             breakpoints = { "xs" => 0, "sm" => 576, "md" => 768, "lg" => 992, "xl" => 1200, "xxl" => 1400 } if breakpoints.nil?
             columns = 12 if columns.nil?
@@ -16,11 +62,6 @@ module Ruflet
             spacing = 10 if spacing.nil?
             vertical_alignment = "start" if vertical_alignment.nil?
 
-            validate_non_negative(:columns, columns)
-            validate_non_negative(:run_spacing, run_spacing)
-            validate_non_negative(:spacing, spacing)
-            validate_non_negative(:breakpoints, breakpoints)
-
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?
@@ -67,15 +108,6 @@ module Ruflet
             super(type: TYPE, id: id, **props)
           end
 
-          private
-
-          def validate_non_negative(name, value)
-            values = value.is_a?(Hash) ? value.values : [value]
-            values.each do |entry|
-              next if entry.nil?
-              raise ArgumentError, "responsive_row #{name} must be greater than or equal to 0" if entry.negative?
-            end
-          end
         end
       end
     end

data/lib/ruflet_ui/ruflet/ui/controls/shared/rotatedbox_control.rb

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class RotatedBoxControl < Ruflet::Control
+          TYPE = "rotatedbox".freeze
+          WIRE = "RotatedBox".freeze
+
+          KEYWORDS = [:align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :col, :content, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :margin, :offset, :opacity, :quarter_turns, :right, :rotate, :rtl, :scale, :size_change_interval, :tooltip, :top, :visible, :width, :on_animation_end, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            align = props[:align]
+            animate_align = props[:animate_align]
+            animate_margin = props[:animate_margin]
+            animate_offset = props[:animate_offset]
+            animate_opacity = props[:animate_opacity]
+            animate_position = props[:animate_position]
+            animate_rotation = props[:animate_rotation]
+            animate_scale = props[:animate_scale]
+            animate_size = props[:animate_size]
+            aspect_ratio = props[:aspect_ratio]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            col = props[:col]
+            content = props[:content]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            key = props[:key]
+            left = props[:left]
+            margin = props[:margin]
+            offset = props[:offset]
+            opacity = props[:opacity]
+            quarter_turns = props[:quarter_turns]
+            right = props[:right]
+            rotate = props[:rotate]
+            rtl = props[:rtl]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
+            quarter_turns = 0 if quarter_turns.nil?
+
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:quarter_turns] = quarter_turns unless quarter_turns.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/shared/row_control.rb

@@ -8,57 +8,15 @@ module Ruflet
           TYPE = "row".freeze
           WIRE = "Row".freeze
 
-          def initialize(id: nil, adaptive: nil, align: nil, alignment: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, auto_scroll: nil, badge: nil, bottom: nil, col: nil, controls: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, intrinsic_height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, run_alignment: nil, run_spacing: nil, scale: nil, scroll: nil, scroll_interval: nil, size_change_interval: nil, spacing: nil, tight: nil, tooltip: nil, top: nil, vertical_alignment: nil, visible: nil, width: nil, wrap: nil, on_animation_end: nil, on_scroll: nil, on_size_change: nil)
-            props = {}
-            props[:adaptive] = adaptive unless adaptive.nil?
-            props[:align] = align unless align.nil?
-            props[:alignment] = alignment unless alignment.nil?
-            props[:animate_align] = animate_align unless animate_align.nil?
-            props[:animate_margin] = animate_margin unless animate_margin.nil?
-            props[:animate_offset] = animate_offset unless animate_offset.nil?
-            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
-            props[:animate_position] = animate_position unless animate_position.nil?
-            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
-            props[:animate_scale] = animate_scale unless animate_scale.nil?
-            props[:animate_size] = animate_size unless animate_size.nil?
-            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
-            props[:auto_scroll] = auto_scroll unless auto_scroll.nil?
-            props[:badge] = badge unless badge.nil?
-            props[:bottom] = bottom unless bottom.nil?
-            props[:col] = col unless col.nil?
-            props[:controls] = controls unless controls.nil?
-            props[:data] = data unless data.nil?
-            props[:disabled] = disabled unless disabled.nil?
-            props[:expand] = expand unless expand.nil?
-            props[:expand_loose] = expand_loose unless expand_loose.nil?
-            props[:height] = height unless height.nil?
-            props[:intrinsic_height] = intrinsic_height unless intrinsic_height.nil?
-            props[:key] = key unless key.nil?
-            props[:left] = left unless left.nil?
-            props[:margin] = margin unless margin.nil?
-            props[:offset] = offset unless offset.nil?
-            props[:opacity] = opacity unless opacity.nil?
-            props[:right] = right unless right.nil?
-            props[:rotate] = rotate unless rotate.nil?
-            props[:rtl] = rtl unless rtl.nil?
-            props[:run_alignment] = run_alignment unless run_alignment.nil?
-            props[:run_spacing] = run_spacing unless run_spacing.nil?
-            props[:scale] = scale unless scale.nil?
-            props[:scroll] = scroll unless scroll.nil?
-            props[:scroll_interval] = scroll_interval unless scroll_interval.nil?
-            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
-            props[:spacing] = spacing unless spacing.nil?
-            props[:tight] = tight unless tight.nil?
-            props[:tooltip] = tooltip unless tooltip.nil?
-            props[:top] = top unless top.nil?
-            props[:vertical_alignment] = vertical_alignment unless vertical_alignment.nil?
-            props[:visible] = visible unless visible.nil?
-            props[:width] = width unless width.nil?
-            props[:wrap] = wrap unless wrap.nil?
-            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
-            props[:on_scroll] = on_scroll unless on_scroll.nil?
-            props[:on_size_change] = on_size_change unless on_size_change.nil?
-            super(type: TYPE, id: id, **props)
+          KEYWORDS = [:adaptive, :align, :alignment, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :auto_scroll, :badge, :bottom, :col, :controls, :data, :disabled, :expand, :expand_loose, :height, :intrinsic_height, :key, :left, :margin, :offset, :opacity, :right, :rotate, :rtl, :run_alignment, :run_spacing, :scale, :scroll, :scroll_interval, :size_change_interval, :spacing, :tight, :tooltip, :top, :vertical_alignment, :visible, :width, :wrap, :on_animation_end, :on_scroll, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            compact = {}
+            props.each do |key, value|
+              raise ArgumentError, "unknown keyword: :#{key}" unless KEYWORDS.include?(key)
+              compact[key] = value unless value.nil?
+            end
+            super(type: TYPE, id: id, **compact)
           end
         end
       end

data/lib/ruflet_ui/ruflet/ui/controls/shared/ruflet_controls.rb

@@ -38,7 +38,9 @@ require_relative "rect_control"
 require_relative "reorderabledraghandle_control"
 require_relative "responsiverow_control"
 require_relative "row_control"
+require_relative "rotatedbox_control"
 require_relative "safearea_control"
+require_relative "screenshot_control"
 require_relative "semantics_control"
 require_relative "serviceregistry_control"
 require_relative "shadermask_control"
@@ -113,8 +115,11 @@ module Ruflet
             "responsive_row" => RufletComponents::ResponsiveRowControl,
             "responsiverow" => RufletComponents::ResponsiveRowControl,
             "row" => RufletComponents::RowControl,
+            "rotated_box" => RufletComponents::RotatedBoxControl,
+            "rotatedbox" => RufletComponents::RotatedBoxControl,
             "safe_area" => RufletComponents::SafeAreaControl,
             "safearea" => RufletComponents::SafeAreaControl,
+            "screenshot" => RufletComponents::ScreenshotControl,
             "semantics" => RufletComponents::SemanticsControl,
             "service_registry" => RufletComponents::ServiceRegistryControl,
             "serviceregistry" => RufletComponents::ServiceRegistryControl,

data/lib/ruflet_ui/ruflet/ui/controls/shared/safearea_control.rb

@@ -8,10 +8,54 @@ module Ruflet
           TYPE = "safearea".freeze
           WIRE = "SafeArea".freeze
 
-          def initialize(id: nil, adaptive: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, avoid_intrusions_bottom: nil, avoid_intrusions_left: nil, avoid_intrusions_right: nil, avoid_intrusions_top: nil, badge: nil, bottom: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, maintain_bottom_view_padding: nil, margin: nil, minimum_padding: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
-            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
-              raise ArgumentError, "safe_area requires visible content"
-            end
+          KEYWORDS = [:adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :avoid_intrusions_bottom, :avoid_intrusions_left, :avoid_intrusions_right, :avoid_intrusions_top, :badge, :bottom, :col, :content, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :maintain_bottom_view_padding, :margin, :minimum_padding, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :tooltip, :top, :visible, :width, :on_animation_end, :on_size_change].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            adaptive = props[:adaptive]
+            align = props[:align]
+            animate_align = props[:animate_align]
+            animate_margin = props[:animate_margin]
+            animate_offset = props[:animate_offset]
+            animate_opacity = props[:animate_opacity]
+            animate_position = props[:animate_position]
+            animate_rotation = props[:animate_rotation]
+            animate_scale = props[:animate_scale]
+            animate_size = props[:animate_size]
+            aspect_ratio = props[:aspect_ratio]
+            avoid_intrusions_bottom = props[:avoid_intrusions_bottom]
+            avoid_intrusions_left = props[:avoid_intrusions_left]
+            avoid_intrusions_right = props[:avoid_intrusions_right]
+            avoid_intrusions_top = props[:avoid_intrusions_top]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            col = props[:col]
+            content = props[:content]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            key = props[:key]
+            left = props[:left]
+            maintain_bottom_view_padding = props[:maintain_bottom_view_padding]
+            margin = props[:margin]
+            minimum_padding = props[:minimum_padding]
+            offset = props[:offset]
+            opacity = props[:opacity]
+            right = props[:right]
+            rotate = props[:rotate]
+            rtl = props[:rtl]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
+            raise ArgumentError, "safe_area requires content" if content.nil?
 
             avoid_intrusions_bottom = true if avoid_intrusions_bottom.nil?
             avoid_intrusions_left = true if avoid_intrusions_left.nil?

data/lib/ruflet_ui/ruflet/ui/{services/ruflet → controls/shared}/screenshot_control.rb

@@ -2,13 +2,16 @@
 
 module Ruflet
   module UI
-    module Services
-      module RufletServicesComponents
+    module Controls
+      module RufletComponents
         class ScreenshotControl < Ruflet::Control
           TYPE = "screenshot".freeze
           WIRE = "Screenshot".freeze
+          KEYWORDS = [:badge, :col, :content, :data, :disabled, :expand, :expand_loose, :key, :opacity, :rtl, :tooltip, :visible].freeze
 
           def initialize(id: nil, badge: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, key: nil, opacity: nil, rtl: nil, tooltip: nil, visible: nil)
+            raise ArgumentError, "missing keyword: :content" if content.nil?
+
             props = {}
             props[:badge] = badge unless badge.nil?
             props[:col] = col unless col.nil?
@@ -24,6 +27,19 @@ module Ruflet
             props[:visible] = visible unless visible.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          def capture(pixel_ratio: nil, delay: nil, timeout: 10, on_result: nil)
+            args = {}
+            args["pixel_ratio"] = pixel_ratio unless pixel_ratio.nil?
+            args["delay"] = delay unless delay.nil?
+            runtime_page&.invoke(
+              self,
+              "capture",
+              args: args.empty? ? nil : args,
+              timeout: timeout,
+              on_result: on_result
+            )
+          end
         end
       end
     end

data/lib/ruflet_ui/ruflet/ui/controls/shared/semantics_control.rb

@@ -8,7 +8,71 @@ module Ruflet
           TYPE = "semantics".freeze
           WIRE = "Semantics".freeze
 
-          def initialize(id: nil, badge: nil, button: nil, checked: nil, col: nil, container: nil, content: nil, current_value_length: nil, data: nil, decreased_value: nil, disabled: nil, exclude_semantics: nil, expand: nil, expand_loose: nil, expanded: nil, focus: nil, focusable: nil, header: nil, heading_level: nil, hidden: nil, hint_text: nil, image: nil, increased_value: nil, key: nil, label: nil, link: nil, live_region: nil, max_value_length: nil, mixed: nil, multiline: nil, obscured: nil, opacity: nil, read_only: nil, rtl: nil, selected: nil, slider: nil, textfield: nil, toggled: nil, tooltip: nil, value: nil, visible: nil, on_copy: nil, on_cut: nil, on_decrease: nil, on_did_gain_accessibility_focus: nil, on_did_lose_accessibility_focus: nil, on_dismiss: nil, on_double_tap: nil, on_increase: nil, on_long_press: nil, on_long_press_hint_text: nil, on_move_cursor_backward_by_character: nil, on_move_cursor_forward_by_character: nil, on_paste: nil, on_scroll_down: nil, on_scroll_left: nil, on_scroll_right: nil, on_scroll_up: nil, on_set_text: nil, on_tap: nil, on_tap_hint_text: nil)
+          KEYWORDS = [:badge, :button, :checked, :col, :container, :content, :current_value_length, :data, :decreased_value, :disabled, :exclude_semantics, :expand, :expand_loose, :expanded, :focus, :focusable, :header, :heading_level, :hidden, :hint_text, :image, :increased_value, :key, :label, :link, :live_region, :max_value_length, :mixed, :multiline, :obscured, :opacity, :read_only, :rtl, :selected, :slider, :textfield, :toggled, :tooltip, :value, :visible, :on_copy, :on_cut, :on_decrease, :on_did_gain_accessibility_focus, :on_did_lose_accessibility_focus, :on_dismiss, :on_double_tap, :on_increase, :on_long_press, :on_long_press_hint_text, :on_move_cursor_backward_by_character, :on_move_cursor_forward_by_character, :on_paste, :on_scroll_down, :on_scroll_left, :on_scroll_right, :on_scroll_up, :on_set_text, :on_tap, :on_tap_hint_text].freeze
+
+          def initialize(id: nil, **props)
+            unknown = props.keys.reject { |key| KEYWORDS.include?(key) }
+            raise ArgumentError, "unknown keywords: #{unknown.join(', ')}" unless unknown.empty?
+            badge = props[:badge]
+            button = props[:button]
+            checked = props[:checked]
+            col = props[:col]
+            container = props[:container]
+            content = props[:content]
+            current_value_length = props[:current_value_length]
+            data = props[:data]
+            decreased_value = props[:decreased_value]
+            disabled = props[:disabled]
+            exclude_semantics = props[:exclude_semantics]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            expanded = props[:expanded]
+            focus = props[:focus]
+            focusable = props[:focusable]
+            header = props[:header]
+            heading_level = props[:heading_level]
+            hidden = props[:hidden]
+            hint_text = props[:hint_text]
+            image = props[:image]
+            increased_value = props[:increased_value]
+            key = props[:key]
+            label = props[:label]
+            link = props[:link]
+            live_region = props[:live_region]
+            max_value_length = props[:max_value_length]
+            mixed = props[:mixed]
+            multiline = props[:multiline]
+            obscured = props[:obscured]
+            opacity = props[:opacity]
+            read_only = props[:read_only]
+            rtl = props[:rtl]
+            selected = props[:selected]
+            slider = props[:slider]
+            textfield = props[:textfield]
+            toggled = props[:toggled]
+            tooltip = props[:tooltip]
+            value = props[:value]
+            visible = props[:visible]
+            on_copy = props[:on_copy]
+            on_cut = props[:on_cut]
+            on_decrease = props[:on_decrease]
+            on_did_gain_accessibility_focus = props[:on_did_gain_accessibility_focus]
+            on_did_lose_accessibility_focus = props[:on_did_lose_accessibility_focus]
+            on_dismiss = props[:on_dismiss]
+            on_double_tap = props[:on_double_tap]
+            on_increase = props[:on_increase]
+            on_long_press = props[:on_long_press]
+            on_long_press_hint_text = props[:on_long_press_hint_text]
+            on_move_cursor_backward_by_character = props[:on_move_cursor_backward_by_character]
+            on_move_cursor_forward_by_character = props[:on_move_cursor_forward_by_character]
+            on_paste = props[:on_paste]
+            on_scroll_down = props[:on_scroll_down]
+            on_scroll_left = props[:on_scroll_left]
+            on_scroll_right = props[:on_scroll_right]
+            on_scroll_up = props[:on_scroll_up]
+            on_set_text = props[:on_set_text]
+            on_tap = props[:on_tap]
+            on_tap_hint_text = props[:on_tap_hint_text]
             exclude_semantics = false if exclude_semantics.nil?
 
             props = {}