ruflet_core 0.0.12 → 0.0.13

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

@@ -8,16 +8,18 @@ module Ruflet
           TYPE = "audio".freeze
           WIRE = "Audio".freeze
 
-          def initialize(id: nil, autoplay: nil, balance: nil, data: nil, key: nil, opacity: nil, release_mode: nil, rtl: nil, src: nil, tooltip: nil, visible: nil, volume: nil, on_duration_change: nil, on_error: nil, on_loaded: nil, on_position_change: nil, on_seek_complete: nil, on_state_change: nil)
+          def initialize(id: nil, autoplay: nil, balance: nil, data: nil, key: nil, opacity: nil, playback_rate: nil, release_mode: nil, rtl: nil, src: nil, src_base64: nil, tooltip: nil, visible: nil, volume: nil, on_duration_change: nil, on_error: nil, on_loaded: nil, on_position_change: nil, on_seek_complete: nil, on_state_change: nil)
             props = {}
             props[:autoplay] = autoplay unless autoplay.nil?
             props[:balance] = balance unless balance.nil?
             props[:data] = data unless data.nil?
             props[:key] = key unless key.nil?
             props[:opacity] = opacity unless opacity.nil?
+            props[:playback_rate] = playback_rate unless playback_rate.nil?
             props[:release_mode] = release_mode unless release_mode.nil?
             props[:rtl] = rtl unless rtl.nil?
             props[:src] = src unless src.nil?
+            props[:src_base64] = src_base64 unless src_base64.nil?
             props[:tooltip] = tooltip unless tooltip.nil?
             props[:visible] = visible unless visible.nil?
             props[:volume] = volume unless volume.nil?
@@ -29,6 +31,38 @@ module Ruflet
             props[:on_state_change] = on_state_change unless on_state_change.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          def get_current_position(timeout: 10, on_result: nil)
+            runtime_page&.invoke(self, "get_current_position", timeout: timeout, on_result: on_result)
+          end
+
+          def get_duration(timeout: 10, on_result: nil)
+            runtime_page&.invoke(self, "get_duration", timeout: timeout, on_result: on_result)
+          end
+
+          def pause(timeout: 10, on_result: nil)
+            runtime_page&.invoke(self, "pause", timeout: timeout, on_result: on_result)
+          end
+
+          def play(position: nil, timeout: 10, on_result: nil)
+            args = {}
+            args["position"] = position unless position.nil?
+            runtime_page&.invoke(self, "play", args: args.empty? ? nil : args, timeout: timeout, on_result: on_result)
+          end
+
+          def release(timeout: 10, on_result: nil)
+            runtime_page&.invoke(self, "release", timeout: timeout, on_result: on_result)
+          end
+
+          def resume(timeout: 10, on_result: nil)
+            runtime_page&.invoke(self, "resume", timeout: timeout, on_result: on_result)
+          end
+
+          def seek(position_milliseconds = nil, timeout: 10, on_result: nil)
+            args = {}
+            args["position"] = position_milliseconds unless position_milliseconds.nil?
+            runtime_page&.invoke(self, "seek", args: args.empty? ? nil : args, timeout: timeout, on_result: on_result)
+          end
         end
       end
     end

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "AutoComplete".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, 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, suggestions: nil, suggestions_max_height: nil, tooltip: nil, top: nil, value: nil, visible: nil, width: nil, on_animation_end: nil, on_change: nil, on_select: nil, on_size_change: nil)
+            suggestions = [] if suggestions.nil?
+            suggestions_max_height = 200 if suggestions_max_height.nil?
+            value = "" if value.nil?
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class AutoCompleteSuggestionControl < Ruflet::Control
+          TYPE = "autocompletesuggestion".freeze
+          WIRE = "AutoCompleteSuggestion".freeze
+
+          def initialize(id: nil, key: nil, value: nil)
+            raise ArgumentError, "auto_complete_suggestion requires key or value" if key.nil? && value.nil?
+
+            key ||= value
+            value ||= key
+
+            props = {}
+            props[:key] = key unless key.nil?
+            props[:value] = value unless value.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -9,6 +9,13 @@ module Ruflet
           WIRE = "Badge".freeze
 
           def initialize(id: nil, alignment: nil, bgcolor: nil, data: nil, key: nil, label: nil, label_visible: nil, large_size: nil, offset: nil, padding: nil, small_size: nil, text_color: nil, text_style: nil)
