From cd104ea5a989d1e94ed129397e61b87fa5f78cd8 Mon Sep 17 00:00:00 2001
From: frankpagan <frank@cocreate.app>
Date: Thu, 23 Nov 2023 19:17:35 -0600
Subject: [PATCH] fix: pass attributes renamed to state

---
 src/components/left-panel.html  |  46 ++---
 src/components/right-panel.html | 352 ++++++++++++++++----------------
 src/components/settings.html    |  46 ++---
 src/index.html                  |  14 +-
 4 files changed, 229 insertions(+), 229 deletions(-)

diff --git a/src/components/left-panel.html b/src/components/left-panel.html
index c00d482..309162c 100644
--- a/src/components/left-panel.html
+++ b/src/components/left-panel.html
@@ -86,7 +86,7 @@
                 <button
                     class="position:absolute top:13px padding:5px background:gainsboro color:#505050 grow-hover border-radius:50%">
                     <a
-                        actions="pass, openModal"
+                        actions="state, openModal"
                         modal-src="../marketplace/list.html"
                         modal-width="830px"
                         ><i
@@ -149,11 +149,11 @@
                                 id="editblock{{object._id}}"
                                 class="position:absolute top:8px right:8px font-size:11px display:none">
                                 <a
-                                    actions="pass, openModal"
+                                    actions="state, openModal"
                                     modal-src="../blocks/form.html"
-                                    pass-array="{{object.array}}"
-                                    pass-object="{{object._id}}"
-                                    pass_to="form-fields"
+                                    state-array="{{object.array}}"
+                                    state-object="{{object._id}}"
+                                    state_to="form-fields"
                                     modal-width="320px">
                                     <i
                                         class="height:20px fill:#505050"
@@ -225,11 +225,11 @@
                                 id="editcategory{{object._id}}"
                                 class="position:absolute top:8px right:8px font-size:11px display:none">
                                 <a
-                                    actions="pass, openModal"
+                                    actions="state, openModal"
                                     modal-src="../blocks/form.html"
-                                    pass-array="{{object.array}}"
-                                    pass-object="{{object._id}}"
-                                    pass_to="form-fields"
+                                    state-array="{{object.array}}"
+                                    state-object="{{object._id}}"
+                                    state_to="form-fields"
                                     modal-width="320px">
                                     <i
                                         class="height:20px fill:#505050"
@@ -283,15 +283,15 @@
         <div id="files" class="left-panel display:none">
             <!-- Search Files -->
             <form class="padding:0px_5px_20px_5px">
-                <input type="text" class="floating-label" pass_to="results" />
+                <input type="text" class="floating-label" state_to="results" />
                 <span
-                    class="passValueBtn position:relative bottom:28px right:14px float:right font-size:18px">
+                    class="position:relative bottom:28px right:14px float:right font-size:18px">
                     <a
-                        actions="pass, openModal"
-                        pass_to="render"
+                        actions="state, openModal"
+                        state_to="render"
                         array="website-pages"
                         object=""
-                        pass-key="src"
+                        state-key="src"
                         modal-width="900px"
                         modal-color="#229954">
                         <i
@@ -400,15 +400,15 @@
         <div id="assets" class="left-panel display:none">
             <!-- Search Assets-->
             <form class="padding:0px_5px_20px_5px">
-                <input type="text" class="floating-label" pass_to="results" />
+                <input type="text" class="floating-label" state_to="results" />
                 <span
-                    class="passValueBtn position:relative bottom:28px right:14px float:right font-size:18px">
+                    class="position:relative bottom:28px right:14px float:right font-size:18px">
                     <a
-                        actions="pass, openModal"
-                        pass_to="render"
+                        actions="state, openModal"
+                        state_to="render"
                         array="website-pages"
                         object=""
-                        pass-key="src"
+                        state-key="src"
                         modal-width="900px"
                         modal-color="#229954">
                         <i
@@ -438,11 +438,11 @@
                         id="editassets{{object._id}}"
                         class="position:absolute top:8px right:8px font-size:11px display:none">
                         <a
