ruflet_core 0.0.17 → 0.0.18

data/lib/ruflet_ui/ruflet/ui/controls/materials/snackbaraction_control.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SnackBarActionControl < Ruflet::Control
+          TYPE = "snackbaraction".freeze
+          WIRE = "SnackBarAction".freeze
+
+          def initialize(id: nil, badge: nil, bgcolor: nil, col: nil, data: nil, disabled: nil, disabled_bgcolor: nil, disabled_text_color: nil, expand: nil, expand_loose: nil, key: nil, label: nil, opacity: nil, rtl: nil, text_color: nil, tooltip: nil, visible: nil, on_click: nil)
+            raise ArgumentError, "snack_bar_action requires label" if label.nil?
+
+            props = {}
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:col] = col unless col.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:disabled_bgcolor] = disabled_bgcolor unless disabled_bgcolor.nil?
+            props[:disabled_text_color] = disabled_text_color unless disabled_text_color.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:key] = key unless key.nil?
+            props[:label] = label unless label.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:text_color] = text_color unless text_color.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:on_click] = on_click unless on_click.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/spinkit_control.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SpinkitControl < Ruflet::Control
+          TYPE = "spinkit".freeze
+          WIRE = "RufletSpinKit".freeze
+
+          KEYWORDS = [:align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :col, :color, :data, :disabled, :duration, :expand, :expand_loose, :height, :key, :left, :margin, :offset, :opacity, :padding, :right, :rotate, :rtl, :scale, :size, :size_change_interval, :tooltip, :top, :variant, :visible, :width].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
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/submenubutton_control.rb

@@ -8,14 +8,59 @@ module Ruflet
           TYPE = "submenubutton".freeze
           WIRE = "SubmenuButton".freeze
 
-          def initialize(id: nil, align: nil, alignment_offset: 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, clip_behavior: nil, col: nil, content: nil, controls: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, leading: nil, left: nil, margin: nil, menu_style: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, style: nil, tooltip: nil, top: nil, trailing: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_close: nil, on_focus: nil, on_hover: nil, on_open: nil, on_size_change: nil)
-            clip_behavior = "none" if clip_behavior.nil?
-
-            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
-              raise ArgumentError, "submenu_button requires visible content"
-            end
+          KEYWORDS = [:align, :alignment_offset, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :clip_behavior, :col, :content, :controls, :data, :disabled, :expand, :expand_loose, :height, :key, :leading, :left, :margin, :menu_style, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :style, :tooltip, :top, :trailing, :visible, :width, :on_animation_end, :on_blur, :on_close, :on_focus, :on_hover, :on_open, :on_size_change].freeze
 
-            raise ArgumentError, "submenu_button height must be greater than or equal to 0" unless height.nil? || height >= 0
+          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]
+            alignment_offset = props[:alignment_offset]
+            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]
+            clip_behavior = props[:clip_behavior]
+            col = props[:col]
+            content = props[:content]
+            controls = props[:controls]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            key = props[:key]
+            leading = props[:leading]
+            left = props[:left]
+            margin = props[:margin]
+            menu_style = props[:menu_style]
+            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]
+            style = props[:style]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            trailing = props[:trailing]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_blur = props[:on_blur]
+            on_close = props[:on_close]
+            on_focus = props[:on_focus]
+            on_hover = props[:on_hover]
+            on_open = props[:on_open]
+            on_size_change = props[:on_size_change]
+            clip_behavior = "none" if clip_behavior.nil?
 
             props = {}
             props[:align] = align unless align.nil?

data/lib/ruflet_ui/ruflet/ui/controls/materials/switch_control.rb

@@ -8,67 +8,15 @@ module Ruflet
           TYPE = "switch".freeze
           WIRE = "Switch".freeze
 