+            {
+              large_size: large_size,
+              small_size: small_size
+            }.each do |name, value|
+              raise ArgumentError, "badge #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:alignment] = alignment unless alignment.nil?
             props[:bgcolor] = bgcolor unless bgcolor.nil?

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

@@ -8,7 +8,16 @@ module Ruflet
           TYPE = "banner".freeze
           WIRE = "Banner".freeze
 
-          def initialize(id: nil, actions: nil, adaptive: nil, badge: nil, bgcolor: nil, col: nil, content: nil, content_padding: nil, content_text_style: nil, data: nil, disabled: nil, divider_color: nil, elevation: nil, expand: nil, expand_loose: nil, force_actions_below: nil, key: nil, leading: nil, leading_padding: nil, margin: nil, min_action_bar_height: nil, opacity: nil, open: nil, rtl: nil, shadow_color: nil, tooltip: nil, visible: nil, on_dismiss: nil, on_visible: nil)
+          def initialize(id: nil, actions: nil, adaptive: nil, badge: nil, bgcolor: nil, col: nil, content: nil, content_padding: nil, content_text_style: nil, data: nil, disabled: nil, divider_color: nil, elevation: nil, expand: nil, expand_loose: nil, force_actions_below: nil, key: nil, leading: nil, leading_padding: nil, margin: nil, min_action_bar_height: nil, opacity: nil, open: nil, rtl: nil, shadow_color: nil, surface_tint_color: nil, tooltip: nil, visible: nil, on_dismiss: nil, on_visible: nil)
+            raise ArgumentError, "banner requires content" if content.nil?
+            raise ArgumentError, "banner requires at least one actions control" if actions.nil? || actions.empty?
+            {
+              elevation: elevation,
+              min_action_bar_height: min_action_bar_height
+            }.each do |name, value|
+              raise ArgumentError, "banner #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:actions] = actions unless actions.nil?
             props[:adaptive] = adaptive unless adaptive.nil?
@@ -34,6 +43,7 @@ module Ruflet
             props[:open] = open unless open.nil?
             props[:rtl] = rtl unless rtl.nil?
             props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:surface_tint_color] = surface_tint_color unless surface_tint_color.nil?
             props[:tooltip] = tooltip unless tooltip.nil?
             props[:visible] = visible unless visible.nil?
             props[:on_dismiss] = on_dismiss unless on_dismiss.nil?

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

@@ -9,6 +9,8 @@ module Ruflet
           WIRE = "BottomAppBar".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, bgcolor: nil, border_radius: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, elevation: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, notch_margin: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, shadow_color: nil, shape: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+            raise ArgumentError, "bottom_app_bar elevation must be greater than or equal to 0" if !elevation.nil? && elevation.negative?
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -9,6 +9,11 @@ module Ruflet
           WIRE = "BottomSheet".freeze
 
           def initialize(id: nil, adaptive: nil, animation_style: nil, badge: nil, barrier_color: nil, bgcolor: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, dismissible: nil, draggable: nil, elevation: nil, expand: nil, expand_loose: nil, fullscreen: nil, key: nil, maintain_bottom_view_insets_padding: nil, opacity: nil, open: nil, rtl: nil, scrollable: nil, shape: nil, show_drag_handle: nil, size_constraints: nil, tooltip: nil, use_safe_area: nil, visible: nil, on_dismiss: nil)