-                            actions="pass, openModal"
+                            actions="state, openModal"
                             modal-src="https://server.cocreate.app/CoCreate-plugins/CoCreate-tui-image-editor/demo/index.html"
-                            pass-array="files"
-                            pass-object="{{object._id}}"
-                            pass_to="form-fields"
+                            state-array="files"
+                            state-object="{{object._id}}"
+                            state_to="form-fields"
                             modal-width="900px">
                             <i
                                 class="height:20px fill:#505050"
diff --git a/src/components/right-panel.html b/src/components/right-panel.html
index d3b4805..f43a818 100644
--- a/src/components/right-panel.html
+++ b/src/components/right-panel.html
@@ -20,7 +20,7 @@
 
 <form
     id="domEditorPanel"
-    pass_id="builder"
+    state_id="builder"
     array=""
     object=""
     crud="false"
@@ -91,7 +91,7 @@
                 <!--Styles -->
                 <div id="styles" class="editor-panel display:none active">
                     <div class="padding:0px_5px_20px_5px">
-                        <!--<cocreate-select class="floating-label " sortable multiple placeholder="Classes" attribute="class" pass_id="builder" attribute-selector="iframe; *" array="" object="" crud="false" save="false" read="false" active>-->
+                        <!--<cocreate-select class="floating-label " sortable multiple placeholder="Classes" attribute="class" state_id="builder" attribute-selector="iframe; *" array="" object="" crud="false" save="false" read="false" active>-->
                         <!--  <input placeholder="Add a new class">-->
                         <!--</cocreate-select>-->
                     </div>
