glib-web 6.10.2 → 7.0.0.beta1

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

@@ -14,14 +14,14 @@ page.body childViews: ->(body) do
       method: 'post',
       childViews: ->(form) do
         form.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', childViews: ->(hori) do
-          hori.button text: 'components/set', onClick: ->(action) do
+          hori.button text: 'logics/set', onClick: ->(action) do
             action.runMultiple childActions: ->(saction) do
-              saction.components_set targetId: 'textarea', data: { value: 'The quick brown fox jumps over the lazy dog' }
+              saction.logics_set targetId: 'textarea', data: { value: 'The quick brown fox jumps over the lazy dog' }
               new_options = [{ text: 'Option99', value: 'option99' }]
 
-              saction.components_set targetId: 'select', data: { options: new_options, value: 'option99' }
+              saction.logics_set targetId: 'select', data: { options: new_options, value: 'option99' }
 
-              saction.components_set targetId: 'chip_group', data: { options: new_options, value: 0 }
+              saction.logics_set targetId: 'chip_group', data: { options: new_options, value: 0 }
             end
           end
           hori.spacer width: 4
@@ -48,22 +48,22 @@ page.body childViews: ->(body) do
           hori.button text: 'hide select', onClick: ->(action) do
             action.runMultiple childActions: ->(saction) do
               ['select', 'select1', 'select2', 'select3'].each do |id|
-                saction.components_set targetId: id, data: { displayed: false }
+                saction.logics_set targetId: id, data: { displayed: false }
               end
             end
           end
           hori.spacer height: 4
           hori.button text: 'hide jack', onClick: ->(action) do
             action.runMultiple childActions: ->(saction) do
-              saction.components_set targetId: 'ver', data: { displayed: true }
-              saction.components_set targetId: 'ver1', data: { displayed: false }
+              saction.logics_set targetId: 'ver', data: { displayed: true }
+              saction.logics_set targetId: 'ver1', data: { displayed: false }
             end
           end
           hori.spacer height: 4
           hori.button text: 'show jack', onClick: ->(action) do
             action.runMultiple childActions: ->(saction) do
-              saction.components_set targetId: 'ver', data: { displayed: false }
-              saction.components_set targetId: 'ver1', data: { displayed: true }
+              saction.logics_set targetId: 'ver', data: { displayed: false }
+              saction.logics_set targetId: 'ver1', data: { displayed: true }
             end
           end
         end

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

@@ -30,11 +30,11 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Small boxes', onClick: ->(action) do
-        action.components_set targetId: 'grid_main', data: { boxMinWidth: 100, columnGap: 8, rowGap: 8 }
+        action.logics_set targetId: 'grid_main', data: { boxMinWidth: 100, columnGap: 8, rowGap: 8 }
       end
       flow.spacer width: 4
       flow.button text: 'Large boxes', onClick: ->(action) do
-        action.components_set targetId: 'grid_main', data: { boxMinWidth: 180, columnGap: 16, rowGap: 16 }
+        action.logics_set targetId: 'grid_main', data: { boxMinWidth: 180, columnGap: 16, rowGap: 16 }
       end
     end
 
@@ -46,9 +46,9 @@ page.body childViews: ->(body) do
     res.label id: 'grid_action_status', text: 'Hover status: idle'
     res.spacer height: 6
     res.panels_grid width: 'matchParent', boxMinWidth: 120, columnGap: 8, rowGap: 8, onMouseEnter: ->(action) do
-      action.components_set targetId: 'grid_action_status', data: { text: 'Hover status: entered' }
+      action.logics_set targetId: 'grid_action_status', data: { text: 'Hover status: entered' }
     end, onMouseLeave: ->(action) do
-      action.components_set targetId: 'grid_action_status', data: { text: 'Hover status: left' }
+      action.logics_set targetId: 'grid_action_status', data: { text: 'Hover status: left' }
     end, childViews: ->(box) do
       (1..4).each do |index|
         box.panels_vertical height: 50, backgroundColor: '#e6e6e6', align: 'center', childViews: ->(panel) do

data/app/views/json_ui/garage/test_page/horizontal.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: 'horizontal_main', data: { width: 300, distribution: 'fillEqually' }
+        action.logics_set targetId: 'horizontal_main', data: { width: 300, distribution: 'fillEqually' }
       end
       flow.spacer width: 4
       flow.button text: 'Space equally', onClick: ->(action) do
-        action.components_set targetId: 'horizontal_main', data: { width: 300, distribution: 'spaceEqually' }
+        action.logics_set targetId: 'horizontal_main', data: { width: 300, distribution: 'spaceEqually' }
       end
       flow.spacer width: 4
       flow.button text: 'Overlap 3', onClick: ->(action) do
-        action.components_set targetId: 'horizontal_main', data: { distribution: 'overlap-3' }
+        action.logics_set targetId: 'horizontal_main', data: { distribution: 'overlap-3' }
       end
       flow.spacer width: 4
       flow.button text: 'Align middle', onClick: ->(action) do
-        action.components_set targetId: 'horizontal_main', data: { align: 'middle' }
+        action.logics_set targetId: 'horizontal_main', data: { align: 'middle' }
       end
     end
 
@@ -52,7 +52,7 @@ page.body childViews: ->(body) do
     res.label id: 'horizontal_action_status', text: 'Click status: idle'
     res.spacer height: 6
     res.panels_horizontal width: 180, height: 60, align: 'middle', backgroundColor: '#e6e6e6', onClick: ->(action) do
-      action.components_set targetId: 'horizontal_action_status', data: { text: 'Click status: clicked' }
+      action.logics_set targetId: 'horizontal_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/image.json.jbuilder

@@ -44,7 +44,7 @@ page.body(
             flow.button(
               text: 'Default',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: {
                   width: 320,
@@ -61,7 +61,7 @@ page.body(
             flow.button(
               text: 'Crop square',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: 160, height: 160, url: small_image_url, fit: :crop }
                 )
@@ -71,7 +71,7 @@ page.body(
             flow.button(
               text: 'Full width',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: 'matchParent', height: 220, url: glib_json_image_standard_url, fit: :clip }
                 )
@@ -81,7 +81,7 @@ page.body(
             flow.button(
               text: 'Tall crop',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: 200, height: 320, url: glib_json_image_standard_url, fit: :crop }
                 )
@@ -91,7 +91,7 @@ page.body(
             flow.button(
               text: 'Height clip',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: nil, height: 200, url: glib_json_image_standard_url, fit: :clip }
                 )
@@ -101,7 +101,7 @@ page.body(
             flow.button(
               text: 'Height crop',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: nil, height: 160, url: small_image_url, fit: :crop }
                 )
@@ -123,7 +123,7 @@ page.body(
             flow.button(
               text: 'Show badge',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { badge: { text: '3', backgroundColor: '#2B3A67' } }
                 )
@@ -145,7 +145,7 @@ page.body(
             flow.button(
               text: 'Tiny thumbnail',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: 64, height: 64, url: small_image_url, fit: :crop }
                 )
@@ -155,7 +155,7 @@ page.body(
             flow.button(
               text: 'Restore size',
               onClick: ->(action) do
-                action.components_set(
+                action.logics_set(
                   targetId: 'image_main',
                   data: { width: 320, height: 200, url: glib_json_image_standard_url, fit: :clip }
                 )

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