+            raise ArgumentError, "bottom_sheet requires content" if content.nil?
+            unless elevation.nil? || elevation >= 0
+              raise ArgumentError, "bottom_sheet elevation must be greater than or equal to 0"
+            end
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:animation_style] = animation_style unless animation_style.nil?

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

@@ -9,6 +9,8 @@ module Ruflet
           WIRE = "Button".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, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, elevation: 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, "button requires content or icon" if content.nil? && icon.nil?
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "Card".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, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, elevation: 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, semantic_container: nil, shadow_color: nil, shape: nil, show_border_on_foreground: nil, size_change_interval: nil, tooltip: nil, top: nil, variant: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+            unless elevation.nil? || elevation >= 0
+              raise ArgumentError, "card elevation must be greater than or equal to 0"
+            end
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,17 @@ module Ruflet
           WIRE = "Chip".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, autofocus: nil, badge: nil, bgcolor: nil, border_side: nil, bottom: nil, check_color: nil, clip_behavior: nil, col: nil, color: nil, data: nil, delete_drawer_animation_style: nil, delete_icon: nil, delete_icon_color: nil, delete_icon_size_constraints: nil, delete_icon_tooltip: nil, disabled: nil, disabled_color: nil, elevation: nil, elevation_on_click: nil, enable_animation_style: nil, expand: nil, expand_loose: nil, height: nil, key: nil, label: nil, label_padding: nil, label_text_style: nil, leading: nil, leading_drawer_animation_style: nil, leading_size_constraints: nil, left: nil, margin: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, select_animation_style: nil, selected: nil, selected_color: nil, selected_shadow_color: nil, shadow_color: nil, shape: nil, show_checkmark: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, visual_density: nil, width: nil, on_animation_end: nil, on_blur: nil, on_click: nil, on_delete: nil, on_focus: nil, on_select: nil, on_size_change: nil)
+            if !on_click.nil? && !on_select.nil?
+              raise ArgumentError, "chip on_click and on_select cannot both be specified"
+            end
+
+            {
+              elevation: elevation,
+              elevation_on_click: elevation_on_click
+            }.each do |name, value|
+              raise ArgumentError, "chip #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -9,6 +9,18 @@ module Ruflet
           WIRE = "CircleAvatar".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, background_image_src: nil, badge: nil, bgcolor: nil, bottom: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, foreground_image_src: nil, height: nil, key: nil, left: nil, margin: nil, max_radius: nil, min_radius: nil, offset: nil, opacity: nil, radius: 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_image_error: nil, on_size_change: nil)
+            {
+              radius: radius,
+              min_radius: min_radius,
+              max_radius: max_radius
+            }.each do |name, value|
+              raise ArgumentError, "circle_avatar #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
+            if !radius.nil? && (!min_radius.nil? || !max_radius.nil?)
+              raise ArgumentError, "circle_avatar radius cannot be combined with min_radius or max_radius"
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "ContextMenu".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, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, items: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, primary_items: nil, primary_trigger: nil, right: nil, rotate: nil, rtl: nil, scale: nil, secondary_items: nil, secondary_trigger: nil, size_change_interval: nil, tertiary_items: nil, tertiary_trigger: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_dismiss: nil, on_select: nil, on_size_change: nil)
+            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
+              raise ArgumentError, "context_menu requires visible content"
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?
@@ -56,6 +60,21 @@ module Ruflet
             props[:on_size_change] = on_size_change unless on_size_change.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          def open(position: nil, timeout: 10, on_result: nil)