@@ -266,7 +266,7 @@
                                 placeholder="Order:"
                                 attribute="classstyle"
                                 attribute-property="order"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -302,7 +302,7 @@
                                     placeholder="margin-left:"
                                     attribute="classstyle"
                                     attribute-property="margin-left"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -315,7 +315,7 @@
                                     <cocreate-select
                                         id="margin-left-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -350,7 +350,7 @@
                                     placeholder="margin-right:"
                                     attribute="classstyle"
                                     attribute-property="margin-right"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -363,7 +363,7 @@
                                     <cocreate-select
                                         id="margin-right-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -400,7 +400,7 @@
                                     placeholder="margin-top:"
                                     attribute="classstyle"
                                     attribute-property="margin-top"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -413,7 +413,7 @@
                                     <cocreate-select
                                         id="margin-top-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -448,7 +448,7 @@
                                     placeholder="margin-bottom:"
                                     attribute="classstyle"
                                     attribute-property="margin-bottom"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -461,7 +461,7 @@
                                     <cocreate-select
                                         id="margin-bottom-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -498,7 +498,7 @@
                                     placeholder="padding-left:"
                                     attribute="classstyle"
                                     attribute-property="padding-left"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -511,7 +511,7 @@
                                     <cocreate-select
                                         id="padding-left-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -546,7 +546,7 @@
                                     placeholder="padding-right:"
                                     attribute="classstyle"
                                     attribute-property="padding-right"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -559,7 +559,7 @@
                                     <cocreate-select
                                         id="padding-right-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -596,7 +596,7 @@
                                     placeholder="padding-top:"
                                     attribute="classstyle"
                                     attribute-property="padding-top"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -609,7 +609,7 @@
                                     <cocreate-select
                                         id="padding-top-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -644,7 +644,7 @@
                                     placeholder="padding-bottom:"
                                     attribute="classstyle"
                                     attribute-property="padding-bottom"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -657,7 +657,7 @@
                                     <cocreate-select
                                         id="padding-bottom-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -713,7 +713,7 @@
                                     placeholder="width:"
                                     attribute="classstyle"
                                     attribute-property="width"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -726,7 +726,7 @@
                                     <cocreate-select
                                         id="width-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -761,7 +761,7 @@
                                     placeholder="height:"
                                     attribute="classstyle"
                                     attribute-property="height"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -774,7 +774,7 @@
                                     <cocreate-select
                                         id="height-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -811,7 +811,7 @@
                                     placeholder="min-width:"
                                     attribute="classstyle"
                                     attribute-property="min-width"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -853,7 +853,7 @@
                                     placeholder="min-height:"
                                     attribute="classstyle"
                                     attribute-property="min-height"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -866,7 +866,7 @@
                                     <cocreate-select
                                         id="min-height-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -903,7 +903,7 @@
                                     placeholder="max-width:"
                                     attribute="classstyle"
                                     attribute-property="max-width"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -916,7 +916,7 @@
                                     <cocreate-select
                                         id="max-width-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -951,7 +951,7 @@
                                     placeholder="max-height:"
                                     attribute="classstyle"
                                     attribute-property="max-height"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -964,7 +964,7 @@
                                     <cocreate-select
                                         id="max-height-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1020,7 +1020,7 @@
                                     placeholder="top:"
                                     attribute="classstyle"
                                     attribute-property="top"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1033,7 +1033,7 @@
                                     <cocreate-select
                                         id="top-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1068,7 +1068,7 @@
                                     placeholder="bottom:"
                                     attribute="classstyle"
                                     attribute-property="bottom"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1081,7 +1081,7 @@
                                     <cocreate-select
                                         id="bottom-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1118,7 +1118,7 @@
                                     placeholder="left:"
                                     attribute="classstyle"
                                     attribute-property="left"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1131,7 +1131,7 @@
                                     <cocreate-select
                                         id="left-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1166,7 +1166,7 @@
                                     placeholder="right:"
                                     attribute="classstyle"
                                     attribute-property="right"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1179,7 +1179,7 @@
                                     <cocreate-select
                                         id="right-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1233,7 +1233,7 @@
                                 placeholder="font-family:"
                                 attribute="classstyle"
                                 attribute-property="font-family"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -1297,7 +1297,7 @@
                                     placeholder="font-size:"
                                     attribute="classstyle"
                                     attribute-property="font-size"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1310,7 +1310,7 @@
                                     <cocreate-select
                                         id="font-size-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1347,7 +1347,7 @@
                                     step="100"
                                     attribute="classstyle"
                                     attribute-property="font-weight"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1367,7 +1367,7 @@
                                     class="color-picker"
                                     attribute="classstyle"
                                     attribute-property="color"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     array=""
                                     object=""
                                     crud="false"
@@ -1383,7 +1383,7 @@
                                 placeholder="text-align:"
                                 attribute="classstyle"
                                 attribute-property="text-align"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -1422,7 +1422,7 @@
                                 placeholder="text-decoration:"
                                 attribute="classstyle"
                                 attribute-property="text-decoration"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -1455,7 +1455,7 @@
                                 placeholder="font-style:"
                                 attribute="classstyle"
                                 attribute-property="font-style"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -1504,7 +1504,7 @@
                                     placeholder="border-width:"
                                     attribute="classstyle"
                                     attribute-property="border-width"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1517,7 +1517,7 @@
                                     <cocreate-select
                                         id="border-width-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -1552,7 +1552,7 @@
                                     placeholder="border-style:"
                                     attribute="classstyle"
                                     attribute-property="border-style"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1603,7 +1603,7 @@
                                     class="color-picker"
                                     attribute="classstyle"
                                     attribute-property="border-color"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     array=""
                                     object=""
                                     crud="false"
@@ -1620,7 +1620,7 @@
                                 step="100"
                                 attribute="classstyle"
                                 attribute-property="border-radius"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -1633,7 +1633,7 @@
                                 <cocreate-select
                                     id="border-radius-unit"
                                     class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     array=""
                                     object=""
                                     crud="false"
@@ -1691,7 +1691,7 @@
                                         step="100"
                                         attribut="classstyle"
                                         attribute-property="offsetx"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -1704,7 +1704,7 @@
                                         <cocreate-select
                                             id=""
                                             class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                            pass_id="builder"
