@qikdev/vue-ui 0.2.327 → 0.2.328

package/dist/lib.es.js

@@ -31,7 +31,7 @@ import {
   h as ml,
   mergeProps as Ft,
   toHandlers as Mt,
-  normalizeStyle as Be,
+  normalizeStyle as Re,
   resolveDynamicComponent as Lt,
   vModelSelect as gt,
   pushScopeId as Ze,
@@ -49,7 +49,7 @@ import {
   resolveDirective as Vf,
 } from "vue";
 import { EventDispatcher as vd } from "@qikdev/sdk";
-const Cf = "0.2.326";
+const Cf = "0.2.328";
 class Gt extends Error {}
 class Df extends Gt {
   constructor(t) {
@@ -80,7 +80,7 @@ class St extends Gt {
 }
 const R = "numeric",
   st = "short",
-  qe = "long",
+  Be = "long",
   hl = {
     year: R,
     month: R,
@@ -99,14 +99,14 @@ const R = "numeric",
   },
   kd = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
   },
   wd = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
-    weekday: qe,
+    weekday: Be,
   },
   xd = {
     hour: R,
@@ -127,7 +127,7 @@ const R = "numeric",
     hour: R,
     minute: R,
     second: R,
-    timeZoneName: qe,
+    timeZoneName: Be,
   },
   Vd = {
     hour: R,
@@ -152,7 +152,7 @@ const R = "numeric",
     minute: R,
     second: R,
     hourCycle: "h23",
-    timeZoneName: qe,
+    timeZoneName: Be,
   },
   Fd = {
     year: R,
@@ -194,7 +194,7 @@ const R = "numeric",
   },
   Ld = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
     hour: R,
     minute: R,
@@ -202,7 +202,7 @@ const R = "numeric",
   },
   $d = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
     hour: R,
     minute: R,
@@ -211,22 +211,22 @@ const R = "numeric",
   },
   Nd = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
-    weekday: qe,
+    weekday: Be,
     hour: R,
     minute: R,