-          def initialize(id: nil, active_color: nil, active_track_color: 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, autofocus: nil, badge: nil, bottom: nil, col: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, focus_color: nil, height: nil, hover_color: nil, inactive_thumb_color: nil, inactive_track_color: nil, key: nil, label: nil, label_position: nil, label_text_style: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, overlay_color: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, splash_radius: nil, thumb_color: nil, thumb_icon: nil, tooltip: nil, top: nil, track_color: nil, track_outline_color: nil, track_outline_width: nil, value: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_change: nil, on_focus: nil, on_size_change: nil)
-            props = {}
-            props[:active_color] = active_color unless active_color.nil?
-            props[:active_track_color] = active_track_color unless active_track_color.nil?
-            props[:adaptive] = adaptive unless adaptive.nil?
-            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[:autofocus] = autofocus unless autofocus.nil?
-            props[:badge] = badge unless badge.nil?
-            props[:bottom] = bottom unless bottom.nil?
-            props[:col] = col unless col.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[:focus_color] = focus_color unless focus_color.nil?
-            props[:height] = height unless height.nil?
-            props[:hover_color] = hover_color unless hover_color.nil?
-            props[:inactive_thumb_color] = inactive_thumb_color unless inactive_thumb_color.nil?
-            props[:inactive_track_color] = inactive_track_color unless inactive_track_color.nil?
-            props[:key] = key unless key.nil?
-            props[:label] = label unless label.nil?
-            props[:label_position] = label_position unless label_position.nil?
-            props[:label_text_style] = label_text_style unless label_text_style.nil?
-            props[:left] = left unless left.nil?
-            props[:margin] = margin unless margin.nil?
-            props[:mouse_cursor] = mouse_cursor unless mouse_cursor.nil?
-            props[:offset] = offset unless offset.nil?
-            props[:opacity] = opacity unless opacity.nil?
-            props[:overlay_color] = overlay_color unless overlay_color.nil?
-            props[:padding] = padding unless padding.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[:splash_radius] = splash_radius unless splash_radius.nil?
-            props[:thumb_color] = thumb_color unless thumb_color.nil?
-            props[:thumb_icon] = thumb_icon unless thumb_icon.nil?
-            props[:tooltip] = tooltip unless tooltip.nil?
-            props[:top] = top unless top.nil?
-            props[:track_color] = track_color unless track_color.nil?
-            props[:track_outline_color] = track_outline_color unless track_outline_color.nil?
-            props[:track_outline_width] = track_outline_width unless track_outline_width.nil?
-            props[:value] = value unless value.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_blur] = on_blur unless on_blur.nil?
-            props[:on_change] = on_change unless on_change.nil?
-            props[:on_focus] = on_focus unless on_focus.nil?
-            props[:on_size_change] = on_size_change unless on_size_change.nil?
-            super(type: TYPE, id: id, **props)
+          KEYWORDS = [:active_color, :active_track_color, :adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :autofocus, :badge, :bottom, :col, :data, :disabled, :expand, :expand_loose, :focus_color, :height, :hover_color, :inactive_thumb_color, :inactive_track_color, :key, :label, :label_position, :label_text_style, :left, :margin, :mouse_cursor, :offset, :opacity, :overlay_color, :padding, :right, :rotate, :rtl, :scale, :size_change_interval, :splash_radius, :thumb_color, :thumb_icon, :tooltip, :top, :track_color, :track_outline_color, :track_outline_width, :value, :visible, :width, :on_animation_end, :on_blur, :on_change, :on_focus, :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/materials/tab_control.rb

@@ -9,13 +9,6 @@ module Ruflet
           WIRE = "Tab".freeze
 
           def initialize(id: nil, adaptive: nil, badge: nil, col: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, icon: nil, icon_margin: nil, key: nil, label: nil, opacity: nil, rtl: nil, tooltip: nil, visible: nil)
-            raise ArgumentError, "tab requires label or icon" if label.nil? && icon.nil?
-
-            min_height = icon.nil? || label.nil? ? 46.0 : 72.0
-            unless height.nil? || height >= min_height
-              raise ArgumentError, "tab height cannot be lower than #{min_height.to_i}"
-            end
-
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:badge] = badge unless badge.nil?

data/lib/ruflet_ui/ruflet/ui/controls/materials/tabbar_control.rb

