@nsshunt/stsvueutils 1.0.103 → 1.0.105

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,