glib-web 6.9.2 → 7.0.0.beta1

data/app/views/json_ui/garage/test_page/lifecycle.json.jbuilder

@@ -23,10 +23,10 @@ page.body childViews: ->(body) do
       id: 'button',
       text: 'you should not see this',
       onLoad: ->(action) do
-        action.components_set targetId: 'button', data: { text: 'onLoad' }
+        action.logics_set targetId: 'button', data: { text: 'onLoad' }
       end,
       onRerender: ->(action) do
-        action.components_set targetId: 'button', data: { text: 'onRerender' }
+        action.logics_set targetId: 'button', data: { text: 'onRerender' }
       end
     res.spacer height: 8
     res.chip \
@@ -34,22 +34,22 @@ page.body childViews: ->(body) do
       text: 'hover me',
       tooltip: { text: 'you should not see this' },
       onLoad: ->(action) do
-        action.components_set targetId: 'chip', data: { 'tooltip.text' => 'onLoad' }
+        action.logics_set targetId: 'chip', data: { 'tooltip.text' => 'onLoad' }
       end,
       onRerender: ->(action) do
-        action.components_set targetId: 'chip', data: { 'tooltip.text' => 'onRerender' }
+        action.logics_set targetId: 'chip', data: { 'tooltip.text' => 'onRerender' }
       end
     res.spacer height: 8
     res.icon \
       id: 'icon',
       name: 'autorenew',
       onLoad: ->(action) do