+                                            state_id="builder"
                                             array=""
                                             object=""
                                             crud="false"
@@ -1740,7 +1740,7 @@
                                         step="100"
                                         attribut="classstyle"
                                         attribute-property="offsetv"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -1752,7 +1752,7 @@
                                         class="position:relative width:40px top:-32px right:8px float:right cursor:pointer">
                                         <cocreate-select
                                             class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                            pass_id="builder"
+                                            state_id="builder"
                                             array=""
                                             object=""
                                             crud="false"
@@ -1791,7 +1791,7 @@
                                         attribut="classstyle"
                                         attribute-property="blur"
                                         attribute-unit="px"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -1803,7 +1803,7 @@
                                         class="position:relative width:40px top:-32px right:8px float:right cursor:pointer">
                                         <cocreate-select
                                             class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                            pass_id="builder"
+                                            state_id="builder"
                                             array=""
                                             object=""
                                             crud="false"
@@ -1841,7 +1841,7 @@
                                         attribut="classstyle"
                                         attribute-property="spread"
                                         attribute-unit="px"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -1853,7 +1853,7 @@
                                         class="position:relative width:40px top:-32px right:8px float:right cursor:pointer">
                                         <cocreate-select
                                             class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                            pass_id="builder"
+                                            state_id="builder"
                                             array=""
                                             object=""
                                             crud="false"
@@ -1890,7 +1890,7 @@
                                     placeholder="fill-color:"
                                     attribut="classstyle"
                                     attribute-property="fill-color"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -1928,7 +1928,7 @@
                                 class="color-picker"
                                 attribute="classstyle"
                                 attribute-property="background-color"
-                                pass_id="builder"
+                                state_id="builder"
                                 array=""
                                 object=""
                                 crud="false"
@@ -1943,7 +1943,7 @@
                             step="100"
                             attribute="classstyle"
                             attribute-property="background-image"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -1957,7 +1957,7 @@
                             placeholder="background-repeat:"
                             attribute="classstyle"
                             attribute-property="background-repeat"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -1989,7 +1989,7 @@
                             placeholder="background-position"
                             attribute="classstyle"
                             attribute-property="background-position"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2036,7 +2036,7 @@
                             placeholder="background-attachment:"
                             attribute="classstyle"
                             attribute-property="background-attachment"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2065,7 +2065,7 @@
                             placeholder="background-size:"
                             attribute="classstyle"
                             attribute-property="background-size"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2114,7 +2114,7 @@
                                 placeholder="opacity:"
                                 attribute="classstyle"
                                 attribute-property="opacity"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2130,7 +2130,7 @@
                                 placeholder="Cursor:"
                                 attribute="classstyle"
                                 attribute-property="cursor"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2252,7 +2252,7 @@
                                     placeholder="FilterType:"
                                     attribute="classstyle"
                                     attribute-property="filter"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2303,7 +2303,7 @@
                                     step="100"
                                     attribut="classstyle"
                                     attribute-property="strenth"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2321,7 +2321,7 @@
                                     placeholder="transform:"
                                     attribute="classstyle"
                                     attribute-property="transform"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2381,7 +2381,7 @@
                                     step="100"
                                     attribut="classstyle"
                                     attribute-property="translate"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2399,7 +2399,7 @@
                                     placeholder="TransitionProperty:"
                                     attribute="classstyle"
                                     attribute-property="transition-property"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2456,7 +2456,7 @@
                                         step="100"
                                         attribut="classstyle"
                                         attribute-property="duration"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -2472,7 +2472,7 @@
                                         placeholder="Easing:"
                                         attribut="classstyle"
                                         attribute-property="easing"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         attribute-selector="iframe; *"
                                         array=""
                                         object=""
