@stechquick/studio-cli 4.0.3-2

package/dist/studio-cli/src/.ai-kit/examples/cssClass/dxDataGridRemove.qjson

@@ -0,0 +1,216 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "Messaging",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_8",
+					"T": "prop",
+					"HL": "QS"
+				}
+			},
+			"E": {
+				"EndRender": {
+					"H": "let a=[{ 'ID':1, 'Subject': 'Prepare 2013 Financial', 'Status': 5, 'Owner': 1, 'AssignedEmployee': 7, 'OrderIndex': 0, 'Priority': 3 }, { 'ID': 2, 'Subject': 'Prepare 2013 Marketing Plan', 'Status': 5, 'Owner': 1, 'AssignedEmployee': 4, 'OrderIndex': 1, 'Priority': 4 }, { 'ID': 3, 'Subject': 'Update Personnel Files', 'Status':5, 'Owner': 1, 'AssignedEmployee': 2, 'OrderIndex': 2, 'Priority': 1 }]\r\nlet b=quick.devex.createArrayStore({key:'ID', data:a})\r\nquick.store.set('test', b)\r\ncomponents.EdtrComp_23.dataSource={store:b, reshapeOnPush:true}\r\nquick.Quick.updateComponent(components.EdtrComp_23)",
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_8"
+			},
+			"O": {
+				"cType": "child",
+				"compDomClasses": ""
+			}
+		},
+		{
+			"T": "DxDataGrid",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_23",
+					"T": "prop"
+				},
+				"showBorders": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {
+				"Col1": {
+					"c": [],
+					"cType": "scopedSlot"
+				},
+				"Col2": {
+					"c": [],
+					"cType": "scopedSlot"
+				},
+				"default": {
+					"c": [
+						{
+							"T": "DxRowDragging",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_4",
+									"T": "prop"
+								},
+								"allowReordering": {
+									"H": "true",
+									"T": "prop"
+								}
+							},
+							"E": {
+								"onReorder": {
+									"H": "visibleRows = e.component.getVisibleRows()\r\n\r\ntoIndex = EdtrComp_23.dataSource.indexOf(visibleRows[e.toIndex].data)\r\nfromIndex = EdtrComp_23.dataSource.indexOf(e.itemData)\r\n\r\nEdtrComp_23.dataSource.splice(fromIndex, 1)\r\nEdtrComp_23.dataSource.splice(toIndex, 0, e.itemData)\r\n\r\nQuick.updateComponent(EdtrComp_23)",
+									"P": "e",
+									"PE": "true"
+								}
+							},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_4"
+							},
+							"O": {
+								"cType": "child",
+								"compDomClasses": ""
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_23"
+			},
+			"O": {
+				"cType": "scopedSlot",
+				"compDomClasses": "dx-widget dx-visibility-change-handler"
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_6",
+					"T": "prop"
+				},
+				"color": {
+					"H": "'primary'",
+					"T": "prop"
+				},
+				"regular": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "let store=quick.store.get('test')\r\nstore.push([{type:'remove', key:1}])\r\nquick.Quick.updateComponent(components.EdtrComp_23)",
+					"P": "mouseEvent:unknown | undefined",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_7",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'Remove Item'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_7"
+							},
+							"O": {
+								"cType": "child",
+								"compDomClasses": ""
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_6"
+			},
+			"O": {
+				"cType": "slot",
+				"compDomClasses": "v-btn v-btn--contained theme--light v-size--default primary"
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_1",
+					"T": "prop"
+				},
+				"color": {
+					"H": "'primary'",
+					"T": "prop"
+				},
+				"regular": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "quick.EM.trace(components.EdtrComp_23.dataSource)",
+					"P": "mouseEvent:unknown | undefined",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_2",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'View on Console'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_2"
+							},
+							"O": {
+								"cType": "child",
+								"compDomClasses": ""
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "slot",
+				"compDomClasses": "v-btn v-btn--contained theme--light v-size--default primary"
+			}
+		}
+	],
+	"lrids": {},
+	"description": {},
+	"opt": {}
+};
+export default pjson