-    timeZoneName: qe,
+    timeZoneName: Be,
   },
   Ud = {
     year: R,
-    month: qe,
+    month: Be,
     day: R,
-    weekday: qe,
+    weekday: Be,
     hour: R,
     minute: R,
     second: R,
-    timeZoneName: qe,
+    timeZoneName: Be,
   };
 function ie(e) {
   return typeof e > "u";
@@ -8579,7 +8579,7 @@ function Kg(e, t, n, i, s, r) {
       "span",
       {
         class: "ux-circle",
-        style: Be(r.style),
+        style: Re(r.style),
       },
       null,
       4,
@@ -11318,7 +11318,7 @@ function c_(e, t, n, i, s, r) {
           "div",
           {
             class: "avatar-img",
-            style: Be(r.style),
+            style: Re(r.style),
           },
           null,
           4,
@@ -11477,7 +11477,7 @@ function __(e, t, n, i, s, r) {
         to: n.to,
         href: n.href,
         target: n.target,
-        style: Be(r.style),
+        style: Re(r.style),
         class: U([r.classes, "ux-btn"]),
         disabled: n.disabled,
       },
@@ -11945,7 +11945,7 @@ function M_(e, t, n, i, s, r) {
                         {
                           key: 0,
                           class: "ux-menu-outer",
-                          style: Be(s.outerStyle),
+                          style: Re(s.outerStyle),
                         },
                         [
                           w(
@@ -11953,7 +11953,7 @@ function M_(e, t, n, i, s, r) {
                             {
                               class: U(["ux-menu-panel", { flex: n.flex }]),
                               ref: "menu",
-                              style: Be(s.innerStyle),
+                              style: Re(s.innerStyle),
                             },
                             [H(e.$slots, "default", {}, void 0, !0)],
                             6,
@@ -12560,7 +12560,7 @@ function P_(e, t, n, i, s, r) {
       "div",
       {
         class: U(["ux-image", r.className]),
-        style: Be(r.style),
+        style: Re(r.style),
       },
       [
         n.svg
@@ -12585,7 +12585,7 @@ function P_(e, t, n, i, s, r) {
                 ref: "img",
                 loading: r.loading,
                 alt: r.altText,
-                style: Be(r.imageStyle),
+                style: Re(r.imageStyle),
                 src: r.src,
               },
               null,
@@ -12810,7 +12810,7 @@ function W_(e, t, n, i, s, r) {
               {
                 key: 0,
                 class: "ux-video-embed ux-video-embed-upload",
-                style: Be(r.embedStyle),
+                style: Re(r.embedStyle),
               },
               [
                 w(
@@ -12852,7 +12852,7 @@ function W_(e, t, n, i, s, r) {
               {
                 key: 1,
                 class: "ux-video-embed ux-video-embed-youtube",
-                style: Be(r.embedStyle),
+                style: Re(r.embedStyle),
               },
               [
                 w(
@@ -12934,7 +12934,7 @@ function Y_(e, t, n, i, s, r) {
         "div",
         {
           class: "ux-progress-fg",
-          style: Be(r.barStyle),
+          style: Re(r.barStyle),
         },
         null,
         4,
@@ -13021,7 +13021,7 @@ function eb(e, t, n, i, s, r) {
       Lt(r.elementType),
       {
         class: U(["ux-pill", { "has-link": r.hasLink }]),
-        style: Be(r.style),
+        style: Re(r.style),
       },
       {
         default: m(() => [
@@ -14260,6 +14260,19 @@ const zl = /* @__PURE__ */ C(Wb, [
       },
     },
     computed: {
+      barStyle() {
+        var t;
+        const e = (
+          ((t = this.model.meta) == null ? void 0 : t.scopes) || []
+        ).find(function ({ color: n }) {
+          return !!n;
+        });
+        return e
+          ? {
+              background: e.bgColor || e.color,
+            }
+          : { display: "none" };
+      },
       status() {
         var e, t;
         if ((e = this.model.meta) != null && e.deleted) return "deleted";
@@ -14377,6 +14390,15 @@ function i1(e, t, n, i, s, r) {
           )),
       },
       [
+        w(
+          "div",
+          {
+            class: "bar",
+            style: Re(r.barStyle),
+          },
+          null,
+          4,
+        ),
         c(
           h,
           {
@@ -14544,7 +14566,7 @@ function i1(e, t, n, i, s, r) {
 }
 const Hl = /* @__PURE__ */ C(t1, [
   ["render", i1],
-  ["__scopeId", "data-v-85f4366f"],
+  ["__scopeId", "data-v-7f413234"],
 ]);
 /**!
  * Sortable 1.14.0
@@ -14703,7 +14725,7 @@ function dt(e, t, n, i) {
   return null;
 }
 var qo = /\s+/g;
-function Re(e, t, n) {
+function Pe(e, t, n) {
   if (e && t)
     if (e.classList) e.classList[n ? "add" : "remove"](t);
     else {
@@ -14932,7 +14954,7 @@ function Lc(e) {
       ? n(e).clone(!0)[0]
       : e.cloneNode(!0);
 }
-var je = "Sortable" + /* @__PURE__ */ new Date().getTime();
+var qe = "Sortable" + /* @__PURE__ */ new Date().getTime();
 function h1() {
   var e = [],
     t;
@@ -15162,7 +15184,7 @@ function g1(e) {
     g = e.originalEvent,
     _ = e.putSortable,
     x = e.extraEventProperties;
-  if (((t = t || (n && n[je])), !!t)) {
+  if (((t = t || (n && n[qe])), !!t)) {
     var T,
       D = t.options,
       M = "on" + i.charAt(0).toUpperCase() + i.substr(1);
@@ -15211,7 +15233,7 @@ var v1 = ["evt"],
           originalEvent: s,
           oldIndex: rn,
           oldDraggableIndex: In,
-          newIndex: Pe,
+          newIndex: je,
           newDraggableIndex: Vt,
           hideGhostForTarget: Rc,
           unhideGhostForTarget: Pc,
@@ -15243,7 +15265,7 @@ function Le(e) {
         rootEl: ye,
         oldIndex: rn,
         oldDraggableIndex: In,
-        newIndex: Pe,
+        newIndex: je,
         newDraggableIndex: Vt,
       },
       e,
@@ -15259,7 +15281,7 @@ var N,
   ke,
   Dt,
   rn,
-  Pe,
+  je,
   In,
   Vt,
   ir,
@@ -15349,7 +15371,7 @@ var N,
     var i;
     return (
       Tr.some(function (s) {
-        var r = s[je].options.emptyInsertThreshold;
+        var r = s[qe].options.emptyInsertThreshold;
         if (!(!r || Wl(s))) {
           var l = De(s),
             a = t >= l.left - r && t <= l.right + r,
@@ -15422,19 +15444,19 @@ var qt = function (t) {
         (i.target = i.rootEl = n),
           (i.preventDefault = void 0),
           (i.stopPropagation = void 0),
-          n[je]._onDragOver(i);
+          n[qe]._onDragOver(i);
       }
     }
   },
   w1 = function (t) {
-    N && N.parentNode[je]._isOutsideThisEl(t.target);
+    N && N.parentNode[qe]._isOutsideThisEl(t.target);
   };
 function G(e, t) {
   if (!(e && e.nodeType && e.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat(
       {}.toString.call(e),
     );
-  (this.el = e), (this.options = t = _t({}, t)), (e[je] = this);
+  (this.el = e), (this.options = t = _t({}, t)), (e[qe] = this);
   var n = {
     group: null,
     sort: !0,
@@ -15638,7 +15660,7 @@ G.prototype =
                 name: "choose",
                 originalEvent: t,
               }),
-              Re(N, l.chosenClass, !0);
+              Pe(N, l.chosenClass, !0);
           }),
           l.ignore.split(",").forEach(function (h) {
             Mc(N, h.trim(), is);
@@ -15723,8 +15745,8 @@ G.prototype =
         }),
           this.nativeDraggable && oe(document, "dragover", w1);
         var i = this.options;
-        !t && Re(N, i.dragClass, !1),
-          Re(N, i.ghostClass, !0),
+        !t && Pe(N, i.dragClass, !1),
+          Pe(N, i.ghostClass, !0),
           (G.active = this),
           t && this._appendGhost(),
           Le({
@@ -15746,12 +15768,12 @@ G.prototype =
 
         )
           n = t;
-        if ((N.parentNode[je]._isOutsideThisEl(t), n))
+        if ((N.parentNode[qe]._isOutsideThisEl(t), n))
           do {
-            if (n[je]) {
+            if (n[qe]) {
               var i = void 0;
               if (
-                ((i = n[je]._onDragOver({
+                ((i = n[qe]._onDragOver({
                   clientX: rt.clientX,
                   clientY: rt.clientY,
                   target: t,
@@ -15844,9 +15866,9 @@ G.prototype =
             (rs = zo(Ie));
         }
         (Q = N.cloneNode(!0)),
-          Re(Q, i.ghostClass, !1),
-          Re(Q, i.fallbackClass, !0),
-          Re(Q, i.dragClass, !0),
+          Pe(Q, i.ghostClass, !1),
+          Pe(Q, i.fallbackClass, !0),
+          Pe(Q, i.dragClass, !0),
           J(Q, "transition", ""),
           J(Q, "transform", ""),
           J(Q, "box-sizing", "border-box"),
@@ -15890,7 +15912,7 @@ G.prototype =
           (ke.draggable = !1),
           (ke.style["will-change"] = ""),
           this._hideClone(),
-          Re(ke, this.options.chosenClass, !1),
+          Pe(ke, this.options.chosenClass, !1),
           (G.clone = ke)),
         (i.cloneId = pr(function () {
           Ne("clone", i),
@@ -15902,7 +15924,7 @@ G.prototype =
                 name: "clone",
               }));
         })),
-        !n && Re(N, r.dragClass, !0),
+        !n && Pe(N, r.dragClass, !0),
         n
           ? ((Sr = !0), (i._loopId = setInterval(i._emulateDragOver, 50)))
           : (se(document, "mouseup", i._onDrop),
@@ -15974,8 +15996,8 @@ G.prototype =
           ze &&
             (h ? d._hideClone() : d._showClone(x),
             x !== g &&
-              (Re(N, Fe ? Fe.options.ghostClass : d.options.ghostClass, !1),
-              Re(N, a.ghostClass, !0)),
+              (Pe(N, Fe ? Fe.options.ghostClass : d.options.ghostClass, !1),
+              Pe(N, a.ghostClass, !0)),
             Fe !== x && x !== G.active
               ? (Fe = x)
               : x === G.active && Fe && (Fe = null),
@@ -15988,19 +16010,19 @@ G.prototype =
           !a.dragoverBubble &&
             !t.rootEl &&
             i !== document &&
-            (N.parentNode[je]._isOutsideThisEl(t.target), !ze && qt(t)),
+            (N.parentNode[qe]._isOutsideThisEl(t.target), !ze && qt(t)),
           !a.dragoverBubble && t.stopPropagation && t.stopPropagation(),
           (T = !0)
         );
       }
       function B() {
-        (Pe = Ge(N)),
+        (je = Ge(N)),
           (Vt = Ge(N, a.draggable)),
           Le({
             sortable: x,
             name: "change",
             toEl: n,
-            newIndex: Pe,
+            newIndex: je,
             newDraggableIndex: Vt,
             originalEvent: t,
           });
@@ -16139,13 +16161,13 @@ G.prototype =
       var n = this.el,
         i = this.options;
       if (
-        ((Pe = Ge(N)),
+        ((je = Ge(N)),
         (Vt = Ge(N, i.draggable)),
         Ne("drop", this, {
           evt: t,
         }),
         (be = N && N.parentNode),
-        (Pe = Ge(N)),
+        (je = Ge(N)),
         (Vt = Ge(N, i.draggable)),
         G.eventCanceled)
       ) {
@@ -16180,8 +16202,8 @@ G.prototype =
             (N.style["will-change"] = ""),
             Tn &&
               !nn &&
-              Re(N, Fe ? Fe.options.ghostClass : this.options.ghostClass, !1),
-            Re(N, this.options.chosenClass, !1),
+              Pe(N, Fe ? Fe.options.ghostClass : this.options.ghostClass, !1),
+            Pe(N, this.options.chosenClass, !1),
             Le({
               sortable: this,
               name: "unchoose",
@@ -16191,7 +16213,7 @@ G.prototype =
               originalEvent: t,
             }),
             ye !== be
-              ? (Pe >= 0 &&
+              ? (je >= 0 &&
                   (Le({
                     rootEl: be,
                     name: "add",
@@ -16219,8 +16241,8 @@ G.prototype =
                     originalEvent: t,
                   })),
                 Fe && Fe.save())
-              : Pe !== rn &&
-                Pe >= 0 &&
+              : je !== rn &&
+                je >= 0 &&
                 (Le({
                   sortable: this,
                   name: "update",
@@ -16234,7 +16256,7 @@ G.prototype =
                   originalEvent: t,
                 })),
             G.active &&
-              ((Pe == null || Pe === -1) && ((Pe = rn), (Vt = In)),
+              ((je == null || je === -1) && ((je = rn), (Vt = In)),
               Le({
                 sortable: this,
                 name: "end",
@@ -16257,7 +16279,7 @@ G.prototype =
           jt =
           rt =
           Tn =
-          Pe =
+          je =
           Vt =
           rn =
           In =
@@ -16361,7 +16383,7 @@ G.prototype =
     destroy: function () {
       Ne("destroy", this);
       var t = this.el;
-      (t[je] = null),
+      (t[qe] = null),
         se(t, "mousedown", this._onTapStart),
         se(t, "touchstart", this._onTapStart),
         se(t, "pointerdown", this._onTapStart),
@@ -16412,7 +16434,7 @@ function x1(e) {
 }
 function ar(e, t, n, i, s, r, l, a) {
   var u,
-    d = e[je],
+    d = e[qe],
     h = d.options.onMove,
     p;
   return (
@@ -16527,7 +16549,7 @@ G.utils = {
   extend: f1,
   throttle: Ic,
   closest: dt,
-  toggleClass: Re,
+  toggleClass: Pe,
   clone: Lc,
   index: Ge,
   nextTick: pr,
@@ -16536,7 +16558,7 @@ G.utils = {
   getChild: dn,
 };
 G.get = function (e) {
-  return e[je];
+  return e[qe];
 };
 G.mount = function () {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
@@ -16723,7 +16745,7 @@ var as = Ic(function (e, t, n, i) {
                   _e = Te[this.layer].vx ? Te[this.layer].vx * a : 0;
                 (typeof h == "function" &&
                   h.call(
-                    G.dragged.parentNode[je],
+                    G.dragged.parentNode[qe],
                     _e,
                     ge,
                     e,
@@ -26536,7 +26558,7 @@ function Zx(e, t, n, i, s, r) {
 }
 const Xx = /* @__PURE__ */ C(Jx, [
     ["render", Zx],
-    ["__scopeId", "data-v-c0db0ca3"],
+    ["__scopeId", "data-v-639c59a6"],
   ]),
   Qx = {
     components: {
@@ -26827,7 +26849,7 @@ function lS(e, t, n, i, s, r) {
 }
 const aS = /* @__PURE__ */ C(Qx, [
     ["render", lS],
-    ["__scopeId", "data-v-4f052481"],
+    ["__scopeId", "data-v-ae8ff721"],
   ]),
   oS = {
     props: {
@@ -30868,7 +30890,7 @@ function c2(e, t, n, i, s, r) {
 }
 const f2 = /* @__PURE__ */ C(e2, [
     ["render", c2],
-    ["__scopeId", "data-v-717a0fa2"],
+    ["__scopeId", "data-v-084b9220"],
   ]),
   m2 = {
     components: {
@@ -33730,7 +33752,7 @@ const MO = Array.from(
       },
     },
   },
-  Wn = (e) => (Ze("data-v-720c23d6"), (e = e()), Xe(), e),
+  Wn = (e) => (Ze("data-v-2eaaec20"), (e = e()), Xe(), e),
   AO = /* @__PURE__ */ Wn(() =>
     /* @__PURE__ */ w("h2", null, "Payment Summary", -1),
   ),
@@ -33957,7 +33979,7 @@ function BO(e, t, n, i, s, r) {
 }
 const zO = /* @__PURE__ */ C(IO, [
     ["render", BO],
-    ["__scopeId", "data-v-720c23d6"],
+    ["__scopeId", "data-v-2eaaec20"],
   ]),
   HO = {
     name: "Signature",
@@ -35089,7 +35111,7 @@ function FV(e, t, n, i, s, r) {
                               parented: r.isParentSelected(_),
                             },
                           ]),
-                          style: Be(_.style),
+                          style: Re(_.style),
                           onClick: (x) => r.toggle(_),
                         },
                         [
@@ -42051,7 +42073,7 @@ function DD(e, t, n, i, s, r) {
         "div",
         {
           class: "modal-content",
-          style: Be(r.style),
+          style: Re(r.style),
         },
         [
           (o(),