@stechquick/studio-cli 4.0.3-2

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

@@ -0,0 +1,722 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "VContainer",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_1",
+					"T": "prop"
+				},
+				"class": {
+					"H": "'container container--fluid'",
+					"T": "class"
+				},
+				"visible": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_3",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "VCard",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_366",
+																	"T": "prop"
+																}
+															},
+															"E": {},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_406",
+																					"T": "prop"
+																				},
+																				"tagType": {
+																					"H": "'span'",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'TypeScript'",
+																					"T": "prop"
+																				},
+																				"class": {
+																					"H": "'v-card__title'",
+																					"T": "class"
+																				}
+																			},
+																			"E": {},
+																			"C": {},
+																			"_Editor": {
+																				"eID": "EdtrComp_406"
+																			},
+																			"O": {
+																				"cType": "slot"
+																			}
+																		},
+																		{
+																			"T": "VCol",
+																			"C": {
+																				"default": {
+																					"c": [
+																						{
+																							"T": "VBtn",
+																							"P": {
+																								"ID": {
+																									"H": "BtnAddTS",
+																									"T": "prop"
+																								},
+																								"color": {
+																									"H": "'success'",
+																									"T": "prop"
+																								},
+																								"visible": {
+																									"H": "true",
+																									"T": "prop"
+																								}
+																							},
+																							"E": {
+																								"QScript": {
+																									"H": "productsRequestObject={}\r\nproductsRequestObject.url='https://httpbin.org/get'\r\nproductsRequestObject.http='get'\r\nproductsRequestObject.responseField='productsResponse'\r\nproductsRequestObject.onSuccess='QSAddProductsEvent'\r\nRequest.async(productsRequestObject)",
+																									"C": true,
+																									"HL": "QS"
+																								},
+																								"TSAddProductsEvent": {
+																									"H": "components.DataTable.items=[{name : 'Frozens Yogurt', calories : 159, fat : '6.0', carbs : 24, protein : '4.0', iron : '1%'},\r\n{name : 'Ice cream sandwich', calories : 237, fat : '9.0', carbs : 37, protein : '4.3', iron : '1%'},\r\n{name : 'Eclair', calories : 262, fat : '16.0', carbs : 23, protein : '6.0', iron : '7%'},\r\n{name : 'Cupcake', calories : 305, fat : '3.7', carbs : 67, protein : '4.3', iron : '8%'},\r\n{name : 'Gingerbread',calories : 356, fat : '16.0', carbs : 49, protein : '3.9', iron : '16%'},\r\n{name : 'Jelly bean', calories : 375,  fat : '0.0', carbs : 94, protein : '0.0', iron : '0%'},\r\n{name : 'Lollipop', calories : 392, fat : '0.2', carbs : 98, protein : '0.0', iron : '2 %'},\r\n{name : 'Honeycomb', calories : 408, fat : '3.2', carbs : 87, protein : '6.5', iron : '45%'},\r\n{name : 'Donut', calories : 452, fat : '25.0', carbs : 51, protein : '4.9', iron : '22%'},\r\n{name : 'KitKat', calories : 518, fat : '26.0', carbs : 65, protein : '7', iron:  '6 %'}]\r\n\r\ncomponents.BtnDeleteTS.disabled = false;\r\ncomponents.BtnAddTS.disabled = true;\r\n\r\ncomponents.BtnDeleteQS.disabled = false;\r\ncomponents.BtnAddQS.disabled = true;",
+																									"C": true,
+																									"HL": "TS"
+																								},
+																								"QSAddProductsEvent": {
+																									"H": "DataTable.items = [{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\r\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\r\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\r\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\r\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\r\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\r\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\r\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\r\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\r\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]\r\n\r\nBtnDelete.disabled = false\r\nBtnAdd.disabled = true\r\n",
+																									"C": true
+																								},
+																								"click": {
+																									"H": "const productsRequestObject: IRequest = {\r\n    url: \"https://httpbin.org/get\",\r\n    http: \"get\",\r\n    responseField: \"GetResponse\",\r\n    onSuccess: \"TSAddProductsEvent\",\r\n    data: null, \r\n    blockRender: false,\r\n    onFail: null\r\n};\r\n\r\nquick.Request.async(productsRequestObject)",
+																									"P": "mouseEvent:unknown | undefined",
+																									"HL": "TS"
+																								}
+																							},
+																							"C": {
+																								"default": {
+																									"c": [
+																										{
+																											"T": "QLabel",
+																											"C": {},
+																											"E": {},
+																											"P": {
+																												"ID": {
+																													"H": "EdtrComp_11",
+																													"T": "prop"
+																												},
+																												"text": {
+																													"H": "'Add'",
+																													"T": "prop"
+																												}
+																											},
+																											"_Editor": {
+																												"eID": "EdtrComp_11"
+																											},
+																											"O": {
+																												"cType": "child"
+																											}
+																										}
+																									],
+																									"cType": "slot"
+																								}
+																							},
+																							"_Editor": {
+																								"eID": "EdtrComp_8"
+																							},
+																							"O": {
+																								"cType": "slot"
+																							}
+																						},
+																						{
+																							"T": "VBtn",
+																							"P": {
+																								"ID": {
+																									"H": "BtnDeleteTS",
+																									"T": "prop"
+																								},
+																								"color": {
+																									"H": "'error'",
+																									"T": "prop"
+																								},
+																								"visible": {
+																									"H": "true",
+																									"T": "prop"
+																								},
+																								"disabled": {
+																									"H": "true",
+																									"T": "prop"
+																								}
+																							},
+																							"E": {
+																								"QScript": {
+																									"H": "productsRequestObject={}\r\nproductsRequestObject.url='https://httpbin.org/get'\r\nproductsRequestObject.http='get'\r\nproductsRequestObject.responseField='productsResponse'\r\nproductsRequestObject.onSuccess='QSDeleteProductsEvent'\r\nRequest.async(productsRequestObject)",
+																									"C": true,
+																									"HL": "QS"
+																								},
+																								"click": {
+																									"H": "const productsRequestObject: IRequest = {\r\n    url: \"https://httpbin.org/get\",\r\n    http: \"get\",\r\n    responseField: \"GetResponse\",\r\n    onSuccess: \"QSDeleteProductsEvent\",\r\n    data: null, \r\n    blockRender: false,\r\n    onFail: null\r\n};\r\n\r\nquick.Request.async(productsRequestObject)",
+																									"P": "mouseEvent:unknown | undefined",
+																									"HL": "TS"
+																								},
+																								"TSDeleteProductsEvent": {
+																									"H": "components.DataTable.items=[]\r\n\r\ncomponents.BtnDeleteTS.disabled = true;\r\ncomponents.BtnAddTS.disabled = false;\r\n\r\ncomponents.BtnDeleteQS.disabled = true;\r\ncomponents.BtnAddQS.disabled = false;",
+																									"C": true,
+																									"HL": "TS"
+																								},
+																								"QSDeleteProductsEvent": {
+																									"H": "DataTable.items = []\r\n\r\nBtnDelete.disabled = true\r\nBtnAdd.disabled = false",
+																									"C": true,
+																									"HL": "QS"
+																								}
+																							},
+																							"C": {
+																								"default": {
+																									"c": [
+																										{
+																											"T": "QLabel",
+																											"C": {},
+																											"E": {},
+																											"P": {
+																												"ID": {
+																													"H": "EdtrComp_188",
+																													"T": "prop"
+																												},
+																												"text": {
+																													"H": "'Delete'",
+																													"T": "prop"
+																												}
+																											},
+																											"_Editor": {
+																												"eID": "EdtrComp_188"
+																											},
+																											"O": {
+																												"cType": "child"
+																											}
+																										}
+																									],
+																									"cType": "slot"
+																								}
+																							},
+																							"_Editor": {
+																								"eID": "EdtrComp_187"
+																							},
+																							"O": {
+																								"cType": "slot",
+																								"layout": {
+																									"dOpt": {
+																										"xs": [
+																											"sp:mr-5",
+																											"sp:ml-5"
+																										],
+																										"xl": []
+																									},
+																									"class": "mr-5 ml-5"
+																								}
+																							}
+																						}
+																					],
+																					"cType": "slot"
+																				}
+																			},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_6",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_6"
+																			},
+																			"O": {
+																				"cType": "slot",
+																				"layout": {
+																					"dOpt": {
+																						"xs": [
+																							"d:d-flex",
+																							"c:col-12",
+																							"fd:flex-row",
+																							"j:justify-center"
+																						],
+																						"xl": [
+																							"d:d-flex"
+																						]
+																					},
+																					"class": "d-flex col-12 flex-row justify-center d-xl-flex"
+																				}
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_366"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_348",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_348"
+											},
+											"O": {
+												"cType": "slot",
+												"layout": {
+													"dOpt": {
+														"xs": [
+															"d:d-flex",
+															"c:col-12",
+															"fd:flex-row",
+															"j:justify-center"
+														],
+														"xl": [
+															"d:d-flex"
+														]
+													},
+													"class": "d-flex col-12 flex-row justify-center d-xl-flex"
+												}
+											}
+										},
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "VCard",
+															"P": {
+																"ID": {
+																	"H": "EdtrComp_424",
+																	"T": "prop"
+																}
+															},
+															"E": {},
+															"C": {
+																"default": {
+																	"c": [
+																		{
+																			"T": "QLabel",
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_425",
+																					"T": "prop"
+																				},
+																				"tagType": {
+																					"H": "'span'",
+																					"T": "prop"
+																				},
+																				"text": {
+																					"H": "'QScript'",
+																					"T": "prop"
+																				},
+																				"class": {
+																					"H": "'v-card__title'",
+																					"T": "class"
+																				}
+																			},
+																			"E": {},
+																			"C": {},
+																			"_Editor": {
+																				"eID": "EdtrComp_425"
+																			},
+																			"O": {
+																				"cType": "slot"
+																			}
+																		},
+																		{
+																			"T": "VCol",
+																			"C": {
+																				"default": {
+																					"c": [
+																						{
+																							"T": "VBtn",
+																							"P": {
+																								"ID": {
+																									"H": "BtnAddQS",
+																									"T": "prop"
+																								},
+																								"color": {
+																									"H": "'success'",
+																									"T": "prop"
+																								},
+																								"visible": {
+																									"H": "true",
+																									"T": "prop"
+																								}
+																							},
+																							"E": {
+																								"QSAddProductsEvent": {
+																									"H": "DataTable.items = [{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\r\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\r\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\r\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\r\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\r\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\r\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\r\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\r\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\r\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]\r\n\r\nBtnDeleteQS.disabled = false\r\nBtnAddQS.disabled = true\r\n\r\nBtnDeleteTS.disabled = false\r\nBtnAddTS.disabled = true\r\n",
+																									"C": true
+																								},
+																								"click": {
+																									"H": "productsRequestObject={}\r\nproductsRequestObject.url='https://httpbin.org/get'\r\nproductsRequestObject.http='get'\r\nproductsRequestObject.responseField='productsResponse'\r\nproductsRequestObject.onSuccess='QSAddProductsEvent'\r\nRequest.async(productsRequestObject)",
+																									"P": "mouseEvent",
+																									"HL": "QS"
+																								}
+																							},
+																							"C": {
+																								"default": {
+																									"c": [
+																										{
+																											"T": "QLabel",
+																											"C": {},
+																											"E": {},
+																											"P": {
+																												"ID": {
+																													"H": "EdtrComp_428",
+																													"T": "prop"
+																												},
+																												"text": {
+																													"H": "'Add'",
+																													"T": "prop"
+																												}
+																											},
+																											"_Editor": {
+																												"eID": "EdtrComp_428"
+																											},
+																											"O": {
+																												"cType": "child"
+																											}
+																										}
+																									],
+																									"cType": "slot"
+																								}
+																							},
+																							"_Editor": {
+																								"eID": "EdtrComp_427"
+																							},
+																							"O": {
+																								"cType": "slot"
+																							}
+																						},
+																						{
+																							"T": "VBtn",
+																							"P": {
+																								"ID": {
+																									"H": "BtnDeleteQS",
+																									"T": "prop"
+																								},
+																								"color": {
+																									"H": "'error'",
+																									"T": "prop"
+																								},
+																								"visible": {
+																									"H": "true",
+																									"T": "prop"
+																								},
+																								"disabled": {
+																									"H": "true",
+																									"T": "prop"
+																								}
+																							},
+																							"E": {
+																								"click": {
+																									"H": "productsRequestObject={}\r\nproductsRequestObject.url='https://httpbin.org/get'\r\nproductsRequestObject.http='get'\r\nproductsRequestObject.responseField='productsResponse'\r\nproductsRequestObject.onSuccess='QSDeleteProductsEvent'\r\nRequest.async(productsRequestObject)",
+																									"P": "mouseEvent",
+																									"HL": "QS"
+																								},
+																								"QSDeleteProductsEvent": {
+																									"H": "DataTable.items = []\r\n\r\nBtnDeleteQS.disabled = true\r\nBtnAddQS.disabled = false\r\n\r\nBtnDeleteTS.disabled = true\r\nBtnAddTS.disabled = false",
+																									"C": true,
+																									"HL": "QS"
+																								}
+																							},
+																							"C": {
+																								"default": {
+																									"c": [
+																										{
+																											"T": "QLabel",
+																											"C": {},
+																											"E": {},
+																											"P": {
+																												"ID": {
+																													"H": "EdtrComp_430",
+																													"T": "prop"
+																												},
+																												"text": {
+																													"H": "'Delete'",
+																													"T": "prop"
+																												}
+																											},
+																											"_Editor": {
+																												"eID": "EdtrComp_430"
+																											},
+																											"O": {
+																												"cType": "child"
+																											}
+																										}
+																									],
+																									"cType": "slot"
+																								}
+																							},
+																							"_Editor": {
+																								"eID": "EdtrComp_429"
+																							},
+																							"O": {
+																								"cType": "slot",
+																								"layout": {
+																									"dOpt": {
+																										"xs": [
+																											"sp:mr-5",
+																											"sp:ml-5"
+																										],
+																										"xl": []
+																									},
+																									"class": "mr-5 ml-5"
+																								}
+																							}
+																						}
+																					],
+																					"cType": "slot"
+																				}
+																			},
+																			"E": {},
+																			"P": {
+																				"ID": {
+																					"H": "EdtrComp_426",
+																					"T": "prop"
+																				}
+																			},
+																			"_Editor": {
+																				"eID": "EdtrComp_426"
+																			},
+																			"O": {
+																				"cType": "slot",
+																				"layout": {
+																					"dOpt": {
+																						"xs": [
+																							"d:d-flex",
+																							"c:col-12",
+																							"fd:flex-row",
+																							"j:justify-center"
+																						],
+																						"xl": [
+																							"d:d-flex"
+																						]
+																					},
+																					"class": "d-flex col-12 flex-row justify-center d-xl-flex"
+																				}
+																			}
+																		}
+																	],
+																	"cType": "slot"
+																}
+															},
+															"_Editor": {
+																"eID": "EdtrComp_424"
+															},
+															"O": {
+																"cType": "slot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_423",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_423"
+											},
+											"O": {
+												"cType": "slot",
+												"layout": {
+													"dOpt": {
+														"xs": [
+															"d:d-flex",
+															"c:col-12",
+															"fd:flex-row",
+															"j:justify-center"
+														],
+														"xl": [
+															"d:d-flex"
+														]
+													},
+													"class": "d-flex col-12 flex-row justify-center d-xl-flex"
+												}
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_3"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						},
+						{
+							"T": "VRow",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_239",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "VCol",
+											"C": {
+												"default": {
+													"c": [
+														{
+															"T": "VDataTable",
+															"P": {
+																"ID": {
+																	"H": "DataTable",
+																	"T": "prop"
+																},
+																"footerProps": {
+																	"H": "{showFirstLastPage = true,\nfirstIcon = 'mdi-arrow-collapse-left',\nlastIcon = 'mdi-arrow-collapse-right',\nprevIcon = 'mdi-minus',\nnextIcon = 'mdi-plus'}",
+																	"T": "prop"
+																},
+																"headers": {
+																	"H": "[{ text = 'Dessert (100g serving)', align= 'start', sortable= false, value= 'name'},\n{ text = 'Calories', value= 'calories', sortable = true },\n{ text = 'Fat (g)', value= 'fat' },\n{ text = 'Carbs (g)', value= 'carbs' },\n{ text = 'Protein (g)', value= 'protein' },\n{ text = 'Iron (%)', value= 'iron' }]",
+																	"T": "prop"
+																},
+																"itemsPerPage": {
+																	"H": "5",
+																	"T": "prop"
+																},
+																"visible": {
+																	"H": "true",
+																	"T": "prop"
+																},
+																"hideDefaultFooter": {
+																	"H": "false",
+																	"T": "prop"
+																},
+																"hideDefaultHeader": {
+																	"H": "false",
+																	"T": "prop"
+																}
+															},
+															"E": {},
+															"C": {},
+															"_Editor": {
+																"eID": "EdtrComp_262"
+															},
+															"O": {
+																"cType": "scopedSlot"
+															}
+														}
+													],
+													"cType": "slot"
+												}
+											},
+											"E": {},
+											"P": {
+												"ID": {
+													"H": "EdtrComp_240",
+													"T": "prop"
+												}
+											},
+											"_Editor": {
+												"eID": "EdtrComp_240"
+											},
+											"O": {
+												"cType": "slot",
+												"layout": {
+													"dOpt": {
+														"xs": [
+															"d:d-flex",
+															"c:col-12",
+															"fd:flex-row",
+															"j:justify-center",
+															"sp:mt-5"
+														],
+														"xl": [
+															"d:d-flex"
+														]
+													},
+													"class": "d-flex col-12 flex-row justify-center mt-5 d-xl-flex"
+												}
+											}
+										}
+									],
+									"cType": "slot"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_239"
+							},
+							"O": {
+								"cType": "slot"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "slot",
+				"layout": {
+					"dOpt": {
+						"xs": [
+							"sp:mt-5",
+							"sp:mb-5"
+						],
+						"xl": []
+					},
+					"class": "mt-5 mb-5"
+				}
+			}
+		}
+	],
+	"lrids": {},
+};
+export default pjson