@@ -2538,7 +2538,7 @@
                                     id="realtime"
                                     placeholder="realtime:"
                                     attribute="realtime"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2567,7 +2567,7 @@
                                     id="cursors"
                                     placeholder="cursors:"
                                     attribute="cursors"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2596,7 +2596,7 @@
                                 id="array"
                                 placeholder="array:"
                                 attribute="array"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2623,7 +2623,7 @@
                                 id="object"
                                 placeholder="object:"
                                 attribute="object"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2651,7 +2651,7 @@
                                 class="floating-label"
                                 placeholder="Name"
                                 id="name"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2667,7 +2667,7 @@
                                 class="floating-label"
                                 placeholder="value"
                                 id="value"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2683,7 +2683,7 @@
                                 class="floating-label"
                                 placeholder="value-prefix"
                                 id="value-prefix"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2699,7 +2699,7 @@
                                 class="floating-label"
                                 placeholder="value-suffix"
                                 id="value-suffix"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2714,7 +2714,7 @@
                                 type="text"
                                 class="floating-label"
                                 placeholder="value"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2729,7 +2729,7 @@
                                 type="text"
                                 class="floating-label"
                                 placeholder="Name"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2745,7 +2745,7 @@
                                     id="read"
                                     placeholder="read:"
                                     attribute="read"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2773,7 +2773,7 @@
                                     id="save"
                                     placeholder="save:"
                                     attribute="save"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -2802,7 +2802,7 @@
                                 id="actions"
                                 placeholder="actions:"
                                 attribute="actions"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -2847,7 +2847,7 @@
                             class="floating-label"
                             placeholder="filter-key"
                             id="filter-key"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2861,7 +2861,7 @@
                             class="floating-label"
                             placeholder="filter-value"
                             id="filter-value"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2875,7 +2875,7 @@
                             class="floating-label"
                             placeholder="template_id"
                             id="template_id"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2906,10 +2906,10 @@
                     <div class="broadcast padding-bottom:20px margin:0_5px">
                         <cocreate-select
                             class="floating-label"
-                            id="pass-array"
+                            id="state-array"
                             placeholder="broadcast"
-                            attribute="pass-array"
-                            pass_id="builder"
+                            attribute="state-array"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2931,10 +2931,10 @@
                         </cocreate-select>
                         <cocreate-select
                             class="floating-label"
-                            id="pass-object"
+                            id="state-object"
                             placeholder="broadcast-sender"
-                            attribute="pass-object"
-                            pass_id="builder"
+                            attribute="state-object"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2960,7 +2960,7 @@
                             class="floating-label"
                             placeholder="namespace"
                             id="namespace"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -2974,7 +2974,7 @@
                             class="floating-label"
                             placeholder="room"
                             id="room"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3007,7 +3007,7 @@
                             class="floating-label"
                             placeholder="messages"
                             id="message"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3037,11 +3037,11 @@
                     </div>
                     <div class="logic padding-bottom:20px margin:0_5px">
                         <input
-                            attribute="pass_to"
+                            attribute="state_to"
                             type="text"
                             class="floating-label"
-                            placeholder="pass_to"
-                            pass_id="builder"
+                            placeholder="state_to"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3050,11 +3050,11 @@
                             read="false"
                             active />
                         <input
-                            attribute="pass_id"
+                            attribute="state_id"
                             type="text"
                             class="floating-label"
-                            placeholder="pass_id"
-                            pass_id="builder"
+                            placeholder="state_id"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3064,9 +3064,9 @@
                             active />
                         <cocreate-select
                             class="floating-label"
-                            placeholder="pass-array:"
-                            attribute="pass-array"
-                            pass_id="builder"
+                            placeholder="state-array:"
+                            attribute="state-array"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3088,9 +3088,9 @@
                         </cocreate-select>
                         <cocreate-select
                             class="floating-label"
-                            placeholder="pass-object:"
-                            attribute="pass-object"
-                            pass_id="builder"
+                            placeholder="state-object:"
+                            attribute="state-object"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3113,12 +3113,12 @@
                         <div class="display:flex height:50px">
                             <div class="width:50% margin-right:5px">
                                 <input
-                                    attribute="pass-prefix"
+                                    attribute="state-prefix"
                                     type="text"
                                     class="floating-label"