package/dist/studio-cli/src/.ai-kit/examples/cssClass/dxDatagridHeatMap.qjson

@@ -0,0 +1,334 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "Messaging",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_2",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"setArrayStore": {
+					"H": "var dxDataGridArray: Array<{ product_id, trade_id, price, size }> = [];\r\nvar dxDataGridArrayStore: any = null;\r\n\r\nif (!quick.store.get('dxDataGridArray')) {\r\n  dxDataGridArray = [\r\n    {\r\n      product_id: 'BTC-USD',\r\n      trade_id: 0,      \r\n      price: 0,\r\n      size: 0\r\n    },\r\n    {\r\n      product_id: 'ETH-USD',\r\n      trade_id: 0,      \r\n      price: 0,\r\n      size: 0\r\n    },\r\n    {\r\n      product_id: 'ETH-EUR',\r\n      trade_id: 0,      \r\n      price: 0,\r\n      size: 0\r\n    },\r\n  ];\r\n  quick.store.set('dxDataGridArray', dxDataGridArray);\r\n}\r\nelse {\r\n  dxDataGridArray = quick.store.get('dxDataGridArray');\r\n}\r\n\r\nif (!quick.store.get('dxDataGridArrayStore')) {\r\n  dxDataGridArrayStore = quick.devex.createArrayStore({\r\n    key: \"product_id\",\r\n    data: dxDataGridArray\r\n  });\r\n  quick.store.set('dxDataGridArrayStore', dxDataGridArrayStore);\r\n}\r\nelse {\r\n  dxDataGridArrayStore = quick.store.get('dxDataGridArrayStore');\r\n}\r\n\r\nquick.return({ dxDataGridArrayStore, dxDataGridArray });\r\n",
+					"C": true,
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_2"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "LiveConnection",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_1",
+					"T": "prop"
+				},
+				"autoConnect": {
+					"H": "false",
+					"T": "prop"
+				},
+				"enableIamAuth": {
+					"H": "false",
+					"T": "prop"
+				},
+				"reconnect": {
+					"H": "false",
+					"T": "prop"
+				},
+				"reconnectInterval": {
+					"H": "60",
+					"T": "prop"
+				},
+				"reconnectBackOff": {
+					"H": "false",
+					"T": "prop"
+				},
+				"url": {
+					"H": "'/ws-feed.pro.coinbase.com'",
+					"T": "prop"
+				},
+				"secure": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"onMessageReceived": {
+					"H": "var retVal: { dxDataGridArrayStore, dxDataGridArray } = quick.MM.trigger('setArrayStore');\r\nlet aStore = retVal.dxDataGridArrayStore;\r\nlet arr = retVal.dxDataGridArray;\r\n\r\ncomponents.EdtrComp_63.dataSource = aStore;\r\n\r\nif ((message as any).product_id == 'BTC-USD') {\r\n  aStore.push([{\r\n    type: 'update',\r\n    key: arr[0].product_id,\r\n    data: {\r\n      product_id: arr[0].product_id,\r\n      trade_id: (message as any).trade_id,\r\n      price: (message as any).price,\r\n      size: (message as any).size,\r\n      random_number: Math.floor(Math.random()*101)\r\n    },\r\n  }]);\r\n}\r\n\r\nif ((message as any).product_id == 'ETH-USD') {\r\n  aStore.push([{\r\n    type: 'update',\r\n    key: arr[1].product_id,\r\n    data: {\r\n      product_id: arr[1].product_id,\r\n      trade_id: (message as any).trade_id,      \r\n      price: (message as any).price,\r\n      size: (message as any).size,\r\n      random_number: Math.floor(Math.random()*101)\r\n\r\n\r\n    },\r\n  }]);\r\n}\r\n\r\nif ((message as any).product_id == 'ETH-EUR') {\r\n  aStore.push([{\r\n    type: 'update',\r\n    key: arr[2].product_id,\r\n    data: {\r\n      product_id: arr[2].product_id,\r\n      trade_id: (message as any).trade_id,      \r\n      price: (message as any).price,\r\n      size: (message as any).size,\r\n      random_number: Math.floor(Math.random()*101)\r\n\r\n    },\r\n  }]);\r\n}\r\n\r\nquick.Quick.updateComponent(components.EdtrComp_63);\r\n(components.EdtrComp_63 as any).loadPanel = false;",
+					"P": "message:string",
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		},
+		{
+			"T": "DxDataGrid",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_63",
+					"T": "prop"
+				},
+				"columnAutoWidth": {
+					"H": "true",
+					"T": "prop"
+				},
+				"repaintChangesOnly": {
+					"H": "true",
+					"T": "prop"
+				},
+				"showBorders": {
+					"H": "true",
+					"T": "prop"
+				},
+				"rowAlternationEnabled": {
+					"H": "false",
+					"T": "prop"
+				},
+				"highlightChanges": {
+					"H": "true",
+					"T": "prop"
+				},
+				"showColumnLines": {
+					"H": "false",
+					"T": "prop"
+				},
+				"showRowLines": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"onRowPrepared": {
+					"H": "let columnQuantity = 2;\r\nif(event.rowType === \"data\") {\r\n    event.cells.forEach((item: any) => {\r\n        let rate1 = 100;\r\n        let rate2 = 0;\r\n        if(item.column.dataField === \"trade_id\") {\r\n            if(item.data.random_number >= (100/columnQuantity)) {\r\n                rate1 = 0;\r\n            } else {\r\n                rate1 = 100 - (item.data.random_number * columnQuantity);\r\n            }\r\n            item.cellElement.style.background = \"linear-gradient(90deg, rgba(255,255,255,1) \" + rate1 + \"%, rgba(232,53,53,0.6) \"+ rate1 +\"%)\";\r\n        }\r\n        else if(item.column.dataField === \"product_id\") {\r\n            if(item.data.random_number >= (100/columnQuantity)) {\r\n                rate1 = 100 - ((item.data.random_number *columnQuantity) - 100)\r\n            } else {\r\n                rate1 = 100;\r\n            }\r\n            item.cellElement.style.background = \"linear-gradient(90deg, rgba(255,255,255,1) \" + rate1 + \"%, rgba(232,53,53,0.6) \"+ rate1 +\"%)\";\r\n        }\r\n        else if(item.column.dataField === \"price\") {\r\n            if(item.data.random_number >= (100/columnQuantity)) {\r\n                rate2 = 100;\r\n            }\r\n            else {\r\n                rate2 = item.data.random_number * columnQuantity;\r\n            }\r\n            item.cellElement.style.background =  \"linear-gradient(90deg, rgba(66,232,53,0.6) \" + rate2 + \"%, rgba(255,255,255,1) \"+ rate2 +\"%)\";\r\n        }\r\n        else if(item.column.dataField === \"size\") {\r\n            if(item.data.random_number >= (100/columnQuantity)) {\r\n                rate2 = (item.data.random_number *columnQuantity) - 100\r\n            }\r\n            item.cellElement.style.background =  \"linear-gradient(90deg, rgba(66,232,53,0.6) \" + rate2 + \"%, rgba(255,255,255,1) \"+ rate2 +\"%)\";\r\n        }\r\n    })\r\n   \r\n}",
+					"PE": true,
+					"P": "event:any",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "DxColumn",
+							"P": {
+								"cellTemplate": {
+									"H": "product_id",
+									"T": "prop"
+								},
+								"dataField": {
+									"H": "'product_id'",
+									"T": "prop"
+								},
+								"ID": {
+									"H": "EdtrComp_3",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_3"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "DxColumn",
+							"P": {
+								"cellTemplate": {
+									"H": "trade_id",
+									"T": "prop"
+								},
+								"dataField": {
+									"H": "'trade_id'",
+									"T": "prop"
+								},
+								"ID": {
+									"H": "EdtrComp_4",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_4"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "DxColumn",
+							"P": {
+								"cellTemplate": {
+									"H": "price",
+									"T": "prop"
+								},
+								"dataField": {
+									"H": "'price'",
+									"T": "prop"
+								},
+								"ID": {
+									"H": "EdtrComp_5",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_5"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "DxColumn",
+							"P": {
+								"cellTemplate": {
+									"H": "size",
+									"T": "prop"
+								},
+								"dataField": {
+									"H": "'size'",
+									"T": "prop"
+								},
+								"ID": {
+									"H": "EdtrComp_6",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_6"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "DxColumn",
+							"P": {
+								"cellTemplate": {
+									"H": "random_number",
+									"T": "prop"
+								},
+								"dataField": {
+									"H": "'random_number'",
+									"T": "prop"
+								},
+								"ID": {
+									"H": "EdtrComp_7",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_7"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_63"
+			},
+			"O": {
+				"cType": "scopedSlot",
+				"forceUpdateAfterPropertySetting": true
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_18",
+					"T": "prop"
+				},
+				"color": {
+					"H": "'primary'",
+					"T": "prop"
+				},
+				"depressed": {
+					"H": "true",
+					"T": "prop"
+				},
+				"elevation": {
+					"H": "0",
+					"T": "prop"
+				},
+				"height": {
+					"H": "'40px'",
+					"T": "prop"
+				},
+				"visible": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "//Send socket subscription message on button clicked\r\n//Send() method opens connection if closed and enqueues data to be transmitted.\r\n\r\nlet tradeSubscription = {};\r\n(tradeSubscription as any).type = 'subscribe';\r\n(tradeSubscription as any).product_ids = ['BTC-USD','ETH-USD','ETH-EUR'];\r\n\r\n(tradeSubscription as any).channels = ['matches'];\r\n\r\nlet tickerChannel = {};\r\n(tickerChannel as any).name = 'ticker';\r\n(tickerChannel as any).product_ids = ['BTC-USD','ETH-USD','ETH-EUR'];\r\n\r\ncomponents.EdtrComp_1.message = tradeSubscription;\r\n(components.EdtrComp_1 as any).Send();",
+					"P": "mouseEvent:unknown | undefined",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_19",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'Connect'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_19"
+							},
+							"O": {
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_18"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		}
+	],
+	"lrids": {},
+};
+export default pjson

package/dist/studio-cli/src/.ai-kit/examples/cssClass/dxDatagridUpdate.qjson

@@ -0,0 +1,80 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_7",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "let isSecondState= quick.store.get('isSecondState');\r\ndeclare var data;\r\nquick.EM.trace('isSecondState: ' + isSecondState)\r\nif (isSecondState && isSecondState != null) {\r\n    components.datagrid.dataSource=[{data:'first state'}]\r\n    quick.store.set('isSecondState', false)\r\n} else {\r\n    components.datagrid.dataSource=[{data:'second state'}]\r\n    quick.store.set('isSecondState', true)\r\n}\r\nquick.Quick.updateComponent(components.datagrid)\r\nquick.EM.trace('dataGrid dataSource: ' + components.datagrid.dataSource)",
+					"P": "mouseEvent:unknown | undefined",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_8",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'Test Button'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_8"
+							},
+							"O": {
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_7"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		},
+		{
+			"T": "DxDataGrid",
+			"P": {
+				"ID": {
+					"H": "datagrid",
+					"T": "prop"
+				},
+				"dataSource": {
+					"H": "[{data='first state'}]",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"forceUpdateAfterPropertySetting": true,
+				"cType": "child"
+			}
+		}
+	],
+	"lrids": {},
+	"description": {},
+	"opt": {}
+};
+export default pjson