atome 0.5.7.5.9 → 0.5.7.6.5

data/vendor/assets/src/medias/utils/examples/molecules/input/example.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+t = text({ left: 33, top: 33, data: 'data collected', id: :infos })
+b=box({drag: true, id: :the_b})
+# Important to trigger on 'return' add the parameter :  {trigger: :return}
+inp=b.input({ width: 166,
+              trigger: :up,
+              back: :orange,
+              shadow: {
+                id: :s2,
+                left: 3, top: 3, blur: 3,
+                invert: true,
+                red: 0, green: 0, blue: 0, alpha: 0.9
+              },
+              component: {size: 8},
+              text: { color: :black , top: 5, left: 6},
+              smooth: 3,
+              left: 66,
+              top: 33,
+              # height: 8,
+              default: 'type here'
+            }) do |val|
+
+  grab(:infos).data(val)
+end
+
+inp.top(12)
+
+  wait 1 do
+    inp.width(666)
+    wait 1 do
+      inp.holder.data('new data')
+    end
+end
+
+
+c=circle({top: 99})
+c.touch(true) do
+  alert b.fasten
+end
+
+

data/vendor/assets/src/medias/utils/examples/molecules/input/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the input object.

data/vendor/assets/src/medias/utils/examples/molecules/input/usage.txt

@@ -0,0 +1 @@
+The input object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/molecules/list/example.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+
+data_f = %w[initiate suspect prospect abandoned finished archived]
+
+d_d_l = box({ id: :the_ddl, width: 160 })
+d_d_l.touch(:down) do
+  grab(:view).drop_down({ data: data_f, }) do |params|
+    d_d_l.clear(true)
+    d_d_l.text(params)
+  end
+end
+

data/vendor/assets/src/medias/utils/examples/molecules/list/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the list object.

data/vendor/assets/src/medias/utils/examples/molecules/list/usage.txt

@@ -0,0 +1 @@
+The list object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/molecules/matrix/example.rb

@@ -0,0 +1,88 @@
+# #  frozen_string_literal: true
+#
+matrix_zone = box({ width: 333, height: 333, drag: true, id: :the_box, color: {alpha: 0.4} })
+#
+# # matrix creation
+main_matrix = matrix_zone.matrix({ id: :vie_0, rows: 8, columns: 8, spacing: 6, size: '100%' })
+main_matrix.smooth(10)
+main_matrix.color(:red)
+
+
+
+# #######################################################@
+matrix_to_treat = main_matrix.cells
+matrix_to_treat.color(:blue)
+matrix_to_treat.smooth(6)
+matrix_to_treat.shadow({
+                         id: :s1,
+                         left: 3, top: 3, blur: 6,
+                         invert: false,
+                         red: 0, green: 0, blue: 0, alpha: 0.6
+                       })
+# ###################
+col_1 = color(:yellow)
+col_2 = color({ red: 1, id: :red_col })
+
+wait 3 do
+  matrix_to_treat.paint({ gradient: [col_1.id, col_2.id], direction: :top })
+end
+#
+# ###################
+
+test_cell = grab(:vie_0_2_3)
+wait 1 do
+  test_cell.color(:red)
+  test_cell.text('touch')
+  grab(:vie_0_background).color(:red)
+end
+
+
+c= circle({left: 399})
+test_cell.touch(true) do
+  test_cell.alternate({ width: 33, color: :red }, { width: 66, color: :orange })
+  matrix_to_treat.paint({ gradient: [col_1.id, col_1.id], direction: :top })
+  other_col=test_cell.color(:green)
+  c.paint({ gradient: [col_1.id, col_2.id], direction: :left })
+  test_cell.paint({ gradient: [col_1.id, other_col.id], direction: :left })
+end
+
+wait 1 do
+  matrix_to_treat.width(33)
+end
+matrix_to_treat.drag(true)
+# alert matrix_to_treat.id
+wait 2 do
+  grab(:vie_0_background).left(250)
+  grab(:vie_0_background).drag(true)
+end
+matrix_to_treat.touch(:down) do |event|
+  # alert el.inspect
+  current_cell= grab(event[:target][:id].to_s)
+  current_cell.color(:blue)
+  current_cell.selected(true)
+end
+matrix_to_treat.smooth(9)
+main_matrix.color(:red)
+matrix_to_treat.color(:yellow)
+wait 5 do
+  main_matrix.resize_matrix({width: 555, height: 555})
+end
+
+wait 7 do
+main_matrix.display(false)
+  wait 1 do
+    main_matrix.display(true)
+    wait 1 do
+      main_matrix.delete(true)
+      wait 1 do
+        main_matrix = matrix_zone.matrix({ id: :vie_0, rows: 8, columns: 8, spacing: 6, size: '100%' })
+      end
+    end
+  #   main_matrix.color(:red)
+  end
+end
+
+# b=box
+# b.circle
+# b.delete(true)
+