-                                    placeholder="pass-prefix"
-                                    id="pass-prefix"
-                                    pass_id="builder"
+                                    placeholder="state-prefix"
+                                    id="state-prefix"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -3129,12 +3129,12 @@
                             </div>
                             <div class="width:50% margin-left:5px">
                                 <input
-                                    attribute="pass-name"
+                                    attribute="state-name"
                                     type="text"
                                     class="floating-label"
-                                    placeholder="pass-name"
-                                    id="pass-name"
-                                    pass_id="builder"
+                                    placeholder="state-name"
+                                    id="state-name"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -3146,12 +3146,12 @@
                         </div>
 
                         <input
-                            attribute="pass-value"
+                            attribute="state-value"
                             type="text"
                             class="floating-label"
-                            placeholder="pass-value"
-                            id="pass-value"
-                            pass_id="builder"
+                            placeholder="state-value"
+                            id="state-value"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3161,10 +3161,10 @@
                             active />
                         <cocreate-select
                             class="floating-label"
-                            id="pass-fetch_object"
-                            placeholder="pass-fetch_object:"
-                            attribute="pass-fetch_object"
-                            pass_id="builder"
+                            id="state-fetch_object"
+                            placeholder="state-fetch_object:"
+                            attribute="state-fetch_object"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3186,12 +3186,12 @@
                         </cocreate-select>
                         \
                         <input
-                            attribute="pass-filter-key"
+                            attribute="state-filter-key"
                             type="text"
                             class="floating-label"
-                            placeholder="pass-filter-key"
-                            id="pass-filter-key"
-                            pass_id="builder"
+                            placeholder="state-filter-key"
+                            id="state-filter-key"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3200,12 +3200,12 @@
                             read="false"
                             active />
                         <input
-                            attribute="pass-filter-value"
+                            attribute="state-filter-value"
                             type="text"
                             class="floating-label"
-                            placeholder="pass-filter-value"
-                            id="pass-filter-value"
-                            pass_id="builder"
+                            placeholder="state-filter-value"
+                            id="state-filter-value"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3215,10 +3215,10 @@
                             active />
                         <cocreate-select
                             class="floating-label"
-                            id="pass-overwrite"
-                            placeholder="pass-overwrite"
-                            attribute="pass-overwrite"
-                            pass_id="builder"
+                            id="state-overwrite"
+                            placeholder="state-overwrite"
+                            attribute="state-overwrite"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3262,7 +3262,7 @@
                             class="floating-label"
                             placeholder="show"
                             id="show"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3276,7 +3276,7 @@
                             class="floating-label"
                             placeholder="hide"
                             id="hide"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3308,7 +3308,7 @@
                             class="floating-label"
                             placeholder="selected-value"
                             id="selected-value"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3322,7 +3322,7 @@
                             class="floating-label"
                             placeholder="selected-attribute"
                             id="selected-attribute"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3336,7 +3336,7 @@
                             class="floating-label"
                             placeholder="selected-selector"
                             id="selected-selector"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3350,7 +3350,7 @@
                             class="floating-label"
                             placeholder="selected-closest"
                             id="selected-closest"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3364,7 +3364,7 @@
                             class="floating-label"
                             placeholder="selected-group"
                             id="selected-group"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3396,7 +3396,7 @@
                             class="floating-label"
                             placeholder="toggle"
                             id="toggle"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3410,7 +3410,7 @@
                             class="floating-label"
                             placeholder="toggle-attribute"
                             id="toggle-attribute"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3424,7 +3424,7 @@
                             class="floating-label"
                             placeholder="toggle-selector"
                             id="toggle-selector"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3438,7 +3438,7 @@
                             class="floating-label"
                             placeholder="toggle-closest"
                             id="toggle-closest"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3470,7 +3470,7 @@
                             attribute="hover"
                             placeholder="hover"
                             id="hover"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3484,7 +3484,7 @@
                             class="floating-label"
                             placeholder="hover-attribute"
                             id="hover-attribute"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3498,7 +3498,7 @@
                             class="floating-label"
                             placeholder="hover-selector"
                             id="hover-selector"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3512,7 +3512,7 @@
                             class="floating-label"
                             placeholder="hover-closest"
                             id="hover-closest"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3545,7 +3545,7 @@
                                 class="floating-label"
                                 placeholder="scroll"
                                 id="scroll"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3559,7 +3559,7 @@
                                 class="floating-label"
                                 placeholder="scroll-attribute"
                                 id="scroll-attribute"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3573,7 +3573,7 @@
                                 class="floating-label"
                                 placeholder="scroll-selector"
                                 id="scroll-selector"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3587,7 +3587,7 @@
                                 class="floating-label"
                                 placeholder="scroll-closest"
                                 id="scroll-closest"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3603,7 +3603,7 @@
                                     class="floating-label z-index:0"
                                     placeholder="scroll-up"
                                     attribute="scroll-up"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -3616,7 +3616,7 @@
                                     <cocreate-select
                                         id="scroll-up-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -3650,7 +3650,7 @@
                                     class="floating-label z-index:0"
                                     placeholder="scroll-down:"
                                     attribute="scroll-down"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     attribute-selector="iframe; *"
                                     array=""
                                     object=""
