@nsshunt/stsvueutils 1.0.95 → 1.0.97

package/{types → dist}/commonTypes.d.ts

@@ -1,4 +1,5 @@
 import { IContextBase } from '@nsshunt/stsobservability';
+
 export interface IAsyncRunnerContext extends IContextBase {
     id: string;
     hostName: string;

package/dist/components/UXTestForm.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showFormValues?: boolean | undefined;
+}>, {
+    showFormValues: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    showFormValues?: boolean | undefined;
+}>, {
+    showFormValues: boolean;
+}>>>, {
+    showFormValues: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=UXTestForm.vue.d.ts.map

package/dist/components/UXTestForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UXTestForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/UXTestForm.vue"],"names":[],"mappings":"AAuHA;;;;;;;;;;oBA+bqB,OAAO;;AAN5B,wBAQG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/{types → dist}/index.d.ts

@@ -1,3 +1,4 @@
+import { default as UXTestForm } from './components/UXTestForm.vue';
 export * from './plugins/stsPluginKeys';
 export * from './plugins/emitter';
 export * from './plugins/storage';
@@ -8,4 +9,5 @@ export * from './plugins/stsTestWorkerDefinitions';
 export * from './plugins/workerInstance';
 export * from './stores/TelemetryStore';
 export * from './commonTypes';
+export { UXTestForm };
 //# sourceMappingURL=index.d.ts.map

package/{types → dist}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AAEvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,0BAA0B,CAAA;AAExC,cAAc,yBAAyB,CAAA;AAEvC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AAEvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,0BAA0B,CAAA;AAExC,cAAc,yBAAyB,CAAA;AAEvC,cAAc,eAAe,CAAA;AAE7B,OAAO,UAAU,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/{types → dist}/plugins/requestResponseHelper.d.ts

@@ -1,4 +1,5 @@
-import type { IIWMessagePayload } from './../commonTypes';
+import { IIWMessagePayload } from './../commonTypes';
+
 export declare class RequestResponseHelper {
     #private;
     constructor(port: MessagePort);

package/{types → dist}/plugins/storage.d.ts

@@ -1,4 +1,5 @@
-import { ClientStorageType, type IStsStorage } from './stsStorage';
+import { ClientStorageType, IStsStorage } from './stsStorage';
+
 export interface ISTSStoragePluginOptions {
     clientStorageType: ClientStorageType;
 }

package/{types → dist}/plugins/stsStorage.d.ts

@@ -1,4 +1,5 @@
-import type { JSONObject } from "@nsshunt/stsutils";
+import { JSONObject } from '@nsshunt/stsutils';
+
 export interface IStsStorage<T> {
     get(key: string): T | null;
     set(key: string, value: T, options?: JSONObject): void;

package/{types → dist}/plugins/stsTestWorkerDefinitions.d.ts

@@ -1,5 +1,6 @@
-import type { PublishInstrumentController } from '@nsshunt/stsobservability';
-import type { IIWMessagePayloadContentBase, IIWMessagePayload, IAsyncRunnerContext } from './../commonTypes';
+import { IIWMessagePayloadContentBase, IIWMessagePayload, IAsyncRunnerContext } from './../commonTypes';
+import { PublishInstrumentController } from '@nsshunt/stsobservability';
+
 export interface ISTSAgentWorkerMessagePort extends IIWMessagePayloadContentBase {
     port: MessagePort;
     options: IWorkerOptions;

package/{types → dist}/plugins/workerInstance.d.ts

@@ -1,5 +1,6 @@
-import type { IRunner } from './stsTestWorkerDefinitions';
 import { RequestResponseHelper } from './requestResponseHelper';
+import { IRunner } from './stsTestWorkerDefinitions';
+
 export interface IWorkerInstanceOptions {
 }
 export declare abstract class WorkerInstance {

package/{types → dist}/plugins/workerManager.d.ts

@@ -1,4 +1,5 @@
-import type { IWorkerEx, IRunnerEx, IRunnerOptions, IWorkerManagerOptions, IWorkerFactory } from './stsTestWorkerDefinitions';
+import { IWorkerEx, IRunnerEx, IRunnerOptions, IWorkerManagerOptions, IWorkerFactory } from './stsTestWorkerDefinitions';
+
 export declare class STSWorkerManager {
     #private;
     constructor(app: any, options?: IWorkerManagerOptions);

package/{types → dist}/stores/TelemetryStore.d.ts

@@ -1,5 +1,6 @@
-import type { IWorkerEx, IRunnerEx, ITelemetryStore } from './../plugins/stsTestWorkerDefinitions';
-export declare const TelemetryStore: import("pinia").StoreDefinition<"__sts__TelemetryStore", ITelemetryStore, {}, {
+import { IWorkerEx, IRunnerEx, ITelemetryStore } from './../plugins/stsTestWorkerDefinitions';
+
+export declare const TelemetryStore: import('pinia').StoreDefinition<"__sts__TelemetryStore", ITelemetryStore, {}, {
     RemoveWorker(workerEx: IWorkerEx): void;
     RemoveRunner(workerEx: IWorkerEx, runnerEx: IRunnerEx): void;
     Update(workerEx: IWorkerEx, runnerEx: IRunnerEx): void;

package/dist/stsvueutils.mjs

@@ -35,7 +35,7 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var _store, _storage, _workersEx, _runner, _workerId, _options, _STSInstrumentController, _app, _CreateRunnerCopy, CreateRunnerCopy_fn, _SetRunnerIntoWorker, _ProcessTelemetry, _CreateAsyncRunner, _PostMessageToWorker, _TerminateWorker, _StopRunner, _StopWorker, _requestResponseMessages, _requestResponseMessageTimeout, _port, _SetupListener, _collectorCollectorPort, _requestResponseHelper, _runners, _options2, _SetMessagePort, _AddAsyncRunner, _StopRunners;
-import { inject } from "vue";
+import { inject, defineComponent, onMounted, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import debugModule from "debug";
 import { STSInstrumentControllerPluginKey, GetSTSInstrumentController, Gauge, GetSTSInstrumentControllerPluginKey } from "@nsshunt/stsobservability";
 import { ModelDelimeter, Sleep } from "@nsshunt/stsutils";
@@ -2467,6 +2467,231 @@ _options2 = new WeakMap();
 _SetMessagePort = new WeakMap();
 _AddAsyncRunner = new WeakMap();
 _StopRunners = new WeakMap();
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", null, " UXTestForm ", -1);
+const _hoisted_2 = { class: "text-wrap" };
+const _hoisted_3 = { class: "ml-0 text-caption" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UXTestForm",
+  props: {
+    showFormValues: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    onMounted(() => {
+      console.log(chalk$1.green("onMounted"));
+    });
+    const formData = ref([
+      {
+        elementType: "textField",
+        model: "My test Profile",
+        label: "Profile Name",
+        hint: "Profile name. Used as output file name."
+      },
+      {
+        elementType: "radio",
+        model: "so2",
+        radioGroup: [
+          {
+            key: "o1",
+            label: "Option One",
+            value: "so1"
+          },
+          {
+            key: "o2",
+            label: "Option Two",
+            value: "so2"
+          }
+        ]
+      },
+      {
+        elementType: "slider",
+        model: 5,
+        description: "Some description for the slider one."
+      },
+      {
+        elementType: "slider",
+        model: 2,
+        description: "Some description for the slider two."
+      },
+      {
+        elementType: "checkbox",
+        model: true,
+        description: "Some description for checkbox 1"
+      },
+      {
+        elementType: "divider"
+      },
+      {
+        elementType: "checkbox",
+        model: false,
+        description: "Some description for checkbox 2"
+      }
+    ]);
+    return (_ctx, _cache) => {
+      const _component_v_divider = resolveComponent("v-divider");
+      const _component_v_row = resolveComponent("v-row");
+      const _component_v_col = resolveComponent("v-col");
+      const _component_v_radio = resolveComponent("v-radio");
+      const _component_v_radio_group = resolveComponent("v-radio-group");
+      const _component_v_text_field = resolveComponent("v-text-field");
+      const _component_v_checkbox = resolveComponent("v-checkbox");
+      const _component_v_slider = resolveComponent("v-slider");
+      const _component_v_container = resolveComponent("v-container");
+      return openBlock(), createBlock(_component_v_container, { class: "yellowgreen" }, {
+        default: withCtx(() => [
+          createVNode(_component_v_row, null, {
+            default: withCtx(() => [
+              _hoisted_1,
+              createVNode(_component_v_divider)
+            ]),
+            _: 1
+          }),
+          _ctx.showFormValues ? (openBlock(), createBlock(_component_v_row, { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(_component_v_col, { cols: "12" }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(formData.value, (formDataElement, index) => {
+                    return openBlock(), createBlock(_component_v_row, {
+                      key: index,
+                      class: "ml-1 text-caption"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(formDataElement.model), 1)
+                      ]),
+                      _: 2
+                    }, 1024);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_component_v_row, null, {
+            default: withCtx(() => [
+              createVNode(_component_v_divider)
+            ]),
+            _: 1
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(formData.value, (formDataElement, index) => {
+            return openBlock(), createBlock(_component_v_row, { key: index }, {
+              default: withCtx(() => [
+                formDataElement.elementType.localeCompare("divider") === 0 ? (openBlock(), createBlock(_component_v_col, {
+                  key: 0,
+                  cols: "12",
+                  class: "ma-0 pa-0"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_v_divider)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                formDataElement.elementType.localeCompare("radio") === 0 ? (openBlock(), createBlock(_component_v_col, {
+                  key: 1,
+                  cols: "12",
+                  class: "ma-0 pa-0"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_v_radio_group, {
+                      modelValue: formDataElement.model,
+                      "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                      "hide-details": true
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(formDataElement.radioGroup, (n) => {
+                          return openBlock(), createBlock(_component_v_radio, {
+                            key: n.key,
+                            label: `${n.label}`,
+                            value: n.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true),
+                formDataElement.elementType.localeCompare("textField") === 0 ? (openBlock(), createBlock(_component_v_col, {
+                  key: 2,
+                  cols: "12",
+                  class: "ma-0 pa-0"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_v_text_field, {
+                      modelValue: formDataElement.model,
+                      "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                      label: formDataElement.label,
+                      required: "",
+                      hint: formDataElement.hint,
+                      "persistent-hint": ""
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "hint"])
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true),
+                formDataElement.elementType.localeCompare("checkbox") === 0 ? (openBlock(), createBlock(_component_v_col, {
+                  key: 3,
+                  cols: "12",
+                  class: "ma-0 pa-0"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_v_checkbox, {
+                      modelValue: formDataElement.model,
+                      "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                      "hide-details": true
+                    }, {
+                      label: withCtx(() => [
+                        createElementVNode("div", _hoisted_2, toDisplayString(formDataElement.description), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true),
+                formDataElement.elementType.localeCompare("slider") === 0 ? (openBlock(), createBlock(_component_v_col, {
+                  key: 4,
+                  cols: "12",
+                  class: "mx-3",
+                  style: { "padding": "0 10px 0 0" }
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_3, toDisplayString(formDataElement.description), 1),
+                    createVNode(_component_v_slider, {
+                      modelValue: formDataElement.model,
+                      "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                      class: "align-center",
+                      max: "5",
+                      min: "1",
+                      step: "1",
+                      "show-ticks": "always",
+                      "tick-size": "6",
+                      "hide-details": ""
+                    }, {
+                      append: withCtx(() => [
+                        createVNode(_component_v_text_field, {
+                          modelValue: formDataElement.model,
+                          "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                          "hide-details": "",
+                          "single-line": "",
+                          density: "compact",
+                          type: "number",
+                          style: { "width": "110px" },
+                          variant: "outlined"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
 export {
   ClientStorageFactory,
   ClientStorageType,
@@ -2484,6 +2709,7 @@ export {
   STSWorkerManagerPlugin,
   STSWorkerManagerPluginKey,
   TelemetryStore,
+  _sfc_main as UXTestForm,
   WorkerInstance,
   eIWMessageCommands,
   useSTSEmitterPlugin,