data/vendor/assets/src/medias/utils/examples/molecules/matrix/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the matrix object.

data/vendor/assets/src/medias/utils/examples/molecules/matrix/usage.txt

@@ -0,0 +1 @@
+The matrix object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/molecules/page/infos.txt

@@ -0,0 +1 @@
+No specific information available for the page object.

data/vendor/assets/src/medias/utils/examples/molecules/page/usage.txt

@@ -0,0 +1 @@
+The purpose of the page object could not be inferred.

data/vendor/assets/src/medias/utils/examples/molecules/show/infos.txt

@@ -0,0 +1 @@
+No specific information available for the show object.

data/vendor/assets/src/medias/utils/examples/molecules/show/usage.txt

@@ -0,0 +1 @@
+The purpose of the show object could not be inferred.

data/vendor/assets/src/medias/utils/examples/molecules/slider/example.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+label = text({ data: 0, top: 400, left: 69, component: { size: 12 }, color: :gray })
+
+aaa = grab(:intuition).slider({ id: :toto, range: { color: :yellow }, min: -12, max: 33, width: 333, value: 12, height: 25, left: 99, top: 350, color: :orange, cursor: { color: :orange, width: 25, height: 25 } }) do |value|
+  label.data("(#{value})")
+end
+
+aa = grab(:intuition).slider({ orientation: :vertical, range: { color: :white }, value: 55, width: 55, height: 555, attach: :intuition, left: 555, top: 33, color: :red, cursor: { color: {alpha: 1, red: 0.12, green: 0.12, blue: 0.12}, width: 33, height: 66, smooth: 3 } }) do |value|
+  label.data("(#{value})")
+end
+
+b=box
+b.touch(true) do
+  aa.value(12)
+  aaa.value(-6)
+end

data/vendor/assets/src/medias/utils/examples/molecules/slider/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the slider object.

data/vendor/assets/src/medias/utils/examples/molecules/slider/usage.txt

@@ -0,0 +1 @@
+The slider object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/active/infos.txt

@@ -0,0 +1 @@
+No specific information available for the active object.

data/vendor/assets/src/medias/utils/examples/particles/active/usage.txt

@@ -0,0 +1 @@
+The purpose of the active object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/actor/example.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+bbb = box({left: 66})
+ccc = bbb.circle(id: :the_circle)
+
+bbb.role(:first)
+bbb.role(:second)
+bbb.delete(:left)
+bbb.delete(:role)
+
+bbb.role(:fourth)
+bbb.role(:five)
+bbb.role({ remove: :last })
+
+bbb.actor({ the_circle: :buttons })
+bbb.actor({ the_circle: :dummy })
+bbb.actor({ the_circle: :menu })
+
+bbb.actor({ remove: { the_circle: :dummy } })
+
+puts "1 ===> #{bbb.role}"
+puts "2 ===> #{bbb.actor}"
+puts "3 ===> #{ccc.role}"

data/vendor/assets/src/medias/utils/examples/particles/actor/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the actor object.

data/vendor/assets/src/medias/utils/examples/particles/actor/usage.txt

@@ -0,0 +1 @@
+The actor object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/affect/example.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+box({ left: 12, id: :the_first_box })
+c=color({ id: :the_col, blue: 0.21, green: 1 })
+
+wait 1 do
+  c.affect(:the_first_box)
+end

data/vendor/assets/src/medias/utils/examples/particles/affect/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the affect object.

data/vendor/assets/src/medias/utils/examples/particles/affect/usage.txt

@@ -0,0 +1 @@
+The affect object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/aid/example.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+
+# aid is used to provide an unique and persistent id for any atome
+b=box({ left: 12, id: :the_first_box })
+
+puts " atome aid is : #{b.aid}"
+wait 1 do
+  hook(b.aid).color(:red)
+end

data/vendor/assets/src/medias/utils/examples/particles/aid/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the aid object.

data/vendor/assets/src/medias/utils/examples/particles/aid/usage.txt

@@ -0,0 +1 @@
+The aid object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/alien/infos.txt

@@ -0,0 +1 @@
+No specific information available for the alien object.

data/vendor/assets/src/medias/utils/examples/particles/alien/usage.txt

@@ -0,0 +1 @@
+The purpose of the alien object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/align/example.rb

@@ -0,0 +1,3 @@
+# frozen_string_literal
+
+text({data: :centering,align: :center, width: 180, top: 33, left: 0, position: :absolute, color: :red})

data/vendor/assets/src/medias/utils/examples/particles/align/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the align object.

data/vendor/assets/src/medias/utils/examples/particles/align/usage.txt

@@ -0,0 +1 @@
+The align object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/alpha/infos.txt

@@ -0,0 +1 @@
+No specific information available for the alpha object.

