@qikdev/vue-ui 0.2.392 → 0.2.394

package/dist/lib.es.js

@@ -4,7 +4,7 @@ var Lh = (e, t, n) => t in e ? $h(e, t, { enumerable: !0, configurable: !0, writ
 var re = (e, t, n) => Lh(e, typeof t != "symbol" ? t + "" : t, n);
 import { defineComponent as Fo, ref as bt, toRefs as of, onMounted as Ao, onBeforeUnmount as Ph, watch as ci, computed as In, createElementBlock as h, openBlock as u, createCommentVNode as _, renderSlot as H, normalizeClass as L, useSlots as Rh, reactive as fn, provide as Ci, resolveComponent as y, createVNode as c, Fragment as D, createBlock as k, unref as _t, withCtx as f, renderList as N, toDisplayString as b, createTextVNode as O, withDirectives as X, vShow as dr, withModifiers as z, createElementVNode as w, h as uo, mergeProps as mt, toHandlers as wt, normalizeStyle as Ge, resolveDirective as lf, resolveDynamicComponent as Vt, vModelSelect as Et, pushScopeId as je, popScopeId as qe, getCurrentScope as Uh, onScopeDispose as jh, getCurrentInstance as qh, Teleport as uf, Transition as Bh, withKeys as Ee, vModelText as be, TransitionGroup as zh, nextTick as df, vModelDynamic as Tr, normalizeProps as Wh } from "vue";
 import { EventDispatcher as cf } from "@qikdev/sdk";
-const Hh = "0.2.392";
+const Hh = "0.2.394";
 class pn extends Error {
 }
 class Gh extends pn {
@@ -12465,7 +12465,7 @@ const zw = {
   beforeUnmount() {
     this.parseTimeout && clearTimeout(this.parseTimeout);
   }
-}, Nm = (e) => (je("data-v-82a7dff8"), e = e(), qe(), e), Ww = {
+}, Nm = (e) => (je("data-v-ad7cf865"), e = e(), qe(), e), Ww = {
   class: "ux-datepicker",
   ref: "container"
 }, Hw = { class: "ux-datepicker-input-wrap" }, Gw = ["placeholder"], Yw = /* @__PURE__ */ Nm(() => /* @__PURE__ */ w("span", null, null, -1)), Jw = { class: "ux-datepicker-calendar" }, Kw = { class: "ux-datepicker-header" }, Zw = { class: "ux-datepicker-month-year" }, Xw = { class: "ux-datepicker-weekdays" }, Qw = { class: "ux-datepicker-days" }, ex = ["disabled", "onClick"], tx = {
@@ -12630,7 +12630,7 @@ function ax(e, t, n, i, s, r) {
     }, 8, ["modelValue"])
   ], 512);
 }