@@ -8,71 +8,15 @@ module Ruflet
           TYPE = "tabbar".freeze
           WIRE = "TabBar".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, data: nil, disabled: nil, divider_color: nil, divider_height: nil, enable_feedback: nil, expand: nil, expand_loose: nil, height: nil, indicator: nil, indicator_animation: nil, indicator_color: nil, indicator_size: nil, indicator_thickness: nil, key: nil, label_color: nil, label_padding: nil, label_text_style: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, overlay_color: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, scrollable: nil, secondary: nil, size_change_interval: nil, splash_border_radius: nil, tab_alignment: nil, tabs: nil, tooltip: nil, top: nil, unselected_label_color: nil, unselected_label_text_style: nil, visible: nil, width: nil, on_animation_end: nil, on_click: nil, on_hover: nil, on_size_change: nil)
-            { divider_height: divider_height, indicator_thickness: indicator_thickness }.each do |name, value|
-              raise ArgumentError, "tab_bar #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
-            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, :data, :disabled, :divider_color, :divider_height, :enable_feedback, :expand, :expand_loose, :height, :indicator, :indicator_animation, :indicator_color, :indicator_size, :indicator_thickness, :key, :label_color, :label_padding, :label_text_style, :left, :margin, :mouse_cursor, :offset, :opacity, :overlay_color, :padding, :right, :rotate, :rtl, :scale, :scrollable, :secondary, :size_change_interval, :splash_border_radius, :tab_alignment, :tabs, :tooltip, :top, :unselected_label_color, :unselected_label_text_style, :visible, :width, :on_animation_end, :on_click, :on_hover, :on_size_change].freeze
 
-            props = {}
-            props[:adaptive] = adaptive unless adaptive.nil?
-            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[:data] = data unless data.nil?
-            props[:disabled] = disabled unless disabled.nil?
-            props[:divider_color] = divider_color unless divider_color.nil?
-            props[:divider_height] = divider_height unless divider_height.nil?
-            props[:enable_feedback] = enable_feedback unless enable_feedback.nil?
-            props[:expand] = expand unless expand.nil?
-            props[:expand_loose] = expand_loose unless expand_loose.nil?
-            props[:height] = height unless height.nil?
-            props[:indicator] = indicator unless indicator.nil?
-            props[:indicator_animation] = indicator_animation unless indicator_animation.nil?
-            props[:indicator_color] = indicator_color unless indicator_color.nil?
-            props[:indicator_size] = indicator_size unless indicator_size.nil?
-            props[:indicator_thickness] = indicator_thickness unless indicator_thickness.nil?
-            props[:key] = key unless key.nil?
-            props[:label_color] = label_color unless label_color.nil?
-            props[:label_padding] = label_padding unless label_padding.nil?
-            props[:label_text_style] = label_text_style unless label_text_style.nil?
-            props[:left] = left unless left.nil?
-            props[:margin] = margin unless margin.nil?
-            props[:mouse_cursor] = mouse_cursor unless mouse_cursor.nil?
-            props[:offset] = offset unless offset.nil?
-            props[:opacity] = opacity unless opacity.nil?
-            props[:overlay_color] = overlay_color unless overlay_color.nil?
-            props[:padding] = padding unless padding.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[:scrollable] = scrollable unless scrollable.nil?
-            props[:secondary] = secondary unless secondary.nil?
-            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
-            props[:splash_border_radius] = splash_border_radius unless splash_border_radius.nil?
-            props[:tab_alignment] = tab_alignment unless tab_alignment.nil?
-            props[:tabs] = tabs unless tabs.nil?
-            props[:tooltip] = tooltip unless tooltip.nil?
-            props[:top] = top unless top.nil?
-            props[:unselected_label_color] = unselected_label_color unless unselected_label_color.nil?
-            props[:unselected_label_text_style] = unselected_label_text_style unless unselected_label_text_style.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_click] = on_click unless on_click.nil?
-            props[:on_hover] = on_hover unless on_hover.nil?
-            props[:on_size_change] = on_size_change unless on_size_change.nil?
-            super(type: TYPE, id: id, **props)
+          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/materials/tabbarview_control.rb

@@ -8,14 +8,52 @@ module Ruflet
           TYPE = "tabbarview".freeze
           WIRE = "TabBarView".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, clip_behavior: nil, col: 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, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, viewport_fraction: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+          KEYWORDS = [:adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :badge, :bottom, :clip_behavior, :col, :controls, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :margin, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :tooltip, :top, :viewport_fraction, :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]
