MINT-core 1.0.1 → 2.0.0

data/lib/MINT-core/model/cui/gfx/CarouFredSel.scxml

@@ -0,0 +1,58 @@
+<scxml initial="initialized" name="CarouFredSel" version="0.9" xmlns="http://www.w3.org/2005/07/scxml"><!--   node-size-and-position x=0.0 y=0.0 w=885.0 h=723.0  -->
+ <state id="initialized"><!--   node-size-and-position x=220.0 y=130.0 w=100.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="positioning"><!--   node-size-and-position x=220.0 y=220.0 w=100.0 h=40.0  -->
+  <transition event="calculated" target="positioned">
+   <invoke src="store_calculated_values_in_model" type="x-mint"></invoke>
+  </transition>
+ </state>
+ <state id="positioned"><!--   node-size-and-position x=220.0 y=320.0 w=100.0 h=40.0  -->
+  <transition event="display" target="displaying">
+   <invoke src="display_children" type="x-mint"></invoke>
+<!--   edge-path [displaying]  pointx=0.0 pointy=22.0 offsetx=12.0 offsety=-1.0  --></transition>
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="displaying" initial="wait_for_children"><!--   node-size-and-position x=380.0 y=260.0 w=350.0 h=280.0  -->
+  <transition event="disable" target="disabled"></transition>
+  <transition event="hide" target="hidden"></transition>
+  <transition event="refresh" target="refreshing"><!--   edge-path [refreshing]  x=770.0 y=410.0  --></transition>
+  <state id="displayed"><!--   node-size-and-position x=140.0 y=120.0 w=100.0 h=30.0  -->
+   <transition event="highlight" target="highlighted"><!--   edge-path [highlighted]  x=140.0 y=180.0 pointx=0.0 pointy=-1.0 offsetx=11.0 offsety=-11.0  --></transition>
+  </state>
+  <state id="highlighted"><!--   node-size-and-position x=140.0 y=210.0 w=100.0 h=30.0  -->
+   <transition event="unhighlight" target="displayed"><!--   edge-path [displayed]  x=230.0 y=180.0  --></transition>
+   <transition event="up" target="displayed">
+    <invoke src="highlight_up" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=270.0 y=220.0 x=270.0 y=140.0 pointx=0.0 pointy=-10.0 offsetx=0.0 offsety=5.0  --></transition>
+   <transition event="down" target="displayed">
+    <invoke src="highlight_down" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=100.0 y=220.0 x=100.0 y=140.0  --></transition>
+   <transition event="left" target="displayed">
+    <invoke src="highlight_left" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=70.0 y=230.0 x=70.0 y=130.0  --></transition>
+   <transition event="right" target="displayed">
+    <invoke src="highlight_right" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=310.0 y=230.0 x=310.0 y=130.0  --></transition>
+  </state>
+  <state id="wait_for_children"><!--   node-size-and-position x=20.0 y=40.0 w=100.0 h=30.0  -->
+   <transition event="init_js" target="init_js"></transition>
+  </state>
+  <state id="init_js"><!--   node-size-and-position x=230.0 y=50.0 w=100.0 h=30.0  -->
+   <transition target="displayed"></transition>
+  </state>
+ </state>
+ <state id="disabled"><!--   node-size-and-position x=570.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="hidden"><!--   node-size-and-position x=400.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+  <transition event="display" target="displaying"><!--   edge-path [displaying]  x=410.0 y=240.0  --></transition>
+ </state>
+ <state id="refreshing"><!--   node-size-and-position x=780.0 y=440.0 w=70.0 h=50.0  -->
+  <onentry>
+   <invoke src="refresh_children" type="x-mint"></invoke>
+  </onentry>
+  <transition target="displaying"></transition>
+ </state>
+</scxml>

data/lib/MINT-core/model/cui/gfx/MarkableRadioButton.rb

@@ -0,0 +1,8 @@
+module MINT
+
+  class MarkableRadioButton < RadioButton
+    def getSCXML
+         "#{File.dirname(__FILE__)}/markableradiobutton.scxml"
+       end
+  end
+end

data/lib/MINT-core/model/cui/gfx/RadioButton.rb