+            args = {}
+            args["position"] = stringify_hash_keys(position) unless position.nil?
+            runtime_page&.invoke(self, "open", args: args, timeout: timeout, on_result: on_result)
+          end
+
+          private
+
+          def stringify_hash_keys(value)
+            return value.map { |item| stringify_hash_keys(item) } if value.is_a?(Array)
+            return value.each_with_object({}) { |(key, child), result| result[key.to_s] = stringify_hash_keys(child) } if value.is_a?(Hash)
+
+            value
+          end
         end
       end
     end

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "DataCell".freeze
 
           def initialize(id: nil, badge: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, key: nil, opacity: nil, placeholder: nil, rtl: nil, show_edit_icon: nil, tooltip: nil, visible: nil, on_double_tap: nil, on_long_press: nil, on_tap: nil, on_tap_cancel: nil, on_tap_down: nil)
+            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
+              raise ArgumentError, "data_cell requires visible content"
+            end
+
             props = {}
             props[:badge] = badge unless badge.nil?
             props[:col] = col unless col.nil?

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "DataColumn".freeze
 
           def initialize(id: nil, badge: nil, col: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, heading_row_alignment: nil, key: nil, label: nil, numeric: nil, opacity: nil, rtl: nil, tooltip: nil, visible: nil, on_sort: nil)
+            if label.nil? || (label.respond_to?(:props) && label.props["visible"] == false)
+              raise ArgumentError, "data_column requires a visible label"
+            end
+
             props = {}
             props[:badge] = badge unless badge.nil?
             props[:col] = col unless col.nil?

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

@@ -9,6 +9,34 @@ module Ruflet
           WIRE = "DataTable".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, bgcolor: nil, border: nil, border_radius: nil, bottom: nil, checkbox_horizontal_margin: nil, clip_behavior: nil, col: nil, column_spacing: nil, columns: nil, data: nil, data_row_color: nil, data_row_max_height: nil, data_row_min_height: nil, data_text_style: nil, disabled: nil, divider_thickness: nil, expand: nil, expand_loose: nil, gradient: nil, heading_row_color: nil, heading_row_height: nil, heading_text_style: nil, height: nil, horizontal_lines: nil, horizontal_margin: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rows: nil, rtl: nil, scale: nil, show_bottom_border: nil, show_checkbox_column: nil, size_change_interval: nil, sort_ascending: nil, sort_column_index: nil, tooltip: nil, top: nil, vertical_lines: nil, visible: nil, width: nil, on_animation_end: nil, on_select_all: nil, on_size_change: nil)
+            visible_columns = visible_controls(columns)
+            raise ArgumentError, "data_table requires at least one visible columns control" if visible_columns.empty?
+
+            visible_rows = visible_controls(rows)
+            visible_rows.each do |row|
+              next unless row.respond_to?(:props)
+
+              unless visible_controls(row.props["cells"]).length == visible_columns.length
+                raise ArgumentError, "data_table row cells must match visible columns"
+              end
+            end
+
+            {
+              checkbox_horizontal_margin: checkbox_horizontal_margin,
+              column_spacing: column_spacing,
+              data_row_max_height: data_row_max_height,
+              data_row_min_height: data_row_min_height,
+              divider_thickness: divider_thickness,
+              heading_row_height: heading_row_height,
+              horizontal_margin: horizontal_margin
+            }.each do |name, value|
+              raise ArgumentError, "data_table #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
+            unless data_row_min_height.nil? || data_row_max_height.nil? || data_row_min_height <= data_row_max_height
+              raise ArgumentError, "data_table data_row_min_height must be less than or equal to data_row_max_height"
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?
@@ -71,6 +99,12 @@ module Ruflet
             props[:on_size_change] = on_size_change unless on_size_change.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          private
+
+          def visible_controls(value)
+            Array(value).select { |control| !control.respond_to?(:props) || control.props["visible"] != false }
+          end
         end
       end
     end

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

