@dynamicforms/vue-forms 0.4.2 → 0.4.4

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) => {
@@ -41,7 +41,7 @@ const tt = 10;
   n.isDefined = e;
 })(N || (N = {}));
 Object.freeze(N);
-const V = N;
+const _ = N;
 class b {
   constructor(s) {
     o(this, "executorFn");
@@ -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 "";
     }
@@ -166,9 +166,9 @@ class p extends W {
     return this.classes;
   }
 }
-class Vt extends p {
+class _t extends p {
 }
-const _t = Symbol("Validator");
+const Vt = Symbol("Validator");
 class f extends m {
   /**
    * Creates a new validator
@@ -177,14 +177,14 @@ class f extends m {
   constructor(t) {
     super((i, r, a, l) => {
       const c = t(a, l, i) || [], u = (h) => {
-        var _;
+        var V;
         h == null || h.forEach(
           (x) => Object.defineProperty(x, "source", { value: this.source, enumerable: !1, configurable: !1 })
         );
         for (let x = i.errors.length - 1; x >= 0; x--) {
           const P = i.errors[x];
           if (P.source === this.source) {
-            const O = (_ = h == null ? void 0 : h.findIndex((B) => U(B, P))) != null ? _ : -1;
+            const O = (V = h == null ? void 0 : h.findIndex((B) => U(B, P))) != null ? V : -1;
             O >= 0 ? h == null || h.splice(O, 1) : i.errors.splice(x, 1);
           }
         }
@@ -199,7 +199,7 @@ class f extends m {
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return _t;
+    return Vt;
   }
   // eslint-disable-next-line class-methods-use-this
   get eager() {
@@ -295,7 +295,7 @@ class k extends m {
 class It extends k {
   constructor(s) {
     super(s, (t, e) => {
-      t.visibility = e ? V.FULL : V.SUPPRESS;
+      t.visibility = e ? _.FULL : _.SUPPRESS;
     });
   }
 }
@@ -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) {
@@ -435,7 +435,7 @@ class y {
     // when member of a Group, fieldName specifies the name of this field
     o(this, "actions", new T());
     // default property handlers
-    o(this, "_visibility", V.FULL);
+    o(this, "_visibility", _.FULL);
     o(this, "_enabled", !0);
   }
   get visibility() {
@@ -443,8 +443,8 @@ class y {
   }
   set visibility(s) {
     const t = this._visibility, e = this.actions.trigger(ot, this, s, t);
-    if (!V.isDefined(e != null ? e : s)) throw new Error("visibility must be a DisplayMode constant");
-    this._visibility = V.fromAny(e != null ? e : s), this.actions.trigger(ct, this, this._visibility, t);
+    if (!_.isDefined(e != null ? e : s)) throw new Error("visibility must be a DisplayMode constant");
+    this._visibility = _.fromAny(e != null ? e : s), this.actions.trigger(ct, this, this._visibility, t);
   }
   get enabled() {
     return this._enabled;
@@ -454,9 +454,10 @@ class y {
     if (!bt(e != null ? e : s)) throw new Error("Enabled value must be boolean");
     this._enabled = e != null ? e : s, this.actions.trigger(at, this, this._enabled, t);
   }
-  validate() {
-    const s = this._valid;
-    this._valid = this.valid, this._valid !== s && this.actions.trigger(lt, this, this.valid, s);
+  validate(s = !1) {
+    s && this.actions.triggerEager(this, this.value, this.value);
+    const t = this._valid;
+    this._valid = this.valid, this._valid !== t && this.actions.trigger(lt, this, this.valid, t);
   }
   get valid() {
     return this.errors.length === 0;
@@ -489,46 +490,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 +680,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 {
@@ -794,6 +854,9 @@ class E extends y {
   get valid() {
     return super.valid && Object.values(this._fields).every((t) => t.valid);
   }
+  validate(t = !1) {
+    t && Object.values(this._fields).forEach((e) => e.validate(!0)), super.validate(t);
+  }
   clone(t) {
     var r, a, l;
     const e = {};
@@ -858,6 +921,10 @@ class X extends y {
     var t, e;
     return super.valid && ((e = (t = this._value) == null ? void 0 : t.every((i) => i.valid)) != null ? e : !0);
   }
+  validate(t = !1) {
+    var e;
+    t && ((e = this._value) == null || e.forEach((i) => i.validate(!0))), super.validate(t);
+  }
   get(t) {
     return this._value != null ? this._value[t] : void 0;
   }
@@ -887,12 +954,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) {
@@ -906,11 +973,11 @@ function v(n) {
 class Mt extends f {
   constructor(t, e, i) {
     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 : [
+    super((u, h, V) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new m((x, P, O, B) => {
+      P(x, O, B), this.unregistered || this.execute(V, () => null, a, l);
+    }))), this.isValidComparison(g(u), g(this.otherField.value)) ? null : [
       new p(
-        this.replacePlaceholders(i, { newValue: u, oldValue: h, field: _, otherField: this.otherField })
+        this.replacePlaceholders(i, { newValue: u, oldValue: h, field: V, otherField: this.otherField })
       )
     ]));
     o(this, "unregistered", !1);
@@ -929,7 +996,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 +1009,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 +1075,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);
@@ -1036,7 +1103,7 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ConditionalStatementAction: k,
   ConditionalValueAction: wt,
   ConditionalVisibilityAction: It,
-  DisplayMode: V,
+  DisplayMode: _,
   EmptyField: kt,
   EnabledChangedAction: at,
   EnabledChangingAction: rt,
@@ -1050,8 +1117,8 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ListItemRemovedAction: ht,
   MdString: L,
   MessagesWidget: Bt,
-  Operator: g,
-  RenderableValue: Vt,
+  Operator: d,
+  RenderableValue: _t,
   Statement: F,
   ValidChangedAction: lt,
   ValidationError: W,
@@ -1073,7 +1140,7 @@ export {
   k as ConditionalStatementAction,
   wt as ConditionalValueAction,
   It as ConditionalVisibilityAction,
-  V as DisplayMode,
+  _ as DisplayMode,
   kt as EmptyField,
   at as EnabledChangedAction,
   rt as EnabledChangingAction,
@@ -1087,8 +1154,8 @@ export {
   ht as ListItemRemovedAction,
   L as MdString,
   Bt as MessagesWidget,
-  g as Operator,
-  Vt as RenderableValue,
+  d as Operator,
+  _t as RenderableValue,
   F as Statement,
   lt as ValidChangedAction,
   W as ValidationError,