@@ -0,0 +1,8 @@
+module MINT
+
+  class RadioButton < CIO
+    def getSCXML
+         "#{File.dirname(__FILE__)}/radiobutton.scxml"
+       end
+  end
+end

data/lib/MINT-core/model/cui/gfx/RadioButtonGroup.rb

@@ -0,0 +1,6 @@
+module MINT
+
+  class RadioButtonGroup < CIC
+
+  end
+end

data/lib/MINT-core/model/cui/gfx/button.rb

@@ -0,0 +1,16 @@
+
+module MINT
+
+  class Button < CIO
+
+    def getModel
+         "cui-gfx"
+    end
+
+    def getSCXML
+          "#{File.dirname(__FILE__)}/button.scxml"
+    end
+
+
+  end
+end

data/lib/MINT-core/model/cui/gfx/button.scxml

@@ -0,0 +1,58 @@
+<scxml initial="initialized" name="Button" version="0.9" xmlns="http://www.w3.org/2005/07/scxml"><!--   node-size-and-position x=0.0 y=0.0 w=730.0 h=580.0  -->
+ <state id="initialized"><!--   node-size-and-position x=70.0 y=60.0 w=100.0 h=30.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="positioning"><!--   node-size-and-position x=60.0 y=130.0 w=100.0 h=30.0  -->
+  <transition event="calculated" target="positioned"></transition>
+ </state>
+ <state id="positioned"><!--   node-size-and-position x=50.0 y=220.0 w=100.0 h=30.0  -->
+  <transition event="display" target="p"></transition>
+ </state>
+ <state id="hidden"><!--   node-size-and-position x=270.0 y=60.0 w=130.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="disabled"><!--   node-size-and-position x=490.0 y=60.0 w=130.0 h=40.0  -->
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <parallel id="p"><!--   node-size-and-position x=170.0 y=150.0 w=560.0 h=370.0  -->
+  <transition event="disable" target="disabled"></transition>
+  <transition event="hide" target="hidden"></transition>
+  <state id="b" initial="released"><!--   node-size-and-position x=420.0 y=90.0 w=140.0 h=210.0  -->
+   <state id="pressed"><!--   node-size-and-position x=30.0 y=140.0 w=100.0 h=30.0  -->
+    <transition event="release" target="released"><!--   edge-path [released]  x=120.0 y=100.0 pointx=0.0 pointy=-40.0 offsetx=0.0 offsety=5.0  --></transition>
+   </state>
+   <state id="released"><!--   node-size-and-position x=30.0 y=40.0 w=100.0 h=30.0  -->
+    <transition event="press" target="pressed"><!--   edge-path [pressed]  x=40.0 y=100.0  --></transition>
+   </state>
+  </state>
+  <state id="d"><!--   node-size-and-position x=10.0 y=40.0 w=400.0 h=300.0  -->
+   <state id="displaying" initial="init_js"><!--   node-size-and-position x=10.0 y=30.0 w=290.0 h=250.0  -->
+    <transition event="refresh" target="refreshing"><!--   edge-path [refreshing]  x=320.0 y=100.0 pointx=0.0 pointy=13.0 offsetx=27.0 offsety=-9.0  --></transition>
+    <state id="displayed"><!--   node-size-and-position x=100.0 y=110.0 w=100.0 h=30.0  -->
+     <transition event="highlight" target="highlighted"><!--   edge-path [highlighted]  x=90.0 y=170.0 pointx=0.0 pointy=18.0 offsetx=19.0 offsety=-14.0  --></transition>
+    </state>
+    <state id="highlighted"><!--   node-size-and-position x=100.0 y=200.0 w=100.0 h=30.0  -->
+     <transition event="unhighlight" target="displayed"><!--   edge-path [displayed]  x=190.0 y=170.0  --></transition>
+     <transition event="up" target="displayed">
+      <invoke src="highlight_up" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=230.0 y=210.0 x=230.0 y=130.0 pointx=0.0 pointy=-10.0 offsetx=0.0 offsety=5.0  --></transition>
+     <transition event="down" target="displayed">
+      <invoke src="highlight_down" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=60.0 y=210.0 x=60.0 y=130.0  --></transition>
+     <transition event="left" target="displayed">
+      <invoke src="highlight_left" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=30.0 y=220.0 x=30.0 y=120.0  --></transition>
+     <transition event="right" target="displayed">
+      <invoke src="highlight_right" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=270.0 y=220.0 x=270.0 y=120.0  --></transition>
+    </state>
+    <state id="init_js"><!--   node-size-and-position x=90.0 y=50.0 w=100.0 h=30.0  -->
+     <transition target="displayed"></transition>
+    </state>
+   </state>
+   <state id="refreshing"><!--   node-size-and-position x=320.0 y=110.0 w=70.0 h=40.0  -->
+    <transition target="displaying"></transition>
+   </state>
+  </state>
+ </parallel>
+</scxml>