data/vendor/assets/src/medias/utils/examples/particles/alpha/usage.txt

@@ -0,0 +1 @@
+The purpose of the alpha object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/animate/example.rb

@@ -0,0 +1,176 @@
+# # frozen_string_literal: true
+#
+# bb = text({ id: :the_ref, width: 369, data: "touch me!" })
+# bb.color(:orange)
+# box({ id: :my_box, drag: true })
+# c = circle({ id: :the_circle, left: 222, drag: { move: true, inertia: true, lock: :start } })
+# c.shadow({ renderers: [:html], id: :shadow2, type: :shadow,
+#            attach: [:the_circle],
+#            left: 3, top: 9, blur: 19,
+#            red: 0, green: 0, blue: 0, alpha: 1
+#          })
+#
+# Atome.new(animation: { renderers: [:browser], id: :the_animation1, type: :animation, attach: [],fasten: []})
+# aa = animation({
+#                  targets: %i[my_box the_circle],
+#                  begin: {
+#                    left_add: 0,
+#                    top: :self,
+#                    smooth: 0,
+#                    width: 3
+#                  },
+#                  end: {
+#                    left_add: 333,
+#                    top: 299,
+#                    smooth: 33,
+#                    width: :the_ref
+#                  },
+#                  duration: 800,
+#                  mass: 1,
+#                  damping: 1,
+#                  stiffness: 1000,
+#                  velocity: 1,
+#                  repeat: 1,
+#                  ease: 'spring'
+#                }) do |pa|
+#   puts "animation say#{pa}"
+# end
+# aa.stop(true) do |val|
+#   puts " stop : #{val}"
+# end
+#
+# aa.start(true) do |val|
+#   puts " start : #{val}"
+# end
+#
+# bb.touch(true) do
+#   aa.play(true) do |po|
+#     puts "play say #{po}"
+#   end
+# end
+#
+# aaa = animation({
+#                   # no target for advanced animations control on callback
+#                   begin: {
+#                     left_add: 0,
+#                     top: :self,
+#                     smooth: 0,
+#                     width: 3
+#                   },
+#                   end: {
+#                     left_add: 333,
+#                     top: :self,
+#                     smooth: 33,
+#                     width: :the_ref
+#                   },
+#                   duration: 1800,
+#                   mass: 1,
+#                   damping: 1,
+#                   stiffness: 1000,
+#                   velocity: 1,
+#                   repeat: 1,
+#                   ease: 'spring'
+#                 }) do |pa|
+#   puts "get params to do anything say#{pa}"
+# end
+# wait 7 do
+#   aaa.play(true) do |po|
+#     puts "play aaa say #{po}"
+#   end
+# end
+
+#TODO : make the code above works
+# create a animation object
+# create callback methode when playing
+
+# # here is how to animate shape :
+wait 0.2 do
+  puts " we wait 0.2 sec  else there's a  of a problem if we use  server wasm "
+
+  b=box({id: :the_box})
+
+  b.animate({ to: 333, particle: :width, duration: 3000}) do |val|
+    puts "width +#{val}"
+  end
+
+  b.animate({ to: 456, particle: :left, duration: 5000}) do |val|
+    puts "left +#{val}"
+  end
+
+  b.animate({  end: :left}) do |val|
+    puts "left ended"
+  end
+
+  b.animate({ to: 69, particle: :smooth, duration: 10000}) do |val|
+    puts "smooth +#{val}"
+  end
+
+  b.animate({ end: :smooth}) do |val|
+    puts " cool smooth end now!!!"
+  end
+
+  b.animate({ to: 90, particle: :rotate, duration: 10000}) do |val|
+    puts "rotate +#{val}"
+  end
+
+  b.animate({ to: 222, particle: :top, duration: 10000}) do |val|
+    puts "top +#{val}"
+  end
+
+end
+
+
+
+
+def api_infos
+  {
+    "example": "Purpose of the example",
+    "methods_found": [
+      "2",
+      "animate",
+      "color",
+      "new",
+      "play",
+      "shadow",
+      "start",
+      "stop",
+      "touch"
+    ],
+    "2": {
+      "aim": "The `2` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `2`."
+    },
+    "animate": {
+      "aim": "The `animate` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `animate`."
+    },
+    "color": {
+      "aim": "Sets or modifies the color of the object.",
+      "usage": "For example, `color(:red)` changes the object's color to red."
+    },
+    "new": {
+      "aim": "The `new` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `new`."
+    },
+    "play": {
+      "aim": "The `play` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `play`."
+    },
+    "shadow": {
+      "aim": "The `shadow` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `shadow`."
+    },
+    "start": {
+      "aim": "The `start` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `start`."
+    },
+    "stop": {
+      "aim": "The `stop` method's purpose is determined by its specific functionality.",
+      "usage": "Refer to Atome documentation for detailed usage of `stop`."
+    },
+    "touch": {
+      "aim": "Handles touch or click events to trigger specific actions.",
+      "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+    }
+  }
+end

data/vendor/assets/src/medias/utils/examples/particles/animate/infos.txt

@@ -0,0 +1 @@
+No specific information available for the animate object.

data/vendor/assets/src/medias/utils/examples/particles/animate/usage.txt

@@ -0,0 +1 @@
+The purpose of the animate object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/apply/example.rb

@@ -0,0 +1,8 @@
+# # frozen_string_literal: true
+
+b=box({ left: 12, id: :the_first_box })
+color({ id: :the_lemon, red: 1, green: 1 })
+wait 1 do
+  b.apply(:the_lemon)
+end
+

data/vendor/assets/src/medias/utils/examples/particles/apply/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the apply object.

data/vendor/assets/src/medias/utils/examples/particles/apply/usage.txt

@@ -0,0 +1 @@
+The apply object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/atomes/infos.txt

@@ -0,0 +1 @@
+No specific information available for the atomes object.

data/vendor/assets/src/medias/utils/examples/particles/atomes/usage.txt

@@ -0,0 +1 @@
+The purpose of the atomes object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/attach/example.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+# Here is the attach explanation and example
+# the attach method in atome is both a getter and a setter
+# attach and fasten particles serve the same purpose but just in the opposite direction
+# please note that atome.attach([:atome_id]) means that atome will be the parent of the atome with the id :atome_id
+# to sum up :  attach and fasten are both setter and getter :
+# a.attach(b.ib) will attach the current object to the IDs passed in the params. The current atome will be the child of the the atomes width IDS passed in the the params,
+# a.attach(b.ib) means (insert 'b' into 'a') or a is parent b is child
+
+# while a.fasten(b.id) (insert 'a' into 'b')is the opposite to fasten it will attach IDs passed in the params to the current atome. The current atome will be the parent of of the the atomes width IDS passed in the the params
+# a.fasten(b.ib) means (insert 'a' into 'b') or a is child b is parent
+
+# atome.attach([:atome_id]) means that atome will be the child of the atome with the id :atome_id
+# Here is how to use it as a setter :
+b = box({ id: :b315, color: :red })
+circle({ id: :c_12, top: 0, drag: true, color: :yellow })
+
+c=circle({ id: :c_123, color: :cyan, left: 233, drag: true })
+ box({ id: :b_1, left: 333, drag: true })
+grab(:b_1).attach(:c_123)
+
+bb = box({ top: 99, drag: true })
+bb.attach(:b_1)
+
+box({ id: :my_test_box })
+wait 1 do
+  b.attach(:c_12)
+  # Here is how to use it as a getter :
+  # to retrieve witch atomes b315 is fasten to  to the atome c_12 just type
+  puts  b.attach # => [:c_12]
+  # to retrieve atome fasten to the atome c_12 just type tha other method
+  puts  c.fasten #=> [:b_1]
+end

data/vendor/assets/src/medias/utils/examples/particles/attach/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the attach object.

data/vendor/assets/src/medias/utils/examples/particles/attach/usage.txt

@@ -0,0 +1 @@
+The attach object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/backup/infos.txt

@@ -0,0 +1 @@
+No specific information available for the backup object.

data/vendor/assets/src/medias/utils/examples/particles/backup/usage.txt

@@ -0,0 +1 @@
+The purpose of the backup object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/begin/infos.txt

@@ -0,0 +1 @@
+No specific information available for the begin object.

data/vendor/assets/src/medias/utils/examples/particles/begin/usage.txt

@@ -0,0 +1 @@
+The purpose of the begin object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/behavior/example.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+# Behaviors allow you to add specific code to any particle, enabling the particle to behave differently.
+# Here, when the first box receives a value, it behaves differently from the second box even if they received
+# the same params .
+
+text({ data: :hello, id: :the_txt, left: 120 })
+
+b=box
+
+my_lambda= lambda do |new_value|
+  grab(:the_txt).color(:red)
+end
+
+b.behavior({value: my_lambda})
+
+my_second_lambda= lambda do |new_value|
+  grab(:the_txt).data('from cirle')
+end
+c=box({top: 69})
+c.behavior({value: my_second_lambda})
+
+wait 1 do
+  c.value(:ok)
+end
+wait 2 do
+  b.value(:ok)
+end
+
+
+
+

data/vendor/assets/src/medias/utils/examples/particles/behavior/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the behavior object.

data/vendor/assets/src/medias/utils/examples/particles/behavior/usage.txt

@@ -0,0 +1 @@
+The behavior object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/blue/infos.txt

@@ -0,0 +1 @@
+No specific information available for the blue object.

data/vendor/assets/src/medias/utils/examples/particles/blue/usage.txt

@@ -0,0 +1 @@
+The purpose of the blue object could not be inferred.