atome 0.5.3.8.8 → 0.5.4.1.0

data/vendor/assets/src/medias/rubies/examples/blur.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 
-b = box({ id: :the_box, left: 99, top: 99 })
-b.blur(2)
+b = box({ id: :the_box, left: 199, top: 99 })
+b.blur(7)

data/vendor/assets/src/medias/rubies/examples/box.rb

@@ -8,9 +8,9 @@ a = box({ id: :my_box, left: 333 }) do |p|
 end
 
 b = Atome.new(
-  { shape: { renderers: [:browser], id: :view_test, type: :shape, parents: [:view],
+  { shape: { renderers: [:browser], id: :view_test, type: :shape, attach: [:view],
              left: 0, width: 90, top: 0, height: 90, overflow: :auto,
-             color: { renderers: [:browser], id: :view_test_color, type: :color, parents: [:view_test],
+             color: { renderers: [:browser], id: :view_test_color, type: :color, attach: [:view_test],
                       red: 1, green: 0.15, blue: 0.15, alpha: 1 } } }
 ) do |p|
   puts "the param pass to the atome is: #{p}"

data/vendor/assets/src/medias/rubies/examples/code.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-a=Atome.new(code: { type: :code, renderers: [:headless], parents: [] }) do  |params_found|
+a=Atome.new(code: { type: :code, renderers: [:headless], attach: [] }) do  |params_found|
   puts "the param is #{params_found}"
 end
 a.run(:super)

data/vendor/assets/src/medias/rubies/examples/color.rb

@@ -52,15 +52,15 @@ end
 
 
 wait 10  do
-  d=Atome.new({ color: { renderers: [:browser], id: :col1, type: :color, parents: [],
+  d=Atome.new({ color: { renderers: [:browser], id: :col1, type: :color, attach: [],
                        left: 33, top: 66, red: 1, green: 0.15, blue: 0.7, alpha: 1 } })
 
-  col_2 = Atome.new({ color: { renderers: [:browser], id: :col2, type: :color, parents: [],
+  col_2 = Atome.new({ color: { renderers: [:browser], id: :col2, type: :color, attach: [],
                                left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 1 } })
 
   puts d
   e=Atome.new(
-    shape: { type: :shape, renderers: [:browser], id: :shaped, parents: [:view],  attached: [:col1],
+    shape: { type: :shape, renderers: [:browser], id: :shaped, attach: [:view],  attached: [:col1],
              left: 199, top: 99,
              width: 66, height: 66
     }

data/vendor/assets/src/medias/rubies/examples/delete.rb

@@ -11,7 +11,7 @@ end
 wait 3 do
   b.shape.each do |attached_atome_id|
     b.delete({id: attached_atome_id})
-    b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow, parents: [],
+    b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow, attach: [],
                 left: 3, top: 9, blur: 3, direction: '',
                 red: 0, green: 0, blue: 0, alpha: 1
               })
@@ -23,4 +23,20 @@ wait 2 do
   b.delete(:left)
 end
 
+# recursive example
+bb=box
+bb.text('click me!')
+col=color(:red)
+bb.touch(true) do
+  bb.box({attached: col.id})
+  c=bb.circle
+  c.text(:hello)
+
+  wait 2 do
+    bb.physical.each do |attached_atome_id|
+      bb.delete({id: attached_atome_id, recursive: true})
+    end
+  end
+  puts  Universe.atomes.length
+end
 

data/vendor/assets/src/medias/rubies/examples/detached.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
-color({ red: 0.8, green: 0.8, blue: 0.8, id: :active_color })
-color( { red: 0.3, green:  0.3, blue: 0.3, id: :inactive_color } )
+grab(:user_view).color({ red: 0.8, green: 0.8, blue: 0.8, id: :active_color })
+grab(:user_view).color( { red: 0.3, green:  0.3, blue: 0.3, id: :inactive_color } )
 
 b=box
 b.attached(:inactive_color)
@@ -9,5 +9,5 @@ puts b.attached
 b.touch(true) do
   b.detached(:inactive_color)
   b.attached(:active_color)
-  puts b.attached
+  puts "detached objects are : #{b.attached}"
 end

data/vendor/assets/src/medias/rubies/examples/drag.rb

@@ -1,8 +1,15 @@
 # frozen_string_literal: true
 
 a = box({ width: 333, height: 333, id: :the_boxy })
+
+a.drag(move: false) do |event|
+  puts "the pointer is at : #{event}"
+
+end
 a.color(:red)
 b = circle({ width: 33, height: 33, id: :the_box, drag: true })
+
+
 b.parents([a.id])
 b.color(:black)
 # b.parents([:the_boxy ])
@@ -40,8 +47,52 @@ b.drag({ snap: { x: 100, y: 190 } })
 # b.drag({ constraint: :the_boxy })
 
 cc=circle(drag: true)
+cc.drag(true) do |ee|
+  puts "the circle  is : >#{cc.left} : #{ee}"
+
+end
+
+cc.drag(:end) do |ee|
+  puts "the circle  is ending drag : >#{cc.left} : #{ee}"
+end
+
+
+cc.drag(:start) do |ee|
+  puts "==> the circle is starting drag : >#{cc.left} : #{ee}"
+end
+
+
+
+
+cc.touch(true) do
+  # alert cc.left
+  puts "===>cc is : >#{cc}"
+end
+
 bb=box({drag: true, color: :yellow})
 
 bb.attach(cc.id)
 
-# alert"#{b.parents.class} :  #{b.parents}"
+# alert"#{b.parents.class} :  #{b.parents}"
+a.touch(true) do
+  puts cc.left
+end
+
+
+# Sticky box
+sticky_box=box({left: 633})
+sticky_box.text("my position will be reverted")
+start_x_pos=sticky_box.left
+start_y_pos=sticky_box.top
+sticky_box.drag(move: true) do
+  puts sticky_box.left
+end
+sticky_box.drag(:start) do
+  puts "start => #{sticky_box.left} : #{sticky_box.top}"
+end
+
+sticky_box.drag(:end) do
+  puts "end => #{sticky_box.left} : #{sticky_box.top}"
+  sticky_box.left(start_x_pos)
+  sticky_box.top(start_y_pos)
+end

data/vendor/assets/src/medias/rubies/examples/drop.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+# Drop
+b=box({id: :droper})
+b.drop(true) do |drop_ob_id|
+  puts "id received : #{drop_ob_id[:id]}"
+  drop_obj=grab(drop_ob_id[:id])
+  if drop_obj.type == :image
+    grab(:view).image({ path: drop_obj.path , drag: true,  width: 120, left: 222, top: 222})
+  end
+
+end
+
+image({path: "./medias/images/green_planet.png", left: 333, top: 33, drag: true})
+
+#
+b.over(:enter) do |event|
+  b.color(:red)
+end
+
+b.over(:leave) do |event|
+  b.color(:blue)
+end
+
+
+c=circle({ color: :orange, top: 333, id: :the_c_2 })
+c.drag(true)

data/vendor/assets/src/medias/rubies/examples/fullscreen.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 my_video = Atome.new(
-  video: { renderers: [:browser],  id: :video1, type: :video, parents: [:view],
+  video: { renderers: [:browser],  id: :video1, type: :video, attach: [:view],
            path: './medias/videos/avengers.mp4', left: 33, top: 33, width: 777
   }
 ) do |params|

data/vendor/assets/src/medias/rubies/examples/markers.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 my_video = Atome.new(
-  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view], clones: [],
+  video: { renderers: [:browser], id: :video1, type: :video, attach: [:view], clones: [],
            path: './medias/videos/avengers.mp4', left: 33, top: 33, width: 777
   }
 )

data/vendor/assets/src/medias/rubies/examples/matrix.rb

@@ -0,0 +1,102 @@
+# frozen_string_literal: true
+
+params = {
+
+  id: :my_table, left: 0, top: 0, width: 500, height: 399, smooth: 8, color: :yellowgreen,
+  columns: { count: 8,
+             titles: { 1 => :col1, 3 => :mycol },
+             data: { 3 => :col_content },
+             actions: { 2 => { touch: :the_action } },
+             particles: { color: :blue }
+  },
+  rows: { count: 6,
+          titles: { 1 => :my_first_row, 5 => :other_row },
+          data: { 0 => :col_content },
+          actions: {},
+          particles: { shadows: :black }
+  },
+  cells: {
+    particles: { margin: 9, color: :blue, smooth: 9, shadow: { blur: 9, left: 3, top: 3,id: :cell_shadow } }
+  },
+  exceptions: {
+    columns: {
+      fusion: { 1 => [3, 5], 7 => [2, 5] }
+    },
+    rows: {
+      divided: { 1 => 3 },
+      fusion: { 2 => [0, 3], 5 => [2, 5] }
+    }
+  }
+}
+m = matrix(params)
+
+found = m.columns(5) do |el|
+  el.color(:yellow)
+end
+
+m.rows(3) do |el|
+  el.color(:orange)
+end
+
+m.rows(1) do |el|
+  el.color(:lightgray)
+end
+
+found.data.each do |el|
+  el.color(:red)
+end
+
+# found.data[0..2].each do |el|
+#   el.color(:cyan)
+# end
+#
+grab(:my_table_21).color(:pink)
+grab(:my_table_26).color(:purple)
+# m.cells([20, 5]).rotate(15)
+m.cell(3).color(:black)
+# test = m.cells([23, 26])
+# test.color(:black)
+# m.columns(6).data[0..3].color(:green)
+
+grab(m.id).drag({ move: true }) do |e|
+  puts e
+end
+# wait 1 do
+#   m.add_columns(3)
+#   m.rows(3) do |el|
+#     el.color(:orange)
+#   end
+#     wait 1 do
+#       m.add_rows(4)
+#       m.rows(1) do |el|
+#         el.color(:lightgray)
+#       end
+#       wait 1 do
+#         found.data.each do |el|
+#           el.color(:red)
+#         end
+#         m.resize(330, 300)
+#
+#         m.fusion(rows: { 2 => [0, 3], 3 => [2, 5] })
+#       end
+#     end
+# end
+
+#
+# m.fusion(columns: { 3=>  [3, 5], 4 => [2, 5] })
+# m.fusion(rows: { 0 => [0, 3], 3 => [5, 9] })
+# # m.override( {
+# #              columns: { number: [ 0, 3 ] ,width: 200},
+# #              rows: { number: [ 1, 4 ] ,height: 200},
+# #            })
+# m.last(:rows) do |el|
+#   el.color(:violet)
+# end
+# m.divide( rows: {1 => 3})
+# m.cell(9).box({left: 0, top: 0, id: :the_big_one, width: 66, height: 66, color: :black})
+# m.cell(9).content([box({ left: 0, top: 0, id: :another_one, width: 66, height: 66, color: :black })])
+
+
+
+
+