@@ -9,6 +9,8 @@ module Ruflet
           WIRE = "DatePicker".freeze
 
           def initialize(id: nil, adaptive: nil, badge: nil, barrier_color: nil, cancel_text: nil, col: nil, confirm_text: nil, current_date: nil, data: nil, date_picker_mode: nil, disabled: nil, entry_mode: nil, error_format_text: nil, error_invalid_text: nil, expand: nil, expand_loose: nil, field_hint_text: nil, field_label_text: nil, first_date: nil, help_text: nil, inset_padding: nil, key: nil, keyboard_type: nil, last_date: nil, locale: nil, modal: nil, opacity: nil, open: nil, rtl: nil, switch_to_calendar_icon: nil, switch_to_input_icon: nil, tooltip: nil, value: nil, visible: nil, on_change: nil, on_dismiss: nil, on_entry_mode_change: nil)
+            validate_date_range!(first_date, last_date, value)
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:badge] = badge unless badge.nil?
@@ -48,6 +50,22 @@ module Ruflet
             props[:on_entry_mode_change] = on_entry_mode_change unless on_entry_mode_change.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          private
+
+          def validate_date_range!(first_date, last_date, value)
+            first = first_date || "1900-01-01"
+            last = last_date || "2050-01-01"
+            raise ArgumentError, "date_picker first_date must be before or equal to last_date" if date_key(first) > date_key(last)
+            return if value.nil?
+
+            raise ArgumentError, "date_picker value must be on or after first_date" if date_key(value) < date_key(first)
+            raise ArgumentError, "date_picker value must be on or before last_date" if date_key(value) > date_key(last)
+          end
+
+          def date_key(value)
+            value.respond_to?(:iso8601) ? value.iso8601 : value.to_s
+          end
         end
       end
     end

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

@@ -9,6 +9,8 @@ module Ruflet
           WIRE = "DateRangePicker".freeze
 
           def initialize(id: nil, adaptive: nil, badge: nil, barrier_color: nil, cancel_text: nil, col: nil, confirm_text: nil, current_date: nil, data: nil, disabled: nil, end_value: nil, entry_mode: nil, error_format_text: nil, error_invalid_range_text: nil, error_invalid_text: nil, expand: nil, expand_loose: nil, field_end_hint_text: nil, field_end_label_text: nil, field_start_hint_text: nil, field_start_label_text: nil, first_date: nil, help_text: nil, key: nil, keyboard_type: nil, last_date: nil, locale: nil, modal: nil, opacity: nil, open: nil, rtl: nil, save_text: nil, start_value: nil, switch_to_calendar_icon: nil, switch_to_input_icon: nil, tooltip: nil, visible: nil, on_change: nil, on_dismiss: nil)
+            validate_date_range!(first_date, last_date, start_value, end_value)
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:badge] = badge unless badge.nil?
@@ -50,6 +52,24 @@ module Ruflet
             props[:on_dismiss] = on_dismiss unless on_dismiss.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          private
+
+          def validate_date_range!(first_date, last_date, start_value, end_value)
+            first = first_date || "1900-01-01"
+            last = last_date || "2050-01-01"
+            raise ArgumentError, "date_range_picker first_date must be before or equal to last_date" if date_key(first) > date_key(last)
+            raise ArgumentError, "date_range_picker start_value must be on or after first_date" if !start_value.nil? && date_key(start_value) < date_key(first)
+            raise ArgumentError, "date_range_picker end_value must be on or before last_date" if !end_value.nil? && date_key(end_value) > date_key(last)
+
+            unless start_value.nil? || end_value.nil? || date_key(start_value) <= date_key(end_value)
+              raise ArgumentError, "date_range_picker start_value must be before or equal to end_value"
+            end
+          end
+
+          def date_key(value)
+            value.respond_to?(:iso8601) ? value.iso8601 : value.to_s
+          end
         end
       end
     end

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

@@ -9,6 +9,15 @@ module Ruflet
           WIRE = "Divider".freeze
 
           def initialize(id: nil, badge: nil, col: nil, color: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, leading_indent: nil, opacity: nil, radius: nil, rtl: nil, thickness: nil, tooltip: nil, trailing_indent: nil, visible: nil)