data/lib/MINT-core/model/cui/gfx/caroufredsel.rb

@@ -0,0 +1,48 @@
+module MINT
+
+
+  class CarouFredSelImage < Image
+
+    def send_displayed
+      parent =  AIO.get("aui",self.name).parent
+      cio =  CIO.get("cui-gfx",parent.name)
+      cio.process_event :child_displayed
+    end
+
+  end
+
+  class CarouFredSel < CIC
+
+    property :items,            Integer,  :default => 1
+    property :circular,         Boolean,  :default => false
+    property :infinite,         Boolean,  :default => false
+    property :auto,             Boolean,  :default => false
+    property :scroll_items,     String,   :default => "page"
+    property :scroll_fx,        String,   :default => "none"
+    property :scroll_duration,  Integer,  :default => 200
+
+    def getSCXML
+      "#{File.dirname(__FILE__)}/CarouFredSel.scxml"
+    end
+
+    #functions called from scxml
+
+    def display_children
+      children = MINT::AISinglePresence.get("aui",self.name).children
+      @number_of_children =children.length
+
+    end
+
+    def is_last_child?
+      p "islast:#{@number_of_children}"
+      @number_of_children == 0
+    end
+
+    def receive_displayed
+      @number_of_children -= 1
+      p "after reduction #{@number_of_children}"
+    end
+
+  end
+
+end

data/lib/MINT-core/model/cui/gfx/cic.scxml

@@ -0,0 +1,57 @@
+<scxml initial="initialized" name="CIC" version="0.9" xmlns="http://www.w3.org/2005/07/scxml"><!--   node-size-and-position x=0.0 y=0.0 w=885.0 h=723.0  -->
+ <state id="initialized"><!--   node-size-and-position x=220.0 y=130.0 w=100.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="positioning"><!--   node-size-and-position x=220.0 y=220.0 w=100.0 h=40.0  -->
+  <transition event="calculated" target="positioned">
+   <invoke src="store_calculated_values_in_model" type="x-mint"></invoke>
+  </transition>
+ </state>
+ <state id="positioned"><!--   node-size-and-position x=220.0 y=320.0 w=100.0 h=40.0  -->
+  <transition event="display" target="displaying"></transition>
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="displaying" initial="init_js"><!--   node-size-and-position x=380.0 y=270.0 w=280.0 h=240.0  -->
+  <transition event="disable" target="disabled"></transition>
+  <transition event="hide" target="hidden"></transition>
+  <transition event="refresh" target="refreshing"></transition>
+  <state id="displayed"><!--   node-size-and-position x=90.0 y=100.0 w=100.0 h=30.0  -->
+   <transition event="highlight" target="highlighted"><!--   edge-path [highlighted]  x=80.0 y=160.0 pointx=0.0 pointy=18.0 offsetx=19.0 offsety=-14.0  --></transition>
+  </state>
+  <state id="highlighted"><!--   node-size-and-position x=90.0 y=190.0 w=100.0 h=30.0  -->
+   <transition event="unhighlight" target="displayed"><!--   edge-path [displayed]  x=180.0 y=160.0  --></transition>
+   <transition event="up" target="displayed">
+    <invoke src="highlight_up" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=220.0 y=200.0 x=220.0 y=120.0 pointx=0.0 pointy=-10.0 offsetx=0.0 offsety=5.0  --></transition>
+   <transition event="down" target="displayed">
+    <invoke src="highlight_down" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=50.0 y=200.0 x=50.0 y=120.0  --></transition>
+   <transition event="left" target="displayed">
+    <invoke src="highlight_left" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=20.0 y=210.0 x=20.0 y=110.0  --></transition>
+   <transition event="right" target="displayed">
+    <invoke src="highlight_right" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=260.0 y=210.0 x=260.0 y=110.0  --></transition>
+  </state>
+  <state id="init_js"><!--   node-size-and-position x=90.0 y=40.0 w=100.0 h=30.0  -->
+   <transition target="displayed"></transition>
+  </state>
+ </state>
+ <state id="disabled"><!--   node-size-and-position x=570.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="hidden"><!--   node-size-and-position x=400.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+  <transition event="display" target="displaying"><!--   edge-path [displaying]  x=410.0 y=240.0  --></transition>
+  <transition event="refresh" target="refreshing_while_hidden"><!--   edge-path [refreshing_while_hidden]  x=490.0 y=110.0 pointx=0.0 pointy=-39.0 offsetx=10.0 offsety=-15.0  --></transition>
+ </state>
+ <state id="refreshing"><!--   node-size-and-position x=720.0 y=350.0 w=100.0 h=50.0  -->
+  <onentry>
+   <invoke src="refresh_children" type="x-mint"></invoke>
+  </onentry>
+  <transition target="displaying"><!--   edge-path [displaying]  x=700.0 y=420.0  --></transition>
+ </state>
+ <state id="refreshing_while_hidden"><!--   node-size-and-position x=370.0 y=50.0 w=150.0 h=40.0  -->
+  <transition target="hidden"></transition>
+ </state>
+</scxml>