@@ -3663,7 +3663,7 @@
                                     <cocreate-select
                                         id="scroll-down-unit"
                                         class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                        pass_id="builder"
+                                        state_id="builder"
                                         array=""
                                         object=""
                                         crud="false"
@@ -3698,7 +3698,7 @@
                                 attribute="scroll-position"
                                 class="floating-label z-index:0"
                                 placeholder="scroll-position:"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3711,7 +3711,7 @@
                                 <cocreate-select
                                     id="scroll-position-unit"
                                     class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee"
-                                    pass_id="builder"
+                                    state_id="builder"
                                     array=""
                                     object=""
                                     crud="false"
@@ -3741,7 +3741,7 @@
                                 class="floating-label"
                                 placeholder="scroll-top"
                                 id="scroll-top"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3755,7 +3755,7 @@
                                 class="floating-label"
                                 placeholder="scroll-bottom"
                                 id="scroll-bottomn"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3769,7 +3769,7 @@
                                 class="floating-label"
                                 placeholder="scrolling"
                                 id="scrolling"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3783,7 +3783,7 @@
                                 class="floating-label"
                                 placeholder="scroll-intersect"
                                 id="scroll-intersect"
-                                pass_id="builder"
+                                state_id="builder"
                                 attribute-selector="iframe; *"
                                 array=""
                                 object=""
@@ -3817,7 +3817,7 @@
                             class="floating-label"
                             placeholder="clone_id"
                             id="clone_id"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3850,7 +3850,7 @@
                             class="floating-label"
                             placeholder="calculate"
                             id="calculate"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3883,7 +3883,7 @@
                             class="floating-label"
                             placeholder="stripe"
                             attribute="stripe"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3907,7 +3907,7 @@
                             class="floating-label"
                             placeholder="actions"
                             attribute="actions"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3951,7 +3951,7 @@
                             id="sendgrid"
                             placeholder="sendgrid"
                             attribute="sendgrid"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
@@ -3984,7 +3984,7 @@
                             class="floating-label"
                             placeholder="actions"
                             attribute="actions"
-                            pass_id="builder"
+                            state_id="builder"
                             attribute-selector="iframe; *"
                             array=""
                             object=""
diff --git a/src/components/settings.html b/src/components/settings.html
index 2533d5b..40b95df 100644
--- a/src/components/settings.html
+++ b/src/components/settings.html
@@ -74,55 +74,55 @@
                 <!-- Render Module Form -->
                 <li class="margin-right:15px">
                     <a
-                        actions="pass, openModal"
+                        actions="state, openModal"
                         modal-src="../modules/form.html"
                         modal-width="320px">
                         <i
                             class="display:flex height:18px fill:#505050"
                             src="/assets/svg/cog.svg"></i>
                         <div