+            {
+              height: height,
+              leading_indent: leading_indent,
+              thickness: thickness,
+              trailing_indent: trailing_indent
+            }.each do |name, value|
+              raise ArgumentError, "divider #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:badge] = badge unless badge.nil?
             props[:col] = col unless col.nil?

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

@@ -9,6 +9,17 @@ module Ruflet
           WIRE = "Dropdown".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, autofocus: nil, badge: nil, bgcolor: nil, border: nil, border_color: nil, border_radius: nil, border_width: nil, bottom: nil, capitalization: nil, col: nil, color: nil, content_padding: nil, data: nil, dense: nil, disabled: nil, editable: nil, elevation: nil, enable_filter: nil, enable_search: nil, error_style: nil, error_text: nil, expand: nil, expand_loose: nil, expanded_insets: nil, fill_color: nil, filled: nil, focused_border_color: nil, focused_border_width: nil, height: nil, helper_style: nil, helper_text: nil, hint_style: nil, hint_text: nil, hover_color: nil, input_filter: nil, key: nil, label: nil, label_style: nil, leading_icon: nil, left: nil, margin: nil, menu_height: nil, menu_style: nil, menu_width: nil, offset: nil, opacity: nil, options: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected_suffix: nil, selected_trailing_icon: nil, size_change_interval: nil, text: nil, text_align: nil, text_size: nil, text_style: nil, tooltip: nil, top: nil, trailing_icon: nil, value: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_focus: nil, on_select: nil, on_size_change: nil, on_text_change: nil)
+            {
+              border_width: border_width,
+              elevation: elevation,
+              focused_border_width: focused_border_width,
+              menu_height: menu_height,
+              menu_width: menu_width,
+              text_size: text_size
+            }.each do |name, numeric_value|
+              raise ArgumentError, "dropdown #{name} must be greater than or equal to 0" unless numeric_value.nil? || numeric_value >= 0
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -9,6 +9,11 @@ module Ruflet
           WIRE = "DropdownOption".freeze
 
           def initialize(id: nil, badge: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, key: nil, leading_icon: nil, opacity: nil, rtl: nil, style: nil, text: nil, tooltip: nil, trailing_icon: nil, visible: nil)
+            raise ArgumentError, "dropdown_option requires key or text" if key.nil? && text.nil?
+
+            key = text if key.nil?
+            text = key if text.nil?
+
             props = {}
             props[:badge] = badge unless badge.nil?
             props[:col] = col unless col.nil?

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

@@ -9,6 +9,14 @@ module Ruflet
           WIRE = "ExpansionPanel".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, bgcolor: nil, bottom: nil, can_tap_header: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, expanded: nil, header: nil, height: nil, highlight_color: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, splash_color: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+            if header.nil? || (header.respond_to?(:props) && header.props["visible"] == false)
+              raise ArgumentError, "expansion_panel requires a visible header"
+            end
+
+            if content.nil? || (content.respond_to?(:props) && content.props["visible"] == false)
+              raise ArgumentError, "expansion_panel requires visible content"
+            end
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,12 @@ module Ruflet
           WIRE = "ExpansionPanelList".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, controls: nil, data: nil, disabled: nil, divider_color: nil, elevation: nil, expand: nil, expand_icon_color: nil, expand_loose: nil, expanded_header_padding: 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, spacing: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_change: nil, on_size_change: nil)
+            elevation = 2 if elevation.nil?
+
+            { elevation: elevation, spacing: spacing }.each do |name, value|
+              raise ArgumentError, "expansion_panel_list #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?

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