-const $m = /* @__PURE__ */ M(zw, [["render", ax], ["__scopeId", "data-v-82a7dff8"]]);
+const $m = /* @__PURE__ */ M(zw, [["render", ax], ["__scopeId", "data-v-ad7cf865"]]);
 function Nr(e) {
   var t = new Date(e);
   if (t instanceof Date && !isNaN(t.getTime()))
@@ -28571,21 +28571,56 @@ const qF = /* @__PURE__ */ M(FF, [["render", jF], ["__scopeId", "data-v-8801d1a0
         }
         return n;
       });
-      return t = e.$sdk.utils.mapFields(t, { includeLayout: !0, original: !0 }), t = t.map(function(n) {
+      return t = e.$sdk.utils.mapFields(t, {
+        includeLayout: !0,
+        original: !0
+      }), t = t.map(function(n) {
         if (!n.path.startsWith("meta")) {
           switch (n.selectTitle = n.titles.filter(Boolean).join(" › "), n.path) {
             case "dob":
-              n.selectTitle = "Date of birth › Day+Month+Year";
-              break;
+              return [
+                {
+                  ...n,
+                  selectTitle: "Date of birth › Date Picker",
+                  title: "Date of Birth",
+                  key: "dob",
+                  path: "dob:date",
+                  type: "date",
+                  widget: "datepicker",
+                  dateOnly: !0,
+                  style: {
+                    marginLeft: `${(n.trail.length * 1 - 1) * 2}em`
+                  }
+                },
+                {
+                  ...n,
+                  selectTitle: "Date of birth › Date Fields",
+                  title: "Date of Birth",
+                  key: "dob",
+                  path: "dob:object",
+                  type: "object",
+                  widget: "dateobject",
+                  dateOnly: !0,
+                  style: {
+                    marginLeft: `${(n.trail.length * 1 - 1) * 2}em`
+                  }
+                }
+                // {
+                //   ...field,
+                //   selectTitle: "Date of birth › Day+Month+Year",
+                //   key: "dob",
+                //   path: "dob:fields",
+                //   style: {
+                //     marginLeft: `${(field.trail.length * 1 - 1) * 2}em`,
+                //   },
+                // },
+              ];
             case "dobDay":
-              n.selectTitle = "Date of birth › Day";
-              break;
+              return;
             case "dobMonth":
-              n.selectTitle = "Date of birth › Month";
-              break;
+              return;
             case "dobYear":
-              n.selectTitle = "Date of birth › Year";
-              break;
+              return;
             case "data":
               n.selectTitle = "All Custom Fields";
               break;
@@ -28594,10 +28629,11 @@ const qF = /* @__PURE__ */ M(FF, [["render", jF], ["__scopeId", "data-v-8801d1a0
             marginLeft: `${(n.trail.length * 1 - 1) * 2}em`
           }, n;
         }
-      }).filter(Boolean).sort(function(n, i) {
+      }).flat().filter(Boolean).sort(function(n, i) {
         return n.selectTitle < i.selectTitle ? -1 : n.selectTitle > i.selectTitle ? 1 : 0;
       }).sort(function(n, i) {
-        return n.path < i.path ? -1 : n.path > i.path ? 1 : 0;
+        const s = n.path === "data" || n.path.startsWith("data."), r = i.path === "data" || i.path.startsWith("data.");
+        return s && !r ? 1 : r && !s || n.path < i.path ? -1 : n.path > i.path ? 1 : 0;
       }), t;
     }
   },
@@ -28648,6 +28684,17 @@ function YF(e, t, n, i, s, r) {
                     ]),
                     _: 1
                   }),
+                  c(a, { shrink: "" }, {
+                    default: f(() => [
+                      c(o, { onClick: e.dismiss }, {
+                        default: f(() => [
+                          O("Cancel")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }),
                   c(a, { shrink: "" }, {
                     default: f(() => [
                       c(o, {
@@ -28672,7 +28719,10 @@ function YF(e, t, n, i, s, r) {
         c(p, { class: "body-area" }, {
           default: f(() => [
             (u(!0), h(D, null, N(r.fields, (v) => (u(), h("a", {
-              class: L(["field-item", { selected: r.isSelected(v), parented: r.isParentSelected(v) }]),
+              class: L(["field-item", {
+                selected: r.isSelected(v),
+                parented: r.isParentSelected(v)
+              }]),
               style: Ge(v.style),
               onClick: (x) => r.toggle(v)
             }, [
@@ -28691,7 +28741,15 @@ function YF(e, t, n, i, s, r) {
                   }, 1024),
                   c(a, null, {
                     default: f(() => [
-                      w("strong", null, b(v.selectTitle), 1),
+                      w("strong", null, b(v.selectTitle), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  c(a, {
+                    shrink: "",
+                    class: "font-muted"
+                  }, {
+                    default: f(() => [
                       w("div", GF, b(v.path), 1)
                     ]),
                     _: 2
@@ -28708,7 +28766,7 @@ function YF(e, t, n, i, s, r) {
     })
   ]);
 }
-const JF = /* @__PURE__ */ M(BF, [["render", YF], ["__scopeId", "data-v-415b9a32"]]), KF = {
+const JF = /* @__PURE__ */ M(BF, [["render", YF], ["__scopeId", "data-v-73221a58"]]), KF = {
   props: {
     modelValue: {
       type: Object