-                            pass_id="module-form"
-                            pass-array="modules"
-                            pass-object=""
-                            pass_to="form-fields"></div>
+                            state_id="module-form"
+                            state-array="modules"
+                            state-object=""
+                            state_to="form-fields"></div>
                         <div
-                            pass_id="datatable"
-                            pass-filter-value=""
-                            pass_to="module_id"></div>
+                            state_id="datatable"
+                            state-filter-value=""
+                            state_to="module_id"></div>
                     </a>
                 </li>
 
                 <!-- Render Code Editor -->
                 <li class="margin-right:15px">
                     <a
-                        actions="pass, openModal"
+                        actions="state, openModal"
                         modal-src="../code-editor/index.html">
                         <i
                             class="display:flex height:18px fill:#505050"
                             src="/assets/svg/code.svg"></i>
                         <div
-                            pass_id="render"
-                            pass-array=""
-                            pass-object=""
-                            pass-key=""
-                            pass_to="code-editor"></div>
+                            state_id="render"
+                            state-array=""
+                            state-object=""
+                            state-key=""
+                            state_to="code-editor"></div>
                     </a>
                 </li>
 
                 <!-- Render Builder -->
                 <li class="margin-right:15px">
                     <a
-                        actions="pass, openModal"
+                        actions="state, openModal"
                         modal-src="../builder/index.html">
                         <i
                             class="display:flex height:18px fill:#505050"
                             src="/assets/svg/palette.svg"></i>
                         <div
-                            pass_id="render"
-                            pass-array=""
-                            pass-object=""
-                            pass-key=""
-                            pass_to="builder"></div>
+                            state_id="render"
+                            state-array=""
+                            state-object=""
+                            state-key=""
+                            state_to="builder"></div>
                     </a>
                 </li>
 
@@ -132,7 +132,7 @@
                         actions="deleteDocument, closeModal"
                         array=""
                         object=""
-                        pass_id="form-fields">
+                        state_id="form-fields">
                         <i
                             class="height:18px fill:#505050"
                             src="/assets/svg/trash-alt.svg"></i>
@@ -146,7 +146,7 @@
                 array="modules"
                 object="5f94ff945412e75f9b414a3e"
                 autocomplete="off">
-                <input type="hidden" key="module_id" pass_id="module_id" />
+                <input type="hidden" key="module_id" state_id="module_id" />
 
                 <input
                     type="text"
@@ -154,7 +154,7 @@
                     key="name"
                     class="floating-label"
                     placeholder="Name"
-                    pass_id="form-fields"
+                    state_id="form-fields"
                     array="module_activities" />
 
                 <cocreate-select
diff --git a/src/index.html b/src/index.html
index eaa4e51..b9aae43 100644
--- a/src/index.html
+++ b/src/index.html
@@ -84,7 +84,7 @@
                 <li class="margin-right:15px">
                     <a
                         actions="saveDomText"
-                        pass_id="builder"
+                        state_id="builder"
                         array=""
                         object=""
                         key="src"
@@ -170,7 +170,7 @@
                 <!-- Render Code Editor -->
                 <li class="margin-right:15px">
                     <a
-                        actions="pass, openModal"
+                        actions="state, openModal"
                         modal-src="../code-editor/index.html"
                         modal-width="900px"
                         modal-color="#229954">
@@ -178,11 +178,11 @@
                             class="height:20px fill:#505050"
                             src="/assets/svg/code.svg"></i>
                         <div
-                            pass_id="builder"
-                            pass-array=""
-                            pass-object=""
+                            state_id="builder"
+                            state-array=""
+                            state-object=""
                             key=""
-                            pass_to="code-editor"></div>
+                            state_to="code-editor"></div>
                     </a>
                 </li>
                 <li class="margin-right:15px">
@@ -226,7 +226,7 @@
                     contenteditable
                     sortable
                     id="canvas"
-                    pass_id="builder"
+                    state_id="builder"
                     array=""
                     object=""
                     key="src"