@@ -9,6 +9,12 @@ module Ruflet
           WIRE = "ExpansionTile".freeze
 
           def initialize(id: nil, adaptive: nil, affinity: 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_style: nil, aspect_ratio: nil, badge: nil, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, collapsed_bgcolor: nil, collapsed_icon_color: nil, collapsed_shape: nil, collapsed_text_color: nil, controls: nil, controls_padding: nil, data: nil, dense: nil, disabled: nil, enable_feedback: nil, expand: nil, expand_loose: nil, expanded: nil, expanded_alignment: nil, expanded_cross_axis_alignment: nil, height: nil, icon_color: nil, key: nil, leading: nil, left: nil, maintain_state: nil, margin: nil, min_tile_height: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, shape: nil, show_trailing_icon: nil, size_change_interval: nil, subtitle: nil, text_color: nil, tile_padding: nil, title: nil, tooltip: nil, top: nil, trailing: nil, visible: nil, visual_density: nil, width: nil, on_animation_end: nil, on_change: nil, on_size_change: nil)
+            raise ArgumentError, "expansion_tile requires a visible title" if title.nil? || (title.respond_to?(:props) && title.props["visible"] == false)
+            raise ArgumentError, "expansion_tile min_tile_height must be greater than or equal to 0" unless min_tile_height.nil? || min_tile_height >= 0
+            expanded = false if expanded.nil?
+            maintain_state = false if maintain_state.nil?
+            show_trailing_icon = true if show_trailing_icon.nil?
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:affinity] = affinity unless affinity.nil?

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

@@ -9,6 +9,11 @@ module Ruflet
           WIRE = "FilledButton".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, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, elevation: 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, "filled_button requires content or icon" if content.nil? && icon.nil?
+
+            autofocus = false if autofocus.nil?
+            clip_behavior = "none" if clip_behavior.nil?
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,14 @@ module Ruflet
           WIRE = "FilledIconButton".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, autofocus: nil, badge: nil, bgcolor: nil, bottom: nil, col: nil, data: nil, disabled: nil, disabled_color: nil, enable_feedback: nil, expand: nil, expand_loose: nil, focus_color: nil, height: nil, highlight_color: nil, hover_color: nil, icon: nil, icon_color: nil, icon_size: nil, key: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected: nil, selected_icon: nil, selected_icon_color: nil, size_change_interval: nil, size_constraints: nil, splash_color: nil, splash_radius: nil, style: nil, tooltip: nil, top: nil, url: nil, visible: nil, visual_density: 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)
+            alignment = "center" if alignment.nil?
+            autofocus = false if autofocus.nil?
+            icon_size = 24 if icon_size.nil?
+            padding = { "all" => 8 } if padding.nil?
+            unless splash_radius.nil? || splash_radius.positive?
+              raise ArgumentError, "filled_icon_button splash_radius 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/filledtonalbutton_control.rb

@@ -9,6 +9,11 @@ module Ruflet
           WIRE = "FilledTonalButton".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, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, elevation: 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, "filled_tonal_button requires content or icon" if content.nil? && icon.nil?
+
+            autofocus = false if autofocus.nil?
+            clip_behavior = "none" if clip_behavior.nil?
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,14 @@ module Ruflet
           WIRE = "FilledTonalIconButton".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, autofocus: nil, badge: nil, bgcolor: nil, bottom: nil, col: nil, data: nil, disabled: nil, disabled_color: nil, enable_feedback: nil, expand: nil, expand_loose: nil, focus_color: nil, height: nil, highlight_color: nil, hover_color: nil, icon: nil, icon_color: nil, icon_size: nil, key: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected: nil, selected_icon: nil, selected_icon_color: nil, size_change_interval: nil, size_constraints: nil, splash_color: nil, splash_radius: nil, style: nil, tooltip: nil, top: nil, url: nil, visible: nil, visual_density: 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)
+            alignment = "center" if alignment.nil?
+            autofocus = false if autofocus.nil?
+            icon_size = 24 if icon_size.nil?
+            padding = { "all" => 8 } if padding.nil?
+            unless splash_radius.nil? || splash_radius.positive?
+              raise ArgumentError, "filled_tonal_icon_button splash_radius 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/floatingactionbutton_control.rb