-        action.components_set targetId: 'icon', data: {
+        action.logics_set targetId: 'icon', data: {
           'material.name' => 'home'
         }
       end,
       onRerender: ->(action) do
-        action.components_set targetId: 'icon', data: {
+        action.logics_set targetId: 'icon', data: {
           'material.name' => 'person'
         }
       end

data/app/views/json_ui/garage/test_page/list.json.jbuilder

@@ -37,28 +37,28 @@ page.body(
             flow.button(
               text: 'One column',
               onClick: ->(action) do
-                action.components_set targetId: 'list_main', data: { responsiveCols: 1 }
+                action.logics_set targetId: 'list_main', data: { responsiveCols: 1 }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Three columns',
               onClick: ->(action) do
-                action.components_set targetId: 'list_main', data: { responsiveCols: 3 }
+                action.logics_set targetId: 'list_main', data: { responsiveCols: 3 }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Card style',
               onClick: ->(action) do
-                action.components_set targetId: 'list_main', data: { styleClasses: ['card'], padding: glib_json_padding_list }
+                action.logics_set targetId: 'list_main', data: { styleClasses: ['card'], padding: glib_json_padding_list }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Clear style',
               onClick: ->(action) do
-                action.components_set targetId: 'list_main', data: { styleClasses: nil, padding: nil }
+                action.logics_set targetId: 'list_main', data: { styleClasses: nil, padding: nil }
               end
             )
           end
@@ -73,10 +73,10 @@ page.body(
           id: 'list_events',
           height: 180,
           onScrollToTop: ->(action) do
-            action.components_set targetId: 'list_event_status', data: { text: 'Scroll events: top reached' }
+            action.logics_set targetId: 'list_event_status', data: { text: 'Scroll events: top reached' }
           end,
           onScrollToBottom: ->(action) do
-            action.components_set targetId: 'list_event_status', data: { text: 'Scroll events: bottom reached' }
+            action.logics_set targetId: 'list_event_status', data: { text: 'Scroll events: bottom reached' }
           end,
           firstSection: ->(section) do
             section.rows(

data/app/views/json_ui/garage/test_page/multimedia_docx.json.jbuilder

@@ -42,7 +42,7 @@ page.body(
           flow.button(
             text: 'Sample',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_docx_main',
                 data: { url: sample_url }
               )
@@ -52,7 +52,7 @@ page.body(
           flow.button(
             text: 'Reload same',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_docx_main',
                 data: { url: alt_url }
               )
@@ -71,7 +71,7 @@ page.body(
           flow.button(
             text: 'No URL',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_docx_main',
                 data: { url: nil }
               )
@@ -81,7 +81,7 @@ page.body(
           flow.button(
             text: 'Broken URL',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_docx_main',
                 data: { url: missing_url }
               )
@@ -91,7 +91,7 @@ page.body(
           flow.button(
             text: 'Custom messages',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_docx_main',
                 data: {
                   url: missing_url,

data/app/views/json_ui/garage/test_page/multimedia_video.json.jbuilder

@@ -36,7 +36,7 @@ page.body(
           flow.button(
             text: 'Default size',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: {
                   width: 560,
@@ -50,7 +50,7 @@ page.body(
           flow.button(
             text: 'Short URL',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: { url: 'https://youtu.be/ATnpEOo3GJA' }
               )
@@ -60,7 +60,7 @@ page.body(
           flow.button(
             text: 'Match parent',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: { width: 'matchParent', height: 240 }
               )
@@ -70,7 +70,7 @@ page.body(
           flow.button(
             text: 'Compact',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: { width: 360, height: 200 }
               )
@@ -96,7 +96,7 @@ page.body(
           flow.button(
             text: 'Wide 16:9',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: { width: 640, height: 360 }
               )
@@ -106,7 +106,7 @@ page.body(
           flow.button(
             text: 'Tall',
             onClick: ->(action) do
-              action.components_set(
+              action.logics_set(
                 targetId: 'multimedia_video_main',
                 data: { width: 360, height: 480 }
               )

data/app/views/json_ui/garage/test_page/pagination.json.jbuilder

@@ -16,7 +16,7 @@ page.body childViews: ->(body) do
     res.h2 text: 'Basic'
     res.spacer height: 8
     res.panels_pagination id: 'pagination_main', length: 10, value: 1, onChange: ->(action) do
-      action.components_set targetId: 'pagination_status', data: { text: 'Page changed' }
+      action.logics_set targetId: 'pagination_status', data: { text: 'Page changed' }
     end
     res.label id: 'pagination_status', text: 'Page status: idle'
 
@@ -27,19 +27,19 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Page 1', onClick: ->(action) do
-        action.components_set targetId: 'pagination_main', data: { value: 1 }
+        action.logics_set targetId: 'pagination_main', data: { value: 1 }
       end
       flow.spacer width: 4
       flow.button text: 'Page 5', onClick: ->(action) do
-        action.components_set targetId: 'pagination_main', data: { value: 5 }
+        action.logics_set targetId: 'pagination_main', data: { value: 5 }
       end
       flow.spacer width: 4
       flow.button text: 'Show 3', onClick: ->(action) do
-        action.components_set targetId: 'pagination_main', data: { totalVisible: 3 }
+        action.logics_set targetId: 'pagination_main', data: { totalVisible: 3 }
       end
       flow.spacer width: 4
       flow.button text: 'Show 7', onClick: ->(action) do
-        action.components_set targetId: 'pagination_main', data: { totalVisible: 7 }
+        action.logics_set targetId: 'pagination_main', data: { totalVisible: 7 }
       end
     end
 
@@ -51,7 +51,7 @@ page.body childViews: ->(body) do
     res.label id: 'pagination_action_status', text: 'Change status: idle'
     res.spacer height: 6
     res.panels_pagination length: 4, value: 1, onChange: ->(action) do
-      action.components_set targetId: 'pagination_action_status', data: { text: 'Change status: changed' }
+      action.logics_set targetId: 'pagination_action_status', data: { text: 'Change status: changed' }
     end
 
     res.spacer height: 12

data/app/views/json_ui/garage/test_page/panels_bulkEdit2.json.jbuilder

@@ -95,18 +95,18 @@ page.body(
           onSubmitStart: ->(action) do
             action.runMultiple(
               childActions: ->(multiple) do
-                multiple.components_set targetId: 'bulk_edit_submit_top', data: { disabled: true }
-                multiple.components_set targetId: 'bulk_edit_submit_bottom', data: { disabled: true }
-                multiple.components_set targetId: 'bulk_edit_cancel', data: { displayed: true }
+                multiple.logics_set targetId: 'bulk_edit_submit_top', data: { disabled: true }
+                multiple.logics_set targetId: 'bulk_edit_submit_bottom', data: { disabled: true }
+                multiple.logics_set targetId: 'bulk_edit_cancel', data: { displayed: true }
               end
             )
           end,
           onSubmitEnd: ->(action) do
             action.runMultiple(
               childActions: ->(multiple) do
-                multiple.components_set targetId: 'bulk_edit_submit_top', data: { disabled: false }
-                multiple.components_set targetId: 'bulk_edit_submit_bottom', data: { disabled: false }
-                multiple.components_set targetId: 'bulk_edit_cancel', data: { displayed: false }
+                multiple.logics_set targetId: 'bulk_edit_submit_top', data: { disabled: false }
+                multiple.logics_set targetId: 'bulk_edit_submit_bottom', data: { disabled: false }
+                multiple.logics_set targetId: 'bulk_edit_cancel', data: { displayed: false }
               end
             )
           end,
@@ -124,8 +124,8 @@ page.body(
                   text: { "count": [{ "var": 'data.loadedRows' }] }
                   }
                 )
-                multiple.components_set targetId: 'bulk_edit_submit_top', data: { displayed: true }
-                multiple.components_set targetId: 'bulk_edit_submit_bottom', data: { displayed: true }
+                multiple.logics_set targetId: 'bulk_edit_submit_top', data: { displayed: true }
+                multiple.logics_set targetId: 'bulk_edit_submit_bottom', data: { displayed: true }
               end
             )
           end,
@@ -196,18 +196,18 @@ page.body(
         # res.spacer height: 8
         # res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
         #   flow.button text: 'Default columns', onClick: ->(action) do
-        #     action.components_set targetId: 'bulk_edit_main', data: { viewHeaders: default_headers, viewCells: default_cells }
+        #     action.logics_set targetId: 'bulk_edit_main', data: { viewHeaders: default_headers, viewCells: default_cells }
         #   end
         #   flow.spacer width: 8
         #   flow.button text: 'Compact columns', onClick: ->(action) do
-        #     action.components_set targetId: 'bulk_edit_main', data: { viewHeaders: compact_headers, viewCells: compact_cells }
+        #     action.logics_set targetId: 'bulk_edit_main', data: { viewHeaders: compact_headers, viewCells: compact_cells }
         #   end
         #   flow.spacer width: 8
         #   flow.button text: 'Reset counts', onClick: ->(action) do
         #     action.runMultiple childActions: ->(multiple) do
-        #       multiple.components_set targetId: 'bulk_edit_loaded_count', data: { text: '0' }
-        #       multiple.components_set targetId: 'bulk_edit_selected_count', data: { text: '0' }
-        #       multiple.components_set targetId: 'bulk_edit_succeeded_count', data: { text: 'Uploaded: 0', displayed: false }
+        #       multiple.logics_set targetId: 'bulk_edit_loaded_count', data: { text: '0' }
+        #       multiple.logics_set targetId: 'bulk_edit_selected_count', data: { text: '0' }
+        #       multiple.logics_set targetId: 'bulk_edit_succeeded_count', data: { text: 'Uploaded: 0', displayed: false }
         #     end
         #   end
         # end

data/app/views/json_ui/garage/test_page/panels_bulkEdit3.json.jbuilder

@@ -236,7 +236,7 @@ page.body(
             action.runMultiple(
               fieldName: 'data',
               childActions: ->(multiple) do
-                multiple.components_set targetId: 'bulk_edit3_skipped_counter', data: { displayed: true }
+                multiple.logics_set targetId: 'bulk_edit3_skipped_counter', data: { displayed: true }
                 multiple.logics_set(
                   targetId: 'bulk_edit3_skipped_count',
                   paramName: 'variables',

data/app/views/json_ui/garage/test_page/progressCircle.json.jbuilder

@@ -39,7 +39,7 @@ page.body(
             flow.button(
               text: '35% default',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'progress_circle_main',
                   data: { value: 35, size: 160, width: 16, color: '#4B56D2', half: nil, text: nil }
                 )
@@ -49,21 +49,21 @@ page.body(
             flow.button(
               text: '65%',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { value: 65 }
+                action.logics_set targetId: 'progress_circle_main', data: { value: 65 }
               end
             )
             flow.spacer width: 6
             flow.button(
               text: 'Thick stroke',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { width: 28 }
+                action.logics_set targetId: 'progress_circle_main', data: { width: 28 }
               end
             )
             flow.spacer width: 6
             flow.button(
               text: 'Small size',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { size: 110 }
+                action.logics_set targetId: 'progress_circle_main', data: { size: 110 }
               end
             )
           end
@@ -82,7 +82,7 @@ page.body(
             flow.button(
               text: 'Half circle + label',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'progress_circle_main',
                   data: { value: 80, half: true, text: 'Section A', color: '#9E0A0A', width: 22 }
                 )
@@ -92,7 +92,7 @@ page.body(
             flow.button(
               text: 'Accent color',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { color: '#F9C80E', half: nil, text: nil }
+                action.logics_set targetId: 'progress_circle_main', data: { color: '#F9C80E', half: nil, text: nil }
               end
             )
           end
@@ -111,14 +111,14 @@ page.body(
             flow.button(
               text: '0%',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { value: '0', half: nil, text: nil }
+                action.logics_set targetId: 'progress_circle_main', data: { value: '0', half: nil, text: nil }
               end
             )
             flow.spacer width: 6
             flow.button(
               text: '100%',
               onClick: ->(action) do
-                action.components_set targetId: 'progress_circle_main', data: { value: 100, half: nil, text: nil }
+                action.logics_set targetId: 'progress_circle_main', data: { value: 100, half: nil, text: nil }
               end
             )
           end

data/app/views/json_ui/garage/test_page/responsive.json.jbuilder

@@ -32,21 +32,21 @@ page.body(
             flow.button(
               text: 'Align left',
               onClick: ->(action) do
-                action.components_set targetId: 'responsive_main', data: { align: 'left' }
+                action.logics_set targetId: 'responsive_main', data: { align: 'left' }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Align center',
               onClick: ->(action) do
-                action.components_set targetId: 'responsive_main', data: { align: 'center' }
+                action.logics_set targetId: 'responsive_main', data: { align: 'center' }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Align right',
               onClick: ->(action) do
-                action.components_set targetId: 'responsive_main', data: { align: 'right' }
+                action.logics_set targetId: 'responsive_main', data: { align: 'right' }
               end
             )
           end
@@ -59,7 +59,7 @@ page.body(
         res.spacer height: 6
         res.panels_responsive(
           onClick: ->(action) do
-            action.components_set targetId: 'responsive_action_status', data: { text: 'Click status: clicked' }
+            action.logics_set targetId: 'responsive_action_status', data: { text: 'Click status: clicked' }
           end,
           styleClasses: ['card'],
           padding: { all: 12 },

data/app/views/json_ui/garage/test_page/scroll.json.jbuilder

@@ -28,19 +28,19 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Short', onClick: ->(action) do
-        action.components_set targetId: 'scroll_main', data: { height: 120 }
+        action.logics_set targetId: 'scroll_main', data: { height: 120 }
       end
       flow.spacer width: 4
       flow.button text: 'Tall', onClick: ->(action) do
-        action.components_set targetId: 'scroll_main', data: { height: 240 }
+        action.logics_set targetId: 'scroll_main', data: { height: 240 }
       end
       flow.spacer width: 4
       flow.button text: 'Add padding', onClick: ->(action) do
-        action.components_set targetId: 'scroll_main', data: { padding: { all: 12 } }
+        action.logics_set targetId: 'scroll_main', data: { padding: { all: 12 } }
       end
       flow.spacer width: 4
       flow.button text: 'Clear padding', onClick: ->(action) do
-        action.components_set targetId: 'scroll_main', data: { padding: nil }
+        action.logics_set targetId: 'scroll_main', data: { padding: nil }
       end
     end
 
@@ -52,7 +52,7 @@ page.body childViews: ->(body) do
     res.label id: 'scroll_status', text: 'Scroll status: idle'
     res.spacer height: 6
     res.panels_scroll height: 120, onLoad: ->(action) do
-      action.components_set targetId: 'scroll_status', data: { text: 'Scroll status: loaded' }
+      action.logics_set targetId: 'scroll_status', data: { text: 'Scroll status: loaded' }
     end, childViews: ->(scroll) do
       (1..8).each do |index|
         scroll.label text: "Load item #{index}"

data/app/views/json_ui/garage/test_page/split.json.jbuilder

@@ -50,7 +50,7 @@ page.body(
                 left.button(
                   text: 'Update status',
                   onClick: ->(action) do
-                    action.components_set targetId: 'split_action_status', data: { text: 'Action status: clicked' }
+                    action.logics_set targetId: 'split_action_status', data: { text: 'Action status: clicked' }
                   end
                 )
               end

data/app/views/json_ui/garage/test_page/table.json.jbuilder

@@ -53,21 +53,21 @@ page.body(
             flow.button(
               text: 'Compact style',
               onClick: ->(action) do
-                action.components_set targetId: 'table_main', data: { styleClass: 'table--compact' }
+                action.logics_set targetId: 'table_main', data: { styleClass: 'table--compact' }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Striped style',
               onClick: ->(action) do
-                action.components_set targetId: 'table_main', data: { styleClass: 'table--striped' }
+                action.logics_set targetId: 'table_main', data: { styleClass: 'table--striped' }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Clear style',
               onClick: ->(action) do
-                action.components_set targetId: 'table_main', data: { styleClass: nil }
+                action.logics_set targetId: 'table_main', data: { styleClass: nil }
               end
             )
           end
@@ -85,10 +85,10 @@ page.body(
             scroll.panels_table(
               height: 'matchParent',
               onScrollToTop: ->(action) do
-                action.components_set targetId: 'table_event_status', data: { text: 'Scroll events: top reached' }
+                action.logics_set targetId: 'table_event_status', data: { text: 'Scroll events: top reached' }
               end,
               onScrollToBottom: ->(action) do
-                action.components_set targetId: 'table_event_status', data: { text: 'Scroll events: bottom reached' }
+                action.logics_set targetId: 'table_event_status', data: { text: 'Scroll events: bottom reached' }
               end,
               sections: [
               ->(section) do

data/app/views/json_ui/garage/test_page/timeline.json.jbuilder

@@ -44,25 +44,25 @@ page.body(
             flow.button(
               text: 'Vertical',
               onClick: ->(action) do
-                action.components_set targetId: 'timeline_main', data: { direction: 'vertical', side: 'start', truncateLine: nil }
+                action.logics_set targetId: 'timeline_main', data: { direction: 'vertical', side: 'start', truncateLine: nil }
               end
             )
             flow.spacer width: 4
             flow.button(
               text: 'Horizontal',
               onClick: ->(action) do
-                action.components_set targetId: 'timeline_main', data: { direction: 'horizontal', side: 'end', truncateLine: nil }
+                action.logics_set targetId: 'timeline_main', data: { direction: 'horizontal', side: 'end', truncateLine: nil }
               end
             )
             flow.spacer width: 4
             # flow.button text: 'Outlined dots', onClick: ->(action) do
-            #   action.components_set targetId: 'timeline_main', data: { events: outline_events }
+            #   action.logics_set targetId: 'timeline_main', data: { events: outline_events }
             # end
             # flow.spacer width: 4
             flow.button(
               text: 'Truncate both',
               onClick: ->(action) do
-                action.components_set targetId: 'timeline_main', data: { truncateLine: 'both' }
+                action.logics_set targetId: 'timeline_main', data: { truncateLine: 'both' }
               end
             )
           end
@@ -80,7 +80,7 @@ page.body(
               timeline.label(
                 text: step,
                 onClick: ->(action) do
-                  action.components_set targetId: 'timeline_action_status', data: { text: "Clicked: #{step}" }
+                  action.logics_set targetId: 'timeline_action_status', data: { text: "Clicked: #{step}" }
                 end
               )
             end

data/app/views/json_ui/garage/test_page/ul.json.jbuilder

@@ -28,11 +28,11 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Card style', onClick: ->(action) do
-        action.components_set targetId: 'ul_main', data: { styleClasses: ['card'], padding: { all: 10 } }
+        action.logics_set targetId: 'ul_main', data: { styleClasses: ['card'], padding: { all: 10 } }
       end
       flow.spacer width: 4
       flow.button text: 'Clear style', onClick: ->(action) do
-        action.components_set targetId: 'ul_main', data: { styleClasses: nil, padding: nil }
+        action.logics_set targetId: 'ul_main', data: { styleClasses: nil, padding: nil }
       end
     end
 
@@ -44,9 +44,9 @@ page.body childViews: ->(body) do
     res.label id: 'ul_action_status', text: 'Hover status: idle'
     res.spacer height: 6
     res.panels_ul onMouseEnter: ->(action) do
-      action.components_set targetId: 'ul_action_status', data: { text: 'Hover status: entered' }
+      action.logics_set targetId: 'ul_action_status', data: { text: 'Hover status: entered' }
     end, onMouseLeave: ->(action) do
-      action.components_set targetId: 'ul_action_status', data: { text: 'Hover status: left' }
+      action.logics_set targetId: 'ul_action_status', data: { text: 'Hover status: left' }
     end, childViews: ->(li) do
       li.label text: 'Hover this list'
       li.label text: 'Second item'

data/app/views/json_ui/garage/test_page/vertical.json.jbuilder

@@ -28,19 +28,19 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Fill equally', onClick: ->(action) do
-        action.components_set targetId: 'vertical_main', data: { height: 180, distribution: 'fillEqually' }
+        action.logics_set targetId: 'vertical_main', data: { height: 180, distribution: 'fillEqually' }
       end
       flow.spacer width: 4
       flow.button text: 'Space equally', onClick: ->(action) do
-        action.components_set targetId: 'vertical_main', data: { height: 180, distribution: 'spaceEqually' }
+        action.logics_set targetId: 'vertical_main', data: { height: 180, distribution: 'spaceEqually' }
       end
       flow.spacer width: 4
       flow.button text: 'Align center', onClick: ->(action) do
-        action.components_set targetId: 'vertical_main', data: { align: 'center' }
+        action.logics_set targetId: 'vertical_main', data: { align: 'center' }
       end
       flow.spacer width: 4
       flow.button text: 'Align right', onClick: ->(action) do
-        action.components_set targetId: 'vertical_main', data: { align: 'right' }
+        action.logics_set targetId: 'vertical_main', data: { align: 'right' }
       end
     end
 
@@ -52,7 +52,7 @@ page.body childViews: ->(body) do
     res.label id: 'vertical_action_status', text: 'Click status: idle'
     res.spacer height: 6
     res.panels_vertical width: 160, height: 60, align: 'center', backgroundColor: '#e6e6e6', onClick: ->(action) do
-      action.components_set targetId: 'vertical_action_status', data: { text: 'Click status: clicked' }
+      action.logics_set targetId: 'vertical_action_status', data: { text: 'Click status: clicked' }
     end, childViews: ->(panel) do
       panel.label text: 'Click panel'
     end

data/app/views/json_ui/garage/test_page/web.json.jbuilder

@@ -27,19 +27,19 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'PDF', onClick: ->(action) do
-        action.components_set targetId: 'web_main', data: { url: url_primary }
+        action.logics_set targetId: 'web_main', data: { url: url_primary }
       end
       flow.spacer width: 4
       flow.button text: 'Example.com', onClick: ->(action) do
-        action.components_set targetId: 'web_main', data: { url: url_alt }
+        action.logics_set targetId: 'web_main', data: { url: url_alt }
       end
       flow.spacer width: 4
       flow.button text: 'Short height', onClick: ->(action) do
-        action.components_set targetId: 'web_main', data: { height: 180 }
+        action.logics_set targetId: 'web_main', data: { height: 180 }
       end
       flow.spacer width: 4
       flow.button text: 'Tall height', onClick: ->(action) do
-        action.components_set targetId: 'web_main', data: { height: 360 }
+        action.logics_set targetId: 'web_main', data: { height: 360 }
       end
     end
 
@@ -51,7 +51,7 @@ page.body childViews: ->(body) do
     res.label id: 'web_action_status', text: 'Load status: idle'
     res.spacer height: 6
     res.panels_web width: 'matchParent', height: 200, url: url_alt, onLoad: ->(action) do
-      action.components_set targetId: 'web_action_status', data: { text: 'Load status: loaded' }
+      action.logics_set targetId: 'web_action_status', data: { text: 'Load status: loaded' }
     end
 
     res.spacer height: 12

data/app/views/json_ui/garage/views/_expand_shrink_ex.json.jbuilder

@@ -6,8 +6,8 @@ view.panels_responsive width: 'matchParent', childViews: ->(res) do
     flow.label text: title
     flow.icon name: 'arrow_drop_down', size: 20, onClick: ->(action) do
       action.runMultiple childActions: ->(saction) do
-        saction.components_set targetId: "#{id}-expand", data: { displayed: true }
-        saction.components_set targetId: "#{id}-shrink", data: { displayed: false }
+        saction.logics_set targetId: "#{id}-expand", data: { displayed: true }
+        saction.logics_set targetId: "#{id}-shrink", data: { displayed: false }
       end
     end
   end
@@ -18,8 +18,8 @@ view.panels_responsive width: 'matchParent', childViews: ->(res) do
       flow.label text: title
       flow.icon name: 'arrow_drop_up', size: 20, onClick: ->(action) do
         action.runMultiple childActions: ->(saction) do
-          saction.components_set targetId: "#{id}-shrink", data: { displayed: true }
-          saction.components_set targetId: "#{id}-expand", data: { displayed: false }
+          saction.logics_set targetId: "#{id}-shrink", data: { displayed: true }
+          saction.logics_set targetId: "#{id}-expand", data: { displayed: false }
         end
       end
     end