data/lib/MINT-core/model/cui/gfx/cio.scxml

@@ -0,0 +1,54 @@
+<scxml initial="initialized" name="CIO" version="0.9" xmlns="http://www.w3.org/2005/07/scxml"><!--   node-size-and-position x=0.0 y=0.0 w=885.0 h=723.0  -->
+ <state id="initialized"><!--   node-size-and-position x=220.0 y=130.0 w=100.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="positioning"><!--   node-size-and-position x=220.0 y=220.0 w=100.0 h=40.0  -->
+  <transition event="calculated" target="positioned">
+   <invoke src="store_calculated_values_in_model" type="x-mint"></invoke>
+  </transition>
+ </state>
+ <state id="positioned"><!--   node-size-and-position x=220.0 y=320.0 w=100.0 h=40.0  -->
+  <transition event="display" target="displaying"></transition>
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="displaying" initial="init_js"><!--   node-size-and-position x=380.0 y=270.0 w=280.0 h=240.0  -->
+  <transition event="disable" target="disabled"></transition>
+  <transition event="hide" target="hidden"></transition>
+  <transition event="refresh" target="refreshing"></transition>
+  <state id="displayed"><!--   node-size-and-position x=90.0 y=100.0 w=100.0 h=30.0  -->
+   <transition event="highlight" target="highlighted"><!--   edge-path [highlighted]  x=80.0 y=160.0 pointx=0.0 pointy=18.0 offsetx=19.0 offsety=-14.0  --></transition>
+  </state>
+  <state id="highlighted"><!--   node-size-and-position x=90.0 y=190.0 w=100.0 h=30.0  -->
+   <transition event="unhighlight" target="displayed"><!--   edge-path [displayed]  x=180.0 y=160.0  --></transition>
+   <transition event="up" target="displayed">
+    <invoke src="highlight_up" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=220.0 y=200.0 x=220.0 y=120.0 pointx=0.0 pointy=-10.0 offsetx=0.0 offsety=5.0  --></transition>
+   <transition event="down" target="displayed">
+    <invoke src="highlight_down" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=50.0 y=200.0 x=50.0 y=120.0  --></transition>
+   <transition event="left" target="displayed">
+    <invoke src="highlight_left" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=20.0 y=210.0 x=20.0 y=110.0  --></transition>
+   <transition event="right" target="displayed">
+    <invoke src="highlight_right" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=260.0 y=210.0 x=260.0 y=110.0  --></transition>
+  </state>
+  <state id="init_js"><!--   node-size-and-position x=90.0 y=40.0 w=100.0 h=30.0  -->
+   <transition target="displayed"></transition>
+  </state>
+ </state>
+ <state id="disabled"><!--   node-size-and-position x=570.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="hidden"><!--   node-size-and-position x=400.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+  <transition event="display" target="displaying"><!--   edge-path [displaying]  x=410.0 y=240.0  --></transition>
+  <transition event="refresh" target="refreshing_while_hidden"><!--   edge-path [refreshing_while_hidden]  x=490.0 y=110.0 pointx=0.0 pointy=-39.0 offsetx=10.0 offsety=-15.0  --></transition>
+ </state>
+ <state id="refreshing"><!--   node-size-and-position x=720.0 y=350.0 w=100.0 h=50.0  -->
+  <transition target="displaying"><!--   edge-path [displaying]  x=700.0 y=420.0  --></transition>
+ </state>
+ <state id="refreshing_while_hidden"><!--   node-size-and-position x=370.0 y=50.0 w=150.0 h=40.0  -->
+  <transition target="hidden"></transition>
+ </state>
+</scxml>

