@bonsae/nrg 0.25.1 → 0.26.0

package/test/client/component/setup.js

@@ -1,63 +1,1338 @@
-import { config as h } from "vitest-browser-vue";
-import { NodeRedJsonSchemaForm as E, NodeRedEditorInput as S, NodeRedSelectInput as I, NodeRedConfigInput as v, NodeRedTypedInput as T, NodeRedInput as k, NodeRedToggle as w, NodeRedInputLabel as M } from "@bonsae/nrg-runtime/internal/client/components";
-import { beforeEach as L } from "vitest";
-function m() {
-  const t = {
-    get(r) {
-      return t[r];
-    },
-    set(r, s) {
-      return t[r] = s, s;
-    },
-    remove(r) {
-      const s = t[r];
-      return delete t[r], s;
+import { config as D } from "vitest-browser-vue";
+import { defineComponent as V, openBlock as l, createElementBlock as c, normalizeClass as N, createCommentVNode as f, renderSlot as k, createTextVNode as W, toDisplayString as E, resolveComponent as g, createBlock as v, createElementVNode as m, shallowRef as q, withDirectives as H, vShow as J, Teleport as K, Fragment as _, renderList as L, createVNode as R } from "vue";
+import { beforeEach as Q } from "vitest";
+const Y = V({
+  name: "NodeRedInputLabel",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    iconClass() {
+      return this.icon ? `fa ${this.icon.startsWith("fa-") ? this.icon : `fa-${this.icon}`}` : "";
+    }
+  }
+}), T = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, s] of t)
+    n[r] = s;
+  return n;
+}, Z = { class: "nrg-label" }, G = {
+  key: 1,
+  class: "nrg-required"
+};
+function X(e, t, n, r, s, d) {
+  return l(), c("span", Z, [
+    e.icon ? (l(), c(
+      "i",
+      {
+        key: 0,
+        class: N(e.iconClass)
+      },
+      null,
+      2
+      /* CLASS */
+    )) : f("v-if", !0),
+    k(e.$slots, "default", {}, () => [
+      W(
+        E(e.label),
+        1
+        /* TEXT */
+      )
+    ], !0),
+    e.required ? (l(), c("span", G, "*")) : f("v-if", !0)
+  ]);
+}
+const w = /* @__PURE__ */ T(Y, [["render", X], ["__scopeId", "data-v-864b02f2"]]), j = "*************", x = V({
+  components: { NodeRedInputLabel: w },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:value", "input"],
+  data() {
+    return {
+      internalValue: ""
+    };
+  },
+  computed: {
+    effectiveValue() {
+      return this.modelValue !== void 0 ? this.modelValue : this.value;
+    }
+  },
+  beforeMount() {
+    this.internalValue = this.effectiveValue, this.onBlur();
+  },
+  methods: {
+    onInput(e) {
+      this.internalValue = e.target.value, this.$emit("update:modelValue", this.internalValue), this.$emit("update:value", this.internalValue), this.$emit("input", this.internalValue);
+    },
+    onFocus() {
+      this.type === "password" && this.internalValue === j && (this.internalValue = "");
+    },
+    onBlur() {
+      this.type === "password" && this.effectiveValue === "__PWD__" && (this.internalValue = j);
+    }
+  }
+}), ee = { style: { display: "flex", "flex-direction": "column", width: "100%" } }, te = ["type", "value", "placeholder"], ne = {
+  key: 0,
+  class: "node-red-vue-input-error-message"
+};
+function re(e, t, n, r, s, d) {
+  const a = g("NodeRedInputLabel");
+  return l(), c("div", ee, [
+    k(e.$slots, "label", {}, () => [
+      e.label ? (l(), v(a, {
+        key: 0,
+        label: e.label,
+        icon: e.icon,
+        required: e.required
+      }, null, 8, ["label", "icon", "required"])) : f("v-if", !0)
+    ]),
+    m("input", {
+      ref: "inputField",
+      type: e.type,
+      value: e.internalValue,
+      placeholder: e.placeholder,
+      style: { width: "100%" },
+      onInput: t[0] || (t[0] = (...h) => e.onInput && e.onInput(...h)),
+      onFocus: t[1] || (t[1] = (...h) => e.onFocus && e.onFocus(...h)),
+      onBlur: t[2] || (t[2] = (...h) => e.onBlur && e.onBlur(...h))
+    }, null, 40, te),
+    e.error ? (l(), c(
+      "div",
+      ne,
+      E(e.error),
+      1
+      /* TEXT */
+    )) : f("v-if", !0)
+  ]);
+}
+const B = /* @__PURE__ */ T(x, [["render", re]]), oe = [
+  "msg",
+  "flow",
+  "global",
+  "str",
+  "num",
+  "bool",
+  "json",
+  "bin",
+  "re",
+  "jsonata",
+  "date",
+  "env",
+  "node",
+  "cred"
+], ie = ["errorPort", "completePort", "statusPort"], se = V({
+  components: { NodeRedInputLabel: w },
+  props: {
+    modelValue: {
+      type: Object,
+      default: void 0,
+      validator: function(e) {
+        if (e === void 0) return !0;
+        if (typeof e != "object" || e === null)
+          return console.warn(
+            "[WARN] Invalid modelValue for TypedInput. It must be an object."
+          ), !1;
+        const t = typeof e.value == "string" && typeof e.type == "string";
+        return t || console.warn(
+          "[WARN] Invalid modelValue for TypedInput. It must be an object with 'value' and 'type' properties being strings.",
+          e
+        ), t;
+      }
+    },
+    value: {
+      type: Object,
+      default: void 0,
+      validator: function(e) {
+        if (e === void 0) return !0;
+        if (typeof e != "object" || e === null)
+          return console.warn(
+            "[WARN] Invalid value for TypedInput. It must be an object."
+          ), !1;
+        const t = typeof e.value == "string" && typeof e.type == "string";
+        return t || console.warn(
+          "[WARN] Invalid value for TypedInput. It must be an object with 'value' and 'type' properties being strings.",
+          e
+        ), t;
+      }
+    },
+    types: {
+      type: Array,
+      default: () => oe
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:value"],
+  setup() {
+    return {
+      inputWidget: q(null),
+      mutationObserver: q(null)
+    };
+  },
+  computed: {
+    effectiveValue() {
+      return this.modelValue !== void 0 ? this.modelValue : this.value;
+    },
+    isProvidedValueTypeValid() {
+      const e = this.effectiveValue.type;
+      return this.types.includes(e);
+    }
+  },
+  watch: {
+    isProvidedValueTypeValid: {
+      handler(e) {
+        e || console.warn(
+          `Validation failed: type (${this.effectiveValue.type}) must be one of the provided types (${this.types}).`
+        );
+      },
+      immediate: !0
+    },
+    error(e) {
+      this.$nextTick(() => {
+        const t = this.$el.querySelector(
+          ".red-ui-typedInput-container"
+        );
+        t && (e ? t.classList.add("input-error") : t.classList.remove("input-error"));
+      });
+    }
+  },
+  mounted() {
+    const e = this.$refs.typedInput;
+    this.inputWidget = $(e), this.inputWidget.typedInput({
+      default: this.effectiveValue.type || this.types[0],
+      types: this.types
+    }), this.inputWidget.typedInput("value", this.effectiveValue.value || ""), this.inputWidget.typedInput(
+      "type",
+      this.effectiveValue.type || this.types[0]
+    ), this.$nextTick(() => {
+      const t = new MutationObserver((n) => {
+        for (const r of n)
+          r.attributeName === "value" && this.onChange();
+      });
+      t.observe(e, {
+        attributes: !0,
+        attributeFilter: ["value"]
+      }), this.mutationObserver = t;
+    }), this.inputWidget.on("change", () => {
+      this.onChange();
+    });
+  },
+  beforeUnmount() {
+    this.mutationObserver && (this.mutationObserver.disconnect(), this.mutationObserver = null);
+  },
+  methods: {
+    onChange() {
+      const e = this.inputWidget.typedInput("value"), t = this.inputWidget.typedInput("type");
+      if (this.effectiveValue.value !== e || this.effectiveValue.type !== t) {
+        const n = { value: e, type: t };
+        this.$emit("update:modelValue", n), this.$emit("update:value", n);
+      }
+    }
+  }
+}), ae = { style: { display: "flex", "flex-direction": "column", width: "100%" } }, le = {
+  ref: "typedInput",
+  type: "text",
+  class: "node-red-typed-input",
+  style: { flex: "1", width: "100%" }
+}, ue = {
+  key: 0,
+  class: "node-red-vue-input-error-message"
+};
+function de(e, t, n, r, s, d) {
+  const a = g("NodeRedInputLabel");
+  return l(), c("div", ae, [
+    k(e.$slots, "label", {}, () => [
+      e.label ? (l(), v(a, {
+        key: 0,
+        label: e.label,
+        icon: e.icon,
+        required: e.required
+      }, null, 8, ["label", "icon", "required"])) : f("v-if", !0)
+    ]),
+    m(
+      "input",
+      le,
+      null,
+      512
+      /* NEED_PATCH */
+    ),
+    e.error ? (l(), c(
+      "div",
+      ue,
+      E(e.error),
+      1
+      /* TEXT */
+    )) : f("v-if", !0)
+  ]);
+}
+const U = /* @__PURE__ */ T(se, [["render", de]]), pe = V({
+  components: { NodeRedInputLabel: w },
+  props: {
+    modelValue: {
+      type: String,
+      default: void 0
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    node: {
+      type: Object,
+      required: !0
+    },
+    propName: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:value"],
+  setup() {
+    return {
+      jqInput: q(null)
+    };
+  },
+  computed: {
+    inputId() {
+      return "node-input-" + this.propName;
+    },
+    effectiveValue() {
+      return this.modelValue !== void 0 ? this.modelValue : this.value;
+    }
+  },
+  mounted() {
+    RED.editor.prepareConfigNodeSelect(
+      this.node,
+      this.propName,
+      this.type,
+      "node-input"
+    );
+    const e = $("#" + this.inputId);
+    this.jqInput = e, e.on("change", () => {
+      const t = e.val(), n = t === "_ADD_" ? "" : t;
+      this.$emit("update:modelValue", n), this.$emit("update:value", n);
+    }), e.val(this.effectiveValue || "_ADD_");
+  },
+  beforeUnmount() {
+    this.jqInput && (this.jqInput.off("change"), this.jqInput = null);
+  }
+}), ce = { style: { display: "flex", "flex-direction": "column", width: "100%" } }, ye = ["id"], fe = {
+  key: 0,
+  class: "node-red-vue-input-error-message"
+};
+function me(e, t, n, r, s, d) {
+  const a = g("NodeRedInputLabel");
+  return l(), c("div", ce, [
+    k(e.$slots, "label", {}, () => [
+      e.label ? (l(), v(a, {
+        key: 0,
+        label: e.label,
+        icon: e.icon,
+        required: e.required
+      }, null, 8, ["label", "icon", "required"])) : f("v-if", !0)
+    ]),
+    m("input", {
+      id: e.inputId,
+      type: "text",
+      style: { width: "100%" }
+    }, null, 8, ye),
+    e.error ? (l(), c(
+      "div",
+      fe,
+      E(e.error),
+      1
+      /* TEXT */
+    )) : f("v-if", !0)
+  ]);
+}
+const M = /* @__PURE__ */ T(pe, [["render", me]]), he = V({
+  components: { NodeRedInputLabel: w },
+  props: {
+    modelValue: {
+      type: [String, Array],
+      default: void 0
+    },
+    value: {
+      type: [String, Array],
+      default: () => ""
+    },
+    options: {
+      type: Array,
+      required: !0,
+      validator: function(e) {
+        if (!Array.isArray(e))
+          return console.warn(
+            "[WARN] Invalid value for 'options' property. It must be an array."
+          ), !1;
+        const t = e.every(
+          (n) => typeof n == "object" && n !== null && typeof n.value == "string" && typeof n.label == "string" && Object.prototype.hasOwnProperty.call(n, "value") && Object.prototype.hasOwnProperty.call(n, "label")
+        );
+        return t || console.warn(
+          "[WARN] Invalid value for 'options' property. Each item must be an object with 'value' and 'label' properties being strings.",
+          e
+        ), t;
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:value"],
+  setup() {
+    return {
+      selectWidget: q(null)
+    };
+  },
+  computed: {
+    effectiveValue() {
+      return this.modelValue !== void 0 ? this.modelValue : this.value;
+    }
+  },
+  mounted() {
+    const e = this.$refs.selectInput, t = $(e);
+    this.selectWidget = t, t.typedInput({
+      types: [
+        {
+          multiple: this.multiple,
+          options: this.options
+        }
+      ]
+    }), t.typedInput(
+      "value",
+      Array.isArray(this.effectiveValue) ? this.effectiveValue.join(",") : this.effectiveValue
+    ), t.on("change", () => {
+      var r;
+      const n = this.multiple ? ((r = t.typedInput("value")) == null ? void 0 : r.split(",").filter(Boolean)) ?? [] : t.typedInput("value");
+      this.$emit("update:modelValue", n), this.$emit("update:value", n);
+    });
+  },
+  beforeUnmount() {
+    this.selectWidget && (this.selectWidget.off("change"), this.selectWidget = null);
+  }
+}), ge = { style: { display: "flex", "flex-direction": "column", width: "100%" } }, ve = {
+  ref: "selectInput",
+  type: "text",
+  class: "node-input-select",
+  style: { width: "100%" }
+}, be = {
+  key: 0,
+  class: "node-red-vue-input-error-message"
+};
+function $e(e, t, n, r, s, d) {
+  const a = g("NodeRedInputLabel");
+  return l(), c("div", ge, [
+    k(e.$slots, "label", {}, () => [
+      e.label ? (l(), v(a, {
+        key: 0,
+        label: e.label,
+        icon: e.icon,
+        required: e.required
+      }, null, 8, ["label", "icon", "required"])) : f("v-if", !0)
+    ]),
+    m(
+      "input",
+      ve,
+      null,
+      512
+      /* NEED_PATCH */
+    ),
+    e.error ? (l(), c(
+      "div",
+      be,
+      E(e.error),
+      1
+      /* TEXT */
+    )) : f("v-if", !0)
+  ]);
+}
+const F = /* @__PURE__ */ T(he, [["render", $e]]), Ie = V({
+  components: { NodeRedInputLabel: w },
+  props: {
+    modelValue: {
+      type: String,
+      default: void 0
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "json",
+      validator: function(e) {
+        const t = [
+          "abap",
+          "apex",
+          "azcli",
+          "bat",
+          "bicep",
+          "cameligo",
+          "clojure",
+          "coffee",
+          "cpp",
+          "csharp",
+          "csp",
+          "css",
+          "cypher",
+          "dart",
+          "dockerfile",
+          "ecl",
+          "elixir",
+          "flow9",
+          "freemarker2",
+          "fsharp",
+          "go",
+          "graphql",
+          "handlebars",
+          "hcl",
+          "html",
+          "ini",
+          "java",
+          "javascript",
+          "json",
+          "julia",
+          "kotlin",
+          "less",
+          "lexon",
+          "liquid",
+          "lua",
+          "m3",
+          "markdown",
+          "mdx",
+          "mips",
+          "msdax",
+          "mysql",
+          "objective-c",
+          "pascal",
+          "pascaligo",
+          "perl",
+          "pgsql",
+          "php",
+          "pla",
+          "postiats",
+          "powerquery",
+          "powershell",
+          "protobuf",
+          "pub",
+          "python",
+          "qsharp",
+          "r",
+          "razor",
+          "redis",
+          "redshift",
+          "restructuredtext",
+          "ruby",
+          "rust",
+          "sb",
+          "scala",
+          "scheme",
+          "scss",
+          "shell",
+          "solidity",
+          "sophia",
+          "sparql",
+          "sql",
+          "st",
+          "swift",
+          "systemverilog",
+          "tcl",
+          "twig",
+          "typescript",
+          "typespec",
+          "vb",
+          "wgsl",
+          "xml",
+          "yaml"
+        ], n = t.includes(e);
+        return n || console.warn(
+          `[WARN]: Invalid value for 'type' property: "${e}". Expected one of: ${t.join(", ")}`
+        ), n;
+      }
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "update:value",
+    "editor-ready",
+    "tray-open",
+    "tray-close"
+  ],
+  setup() {
+    return {
+      // NOTE: must not be named "editor" — the template's ref="editor" would
+      // overwrite this with the DOM element on every re-render.
+      editorInstance: q(null),
+      expandedEditorTray: q(null)
+    };
+  },
+  data() {
+    const e = Math.random().toString(36).substring(2, 9);
+    return {
+      editorId: "node-red-editor-" + e,
+      stateId: e,
+      trayElement: null
+    };
+  },
+  computed: {
+    effectiveValue() {
+      return this.modelValue !== void 0 ? this.modelValue : this.value;
+    }
+  },
+  mounted() {
+    const e = $(this.$refs["expand-button"]);
+    RED.popover.tooltip(e, RED._("node-red:common.label.expand")), this.mountEditor(), this.createExpandeEditorTray();
+  },
+  beforeUnmount() {
+    if (this.editorInstance) {
+      try {
+        this.editorInstance.destroy();
+      } catch (e) {
+        console.error(`Error destroying editor for ID ${this.editorId}:`, e);
+      }
+      this.editorInstance = null;
+    }
+  },
+  methods: {
+    mountEditor() {
+      this.$nextTick(() => {
+        const e = this.$refs.container, t = this.$refs.editor;
+        if (e && t)
+          try {
+            const n = e.style.height, r = e.style.width;
+            n ? t.style.height = n : t.style.height = "200px", r ? t.style.width = r : t.style.width = "100%", this.createEditorInstance();
+          } catch (n) {
+            console.error(
+              "[NodeRedEditorInput] Error setting initial editor style:",
+              n
+            ), this.createEditorInstance();
+          }
+        else
+          console.error(
+            "[NodeRedEditorInput] Container or Editor div refs not found on mount."
+          );
+      });
+    },
+    createEditorInstance() {
+      this.editorInstance = RED.editor.createEditor({
+        id: this.editorId,
+        mode: this.language,
+        value: this.effectiveValue
+      }), this.editorInstance.getSession().on("change", () => {
+        const e = this.editorInstance.getValue();
+        e !== this.effectiveValue && (this.$emit("update:modelValue", e), this.$emit("update:value", e));
+      }), this.$emit("editor-ready", this.editorInstance);
+    },
+    createExpandeEditorTray() {
+      let e;
+      const t = () => {
+        setTimeout(() => {
+          var r;
+          (r = this.editorInstance) == null || r.focus();
+        }, 250), RED.tray.close();
+      }, n = () => {
+        var r;
+        e.saveView(), (r = this.editorInstance) == null || r.setValue(e.getValue(), -1), setTimeout(() => {
+          var s, d;
+          (s = this.editorInstance) == null || s.restoreView(), (d = this.editorInstance) == null || d.focus();
+        }, 250), RED.tray.close();
+      };
+      this.expandedEditorTray = {
+        title: "Editor",
+        focusElement: !0,
+        width: "Infinity",
+        buttons: [
+          {
+            id: "node-dialog-cancel",
+            text: RED._("common.label.cancel"),
+            click: t
+          },
+          {
+            id: "node-dialog-ok",
+            text: RED._("common.label.done"),
+            class: "primary",
+            click: n
+          }
+        ],
+        open: (r) => {
+          const s = $(
+            '<form id="dialog-form" class="form-horizontal" autocomplete="off"></form>'
+          ).appendTo(r.find(".red-ui-tray-body"));
+          s.html(
+            '<div id="expanded-editor-input" style="height: 100%"></div>'
+          ), e = RED.editor.createEditor({
+            id: "expanded-editor-input",
+            stateId: this.stateId,
+            mode: this.language,
+            focus: !0,
+            value: this.effectiveValue
+          }), s.i18n();
+          const d = r.find(".red-ui-tray-body")[0], a = document.createElement("div");
+          a.className = "red-ui-tray-footer", d.insertAdjacentElement("afterend", a), this.trayElement = a, this.$emit("tray-open", this.trayElement);
+        },
+        close: () => {
+          this.$emit("tray-close"), this.trayElement && (this.trayElement.remove(), this.trayElement = null), e.destroy();
+        }
+      };
+    },
+    onClickExpand() {
+      RED.tray.show(this.expandedEditorTray);
+    }
+  }
+}), Ve = {
+  ref: "container",
+  class: "container"
+}, Ee = { class: "editor-wrapper" }, Te = ["id"];
+function ke(e, t, n, r, s, d) {
+  const a = g("NodeRedInputLabel");
+  return l(), c(
+    "div",
+    Ve,
+    [
+      k(e.$slots, "label", {}, () => [
+        e.label ? (l(), v(a, {
+          key: 0,
+          label: e.label,
+          icon: e.icon,
+          required: e.required
+        }, null, 8, ["label", "icon", "required"])) : f("v-if", !0)
+      ], !0),
+      m("div", Ee, [
+        m(
+          "button",
+          {
+            ref: "expand-button",
+            class: "red-ui-button red-ui-button-small expand-button",
+            onClick: t[0] || (t[0] = (...h) => e.onClickExpand && e.onClickExpand(...h))
+          },
+          [...t[1] || (t[1] = [
+            m(
+              "i",
+              { class: "fa fa-expand" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])],
+          512
+          /* NEED_PATCH */
+        ),
+        m("div", {
+          id: e.editorId,
+          ref: "editor"
+        }, null, 8, Te)
+      ]),
+      H(m(
+        "div",
+        { class: "node-red-vue-input-error-message" },
+        E(e.error),
+        513
+        /* TEXT, NEED_PATCH */
+      ), [
+        [J, e.error]
+      ]),
+      e.trayElement ? (l(), v(K, {
+        key: 0,
+        to: e.trayElement
+      }, [
+        k(e.$slots, "tray-footer", {}, void 0, !0)
+      ], 8, ["to"])) : f("v-if", !0)
+    ],
+    512
+    /* NEED_PATCH */
+  );
+}
+const P = /* @__PURE__ */ T(Ie, [["render", ke], ["__scopeId", "data-v-ea93e881"]]), we = V({
+  name: "NodeRedToggle",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    iconClass() {
+      return this.icon ? `fa ${this.icon.startsWith("fa-") ? this.icon : `fa-${this.icon}`}` : "";
+    }
+  }
+}), Se = { class: "nrg-toggle-wrapper" }, qe = ["checked"], Re = {
+  key: 0,
+  class: "nrg-toggle__label"
+};
+function Ne(e, t, n, r, s, d) {
+  return l(), c("div", Se, [
+    m(
+      "label",
+      {
+        class: N(["nrg-toggle", { "nrg-toggle--checked": e.modelValue }])
+      },
+      [
+        m("input", {
+          type: "checkbox",
+          checked: e.modelValue,
+          class: "nrg-toggle__input",
+          onChange: t[0] || (t[0] = (a) => e.$emit(
+            "update:modelValue",
+            a.target.checked
+          ))
+        }, null, 40, qe),
+        e.icon || e.label ? (l(), c("span", Re, [
+          e.icon ? (l(), c(
+            "i",
+            {
+              key: 0,
+              class: N(e.iconClass)
+            },
+            null,
+            2
+            /* CLASS */
+          )) : f("v-if", !0),
+          W(
+            " " + E(e.label),
+            1
+            /* TEXT */
+          )
+        ])) : f("v-if", !0),
+        t[1] || (t[1] = m(
+          "span",
+          { class: "nrg-toggle__slider" },
+          null,
+          -1
+          /* CACHED */
+        ))
+      ],
+      2
+      /* CLASS */
+    )
+  ]);
+}
+const z = /* @__PURE__ */ T(we, [["render", Ne], ["__scopeId", "data-v-724dcae4"]]), _e = /* @__PURE__ */ new Set([
+  "id",
+  "type",
+  "x",
+  "y",
+  "z",
+  "g",
+  "wires",
+  "credentials",
+  "_users",
+  "validateInput",
+  "validateOutputs",
+  "outputs",
+  "outputContextModes",
+  "outputReturnProperties",
+  ...ie
+]);
+function Le(e) {
+  return e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim();
+}
+function je(e) {
+  var t, n;
+  return e.type === "object" && !!((t = e.properties) != null && t.value) && !!((n = e.properties) != null && n.type);
+}
+function C(e, t, n, r) {
+  var b;
+  const s = r || t.title || Le(e), d = t["x-nrg-form"] ?? {}, a = d.icon || "";
+  if (t["x-nrg-node-type"])
+    return {
+      key: e,
+      label: s,
+      icon: a,
+      inputType: "config",
+      required: n,
+      configType: t["x-nrg-node-type"]
+    };
+  if (je(t))
+    return {
+      key: e,
+      label: s,
+      icon: a,
+      inputType: "typed",
+      required: n,
+      // serialized schemas carry plain strings; trust them as typed-input type names
+      types: d.typedInputTypes
+    };
+  if (t.type === "array" && ((b = t.items) != null && b.enum))
+    return {
+      key: e,
+      label: s,
+      icon: a,
+      inputType: "select",
+      required: n,
+      multiple: !0,
+      options: t.items.enum.map((i) => ({
+        value: String(i),
+        label: String(i)
+      }))
+    };
+  if (t.enum)
+    return {
+      key: e,
+      label: s,
+      icon: a,
+      inputType: "select",
+      required: n,
+      multiple: !1,
+      options: t.enum.map((i) => ({
+        value: String(i),
+        label: String(i)
+      }))
+    };
+  if (t.anyOf && t.anyOf.every((i) => i.const !== void 0))
+    return {
+      key: e,
+      label: s,
+      icon: a,
+      inputType: "select",
+      required: n,
+      multiple: !1,
+      options: t.anyOf.map((i) => ({
+        value: String(i.const),
+        label: String(i.const)
+      }))
+    };
+  switch (Array.isArray(t.type) ? t.type[0] : t.type) {
+    case "boolean":
+      return {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "boolean",
+        required: n,
+        toggle: d.toggle
+      };
+    case "number":
+    case "integer":
+      return {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "number",
+        required: n,
+        htmlType: "number"
+      };
+    case "array":
+      return d.editorLanguage ? {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "editor",
+        required: n,
+        language: d.editorLanguage
+      } : { key: e, label: s, icon: a, inputType: "array-text", required: n };
+    case "object":
+      return d.editorLanguage ? {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "editor",
+        required: n,
+        language: d.editorLanguage
+      } : {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "text",
+        required: n,
+        htmlType: "text"
+      };
+    default:
+      return d.editorLanguage ? {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "editor",
+        required: n,
+        language: d.editorLanguage
+      } : {
+        key: e,
+        label: s,
+        icon: a,
+        inputType: "text",
+        required: n,
+        htmlType: t.format === "password" ? "password" : "text"
+      };
+  }
+}
+const Ce = V({
+  name: "NodeRedJsonSchemaForm",
+  components: {
+    NodeRedInputLabel: w,
+    NodeRedToggle: z,
+    NodeRedInput: B,
+    NodeRedSelectInput: F,
+    NodeRedTypedInput: U,
+    NodeRedConfigInput: M,
+    NodeRedEditorInput: P
+  },
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    schema: {
+      type: Object,
+      required: !0
+    },
+    errors: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    configFields() {
+      var t;
+      if (!((t = this.schema) != null && t.properties)) return [];
+      const e = new Set(this.schema.required ?? []);
+      return Object.entries(this.schema.properties).filter(([n]) => !_e.has(n)).map(
+        ([n, r]) => C(
+          n,
+          r,
+          e.has(n),
+          this.resolveI18n("configs", n)
+        )
+      );
+    },
+    credentialFields() {
+      var n, r;
+      const e = (r = (n = this.schema) == null ? void 0 : n.properties) == null ? void 0 : r.credentials;
+      if (!(e != null && e.properties)) return [];
+      const t = new Set(e.required ?? []);
+      return Object.entries(e.properties).map(([s, d]) => {
+        const a = C(
+          s,
+          d,
+          t.has(s),
+          this.resolveI18n("credentials", s)
+        );
+        return a.inputType !== "text" ? {
+          ...a,
+          inputType: "text",
+          htmlType: d.format === "password" ? "password" : "text"
+        } : a;
+      });
+    }
+  },
+  methods: {
+    resolveI18n(e, t) {
+      const n = this.$i18n(`${e}.${t}`), r = `${this.node.type}.${e}.${t}`;
+      if (n && n !== r && n !== `${e}.${t}`)
+        return n;
+    }
+  }
+}), Ae = { key: 1 }, Oe = { key: 2 }, De = ["checked", "onChange"], We = { key: 6 }, Be = ["value", "onInput"], Ue = {
+  key: 0,
+  class: "node-red-vue-input-error-message"
+};
+function Me(e, t, n, r, s, d) {
+  const a = g("NodeRedInput"), h = g("NodeRedToggle"), b = g("NodeRedInputLabel"), i = g("NodeRedSelectInput"), u = g("NodeRedTypedInput"), y = g("NodeRedConfigInput"), I = g("NodeRedEditorInput");
+  return l(), c("div", null, [
+    (l(!0), c(
+      _,
+      null,
+      L(e.configFields, (o) => (l(), c("div", {
+        key: o.key,
+        class: "form-row"
+      }, [
+        o.inputType === "text" || o.inputType === "number" ? (l(), v(a, {
+          key: 0,
+          value: e.node[o.key],
+          "onUpdate:value": (p) => e.node[o.key] = p,
+          type: o.htmlType,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "type", "label", "icon", "required", "error"])) : o.inputType === "boolean" && o.toggle ? (l(), c("div", Ae, [
+          R(h, {
+            "model-value": e.node[o.key],
+            label: o.label,
+            icon: o.icon,
+            "onUpdate:modelValue": (p) => e.node[o.key] = p
+          }, null, 8, ["model-value", "label", "icon", "onUpdate:modelValue"])
+        ])) : o.inputType === "boolean" ? (l(), c("div", Oe, [
+          R(b, {
+            label: o.label,
+            icon: o.icon,
+            required: o.required
+          }, null, 8, ["label", "icon", "required"]),
+          m("input", {
+            type: "checkbox",
+            checked: e.node[o.key],
+            style: { width: "auto", margin: "0" },
+            onChange: (p) => {
+              e.node[o.key] = p.target.checked;
+            }
+          }, null, 40, De)
+        ])) : o.inputType === "select" ? (l(), v(i, {
+          key: 3,
+          value: e.node[o.key],
+          "onUpdate:value": (p) => e.node[o.key] = p,
+          options: o.options,
+          multiple: o.multiple,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "options", "multiple", "label", "icon", "required", "error"])) : o.inputType === "typed" ? (l(), v(u, {
+          key: 4,
+          value: e.node[o.key],
+          "onUpdate:value": (p) => e.node[o.key] = p,
+          types: o.types,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "types", "label", "icon", "required", "error"])) : o.inputType === "config" ? (l(), v(y, {
+          key: 5,
+          value: e.node[o.key],
+          "onUpdate:value": (p) => e.node[o.key] = p,
+          type: o.configType,
+          node: e.node,
+          "prop-name": o.key,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "type", "node", "prop-name", "label", "icon", "required", "error"])) : o.inputType === "array-text" ? (l(), c("div", We, [
+          R(b, {
+            label: o.label,
+            icon: o.icon,
+            required: o.required
+          }, null, 8, ["label", "icon", "required"]),
+          t[0] || (t[0] = m(
+            "span",
+            { style: { display: "block", "font-size": "11px", color: "var(--red-ui-text-color-disabled, #999)", "margin-bottom": "4px" } },
+            " One entry per line ",
+            -1
+            /* CACHED */
+          )),
+          m("textarea", {
+            value: Array.isArray(e.node[o.key]) ? e.node[o.key].join(`
+`) : e.node[o.key] ?? "",
+            rows: "4",
+            style: { width: "100%", resize: "vertical", "font-family": "monospace", "font-size": "13px" },
+            onInput: (p) => e.node[o.key] = p.target.value.split(`
+`).filter(Boolean)
+          }, null, 40, Be),
+          e.errors[`node.${o.key}`] ? (l(), c(
+            "span",
+            Ue,
+            E(e.errors[`node.${o.key}`]),
+            1
+            /* TEXT */
+          )) : f("v-if", !0)
+        ])) : o.inputType === "editor" ? (l(), v(I, {
+          key: 7,
+          value: e.node[o.key],
+          "onUpdate:value": (p) => e.node[o.key] = p,
+          language: o.language,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "language", "label", "icon", "required", "error"])) : f("v-if", !0)
+      ]))),
+      128
+      /* KEYED_FRAGMENT */
+    )),
+    (l(!0), c(
+      _,
+      null,
+      L(e.credentialFields, (o) => (l(), c("div", {
+        key: `cred-${o.key}`,
+        class: "form-row"
+      }, [
+        R(a, {
+          value: e.node.credentials[o.key],
+          "onUpdate:value": (p) => e.node.credentials[o.key] = p,
+          type: o.htmlType,
+          label: o.label,
+          icon: o.icon,
+          required: o.required,
+          error: e.errors[`node.credentials.${o.key}`]
+        }, null, 8, ["value", "onUpdate:value", "type", "label", "icon", "required", "error"])
+      ]))),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ]);
+}
+const Fe = /* @__PURE__ */ T(Ce, [["render", Me]]);
+function A() {
+  const e = {
+    get(t) {
+      return e[t];
+    },
+    set(t, n) {
+      return e[t] = n, n;
+    },
+    remove(t) {
+      const n = e[t];
+      return delete e[t], n;
     }
   };
-  return t;
+  return e;
 }
-function R(t, r) {
-  if (t === r) return !0;
-  const s = t.split("/"), n = r.split("/");
-  for (let o = 0; o < s.length; o++) {
-    if (s[o] === "#") return !0;
-    if (o >= n.length || s[o] !== "+" && s[o] !== n[o]) return !1;
+function Pe(e, t) {
+  if (e === t) return !0;
+  const n = e.split("/"), r = t.split("/");
+  for (let s = 0; s < n.length; s++) {
+    if (n[s] === "#") return !0;
+    if (s >= r.length || n[s] !== "+" && n[s] !== r[s]) return !1;
   }
-  return s.length === n.length;
+  return n.length === r.length;
 }
-function _(t) {
-  var r;
-  (r = t.__reset) == null || r.call(t);
+function ze(e) {
+  var t;
+  (t = e.__reset) == null || t.call(e);
 }
-function N() {
-  const t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), s = [], n = {}, o = [];
-  let c = !1, l = 0;
-  const b = () => {
-    const e = {
+function He() {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], r = {}, s = [];
+  let d = !1, a = 0;
+  const h = () => {
+    const i = {
       element: null,
-      open: () => e,
-      close: () => e,
-      setContent: () => e,
+      open: () => i,
+      close: () => i,
+      setContent: () => i,
       move: () => {
       }
     };
-    return e;
-  }, y = {
-    _: (e) => e,
+    return i;
+  }, b = {
+    _: (i) => i,
     editor: {
-      createEditor(e) {
-        let i = (e == null ? void 0 : e.value) || "";
-        const u = {}, f = {
-          on(d, p) {
-            (u[d] ?? (u[d] = [])).push(p);
+      createEditor(i) {
+        let u = (i == null ? void 0 : i.value) || "";
+        const y = {}, I = {
+          on(o, p) {
+            (y[o] ?? (y[o] = [])).push(p);
           }
         };
         return {
-          getValue: () => i,
-          setValue: (d) => {
-            i = d, (u.change ?? []).forEach((p) => p());
+          getValue: () => u,
+          setValue: (o) => {
+            u = o, (y.change ?? []).forEach((p) => p());
           },
-          getSession: () => f,
+          getSession: () => I,
           focus: () => {
           },
           destroy: () => {
@@ -79,13 +1354,13 @@ function N() {
       }
     },
     popover: {
-      create: () => b(),
+      create: () => h(),
       tooltip: () => {
-        const e = {
+        const i = {
           element: null,
-          open: () => e,
-          close: () => e,
-          setContent: () => e,
+          open: () => i,
+          close: () => i,
+          setContent: () => i,
           move: () => {
           },
           delete: () => {
@@ -93,91 +1368,91 @@ function N() {
           setAction: () => {
           }
         };
-        return e;
+        return i;
       }
     },
     nodes: {
-      registerType(e, i) {
-        r.set(e, i);
+      registerType(i, u) {
+        t.set(i, u);
       },
-      getType(e) {
-        return r.get(e) ?? null;
+      getType(i) {
+        return t.get(i) ?? null;
       },
-      node(e) {
-        return t.get(e) ?? null;
+      node(i) {
+        return e.get(i) ?? null;
       },
-      add(e) {
-        return t.set(e.id, e), e;
+      add(i) {
+        return e.set(i.id, i), i;
       },
-      remove(e) {
-        const i = t.get(e);
-        return t.delete(e), { links: [], nodes: i ? [i] : [] };
+      remove(i) {
+        const u = e.get(i);
+        return e.delete(i), { links: [], nodes: u ? [u] : [] };
       },
       clear() {
-        t.clear();
+        e.clear();
       },
       // The mock keeps a single registry: eachNode and eachConfig iterate the
       // same entries. Register whatever your component expects to find.
-      eachNode(e) {
-        for (const i of t.values())
-          if (e(i) === !1) break;
+      eachNode(i) {
+        for (const u of e.values())
+          if (i(u) === !1) break;
       },
-      eachConfig(e) {
-        for (const i of t.values())
-          if (e(i) === !1) break;
+      eachConfig(i) {
+        for (const u of e.values())
+          if (i(u) === !1) break;
       },
-      filterNodes(e) {
-        return [...t.values()].filter(
-          (i) => (e.type === void 0 || i.type === e.type) && (e.z === void 0 || i.z === e.z)
+      filterNodes(i) {
+        return [...e.values()].filter(
+          (u) => (i.type === void 0 || u.type === i.type) && (i.z === void 0 || u.z === i.z)
         );
       },
-      filterLinks(e) {
-        return s.filter(
-          (i) => {
-            var u, f, d, p;
-            return (e.source === void 0 || i.source === e.source || ((u = i.source) == null ? void 0 : u.id) === ((f = e.source) == null ? void 0 : f.id)) && (e.target === void 0 || i.target === e.target || ((d = i.target) == null ? void 0 : d.id) === ((p = e.target) == null ? void 0 : p.id));
+      filterLinks(i) {
+        return n.filter(
+          (u) => {
+            var y, I, o, p;
+            return (i.source === void 0 || u.source === i.source || ((y = u.source) == null ? void 0 : y.id) === ((I = i.source) == null ? void 0 : I.id)) && (i.target === void 0 || u.target === i.target || ((o = u.target) == null ? void 0 : o.id) === ((p = i.target) == null ? void 0 : p.id));
           }
         );
       },
-      addLink(e) {
-        s.push(e);
+      addLink(i) {
+        n.push(i);
       },
-      dirty(e) {
-        if (e === void 0) return c;
-        c = e;
+      dirty(i) {
+        if (i === void 0) return d;
+        d = i;
       },
       id() {
-        return (++l).toString(16).padStart(16, "0");
+        return (++a).toString(16).padStart(16, "0");
       }
     },
     events: {
-      on(e, i) {
-        (n[e] ?? (n[e] = [])).push(i);
+      on(i, u) {
+        (r[i] ?? (r[i] = [])).push(u);
       },
-      off(e, i) {
-        n[e] && (i ? n[e] = n[e].filter(
-          (u) => u !== i
-        ) : delete n[e]);
+      off(i, u) {
+        r[i] && (u ? r[i] = r[i].filter(
+          (y) => y !== u
+        ) : delete r[i]);
       },
-      emit(e, ...i) {
-        [...n[e] ?? []].forEach((u) => u(...i));
+      emit(i, ...u) {
+        [...r[i] ?? []].forEach((y) => y(...u));
       }
     },
     comms: {
-      subscribe(e, i) {
-        o.push({ topic: e, callback: i });
+      subscribe(i, u) {
+        s.push({ topic: i, callback: u });
       },
-      unsubscribe(e, i) {
-        const u = o.findIndex(
-          (f) => f.topic === e && f.callback === i
+      unsubscribe(i, u) {
+        const y = s.findIndex(
+          (I) => I.topic === i && I.callback === u
         );
-        u !== -1 && o.splice(u, 1);
+        y !== -1 && s.splice(y, 1);
       },
-      publish(e, i) {
-        [...o].filter((u) => R(u.topic, e)).forEach((u) => u.callback(e, i));
+      publish(i, u) {
+        [...s].filter((y) => Pe(y.topic, i)).forEach((y) => y.callback(i, u));
       }
     },
-    settings: m(),
+    settings: A(),
     notify: () => ({
       update: () => {
       },
@@ -185,153 +1460,153 @@ function N() {
       }
     })
   };
-  return Object.defineProperty(y, "__reset", {
+  return Object.defineProperty(b, "__reset", {
     enumerable: !1,
     value: () => {
-      t.clear(), r.clear(), s.length = 0;
-      for (const e of Object.keys(n))
-        delete n[e];
-      o.length = 0, c = !1, y.settings = m();
+      e.clear(), t.clear(), n.length = 0;
+      for (const i of Object.keys(r))
+        delete r[i];
+      s.length = 0, d = !1, b.settings = A();
     }
-  }), y;
+  }), b;
 }
-function g() {
+function O() {
   return { typedInput: { value: "", type: "" }, listeners: {} };
 }
-function C(t) {
-  return t && !t.__jqState && (t.__jqState = g()), t ? t.__jqState : g();
+function Je(e) {
+  return e && !e.__jqState && (e.__jqState = O()), e ? e.__jqState : O();
 }
-function a(t) {
-  const r = C(t), s = {
-    0: t,
-    length: t ? 1 : 0,
-    typedInput(n, o) {
-      if (typeof n == "object")
-        return r.typedInput = {
+function S(e) {
+  const t = Je(e), n = {
+    0: e,
+    length: e ? 1 : 0,
+    typedInput(r, s) {
+      if (typeof r == "object")
+        return t.typedInput = {
           value: "",
-          type: n.default || "",
-          types: n.types
-        }, s;
-      if (n === "value") {
-        if (o !== void 0) {
-          r.typedInput.value = String(o), t && t.setAttribute("value", String(o));
+          type: r.default || "",
+          types: r.types
+        }, n;
+      if (r === "value") {
+        if (s !== void 0) {
+          t.typedInput.value = String(s), e && e.setAttribute("value", String(s));
           return;
         }
-        return r.typedInput.value;
+        return t.typedInput.value;
       }
-      if (n === "type") {
-        if (o !== void 0) {
-          r.typedInput.type = String(o);
+      if (r === "type") {
+        if (s !== void 0) {
+          t.typedInput.type = String(s);
           return;
         }
-        return r.typedInput.type;
+        return t.typedInput.type;
       }
-      if (n === "types") {
-        r.typedInput.types = o;
+      if (r === "types") {
+        t.typedInput.types = s;
         return;
       }
-      if (n === "validate")
+      if (r === "validate")
         return !0;
-      if (n === "disable") {
-        r.typedInput.disabled = o !== !1;
+      if (r === "disable") {
+        t.typedInput.disabled = s !== !1;
         return;
       }
-      if (n === "enable") {
-        r.typedInput.disabled = !1;
+      if (r === "enable") {
+        t.typedInput.disabled = !1;
         return;
       }
-      if (n === "hide") {
-        r.typedInput.hidden = !0;
+      if (r === "hide") {
+        t.typedInput.hidden = !0;
         return;
       }
-      if (n === "show") {
-        r.typedInput.hidden = !1;
+      if (r === "show") {
+        t.typedInput.hidden = !1;
         return;
       }
-      if (n === "width") {
-        r.typedInput.width = o;
+      if (r === "width") {
+        t.typedInput.width = s;
         return;
       }
-      if (n !== "focus")
-        return s;
+      if (r !== "focus")
+        return n;
     },
-    on(n, o) {
-      return r.listeners[n] || (r.listeners[n] = []), r.listeners[n].push(o), s;
+    on(r, s) {
+      return t.listeners[r] || (t.listeners[r] = []), t.listeners[r].push(s), n;
     },
-    off(n) {
-      if (n)
-        delete r.listeners[n];
+    off(r) {
+      if (r)
+        delete t.listeners[r];
       else
-        for (const o of Object.keys(r.listeners))
-          delete r.listeners[o];
-      return s;
+        for (const s of Object.keys(t.listeners))
+          delete t.listeners[s];
+      return n;
     },
-    val(n) {
-      return n !== void 0 ? ((t instanceof HTMLInputElement || t instanceof HTMLSelectElement || t instanceof HTMLTextAreaElement) && (t.value = String(n)), s) : t instanceof HTMLInputElement || t instanceof HTMLSelectElement || t instanceof HTMLTextAreaElement ? t.value : "";
+    val(r) {
+      return r !== void 0 ? ((e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement) && (e.value = String(r)), n) : e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement ? e.value : "";
     },
-    find(n) {
-      return a((t == null ? void 0 : t.querySelector(n)) ?? null);
+    find(r) {
+      return S((e == null ? void 0 : e.querySelector(r)) ?? null);
     },
-    append(n) {
-      const o = (n == null ? void 0 : n[0]) || n;
-      return t && o instanceof Element && t.appendChild(o), s;
+    append(r) {
+      const s = (r == null ? void 0 : r[0]) || r;
+      return e && s instanceof Element && e.appendChild(s), n;
     },
-    appendTo(n) {
-      const o = (n == null ? void 0 : n[0]) || n;
-      return o instanceof Element && t && o.appendChild(t), s;
+    appendTo(r) {
+      const s = (r == null ? void 0 : r[0]) || r;
+      return s instanceof Element && e && s.appendChild(e), n;
     },
-    html(n) {
-      return t && (t.innerHTML = n), s;
+    html(r) {
+      return e && (e.innerHTML = r), n;
     },
     empty() {
-      return t && (t.innerHTML = ""), s;
+      return e && (e.innerHTML = ""), n;
     },
     i18n() {
-      return s;
+      return n;
     },
-    addClass(n) {
-      return t == null || t.classList.add(n), s;
+    addClass(r) {
+      return e == null || e.classList.add(r), n;
     },
-    removeClass(n) {
-      return t == null || t.classList.remove(n), s;
+    removeClass(r) {
+      return e == null || e.classList.remove(r), n;
     },
-    __trigger(n) {
-      (r.listeners[n] || []).forEach((o) => o());
+    __trigger(r) {
+      (t.listeners[r] || []).forEach((s) => s());
     }
   };
-  return s;
+  return n;
 }
-function j() {
-  return function(r, s) {
-    if (typeof r == "string") {
-      if (r.trim().startsWith("<")) {
-        const n = document.createElement("template");
-        n.innerHTML = r.trim();
-        const o = n.content.firstElementChild;
-        if (o && s)
-          for (const [c, l] of Object.entries(s))
-            c === "html" ? o.innerHTML = String(l) : o.setAttribute(c, String(l));
-        return a(o);
+function Ke() {
+  return function(t, n) {
+    if (typeof t == "string") {
+      if (t.trim().startsWith("<")) {
+        const r = document.createElement("template");
+        r.innerHTML = t.trim();
+        const s = r.content.firstElementChild;
+        if (s && n)
+          for (const [d, a] of Object.entries(n))
+            d === "html" ? s.innerHTML = String(a) : s.setAttribute(d, String(a));
+        return S(s);
       }
-      return a(document.querySelector(r));
+      return S(document.querySelector(t));
     }
-    return r instanceof Element || r && typeof r == "object" && r.nodeType ? a(r) : a(null);
+    return t instanceof Element || t && typeof t == "object" && t.nodeType ? S(t) : S(null);
   };
 }
-function H() {
-  window.$ = j(), window.RED = N(), L(() => {
-    _(window.RED);
+function Qe() {
+  window.$ = Ke(), window.RED = He(), Q(() => {
+    ze(window.RED);
   });
 }
-h.global.mocks.$i18n = (t) => t;
-h.global.components = {
-  NodeRedInputLabel: M,
-  NodeRedToggle: w,
-  NodeRedInput: k,
-  NodeRedTypedInput: T,
-  NodeRedConfigInput: v,
-  NodeRedSelectInput: I,
-  NodeRedEditorInput: S,
-  NodeRedJsonSchemaForm: E
+D.global.mocks.$i18n = (e) => e;
+D.global.components = {
+  NodeRedInputLabel: w,
+  NodeRedToggle: z,
+  NodeRedInput: B,
+  NodeRedTypedInput: U,
+  NodeRedConfigInput: M,
+  NodeRedSelectInput: F,
+  NodeRedEditorInput: P,
+  NodeRedJsonSchemaForm: Fe
 };
-H();
+Qe();