glib-web 4.15.0 → 4.15.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 873643856c8f5b10c09c843e46207ecac1c053adf7cf0e00663302a112f2e4c7
-  data.tar.gz: 6e052b16d934acfeca10e8cd0ad621100a8f0ea9bbce7964a73cf4b38848ca26
+  metadata.gz: a6f547d313a7f227c25bc8963fe4d3973e5c6f7325d182831235c60fc3a8047a
+  data.tar.gz: 7eed8148a19acdd58ad0f4a54e53ca5f874f05ca7ee0fee70285a9796eb028f7
 SHA512:
-  metadata.gz: 1698cac156bda8914494aa76ed90c0bdf82411c57dc2ab6262aa85b8a819db1be2b8567ecc3ff72d84ca217132f5bc16b5eb2f1eca902aaf2a7fcee2d23778fa
-  data.tar.gz: e1d9a080b6c5eed0a66a53aea657a54b2e66a9b0dfd973d127456fc29a426d6632cdcc836a7285fb66d5dbf01e78f9e1cb2132e3c964596a9ac7a220db8414b6
+  metadata.gz: da89b88c3587011bf3c231f350d04a0620dc20de179bf4dae476f072c2e370cf2e13a22cc1bf5a3f4a60f9af740255fbb9d193b984b9b089d1939d74d0a209cb
+  data.tar.gz: 78d834f7ecc771d9d953b0fcafb4ec586fb3954853ece64ef7804afaef292dc887aff4dd6dd505be50452b91f641a7047cd190768ee0b604c133c2bd24432992

data/app/helpers/glib/json_ui/abstract_builder.rb

@@ -289,7 +289,7 @@ module Glib
             optional = options[:optional] || []
 
             required.each do |req|
-              raise ArgumentError, "Hash property: '#{req}' is required" if value[req.to_s].blank?
+              raise ArgumentError, "Hash property: '#{req}' is required" if value[req.to_s].nil?
             end
 
             if optional.present?

data/app/helpers/glib/json_ui/action_builder/popovers.rb

@@ -10,8 +10,8 @@ class Glib::JsonUi::ActionBuilder
       int :offset
       int :width
       bool :persistent
-      bool :overlay
-      # singleton_array :styleClass, :styleClasses
+      hash :overlay, required: [:closeOnFocus]
+      singleton_array :styleClass, :styleClasses
     end
 
     class Close < Action

data/app/views/json_ui/garage/forms/show_hide.json.jbuilder

@@ -126,19 +126,19 @@ page.form \
         end,
         childViews: ->(group) do
           group.panels_responsive width: 'matchParent', childViews: ->(res) do
-
-            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+            res.panels_column width: 'matchParent', height: 'matchParent', lg: { cols: 4, padding: { x: 10 } }, childViews: ->(column) do
               column.fields_radio\
                 width: 'matchParent',
+                height: 'matchParent',
                 value: 'yes', label: 'Yes', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' },
                 onClick: ->(action) do
                   action.windows_openWeb url: 'http://www.google.com'
                 end
             end
-            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+            res.panels_column width: 'matchParent', lg: { cols: 4, padding: { x: 10 } }, childViews: ->(column) do
               column.fields_radio\
                 width: 'matchParent',
-                value: 'no', label: 'No',
+                value: 'no', label: 'No (very very very very very very very very very very very long description)',
                 image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 },
                 onClick: ->(action) do
                   action.windows_openWeb url: 'http://www.google.com'

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

@@ -4,7 +4,7 @@ page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-  scroll.h2 text: 'Button'
+  scroll.h2 text: 'Button', id: 'button'
   scroll.spacer height: 20
 
   scroll.button text: 'Button', onClick: ->(action) do
@@ -34,10 +34,13 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
     action.popovers_show \
       key: 'menu',
-      overlay: true,
+      targetId: '_self',
+      overlay: { closeOnFocus: false },
       placement: 'left',
+      styleClass: 'popover-container',
+      offset: 24,
       content: ->(dialog) do
-        dialog.body padding: glib_json_padding_body, childViews: ->(view) do
+        dialog.body childViews: ->(view) do
           view.panels_responsive styleClass: 'popover-menu', width: 200, childViews: ->(res) do
             res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.windows_open url: json_ui_garage_url(path: 'pages/index')
@@ -45,7 +48,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
             res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.windows_open url: json_ui_garage_url(path: 'home/blank')
             end
-            res.label text: 'Item 3', styleClass: 'popover-menu-item', onClick: ->(saction) do
+            res.label text: 'close', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.popovers_close key: 'menu'
             end
           end
@@ -59,20 +62,19 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     tooltip: { text: 'Tooltip 1' },
     onClick: ->(action) do
       action.popovers_show \
-        key: 'menu',
+        key: 'menu2',
         placement: 'bottom-start',
-        overlay: true,
         width: 200,
         content: ->(dialog) do
           dialog.body styleClass: 'popover-menu', padding: glib_json_padding_body, childViews: ->(res) do
             res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
             res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
             res.label text: 'Item 3 with very very very very very long name', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
           end
         end
@@ -127,5 +129,21 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     onDisabled: ->(action) do
       action.dialogs_alert message: 'Disabled'
     end
+  scroll.spacer height: 20
+
+  scroll.h2 text: 'Highlight'
+  scroll.button text: 'Highlight', onClick: ->(action) do
+    action.popovers_show \
+      targetId: 'button',
+      key: 'menu',
+      placement: 'right',
+      offset: 24,
+      overlay: { closeOnFocus: true },
+      content: ->(dialog) do
+        dialog.body padding: glib_json_padding_body, styleClass: 'popover-menu', childViews: ->(res) do
+          res.label text: 'Hello world'
+        end
+      end
+  end
 
 end

data/app/views/layouts/json_ui/renderer.html.erb

@@ -8,13 +8,14 @@
   <title><%= yield(:title) || 'App'%></title>
   <%= csrf_meta_tags %>
 
-  <%= vite_javascript_tag 'vue_renderer', defer: true %>
+  
   <%# TODO: Remove this, for dev only %>
 <%# <script src="https://cdn.tailwindcss.com"></script> %>
   <link href="//fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet" />
 <%# Without this, checkboxes and radio buttons will not display. %>
 <%# <link href="//cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css" rel="stylesheet" /> %>
 <%= yield :head %>
+<%= vite_javascript_tag 'vue_renderer', defer: true %>
 <% if @__glib_head_code %>
   <%= @__glib_head_code.html_safe %>
 <% end %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.15.0
+  version: 4.15.2
 platform: ruby
 authors:
 - ''