data/lib/MINT-core/model/cui/gfx/markableradiobutton.scxml

@@ -0,0 +1,67 @@
+<scxml initial="initialized" name="RadioButton" version="0.9" xmlns="http://www.w3.org/2005/07/scxml"><!--   node-size-and-position x=0.0 y=0.0 w=890.0 h=1000.0  -->
+ <state id="initialized"><!--   node-size-and-position x=220.0 y=130.0 w=100.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+ </state>
+ <state id="positioning"><!--   node-size-and-position x=220.0 y=220.0 w=100.0 h=40.0  -->
+  <transition event="calculated" target="positioned">
+   <invoke src="store_calculated_values_in_model" type="x-mint"></invoke>
+  </transition>
+ </state>
+ <state id="positioned"><!--   node-size-and-position x=220.0 y=320.0 w=100.0 h=40.0  -->
+  <transition event="display" target="p"></transition>
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <parallel id="p"><!--   node-size-and-position x=380.0 y=270.0 w=480.0 h=730.0  -->
+  <transition event="disable" target="disabled"></transition>
+  <transition event="hide" target="hidden"></transition>
+  <state id="s" initial="unselected"><!--   node-size-and-position x=290.0 y=30.0 w=180.0 h=240.0  -->
+   <state id="selected"><!--   node-size-and-position x=50.0 y=170.0 w=100.0 h=30.0  -->
+    <transition event="unselect" target="unselected"></transition>
+   </state>
+   <state id="unselected"><!--   node-size-and-position x=50.0 y=70.0 w=100.0 h=30.0  -->
+    <transition event="select" target="selected"><!--   edge-path [selected]  x=40.0 y=130.0  --></transition>
+   </state>
+  </state>
+  <state id="d"><!--   node-size-and-position x=0.0 y=30.0 w=280.0 h=360.0  -->
+   <state id="displaying" initial="displayed"><!--   node-size-and-position x=10.0 y=30.0 w=270.0 h=170.0  -->
+    <transition event="refresh" target="refreshing"><!--   edge-path [refreshing]  x=100.0 y=230.0  --></transition>
+    <state id="displayed"><!--   node-size-and-position x=80.0 y=40.0 w=100.0 h=30.0  -->
+     <transition event="highlight" target="highlighted"><!--   edge-path [highlighted]  x=70.0 y=100.0 pointx=0.0 pointy=18.0 offsetx=19.0 offsety=-14.0  --></transition>
+    </state>
+    <state id="highlighted"><!--   node-size-and-position x=80.0 y=130.0 w=100.0 h=30.0  -->
+     <transition event="unhighlight" target="displayed"><!--   edge-path [displayed]  x=170.0 y=100.0  --></transition>
+     <transition event="up" target="displayed">
+      <invoke src="highlight_up" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=210.0 y=140.0 x=210.0 y=60.0 pointx=0.0 pointy=-10.0 offsetx=0.0 offsety=5.0  --></transition>
+     <transition event="down" target="displayed">
+      <invoke src="highlight_down" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=40.0 y=140.0 x=40.0 y=60.0  --></transition>
+     <transition event="left" target="displayed">
+      <invoke src="highlight_left" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=10.0 y=150.0 x=10.0 y=50.0  --></transition>
+     <transition event="right" target="displayed">
+      <invoke src="highlight_right" type="x-mint"></invoke>
+<!--   edge-path [displayed]  x=250.0 y=150.0 x=250.0 y=50.0  --></transition>
+    </state>
+   </state>
+   <state id="refreshing"><!--   node-size-and-position x=100.0 y=260.0 w=70.0 h=40.0  -->
+    <transition target="displaying"></transition>
+   </state>
+  </state>
+  <state id="m" initial="unmarked"><!--   node-size-and-position x=290.0 y=290.0 w=180.0 h=240.0  -->
+   <state id="marked"><!--   node-size-and-position x=50.0 y=170.0 w=100.0 h=30.0  -->
+    <transition event="unmark" target="unmarked"></transition>
+   </state>
+   <state id="unmarked"><!--   node-size-and-position x=50.0 y=70.0 w=100.0 h=30.0  -->
+    <transition event="mark" target="marked"><!--   edge-path [marked]  x=40.0 y=130.0  --></transition>
+   </state>
+  </state>
+ </parallel>
+ <state id="disabled"><!--   node-size-and-position x=570.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="hide" target="hidden"></transition>
+ </state>
+ <state id="hidden"><!--   node-size-and-position x=400.0 y=140.0 w=110.0 h=40.0  -->
+  <transition event="position" target="positioning"></transition>
+  <transition event="display" target="p"><!--   edge-path [p]  x=410.0 y=240.0  --></transition>
+ </state>
+</scxml>

