@nsshunt/stsvueutils 1.0.96 → 1.0.97

package/dist/stsvueutils.umd.js

@@ -2466,6 +2466,231 @@ var __privateMethod = (obj, member, method) => {
   _SetMessagePort = new WeakMap();
   _AddAsyncRunner = new WeakMap();
   _StopRunners = new WeakMap();
+  const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", null, " UXTestForm ", -1);
+  const _hoisted_2 = { class: "text-wrap" };
+  const _hoisted_3 = { class: "ml-0 text-caption" };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "UXTestForm",
+    props: {
+      showFormValues: { type: Boolean, default: true }
+    },
+    setup(__props) {
+      vue.onMounted(() => {
+        console.log(chalk$1.green("onMounted"));
+      });
+      const formData = vue.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 = vue.resolveComponent("v-divider");
+        const _component_v_row = vue.resolveComponent("v-row");
+        const _component_v_col = vue.resolveComponent("v-col");
+        const _component_v_radio = vue.resolveComponent("v-radio");
+        const _component_v_radio_group = vue.resolveComponent("v-radio-group");
+        const _component_v_text_field = vue.resolveComponent("v-text-field");
+        const _component_v_checkbox = vue.resolveComponent("v-checkbox");
+        const _component_v_slider = vue.resolveComponent("v-slider");
+        const _component_v_container = vue.resolveComponent("v-container");
+        return vue.openBlock(), vue.createBlock(_component_v_container, { class: "yellowgreen" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_v_row, null, {
+              default: vue.withCtx(() => [
+                _hoisted_1,
+                vue.createVNode(_component_v_divider)
+              ]),
+              _: 1
+            }),
+            _ctx.showFormValues ? (vue.openBlock(), vue.createBlock(_component_v_row, { key: 0 }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_v_col, { cols: "12" }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formData.value, (formDataElement, index) => {
+                      return vue.openBlock(), vue.createBlock(_component_v_row, {
+                        key: index,
+                        class: "ml-1 text-caption"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(formDataElement.model), 1)
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
+            vue.createVNode(_component_v_row, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_v_divider)
+              ]),
+              _: 1
+            }),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formData.value, (formDataElement, index) => {
+              return vue.openBlock(), vue.createBlock(_component_v_row, { key: index }, {
+                default: vue.withCtx(() => [
+                  formDataElement.elementType.localeCompare("divider") === 0 ? (vue.openBlock(), vue.createBlock(_component_v_col, {
+                    key: 0,
+                    cols: "12",
+                    class: "ma-0 pa-0"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_v_divider)
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  formDataElement.elementType.localeCompare("radio") === 0 ? (vue.openBlock(), vue.createBlock(_component_v_col, {
+                    key: 1,
+                    cols: "12",
+                    class: "ma-0 pa-0"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_v_radio_group, {
+                        modelValue: formDataElement.model,
+                        "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                        "hide-details": true
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formDataElement.radioGroup, (n) => {
+                            return vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
+                  formDataElement.elementType.localeCompare("textField") === 0 ? (vue.openBlock(), vue.createBlock(_component_v_col, {
+                    key: 2,
+                    cols: "12",
+                    class: "ma-0 pa-0"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.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)) : vue.createCommentVNode("", true),
+                  formDataElement.elementType.localeCompare("checkbox") === 0 ? (vue.openBlock(), vue.createBlock(_component_v_col, {
+                    key: 3,
+                    cols: "12",
+                    class: "ma-0 pa-0"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_v_checkbox, {
+                        modelValue: formDataElement.model,
+                        "onUpdate:modelValue": ($event) => formDataElement.model = $event,
+                        "hide-details": true
+                      }, {
+                        label: vue.withCtx(() => [
+                          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(formDataElement.description), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                  }, 1024)) : vue.createCommentVNode("", true),
+                  formDataElement.elementType.localeCompare("slider") === 0 ? (vue.openBlock(), vue.createBlock(_component_v_col, {
+                    key: 4,
+                    cols: "12",
+                    class: "mx-3",
+                    style: { "padding": "0 10px 0 0" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(formDataElement.description), 1),
+                      vue.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: vue.withCtx(() => [
+                          vue.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)) : vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        });
+      };
+    }
+  });
   exports2.ClientStorageFactory = ClientStorageFactory;
   exports2.ClientStorageType = ClientStorageType;
   exports2.CompareSTSInstrumentControllerPluginKeyWM = CompareSTSInstrumentControllerPluginKeyWM;
@@ -2482,6 +2707,7 @@ var __privateMethod = (obj, member, method) => {
   exports2.STSWorkerManagerPlugin = STSWorkerManagerPlugin;
   exports2.STSWorkerManagerPluginKey = STSWorkerManagerPluginKey;
   exports2.TelemetryStore = TelemetryStore;
+  exports2.UXTestForm = _sfc_main;
   exports2.WorkerInstance = WorkerInstance;
   exports2.eIWMessageCommands = eIWMessageCommands;
   exports2.useSTSEmitterPlugin = useSTSEmitterPlugin;