Clipboard - Columns

TerezzaB · TerezzaB · commit 13fe29175a6d · 2023-01-23T11:12:42.000+01:00
diff --git a/j-Clipboard/component.json b/j-Clipboard/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2017-01-08T11:36:00.000Z",
-	"dateupdated": "2023-01-17T12:55:00.000Z",
+	"dateupdated": "2023-01-23T10:55:00.000Z",
 	"name": "j-Clipboard",
 	"tags": [
 		"clipboard"
diff --git a/j-Clipboard/dependencies.html b/j-Clipboard/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@18.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-Clipboard/example.html b/j-Clipboard/example.html
@@ -1,4 +1,4 @@
-<div data---="clipboard"></div>
+<ui-component name="clipboard"></ui-component>
 <div style="cursor:pointer">Copy to clipboard: My value to clipboard</div>
 <div style="cursor:pointer">Copy to clipboard: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, voluptatem?</div>
 
diff --git a/j-ClipboardImage/component.json b/j-ClipboardImage/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2017-02-10T10:15:00.000Z",
-	"dateupdated": "2020-01-07T15:21:03.000Z",
+	"dateupdated": "2023-01-23T10:51:03.000Z",
 	"name": "j-ClipboardImage",
 	"tags": [
 		"clipboard",
diff --git a/j-ClipboardImage/dependencies.html b/j-ClipboardImage/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@18.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-ClipboardImage/example.html b/j-ClipboardImage/example.html
@@ -1,4 +1,4 @@
-<div data---="clipboardimage__null__quality:90"></div>
+<ui-component name="clipboardimage" path="null" config="quality:90"></ui-component>
 <div>Create a screenshot into the clipboard and press shortcuts CMD+V or CTRL+V into the iFrame (iFrame has to be focused).</div>
 <br />
 <div id="output"></div>
diff --git a/j-Clock/component.json b/j-Clock/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2017-12-19T03:32:01.000Z",
-	"dateupdated": "2018-12-21T01:35:02.000Z",
+	"dateupdated": "2023-01-23T10:52:02.000Z",
 	"name": "j-Clock",
 	"tags": [
 		"clock",
diff --git a/j-Clock/dependencies.html b/j-Clock/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@17.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@17.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-Clock/example.html b/j-Clock/example.html
@@ -1,5 +1,5 @@
 <a href="#clock">SHOW CLOCK</a>
-<div data---="clock"></div>
+<ui-component name="clock"></ui-component>
 
 <script>
 	var form = {};
diff --git a/j-CloudEditor/component.json b/j-CloudEditor/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2022-01-21T20:01:10.000Z",
-	"dateupdated": "2022-03-14T19:23:00.000Z",
+	"dateupdated": "2023-01-23T10:54:00.000Z",
 	"name": "j-CloudEditor",
 	"tags": [
 		"syntax",
diff --git a/j-CloudEditor/example.html b/j-CloudEditor/example.html
@@ -1,11 +1,11 @@
-<div data---="LAZY menu"></div>
+<ui-component name="LAZY menu"></ui-component>
 
 <div style="width:600px;height:200px;border:1px solid #E0E0E0">
-	<div data---="cloudeditor__editormodel__contextmenu:editor_contextmenu;event:editor_event;realtime:1"></div>
+	<ui-component name="cloudeditor" path="editormodel" config="contextmenu:editor_contextmenu;event:editor_event;realtime:1"></ui-component>
 </div>
 <br />
 <div style="width:600px;height:200px;border:1px solid #E0E0E0">
-	<div data---="cloudeditor__editormirrored__readonly:1;$id:mirrored"></div>
+	<ui-component name="cloudeditor" path="editormirrored" config="readonly:1;$id:mirrored"></ui-component>
 </div>
 
 <div class="clearfix"></div>
diff --git a/j-CloudEditorSimple/component.json b/j-CloudEditorSimple/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2022-03-26T19:55:10.000Z",
-	"dateupdated": null,
+	"dateupdated": "2023-01-23T10:56:10.000Z",
 	"name": "j-CloudEditorSimple",
 	"tags": [
 		"syntax",
diff --git a/j-CloudEditorSimple/example.html b/j-CloudEditorSimple/example.html
@@ -1,7 +1,7 @@
-<div data---="LAZY menu"></div>
+<ui-component name="LAZY menu"></ui-component>
 
 <div style="width:600px;height:200px;border:1px solid #E0E0E0">
-	<div data---="cloudeditorsimple__editorbody__contextmenu:editor_contextmenu;realtime:1"></div>
+	<ui-component name="cloudeditorsimple" path="editorbody" config="contextmenu:editor_contextmenu;realtime:1"></ui-component>
 </div>
 <div class="clearfix"></div>
 
diff --git a/j-CodeMirror/component.json b/j-CodeMirror/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2015-08-05T10:00:10.000Z",
-	"dateupdated": "2022-11-28T06:50:04.000Z",
+	"dateupdated": "2023-01-23T10:57:04.000Z",
 	"name": "j-CodeMirror",
 	"tags": [
 		"syntax",
diff --git a/j-CodeMirror/dependencies.html b/j-CodeMirror/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@18.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-CodeMirror/example.html b/j-CodeMirror/example.html
@@ -1,5 +1,5 @@
 <div style="width:500px">
-	<div data---="codemirror__html__type:htmlmixed;required:true;height:200">HTML editor</div>
+	<ui-component name="codemirror" path="html" config="type:htmlmixed;required:true;height:200">HTML editor</ui-component>
 </div>
 
 <script>
diff --git a/j-ColorPicker/component.json b/j-ColorPicker/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2019-03-25T13:47:01.000Z",
-	"dateupdated": "2022-11-28T12:35:01.000Z",
+	"dateupdated": "2023-01-23T11:00:01.000Z",
 	"name": "j-ColorPicker",
 	"tags": [
 		"colors",
diff --git a/j-ColorPicker/dependencies.html b/j-ColorPicker/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@17.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@17.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-ColorPicker/example.html b/j-ColorPicker/example.html
@@ -1,4 +1,4 @@
-<div data---="colorpicker"></div>
+<ui-component name="colorpicker"></ui-component>
 
 <div class="container">
 	<div class="row">
diff --git a/j-ColorPickerButton/component.json b/j-ColorPickerButton/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2019-04-04T14:18:02.000Z",
-	"dateupdated": "2022-11-28T08:18:02.000Z",
+	"dateupdated": "2023-01-23T11:08:02.000Z",
 	"name": "j-ColorPickerButton",
 	"tags": [
 		"button",
diff --git a/j-ColorPickerButton/dependencies.html b/j-ColorPickerButton/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@17.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@17.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-ColorPickerButton/example.html b/j-ColorPickerButton/example.html
@@ -1,8 +1,8 @@
-<div data---="colorpicker"></div>
+<ui-component name="colorpicker"></ui-component>
 
 <div class="row">
 	<div class="col-xs-4">
-		<div data---="colorpickerbutton__color"></div>
+		<ui-component name="colorpickerbutton" path="color"></ui-component>
 	</div>
 </div>
 
diff --git a/j-ColorSelector/component.json b/j-ColorSelector/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2016-03-10T09:39:23.625Z",
-	"dateupdated": "2023-01-09T12:45:00.000Z",
+	"dateupdated": "2023-01-23T11:01:00.000Z",
 	"name": "j-ColorSelector",
 	"tags": [
 		"color"
diff --git a/j-ColorSelector/dependencies.html b/j-ColorSelector/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@18.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-ColorSelector/example.html b/j-ColorSelector/example.html
@@ -1,5 +1,5 @@
 <div style="width:300px;margin:50px auto 0">
-	<div data---="colorselector__mycolor">Select color:</div>
+	<ui-component name="colorselector" path="mycolor">Select color:</ui-component>
 </div>
 
 <script>
diff --git a/j-Columns/component.json b/j-Columns/component.json
@@ -1,6 +1,6 @@
 {
 	"datecreated": "2020-12-01T22:40:16.000Z",
-	"dateupdated": "2021-02-08T13:27:17.000Z",
+	"dateupdated": "2023-01-23T11:07:17.000Z",
 	"name": "j-Columns",
 	"darkmode": 1,
 	"tags": [
diff --git a/j-Columns/dependencies.html b/j-Columns/dependencies.html
@@ -1,2 +1,2 @@
-<link href="https://cdn.componentator.com/spa.min@18.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.componentator.com/spa.min@18.js"></script>
+<link href="https://cdn.componentator.com/spa.min@19.css" rel="stylesheet" type="text/css" />
+<script src="https://cdn.componentator.com/spa.min@19.js"></script>
diff --git a/j-Columns/example.html b/j-Columns/example.html
@@ -1,7 +1,7 @@
 <style>body { padding: 0; margin: 0; }</style>
 
-<div data---="columns__null__parent:window" class="hidden invisible">
+<ui-component name="columns" path="null" config="parent:window" class="hidden invisible">
 	<section data-size="200">Left panel</section>
 	<section>Main</section>
 	<section data-size="200">Right panel</section>
-</div>
+</ui-component>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"datecreated": "2017-01-08T11:36:00.000Z",`
`3`		`- "dateupdated": "2023-01-17T12:55:00.000Z",`
	`3`	`+ "dateupdated": "2023-01-23T10:55:00.000Z",`
`4`	`4`	`"name": "j-Clipboard",`
`5`	`5`	`"tags": [`
`6`	`6`	`"clipboard"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div data---="clipboard"></div>`
	`1`	`+<ui-component name="clipboard"></ui-component>`
`2`	`2`	`<div style="cursor:pointer">Copy to clipboard: My value to clipboard</div>`
`3`	`3`	`<div style="cursor:pointer">Copy to clipboard: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, voluptatem?</div>`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"datecreated": "2017-02-10T10:15:00.000Z",`
`3`		`- "dateupdated": "2020-01-07T15:21:03.000Z",`
	`3`	`+ "dateupdated": "2023-01-23T10:51:03.000Z",`
`4`	`4`	`"name": "j-ClipboardImage",`
`5`	`5`	`"tags": [`
`6`	`6`	`"clipboard",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div data---="clipboardimage__null__quality:90"></div>`
	`1`	`+<ui-component name="clipboardimage" path="null" config="quality:90"></ui-component>`
`2`	`2`	`<div>Create a screenshot into the clipboard and press shortcuts CMD+V or CTRL+V into the iFrame (iFrame has to be focused).</div>`
`3`	`3`	`<br />`
`4`	`4`	`<div id="output"></div>`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"datecreated": "2017-12-19T03:32:01.000Z",`
`3`		`- "dateupdated": "2018-12-21T01:35:02.000Z",`
	`3`	`+ "dateupdated": "2023-01-23T10:52:02.000Z",`
`4`	`4`	`"name": "j-Clock",`
`5`	`5`	`"tags": [`
`6`	`6`	`"clock",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"datecreated": "2022-01-21T20:01:10.000Z",`
`3`		`- "dateupdated": "2022-03-14T19:23:00.000Z",`
	`3`	`+ "dateupdated": "2023-01-23T10:54:00.000Z",`
`4`	`4`	`"name": "j-CloudEditor",`
`5`	`5`	`"tags": [`
`6`	`6`	`"syntax",`