data/lib/MINT-core/model/cui/gfx/model.rb

@@ -1,204 +1,67 @@
-module MINT
   require "MINT-core/model/cui/gfx/CIO"
-
   require "MINT-core/model/cui/gfx/CIC"
-  class Button < CIO
-  end
+  require "MINT-core/model/cui/gfx/button"
 
-  class Image < CIO
-     property :path, String
-  end
 
-  class Selectable_sync_callback < CIO_sync_callback
-    def sync_aio_to_unchosen
-      true
+  module MINT
+    class Image < CIO
+      property :path, String
     end
 
-    def sync_aio_to_chosen
-      true
-    end
-  end
-  # Abstract class to handle objects that can be selected
-  class Selectable < CIO
-    def initialize_statemachine
-      if @statemachine.blank?
-
-        @statemachine = Statemachine.build do
-
-          superstate :CIO do
-            trans :initialized,:position,:positioning
-            trans :positioning,:calculated,:positioned, :store_calculated_values_in_model
-            trans :positioned, :display, :presenting
-            trans :disabled, :hide, :hidden
-            trans :hidden,:display, :presenting
-
-
-            parallel :p do
-              statemachine :s1 do
-                superstate :presenting do
-                  on_entry :sync_aio_to_presented
-
-                  event :hide, :hidden
-
-                  state :displayed do
-                    on_entry :sync_aio_to_defocus
-                  end
-
-                  state :highlighted  do
-                    on_entry :sync_aio_to_focused
-                  end
-
-                  trans :displayed, :highlight, :highlighted
-                  trans :highlighted,:unhighlight, :displayed
-                  trans :highlighted, :up, :displayed, :highlight_up
-                  trans :highlighted, :down, :displayed, :highlight_down
-                  trans :highlighted, :left, :displayed, :highlight_left
-                  trans :highlighted, :right, :displayed, :highlight_right
-
-                  event :disable, :disabled
-
-                end
-              end
-              statemachine :s2 do
-                superstate :selection do
-                  trans :listed, :select, :selected
-                  trans :selected, :select, :listed
-
-                  state :listed do
-                    on_entry :sync_aio_to_unchosen
-                  end
-
-                  state :selected  do
-                    on_entry :sync_aio_to_chosen
-                  end
-                end
-              end
-            end
-          end
-        end
-      end
-    end
 