@@ -9,6 +9,20 @@ module Ruflet
           WIRE = "FloatingActionButton".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, autofocus: nil, badge: nil, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, disabled_elevation: nil, elevation: nil, enable_feedback: nil, expand: nil, expand_loose: nil, focus_color: nil, focus_elevation: nil, foreground_color: nil, height: nil, highlight_elevation: nil, hover_color: nil, hover_elevation: nil, icon: nil, key: nil, left: nil, margin: nil, mini: nil, mouse_cursor: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, shape: nil, size_change_interval: nil, splash_color: nil, tooltip: nil, top: nil, url: nil, visible: nil, width: nil, on_animation_end: nil, on_click: nil, on_size_change: nil)
+            if icon.nil? && blank_content?(content)
+              raise ArgumentError, "floating_action_button requires icon or non-empty content"
+            end
+
+            {
+              disabled_elevation: disabled_elevation,
+              elevation: elevation,
+              focus_elevation: focus_elevation,
+              highlight_elevation: highlight_elevation,
+              hover_elevation: hover_elevation
+            }.each do |name, value|
+              raise ArgumentError, "floating_action_button #{name} must be greater than or equal to 0" unless value.nil? || value >= 0
+            end
+
             props = {}
             props[:align] = align unless align.nil?
             props[:animate_align] = animate_align unless animate_align.nil?
@@ -66,6 +80,12 @@ module Ruflet
             props[:on_size_change] = on_size_change unless on_size_change.nil?
             super(type: TYPE, id: id, **props)
           end
+
+          private
+
+          def blank_content?(value)
+            value.nil? || (value.respond_to?(:empty?) && value.empty?)
+          end
         end
       end
     end

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "IconButton".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, autofocus: nil, badge: nil, bgcolor: nil, bottom: nil, col: nil, data: nil, disabled: nil, disabled_color: nil, enable_feedback: nil, expand: nil, expand_loose: nil, focus_color: nil, height: nil, highlight_color: nil, hover_color: nil, icon: nil, icon_color: nil, icon_size: nil, key: nil, left: nil, margin: nil, mouse_cursor: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected: nil, selected_icon: nil, selected_icon_color: nil, size_change_interval: nil, size_constraints: nil, splash_color: nil, splash_radius: nil, style: nil, tooltip: nil, top: nil, url: nil, visible: nil, visual_density: 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)
+            unless splash_radius.nil? || splash_radius >= 0
+              raise ArgumentError, "icon_button splash_radius must be greater than or equal to 0"
+            end
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?

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

@@ -9,6 +9,10 @@ module Ruflet
           WIRE = "ListTile".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, bgcolor: nil, bottom: nil, col: nil, content_padding: nil, data: nil, dense: nil, disabled: nil, enable_feedback: nil, expand: nil, expand_loose: nil, height: nil, horizontal_spacing: nil, hover_color: nil, icon_color: nil, is_three_line: nil, key: nil, leading: nil, leading_and_trailing_text_style: nil, left: nil, margin: nil, min_height: nil, min_leading_width: nil, min_vertical_padding: nil, mouse_cursor: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, selected: nil, selected_color: nil, selected_tile_color: nil, shape: nil, size_change_interval: nil, splash_color: nil, style: nil, subtitle: nil, subtitle_text_style: nil, text_color: nil, title: nil, title_alignment: nil, title_text_style: nil, toggle_inputs: nil, tooltip: nil, top: nil, trailing: nil, url: nil, visible: nil, visual_density: nil, width: nil, on_animation_end: nil, on_click: nil, on_long_press: nil, on_size_change: nil)
+            if is_three_line == true && subtitle.nil?
+              raise ArgumentError, "list_tile subtitle is required when is_three_line is true"
+            end
+
             props = {}
             props[:adaptive] = adaptive unless adaptive.nil?
             props[:align] = align unless align.nil?