atome 0.5.7.3.0 → 0.5.7.3.2

data/vendor/assets/application/examples/target.rb

@@ -0,0 +1,25 @@
+#  frozen_string_literal: true
+
+b = box({ left: 333, color: :blue, smooth: 6, id: :the_box2 })
+
+t = text({ id: :the_text, data: 'touch the box and wait!' })
+
+exec_code=lambda do
+
+  wait 2 do
+    t.data('it works!! ')
+  end
+
+end
+b.code(:hello) do
+  circle({ left: rand(333), color: :green })
+end
+b.run(:hello)
+b.touch(:tap) do
+  {
+    color: :cyan,
+    target: { the_text: { data: :super! } },
+    run: exec_code
+  }
+end
+

data/vendor/assets/application/examples/test.rb

@@ -85,25 +85,27 @@ new({ tool: :project }) do
   { activation: active_code }
 end
 
-new({tool: :move}) do
+new({ tool: :move }) do
   active_code = lambda {
-    puts 'move activated'
+    puts 'move activated1'
   }
   move_code = lambda {
     drag(true)
   }
-  inactive_code = lambda {|data|
-     data[:treated].each  do |atome_f|
-       atome_f.drag(false)
-     end
+  inactive_code = lambda { |data|
+    data[:treated].each do |atome_f|
+      atome_f.drag(false)
+    end
   }
 
-  { activation: active_code, alteration: { event: move_code }, inactivation: inactive_code }
+  { activation: active_code,
+    alteration: { event: move_code },
+    inactivation: inactive_code}
 end
 
-new({tool: :drag}) do
+new({ tool: :drag }) do
   active_code = lambda {
-    puts 'move activated'
+    puts 'move activated2'
   }
   move_code = lambda {
     drag(true) do
@@ -111,10 +113,10 @@ new({tool: :drag}) do
     end
   }
 
-  { activation: active_code, alteration: { event: move_code} }
+  { activation: active_code, alteration: { event: move_code } }
 end
 
-new({tool: :touch}) do
+new({ tool: :touch }) do
   move_code = lambda {
     touch(:down) do
       color(:red)
@@ -123,22 +125,44 @@ new({tool: :touch}) do
   { alteration: { event: move_code } }
 end
 
-new({tool: :toolbox1}) do
+new({ tool: :toolbox1 }) do
   active_code = lambda {
-    toolbox({tools: [:combined],toolbox: { orientation: :ew, left:90 , bottom: 9, spacing: 9} })
+    toolbox({ tools: [:combined], toolbox: { orientation: :ew, left: 90, bottom: 9, spacing: 9 } })
   }
   { activation: active_code }
 end
 
-# Universe.tools_root= {tools: [:blur, :box, :test, :toolbox1],toolbox: { orientation: :ew, left:90 , bottom: 9, spacing: 9} }
-Universe.tools_root= {tools: [:box,:drag,:touch, :move,:toolbox1],toolbox: { orientation: :ew, left:9 , bottom: 9, spacing: 9} }
+new({ tool: :color }) do
+  active_code = lambda {
+    puts 'color activated1'
+  }
+  color_code = lambda {
+   # color(:green)
+   # tools_values
+  }
+  inactive_code = lambda { |data|
+    data[:treated].each do |atome_f|
+      # atome_f.drag(false)
+      # atome_f.color(:green)
+    end
+  }
 
+  { activation: active_code,
+    alteration: { event: color_code },
+    inactivation: inactive_code,
+    target: :color,
+    particles: { red: 0, green: 0.5, blue: 1, alpha: 1 }}
+end
+
+# Universe.tools_root= {tools: [:blur, :box, :test, :toolbox1],toolbox: { orientation: :ew, left:90 , bottom: 9, spacing: 9} }
+Universe.tools_root = {id: :root_tools, tools: [:box, :drag, :touch,:color, :move, :toolbox1], toolbox: { orientation: :ew, left: 9, bottom: 9, spacing: 9 } }
+puts "above we added an id because each tool may be in many toolbox and have an uniq ID"
 Atome.init_intuition
 
-b=box({id: :the_test__box, selected: true})
-circle({left: 90, id: :the_test_circle, selected: true})
+b = box({ id: :the_test__box, selected: true })
+circle({ left: 90, id: :the_test_circle, selected: true })
 b.touch(true) do
-  if b.width==170
+  if b.width == 170
     b.width(55)
   else
     b.width(170)
@@ -239,12 +263,6 @@ end
 
 # A.html.record
 
-
-
-
-
-
-
 # edition = "M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
 #
 # v = vector({left: 99, data: { path: { d: edition, id: :p1, stroke: :black, 'stroke-width' => 37, fill: :red } } })
@@ -256,3 +274,48 @@ end
 #   end
 # end
 
+s = box({ color: :red, left: 123, top: 123 })
+# tap event content :
+# 	1.	Common Properties:
+# 	•	target: The element that is being interacted with.
+# 	•	interaction: The Interaction object that the event belongs to.
+# 	•	x0, y0: The page coordinates where the interaction started.
+# 	•	clientX0, clientY0: The client coordinates where the interaction started.
+# 	•	dx, dy: The change in coordinates since the last event.
+# 	•	velocityX, velocityY: The velocity of the pointer.
+# 	•	speed: The speed of the pointer.
+# 	•	timeStamp: The time when the event was created.
+# 	2.	Tap Specific Properties:
+# 	•	pointerId: The identifier of the pointer used for the tap.
+# 	•	pageX, pageY: The X and Y coordinates of the event relative to the page.
+# 	•	clientX, clientY: The X and Y coordinates of the event relative to the viewport.
+
+s.touch(true) do |event|
+  x_pos = event[:clientX]
+  { left: '20', alert: 'hello! and big bisous!!, position : ' + x_pos.to_s }
+
+end
+s.remove(:box_color)
+####### empty local storage :
+JS.eval("localStorage.clear();")
+############## soluce below
+
+# def verif(val, &pro)
+#   datas=  pro.call(val)
+#   alert  datas.delete(:left)
+#   datas.each do |k,v|
+#     send(k,v)
+#   end
+# end
+#
+# verif(val=33) do |var|
+#   # puts left = '20' + var.to_s
+#   {left: '20' + var.to_s, alert: 'hello! and big bisous!!'}
+# end
+
+
+b=box
+b.touch({tap: true}) do
+  alert :hello
+end
+

data/vendor/assets/application/examples/touch.rb

@@ -2,26 +2,34 @@
 
 b = box({ left: 333, color: :blue, smooth: 6, id: :the_box2 })
 
-t=text({id: :the_text, data: 'type of touch : ?'})
+t = text({ id: :the_text, data: 'type of touch : ?' })
 
 t.touch(:down) do |event|
   puts :down
   puts event[:pageX]
   puts event[:pageY]
   b.touch({remove: :down})
+  # b.touch({remove: :up})
+  # b.touch({remove: :long})
+  # b.touch({remove: :double})
+  # b.touch({remove: :tap})
+  # b.touch({remove: :touch})
    # b.touch(:remove) # or  b.touch(false) to remove all touches bindings
   t.data('touch down killed')
 end
-b.touch(true) do
-  puts :true
+
+touch_code =lambda do
   b.color(:red)
   puts 'box tapped'
+  # b.instance_variable_set('@touch_code', nil)
 end
+b.touch(tap: true, code: touch_code)
 
 b.touch(:long) do
-  puts :long
-  t.data('type of touch is : long ')
-  b.color(:black)
+  # puts :long
+  # t.data('type of touch is : long ')
+  # b.color(:black)
+  {color: :cyan}
 end
 
 b.touch(:up) do
@@ -42,3 +50,6 @@ b.touch(:double) do
   t.data('type of touch is : double ')
   b.color(:yellowgreen)
 end
+
+
+

data/vendor/assets/src/css/style.css

@@ -106,6 +106,13 @@ pre {
     word-wrap: break-word;
     white-space: pre-wrap;
     position: relative;
+
+/*    add on to test with multiple styles*/
+    display: inline-block;
+    box-sizing: border-box;
+    /*overflow: hidden;*/
+    text-overflow: ellipsis;
+    min-width: 0;
 }
 
 .center {