-    def sync_event(event)
-      process_event(event, Selectable_sync_callback.new)
-    end
+    class Slider < CIO
 
-    def sync_aio_to_unchosen
-      aio =  MINT::AIINChoose.first(:name=>self.name)
-      if (aio and not aio.is_in? :unchosen)
-        aio.sync_event(:unchoose)
-      end
-      true
     end
 
-    def sync_aio_to_chosen
-      aio =  MINT::AIINChoose.first(:name=>self.name)
-      if (aio and not aio.is_in? :chosen)
-        aio.sync_event(:choose)
-      end
-      true
+    class MinimalOutputSlider < CIO
+
     end
-  end
 
-  class FurnitureItem < Selectable
-    property :title, String
-    property :price, String
-    property :image, String
-    property :description, String
-  end
+    class MinimalVerticalOutputSlider < CIO
+
+        end
+
+    class ProgressBar < CIO
 
-  class SingleHighlight < CIC
     end
 
+    class HTMLHead < CIO
+      property :css, String
+      property :js, String
+    end
 
-  class ARFrame <  CIO
+    #
+    #class FurnitureItem < Selectable
+    #  property :title, String
+    #  property :price, String
+    #  property :image, String
+    #  property :description, String
+    #end
 
-  end
+    class SingleHighlight < CIC
+    end
 
-  class CheckBox < Selectable
-  end
 
-  class CheckBoxGroup < CIC
-  end
+    class ARFrame <  CIO
 
-  class RadioButton < Selectable
-  end
+    end
 
-  class MarkableRadioButton < RadioButton
-    def initialize_statemachine
-      if @statemachine.blank?
-
-        @statemachine = Statemachine.build do
-
-          superstate :CIO do
-            trans :initialized,:position,:positioning
-            trans :positioning,:calculated,:positioned, :store_calculated_values_in_model
-            trans :positioned, :display, :presenting
-            trans :disabled, :hide, :hidden
-            trans :hidden,:display, :presenting
-
-
-            parallel :p do
-              statemachine :s1 do
-                superstate :presenting do
-                  on_entry :sync_aio_to_presented
-
-                  state :displayed do
-                    on_entry :sync_aio_to_defocus
-                  end
-
-                  state :highlighted  do
-                    on_entry :sync_aio_to_focused
-                  end
-
-                  trans :displayed, :highlight, :highlighted
-                  trans :highlighted,:unhighlight, :displayed
-                  trans :highlighted, :up, :displayed, :highlight_up
-                  trans :highlighted, :down, :displayed, :highlight_down
-                  trans :highlighted, :left, :displayed, :highlight_left
-                  trans :highlighted, :right, :displayed, :highlight_right
-
-                  event :disable, :disabled
-                  event :hide, :hidden
-
-                end
-              end
-              statemachine :s2 do
-                superstate :selection do
-                  trans :listed, :select, :selected
-                  trans :selected, :select, :listed
-
-                  state :listed do
-                    on_entry :sync_aio_to_unchosen
-                  end
-
-                  state :selected  do
-                    on_entry :sync_aio_to_chosen
-                  end
-                end
-              end
-              statemachine :s3 do
-                superstate :marker do
-                  trans :unmarked, :mark, :marked
-                  trans :marked, :unmark, :unmarked
-                end
-              end
-            end
-          end
-        end
-      end
+    #class CheckBox < Selectable
+    #end
+
+    class CheckBoxGroup < CIC
     end
-  end
 
-  class RadioButtonGroup < CIC
-  end
+    require "MINT-core/model/cui/gfx/RadioButton"
+    require "MINT-core/model/cui/gfx/RadioButtonGroup"
+    require "MINT-core/model/cui/gfx/MarkableRadioButton"
 
-  class BasicText < CIO
-  end
+    class BasicText < CIO
+    end
 
-  class Label <CIO
+    class Label <CIO
+    end
   end
 
-  require "MINT-core/model/cui/gfx/screen"
 
-end
+  require "MINT-core/model/cui/gfx/caroufredsel"