@dynamicforms/vue-forms 0.4.2 → 0.4.3

package/dist/dynamicforms-vue-forms.js

@@ -1,8 +1,8 @@
-var dt = Object.defineProperty, ft = Object.defineProperties;
+var gt = Object.defineProperty, ft = Object.defineProperties;
 var pt = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
 var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var $ = (n, s, t) => s in n ? dt(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t, A = (n, s) => {
+var $ = (n, s, t) => s in n ? gt(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t, A = (n, s) => {
   for (var t in s || (s = {}))
     J.call(s, t) && $(n, t, s[t]);
   if (R)
@@ -21,7 +21,7 @@ var S = (n, s) => {
 };
 var o = (n, s, t) => $(n, typeof s != "symbol" ? s + "" : s, t);
 import { isEqual as U, isBoolean as bt, isString as C, isEmpty as M, truncate as mt, isArray as st, isObject as nt } from "lodash-es";
-import { unref as d, computed as z, reactive as vt, defineComponent as yt, resolveComponent as Z, createBlock as xt, openBlock as Et, h as w } from "vue";
+import { unref as g, computed as z, reactive as vt, defineComponent as yt, resolveComponent as Z, createBlock as xt, openBlock as Et, h as w } from "vue";
 var N = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(N || {});
 const tt = 10;
 ((n) => {
@@ -86,7 +86,7 @@ class m extends b {
 class L extends String {
 }
 function G(n) {
-  const s = d(n);
+  const s = g(n);
   return typeof s == "object" && "componentName" in s;
 }
 class W {
@@ -125,39 +125,39 @@ class p extends W {
     this.classes = e, this.text = t, this.textType = z(() => this.getTextType);
   }
   get getTextType() {
-    const t = d(this.text);
+    const t = g(this.text);
     return t ? t instanceof L ? "md" : G(t) ? "component" : "string" : "string";
   }
   get componentName() {
-    switch (d(this.textType)) {
+    switch (g(this.textType)) {
       case "string":
         return "template";
       case "md":
         return "vue-markdown";
       case "component":
-        return d(this.text).componentName;
+        return g(this.text).componentName;
       default:
         return "template";
     }
   }
   get componentBindings() {
-    switch (d(this.textType)) {
+    switch (g(this.textType)) {
       case "string":
         return {};
       case "md":
         return { source: this.text.toString() };
       case "component":
-        return d(this.text).componentProps || {};
+        return g(this.text).componentProps || {};
       default:
         return {};
     }
   }
   get componentBody() {
-    switch (d(this.textType)) {
+    switch (g(this.textType)) {
       case "string":
-        return d(this.text);
+        return g(this.text);
       case "component":
-        return d(this.text).componentVHtml || "";
+        return g(this.text).componentVHtml || "";
       default:
         return "";
     }
@@ -353,7 +353,7 @@ var j = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
   n.isLogicOperator = i;
 })(j || (j = {}));
 Object.freeze(j);
-const g = j, Ft = Symbol("EnabledChangingAction");
+const d = j, Ft = Symbol("EnabledChangingAction");
 class rt extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
@@ -489,46 +489,46 @@ class F {
     this.operand1 = s, this.operator = t, this.operand2 = e;
   }
   get operand1Value() {
-    return this.operand1 instanceof F ? this.operand1.evaluate() : this.operand1 instanceof y ? d(this.operand1.value) : this.operand1;
+    return this.operand1 instanceof F ? this.operand1.evaluate() : this.operand1 instanceof y ? g(this.operand1.value) : this.operand1;
   }
   get operand2Value() {
-    return this.operand2 instanceof F ? this.operand2.evaluate() : this.operand2 instanceof y ? d(this.operand2.value) : this.operand2;
+    return this.operand2 instanceof F ? this.operand2.evaluate() : this.operand2 instanceof y ? g(this.operand2.value) : this.operand2;
   }
   evaluate() {
     var e, i, r, a;
     const s = this.operand1Value, t = this.operand2Value;
     switch (this.operator) {
-      case g.AND:
+      case d.AND:
         return s && t;
-      case g.OR:
+      case d.OR:
         return s || t;
-      case g.NAND:
+      case d.NAND:
         return !(s && t);
-      case g.NOR:
+      case d.NOR:
         return !(s || t);
-      case g.XOR:
+      case d.XOR:
         return Pt(s, t);
-      case g.NOT:
+      case d.NOT:
         return !s;
-      case g.EQUALS:
+      case d.EQUALS:
         return s == t;
-      case g.NOT_EQUALS:
+      case d.NOT_EQUALS:
         return s != t;
-      case g.LT:
+      case d.LT:
         return s < t;
-      case g.LE:
+      case d.LE:
         return s <= t;
-      case g.GE:
+      case d.GE:
         return s >= t;
-      case g.GT:
+      case d.GT:
         return s > t;
-      case g.IN:
+      case d.IN:
         return (i = (e = t == null ? void 0 : t.includes) == null ? void 0 : e.call(t, s)) != null ? i : !1;
-      case g.NOT_IN:
+      case d.NOT_IN:
         return !((a = (r = t == null ? void 0 : t.includes) == null ? void 0 : r.call(t, s)) == null || a);
-      case g.INCLUDES:
+      case d.INCLUDES:
         return C(s) && C(t) && s.indexOf(t) >= 0;
-      case g.NOT_INCLUDES:
+      case d.NOT_INCLUDES:
         return !(C(s) && C(t) && s.indexOf(t) >= 0);
       default:
         throw new Error(`Operator not implemented ${this.operator}`);
@@ -679,37 +679,96 @@ const Bt = /* @__PURE__ */ yt({
     classes: { default: "text-error" }
   },
   setup(n) {
-    const s = n, t = Z("vue-markdown"), e = () => {
+    const s = n, t = Z("vue-markdown"), e = /* @__PURE__ */ new Set([
+      "div",
+      "span",
+      "p",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "section",
+      "article",
+      "aside",
+      "nav",
+      "header",
+      "footer",
+      "main",
+      "figure",
+      "figcaption",
+      "blockquote",
+      "pre",
+      "code",
+      "em",
+      "strong",
+      "small",
+      "mark",
+      "del",
+      "ins",
+      "sub",
+      "sup",
+      "i",
+      "b",
+      "u",
+      "s",
+      "a",
+      "img",
+      "button",
+      "input",
+      "textarea",
+      "select",
+      "option",
+      "label",
+      "form",
+      "table",
+      "tr",
+      "td",
+      "th",
+      "thead",
+      "tbody",
+      "tfoot",
+      "ul",
+      "ol",
+      "li",
+      "dl",
+      "dt",
+      "dd"
+    ]), i = () => {
       if (typeof s.message == "string") return w("span", { class: s.classes }, s.message);
-      const i = [];
-      return s.message.forEach((r) => {
-        switch (r.componentName) {
+      const r = [];
+      return s.message.forEach((a) => {
+        switch (a.componentName) {
           case "template":
-            i.push(w("div", { class: [s.classes, r.extraClasses] }, r.componentBody));
+            r.push(w("div", { class: [s.classes, a.extraClasses] }, a.componentBody));
             break;
           case "vue-markdown":
             typeof t == "string" ? (console.warn(
               "You are using markdown for messages-widget, but you haven't registered a vue-markdown component"
-            ), i.push(w("div", { class: [s.classes, r.extraClasses] }, r.componentBindings.source))) : i.push(w(
+            ), r.push(w("div", { class: [s.classes, a.extraClasses] }, a.componentBindings.source))) : r.push(w(
               t,
               {
-                class: [s.classes, r.extraClasses, "df-messages-widget-markdown"],
-                source: r.componentBindings.source
+                class: [s.classes, a.extraClasses, "df-messages-widget-markdown"],
+                source: a.componentBindings.source
               }
             ));
             break;
           default:
-            i.push(
+            r.push(
               w(
-                Z(r.componentName),
-                I(A({ class: [s.classes, r.extraClasses] }, r.componentBindings), { innerHTML: r.componentBody })
+                e.has(a.componentName.toLowerCase()) ? (
+                  // only resolve if it's not a common html element
+                  a.componentName
+                ) : Z(a.componentName),
+                I(A({ class: [s.classes, a.extraClasses] }, a.componentBindings), { innerHTML: a.componentBody })
               )
             );
             break;
         }
-      }), i;
+      }), r;
     };
-    return (i, r) => (Et(), xt(e));
+    return (r, a) => (Et(), xt(i));
   }
 });
 class E extends y {
@@ -887,12 +946,12 @@ class X extends y {
     this._value = null, this.notifyValueChanged();
   }
 }
-const gt = { useMarkdownInValidators: !0 };
+const dt = { useMarkdownInValidators: !0 };
 function $t() {
-  return gt;
+  return dt;
 }
 function qt(n) {
-  Object.assign(gt, n);
+  Object.assign(dt, n);
 }
 const ie = {
   install(n, s) {
@@ -908,7 +967,7 @@ class Mt extends f {
     let r = !1, a, l;
     super((u, h, _) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new m((x, P, O, B) => {
       P(x, O, B), this.unregistered || this.execute(_, () => null, a, l);
-    }))), this.isValidComparison(d(u), d(this.otherField.value)) ? null : [
+    }))), this.isValidComparison(g(u), g(this.otherField.value)) ? null : [
       new p(
         this.replacePlaceholders(i, { newValue: u, oldValue: h, field: _, otherField: this.otherField })
       )
@@ -929,7 +988,7 @@ class Ht extends f {
       separator: ", ",
       omission: `... (${s.length} items total)`
     }));
-    const r = (a, l, c) => s.includes(d(a)) ? null : [
+    const r = (a, l, c) => s.includes(g(a)) ? null : [
       new p(
         this.replacePlaceholders(e, { newValue: a, oldValue: l, field: c, allowedValues: s, allowedAsText: i })
       )
@@ -942,7 +1001,7 @@ function Qt(n) {
 }
 class zt extends f {
   constructor(s) {
-    const t = s || v("Please enter a value"), e = (i, r, a) => Qt(d(i)) === 0 ? [new p(
+    const t = s || v("Please enter a value"), e = (i, r, a) => Qt(g(i)) === 0 ? [new p(
       this.replacePlaceholders(t, { newValue: i, oldValue: r, field: a })
     )] : null;
     super(e);
@@ -1008,7 +1067,7 @@ class Kt extends f {
 }
 class Zt extends f {
   constructor(s, t) {
-    const e = t || v('Value must match pattern "**{pattern}**"'), i = (r, a, l) => s.test(String(d(r))) ? null : [
+    const e = t || v('Value must match pattern "**{pattern}**"'), i = (r, a, l) => s.test(String(g(r))) ? null : [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: s }))
     ];
     super(i);
@@ -1050,7 +1109,7 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ListItemRemovedAction: ht,
   MdString: L,
   MessagesWidget: Bt,
-  Operator: g,
+  Operator: d,
   RenderableValue: Vt,
   Statement: F,
   ValidChangedAction: lt,
@@ -1087,7 +1146,7 @@ export {
   ht as ListItemRemovedAction,
   L as MdString,
   Bt as MessagesWidget,
-  g as Operator,
+  d as Operator,
   Vt as RenderableValue,
   F as Statement,
   lt as ValidChangedAction,