+            clip_behavior = props[:clip_behavior]
+            col = props[:col]
+            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]
+            scale = props[:scale]
+            size_change_interval = props[:size_change_interval]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            viewport_fraction = props[:viewport_fraction]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_size_change = props[:on_size_change]
             clip_behavior = "hardEdge" if clip_behavior.nil?
             viewport_fraction = 1.0 if viewport_fraction.nil?
 
-            unless viewport_fraction.nil? || viewport_fraction > 0
-              raise ArgumentError, "tab_bar_view viewport_fraction must be greater than 0"
-            end
-
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

data/lib/ruflet_ui/ruflet/ui/controls/materials/tabs_control.rb

@@ -8,55 +8,15 @@ module Ruflet
           TYPE = "tabs".freeze
           WIRE = "Tabs".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, animation_duration: 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, length: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected_index: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_change: nil, on_size_change: nil)
-            raise ArgumentError, "tabs length must be greater than or equal to 0" unless length.nil? || length >= 0
+          KEYWORDS = [:adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :animation_duration, :aspect_ratio, :badge, :bottom, :col, :content, :data, :disabled, :expand, :expand_loose, :height, :key, :left, :length, :margin, :offset, :opacity, :right, :rotate, :rtl, :scale, :selected_index, :size_change_interval, :tooltip, :top, :visible, :width, :on_animation_end, :on_change, :on_size_change].freeze
 
-            unless selected_index.nil? || length.nil? || (-length...length).cover?(selected_index)
-              raise IndexError, "tabs selected_index is out of range"
+          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
-
-            props = {}
-            props[:adaptive] = adaptive unless adaptive.nil?
-            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[:animation_duration] = animation_duration unless animation_duration.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[:length] = length unless length.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[:scale] = scale unless scale.nil?
-            props[:selected_index] = selected_index unless selected_index.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_change] = on_change unless on_change.nil?
-            props[:on_size_change] = on_size_change unless on_size_change.nil?
-            super(type: TYPE, id: id, **props)
+            super(type: TYPE, id: id, **compact)
           end
         end
       end

data/lib/ruflet_ui/ruflet/ui/controls/materials/textbutton_control.rb

@@ -8,9 +8,58 @@ module Ruflet
           TYPE = "textbutton".freeze
           WIRE = "TextButton".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, autofocus: nil, badge: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, icon: nil, icon_color: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, style: nil, tooltip: nil, top: nil, url: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_click: nil, on_focus: nil, on_hover: nil, on_long_press: nil, on_size_change: nil)
-            raise ArgumentError, "text_button requires content or icon" if content.nil? && icon.nil?
+          KEYWORDS = [:adaptive, :align, :animate_align, :animate_margin, :animate_offset, :animate_opacity, :animate_position, :animate_rotation, :animate_scale, :animate_size, :aspect_ratio, :autofocus, :badge, :bottom, :clip_behavior, :col, :content, :data, :disabled, :expand, :expand_loose, :height, :icon, :icon_color, :key, :left, :margin, :offset, :opacity, :right, :rotate, :rtl, :scale, :size_change_interval, :style, :tooltip, :top, :url, :visible, :width, :on_animation_end, :on_blur, :on_click, :on_focus, :on_hover, :on_long_press, :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]
+            autofocus = props[:autofocus]
+            badge = props[:badge]
+            bottom = props[:bottom]
+            clip_behavior = props[:clip_behavior]
+            col = props[:col]
+            content = props[:content]
+            data = props[:data]
+            disabled = props[:disabled]
+            expand = props[:expand]
+            expand_loose = props[:expand_loose]
+            height = props[:height]
+            icon = props[:icon]
+            icon_color = props[:icon_color]
+            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]
+            style = props[:style]
+            tooltip = props[:tooltip]
+            top = props[:top]
+            url = props[:url]
+            visible = props[:visible]
+            width = props[:width]
+            on_animation_end = props[:on_animation_end]
+            on_blur = props[:on_blur]
+            on_click = props[:on_click]
+            on_focus = props[:on_focus]
+            on_hover = props[:on_hover]
+            on_long_press = props[:on_long_press]
+            on_size_change = props[:on_size_change]
             autofocus = false if autofocus.nil?
             clip_behavior = "none" if clip_behavior.nil?