fix: update demos and bump dependencies

Author: frankpagan

docs/index.html

@@ -104,30 +104,28 @@ <h2 class="padding:5px_0px">Demo</h2>
                         </span>
                 </div>
                 <div class="position:sticky top:0 padding:15px_0px height:100vh">
-						<!-- SandBox -->
-						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
-							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
-								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
-								<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
-								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
-							</div>
-							<div class="svRow">
-	
-								<div class="svColumn">
-	
-									<div class="svPanel" id="view">
-										<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
-									</div>
-									<div class="svSplitter svHorizontal"> </div>
-	
-									<div class="svPanel">
-										<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
-									</div>
-	
-								</div>
-							</div>
-						</div>
-						<!-- End SandBox -->
+                        <!-- SandBox -->
+                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                            
+                            <div id="demo-code" resizable class="position:relative height:50%">
+                                <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
+                                <div resize="bottom" class="background:lightgrey"></div>
+                            </div>
+        
+                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                                <div get-value="#demo" class="padding:20px"></div>
+                            </div>
+                            
+                            <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
+                                <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
+                                <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
+                                <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
+                                <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
+                                <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
+                            </div>
+        
+                        </div>
+                        <!-- End SandBox -->
                 </div>
             </div>
 

package.json

@@ -21,9 +21,7 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
     "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -61,11 +59,11 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/crud-client": "^1.16.18",
-    "@cocreate/docs": "^1.4.21",
-    "@cocreate/element-prototype": "^1.2.7",
-    "@cocreate/floating-label": "^1.4.50",
-    "@cocreate/hosting": "^1.6.22",
-    "@cocreate/observer": "^1.5.43"
+    "@cocreate/crud-client": "^1.16.19",
+    "@cocreate/docs": "^1.4.22",
+    "@cocreate/element-prototype": "^1.2.8",
+    "@cocreate/floating-label": "^1.4.51",
+    "@cocreate/hosting": "^1.6.23",
+    "@cocreate/observer": "^1.5.44"
   }
 }

webpack.config.js

@@ -15,7 +15,6 @@ module.exports = {
     libraryExport: "default",
     library: ["CoCreate", "calculation"],
     globalObject: "this",
-    // publicPath: 'https://server.cocreate.app/CoCreateJS/dist/'
   },
 
   plugins: [