@qikdev/vue-ui 0.2.110 → 0.2.112

package/dist/lib.es.js

@@ -1,7 +1,7 @@
 import './style.css';
-import { defineComponent as Si, ref as Yt, toRefs as ma, onMounted as ha, onBeforeUnmount as Ao, watch as Oi, computed as ui, openBlock as o, createElementBlock as d, renderSlot as G, createCommentVNode as _, useSlots as Mo, reactive as wr, provide as $r, resolveComponent as y, normalizeClass as P, Fragment as S, unref as Rn, createBlock as k, withCtx as m, createVNode as h, renderList as $, toDisplayString as b, createElementVNode as x, withModifiers as q, createTextVNode as O, h as di, resolveDynamicComponent as St, mergeProps as Ti, toHandlers as pa, withDirectives as K, vModelSelect as Ot, pushScopeId as lt, popScopeId as ot, normalizeStyle as ct, Teleport as Io, vModelText as se, withKeys as ge, TransitionGroup as Do, nextTick as ya, vModelDynamic as Bn, vShow as Zi } from "vue";
+import { defineComponent as Si, ref as Yt, toRefs as ma, onMounted as ha, onBeforeUnmount as Ao, watch as Oi, computed as ui, openBlock as o, createElementBlock as d, renderSlot as G, createCommentVNode as _, useSlots as Mo, reactive as wr, provide as $r, resolveComponent as y, normalizeClass as P, Fragment as S, unref as Rn, createBlock as k, withCtx as m, createVNode as h, renderList as $, toDisplayString as b, createElementVNode as x, withModifiers as q, createTextVNode as O, h as di, resolveDynamicComponent as St, mergeProps as Ti, toHandlers as pa, withDirectives as K, vModelSelect as Ot, pushScopeId as ot, popScopeId as ut, normalizeStyle as at, Teleport as Io, vModelText as se, withKeys as ge, TransitionGroup as Do, nextTick as ya, vModelDynamic as Bn, vShow as Zi } from "vue";
 import { EventDispatcher as Fo } from "@qikdev/sdk";
-const $o = "0.2.110";
+const $o = "0.2.112";
 class $t extends Error {
 }
 class No extends $t {
@@ -197,7 +197,7 @@ function Ho(e, t) {
 function Xt(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function ut(e, t, n) {
+function dt(e, t, n) {
   return Sr(e) && e >= t && e <= n;
 }
 function qo(e, t) {
@@ -3162,19 +3162,19 @@ function fs(e) {
   return { year: t, month: i, day: s, ...Tr(e) };
 }
 function Ad(e) {
-  const t = Sr(e.weekYear), n = ut(e.weekNumber, 1, ur(e.weekYear)), i = ut(e.weekday, 1, 7);
+  const t = Sr(e.weekYear), n = dt(e.weekNumber, 1, ur(e.weekYear)), i = dt(e.weekday, 1, 7);
   return t ? n ? i ? !1 : Ge("weekday", e.weekday) : Ge("week", e.week) : Ge("weekYear", e.weekYear);
 }
 function Md(e) {
-  const t = Sr(e.year), n = ut(e.ordinal, 1, Sn(e.year));
+  const t = Sr(e.year), n = dt(e.ordinal, 1, Sn(e.year));
   return t ? n ? !1 : Ge("ordinal", e.ordinal) : Ge("year", e.year);
 }
 function ul(e) {
-  const t = Sr(e.year), n = ut(e.month, 1, 12), i = ut(e.day, 1, or(e.year, e.month));
+  const t = Sr(e.year), n = dt(e.month, 1, 12), i = dt(e.day, 1, or(e.year, e.month));
   return t ? n ? i ? !1 : Ge("day", e.day) : Ge("month", e.month) : Ge("year", e.year);
 }
 function dl(e) {
-  const { hour: t, minute: n, second: i, millisecond: s } = e, r = ut(t, 0, 23) || t === 24 && n === 0 && i === 0 && s === 0, a = ut(n, 0, 59), l = ut(i, 0, 59), u = ut(s, 0, 999);
+  const { hour: t, minute: n, second: i, millisecond: s } = e, r = dt(t, 0, 23) || t === 24 && n === 0 && i === 0 && s === 0, a = dt(n, 0, 59), l = dt(i, 0, 59), u = dt(s, 0, 999);
   return r ? a ? l ? u ? !1 : Ge("millisecond", s) : Ge("second", i) : Ge("minute", n) : Ge("hour", t);
 }
 const Rr = "Invalid DateTime", ms = 864e13;
@@ -7079,7 +7079,7 @@ const Qy = {
       }));
     }
   }
-}, e_ = (e) => (lt("data-v-f4e2b110"), e = e(), ot(), e), t_ = {
+}, e_ = (e) => (ot("data-v-f4e2b110"), e = e(), ut(), e), t_ = {
   key: 0,
   class: "ux-field-title"
 }, n_ = {
@@ -7502,7 +7502,7 @@ const T_ = {
 function C_(e, t, n, i, s, r) {
   return o(), d("div", {
     class: "avatar-image",
-    style: ct(r.style)
+    style: at(r.style)
   }, null, 4);
 }
 const V_ = /* @__PURE__ */ C(T_, [["render", C_]]);
@@ -7512,7 +7512,7 @@ const E_ = {
       type: Boolean
     }
   }
-}, A_ = (e) => (lt("data-v-d68fe1cf"), e = e(), ot(), e), M_ = /* @__PURE__ */ A_(() => /* @__PURE__ */ x("i", { class: "fa fa-spin fa-spinner" }, null, -1)), I_ = [
+}, A_ = (e) => (ot("data-v-d68fe1cf"), e = e(), ut(), e), M_ = /* @__PURE__ */ A_(() => /* @__PURE__ */ x("i", { class: "fa fa-spin fa-spinner" }, null, -1)), I_ = [
   M_
 ];
 function D_(e, t, n, i, s, r) {
@@ -7597,7 +7597,7 @@ function N_(e, t, n, i, s, r) {
     to: n.to,
     href: n.href,
     target: n.target,
-    style: ct(r.style),
+    style: at(r.style),
     class: P([r.classes, "ux-btn"]),
     disabled: n.disabled
   }, {
@@ -7907,12 +7907,12 @@ function Z_(e, t, n, i, s, r) {
       s.isExpanded ? (o(), d("div", {
         key: 0,
         class: "ux-menu-outer",
-        style: ct(s.outerStyle)
+        style: at(s.outerStyle)
       }, [
         x("div", {
           class: "ux-menu-panel",
           ref: "menu",
-          style: ct(s.innerStyle)
+          style: at(s.innerStyle)
         }, [
           G(e.$slots, "default", {}, void 0, !0)
         ], 4)
@@ -8283,7 +8283,7 @@ const tg = {
 function ig(e, t, n, i, s, r) {
   return o(), d("div", {
     class: P(["ux-image", r.className]),
-    style: ct(r.style)
+    style: at(r.style)
   }, [
     n.svg ? (o(), d("object", {
       key: 0,
@@ -8294,7 +8294,7 @@ function ig(e, t, n, i, s, r) {
       key: 1,
       ref: "img",
       alt: r.altText,
-      style: ct(r.imageStyle),
+      style: at(r.imageStyle),
       src: r.src
     }, null, 12, rg))
   ], 6);
@@ -8325,6 +8325,20 @@ const ag = {
     this.$sdk.auth.ensureValidToken();
   },
   computed: {
+    padHeight() {
+      return this.actualHeight && this.actualWidth ? `${this.actualHeight / this.actualWidth * 100}%` : void 0;
+    },
+    youtubeSrc() {
+      return `https://www.youtube.com/embed/${this.mediaID}`;
+    },
+    title() {
+      var e;
+      return (e = this.model) == null ? void 0 : e.title;
+    },
+    mediaID() {
+      var e;
+      return (e = this.model) == null ? void 0 : e.mediaIntegrationID;
+    },
     mediaType() {
       var e;
       return ((e = this.model) == null ? void 0 : e.mediaIntegrationType) || "upload";
@@ -8408,18 +8422,21 @@ const ag = {
     // dimensionHeight() {
     //     return this.imageWidth && this.imageHeight ? this.imageHeight : this.modelHeight;
     // },
-    style() {
+    embedStyle() {
       var e = {};
-      return e;
+      return this.padHeight && (e.height = 0, e.paddingBottom = this.padHeight, e.overflow = "hidden", e.position = "relative"), e;
     }
   }
-}, lg = { class: "ux-video-embed-upload" }, og = ["width", "height", "controls"], ug = ["src", "type"];
+}, lg = ["width", "height", "controls"], og = ["src", "type"], ug = ["width", "height", "src", "title"];
 function dg(e, t, n, i, s, r) {
   return o(), d("div", {
-    class: P(["ux-video", r.className]),
-    style: ct(r.style)
+    class: P(["ux-video", r.className])
   }, [
-    x("div", lg, [
+    r.mediaType === "upload" ? (o(), d("div", {
+      key: 0,
+      class: "ux-video-embed ux-video-embed-upload",
+      style: at(r.embedStyle)
+    }, [
       x("video", {
         width: r.actualWidth,
         height: r.actualHeight,
@@ -8428,13 +8445,28 @@ function dg(e, t, n, i, s, r) {
         x("source", {
           src: r.src,
           type: r.mimetype
-        }, null, 8, ug),
+        }, null, 8, og),
         O(" Your browser does not support the video tag. ")
-      ], 8, og)
-    ])
-  ], 6);
+      ], 8, lg)
+    ], 4)) : _("", !0),
+    r.mediaType === "youtube" ? (o(), d("div", {
+      key: 1,
+      class: "ux-video-embed ux-video-embed-youtube",
+      style: at(r.embedStyle)
+    }, [
+      x("iframe", {
+        width: r.actualWidth,
+        height: r.actualHeight,
+        src: r.youtubeSrc,
+        title: r.title,
+        frameborder: "0",
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+        allowfullscreen: ""
+      }, null, 8, ug)
+    ], 4)) : _("", !0)
+  ], 2);
 }
-const cg = /* @__PURE__ */ C(ag, [["render", dg], ["__scopeId", "data-v-e032a513"]]);
+const cg = /* @__PURE__ */ C(ag, [["render", dg], ["__scopeId", "data-v-5787b105"]]);
 const fg = {
   props: {
     value: {
@@ -8458,13 +8490,13 @@ const fg = {
       return "i";
     }
   }
-}, mg = (e) => (lt("data-v-d56ad6e1"), e = e(), ot(), e), hg = { class: "ux-progress" }, pg = /* @__PURE__ */ mg(() => /* @__PURE__ */ x("div", { class: "ux-progress-bg" }, null, -1));
+}, mg = (e) => (ot("data-v-d56ad6e1"), e = e(), ut(), e), hg = { class: "ux-progress" }, pg = /* @__PURE__ */ mg(() => /* @__PURE__ */ x("div", { class: "ux-progress-bg" }, null, -1));
 function yg(e, t, n, i, s, r) {
   return o(), d("div", hg, [
     pg,
     x("div", {
       class: "ux-progress-fg",
-      style: ct(r.barStyle)
+      style: at(r.barStyle)
     }, null, 4)
   ]);
 }
@@ -8556,7 +8588,7 @@ const Og = {
       this.model = e;
     }
   }
-}, Vl = (e) => (lt("data-v-dc53841d"), e = e(), ot(), e), Tg = /* @__PURE__ */ Vl(() => /* @__PURE__ */ x("label", null, "From Date", -1)), Cg = /* @__PURE__ */ Vl(() => /* @__PURE__ */ x("label", null, "To Date", -1));
+}, Vl = (e) => (ot("data-v-dc53841d"), e = e(), ut(), e), Tg = /* @__PURE__ */ Vl(() => /* @__PURE__ */ x("label", null, "From Date", -1)), Cg = /* @__PURE__ */ Vl(() => /* @__PURE__ */ x("label", null, "To Date", -1));
 function Vg(e, t, n, i, s, r) {
   const a = y("flex-cell"), l = y("flex-row");
   return o(), d("div", null, [
@@ -8663,7 +8695,7 @@ const Ag = {
       };
     }
   }
-}, Mg = (e) => (lt("data-v-d61960a4"), e = e(), ot(), e), Ig = {
+}, Mg = (e) => (ot("data-v-d61960a4"), e = e(), ut(), e), Ig = {
   key: 0,
   class: "ux-field-title"
 }, Dg = {
@@ -9450,7 +9482,10 @@ function iv(e, t, n, i, s, r) {
           ]),
           _: 1
         })) : _("", !0),
-        h(l, { vcenter: "" }, {
+        h(l, {
+          class: "text",
+          vcenter: ""
+        }, {
           default: m(() => [
             x("div", null, [
               G(e.$slots, "default", {}, () => [
@@ -9471,7 +9506,7 @@ function iv(e, t, n, i, s, r) {
     })
   ]);
 }
-const El = /* @__PURE__ */ C(rv, [["render", iv], ["__scopeId", "data-v-f1a20da8"]]);
+const El = /* @__PURE__ */ C(rv, [["render", iv], ["__scopeId", "data-v-6ca8ca73"]]);
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -9488,7 +9523,7 @@ function Ps(e, t) {
   }
   return n;
 }
-function at(e) {
+function lt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Ps(Object(n), !0).forEach(function(i) {
@@ -9544,11 +9579,11 @@ function lv(e, t) {
   return n;
 }
 var ov = "1.14.0";
-function dt(e) {
+function ct(e) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(e);
 }
-var ht = dt(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), $n = dt(/Edge/i), Us = dt(/firefox/i), On = dt(/safari/i) && !dt(/chrome/i) && !dt(/android/i), Al = dt(/iP(ad|od|hone)/i), uv = dt(/chrome/i) && dt(/android/i), Ml = {
+var ht = ct(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), $n = ct(/Edge/i), Us = ct(/firefox/i), On = ct(/safari/i) && !ct(/chrome/i) && !ct(/android/i), Al = ct(/iP(ad|od|hone)/i), uv = ct(/chrome/i) && ct(/android/i), Ml = {
   capture: !1,
   passive: !1
 };
@@ -9772,7 +9807,7 @@ function hv() {
               target: s,
               rect: be(s)
             });
-            var r = at({}, e[e.length - 1].rect);
+            var r = lt({}, e[e.length - 1].rect);
             if (s.thisAnimationDuration) {
               var a = Jt(s, !0);
               a && (r.top -= a.f, r.left -= a.e);
@@ -9842,9 +9877,9 @@ var Ht = [], Wr = {
     };
     var r = t + "Global";
     Ht.forEach(function(a) {
-      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](at({
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](lt({
         sortable: n
-      }, i)), n.options[a.pluginName] && n[a.pluginName][t] && n[a.pluginName][t](at({
+      }, i)), n.options[a.pluginName] && n[a.pluginName][t] && n[a.pluginName][t](lt({
         sortable: n
       }, i)));
     });
@@ -9884,7 +9919,7 @@ function _v(e) {
       bubbles: !0,
       cancelable: !0
     }) : (T = document.createEvent("Event"), T.initEvent(i, !0, !0)), T.to = a || n, T.from = l || n, T.item = s || n, T.clone = r, T.oldIndex = u, T.newIndex = f, T.oldDraggableIndex = c, T.newDraggableIndex = p, T.originalEvent = g, T.pullMode = v ? v.lastPutMode : void 0;
-    var Q = at(at({}, w), Nn.getEventProperties(i, t));
+    var Q = lt(lt({}, w), Nn.getEventProperties(i, t));
     for (var re in Q)
       T[re] = Q[re];
     n && n.dispatchEvent(T), A[W] && A[W].call(t, T);
@@ -9892,7 +9927,7 @@ function _v(e) {
 }
 var gv = ["evt"], Ne = function(t, n) {
   var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = i.evt, r = lv(i, gv);
-  Nn.pluginEvent.bind(R)(t, n, at({
+  Nn.pluginEvent.bind(R)(t, n, lt({
     dragEl: M,
     parentEl: me,
     ghostEl: H,
@@ -9927,7 +9962,7 @@ var gv = ["evt"], Ne = function(t, n) {
   }, r));
 };
 function Ie(e) {
-  _v(at({
+  _v(lt({
     putSortable: we,
     cloneEl: he,
     targetEl: M,
@@ -10261,7 +10296,7 @@ R.prototype = /** @lends Sortable.prototype */
     if (vi)
       return;
     function A(tt, Ut) {
-      Ne(tt, w, at({
+      Ne(tt, w, lt({
         evt: t,
         isOwner: c,
         axis: v ? "vertical" : "horizontal",
@@ -10595,7 +10630,7 @@ R.mount = function() {
   t[0].constructor === Array && (t = t[0]), t.forEach(function(i) {
     if (!i.prototype || !i.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(i));
-    i.utils && (R.utils = at(at({}, R.utils), i.utils)), Nn.mount(i);
+    i.utils && (R.utils = lt(lt({}, R.utils), i.utils)), Nn.mount(i);
   });
 };
 R.create = function(e, t) {
@@ -15845,7 +15880,7 @@ const ox = {
       };
     }
   }
-}, Dr = (e) => (lt("data-v-c8feb6c2"), e = e(), ot(), e), ux = {
+}, Dr = (e) => (ot("data-v-c8feb6c2"), e = e(), ut(), e), ux = {
   key: 0,
   class: "ux-field-title"
 }, dx = {
@@ -17494,7 +17529,7 @@ const D2 = Array.from({ length: 6 }, (e, t) => new Date().getFullYear() + t).map
       };
     }
   }
-}, Ln = (e) => (lt("data-v-656d350e"), e = e(), ot(), e), $2 = /* @__PURE__ */ Ln(() => /* @__PURE__ */ x("h2", null, "Payment Summary", -1)), N2 = { class: "calculations" }, L2 = /* @__PURE__ */ Ln(() => /* @__PURE__ */ x("td", null, "Amount", -1)), P2 = { class: "running-total" }, U2 = { class: "running-total" }, j2 = {
+}, Ln = (e) => (ot("data-v-656d350e"), e = e(), ut(), e), $2 = /* @__PURE__ */ Ln(() => /* @__PURE__ */ x("h2", null, "Payment Summary", -1)), N2 = { class: "calculations" }, L2 = /* @__PURE__ */ Ln(() => /* @__PURE__ */ x("td", null, "Amount", -1)), P2 = { class: "running-total" }, U2 = { class: "running-total" }, j2 = {
   key: 0,
   class: "grand-total"
 }, R2 = /* @__PURE__ */ Ln(() => /* @__PURE__ */ x("td", null, [
@@ -19344,7 +19379,7 @@ const si = "form.ready", MT = "form.processing", oa = "form.complete", ua = "for
       return this.form.fields || [];
     }
   }
-}, FT = (e) => (lt("data-v-e1ea11cb"), e = e(), ot(), e), $T = /* @__PURE__ */ FT(() => /* @__PURE__ */ x("h3", null, "An error occurred", -1)), NT = { key: 0 }, LT = { key: 1 }, PT = { key: 2 }, UT = { class: "intent-submit" }, jT = ["tooltip"];
+}, FT = (e) => (ot("data-v-e1ea11cb"), e = e(), ut(), e), $T = /* @__PURE__ */ FT(() => /* @__PURE__ */ x("h3", null, "An error occurred", -1)), NT = { key: 0 }, LT = { key: 1 }, PT = { key: 2 }, UT = { class: "intent-submit" }, jT = ["tooltip"];
 function RT(e, t, n, i, s, r) {
   var v;
   const a = y("ux-icon"), l = y("ux-button"), u = y("ux-panel-body"), f = y("ux-panel"), c = y("StripeElement"), p = y("StripeElements"), g = y("ux-form");
@@ -21154,7 +21189,7 @@ const dV = {
       actualOptions: this.options
     };
   }
-}, wo = (e) => (lt("data-v-ae24fab5"), e = e(), ot(), e), cV = { class: "footer" }, fV = /* @__PURE__ */ wo(() => /* @__PURE__ */ x("p", null, null, -1)), mV = { key: 0 }, hV = /* @__PURE__ */ wo(() => /* @__PURE__ */ x("p", null, null, -1));
+}, wo = (e) => (ot("data-v-ae24fab5"), e = e(), ut(), e), cV = { class: "footer" }, fV = /* @__PURE__ */ wo(() => /* @__PURE__ */ x("p", null, null, -1)), mV = { key: 0 }, hV = /* @__PURE__ */ wo(() => /* @__PURE__ */ x("p", null, null, -1));
 function pV(e, t, n, i, s, r) {
   const a = y("ux-icon"), l = y("ux-panel-body"), u = y("ux-panel"), f = y("flex-column"), c = y("ux-button"), p = y("ux-list-item"), g = y("ux-list"), v = y("ux-menu"), w = y("native-table"), T = y("pager"), A = y("flex-footer"), W = y("flex-row"), Q = y("search"), re = y("ux-field"), oe = y("filter-builder"), ue = y("flex-body"), B = y("spinner");
   return r.actualDefinition ? (o(), k(f, {
@@ -21435,7 +21470,7 @@ function vV(e, t, n, i, s, r) {
     }),
     x("div", {
       class: "modal-content",
-      style: ct(r.style)
+      style: at(r.style)
     }, [
       (o(), k(St(n.modal.component), Ti({
         options: n.modal.options
@@ -22021,7 +22056,7 @@ const JV = {
       this.close(this.model);
     }
   }
-}, XV = (e) => (lt("data-v-e905a558"), e = e(), ot(), e), QV = { class: "header" }, eE = /* @__PURE__ */ XV(() => /* @__PURE__ */ x("h3", null, "Select Scopes", -1)), tE = { class: "padder" };
+}, XV = (e) => (ot("data-v-e905a558"), e = e(), ut(), e), QV = { class: "header" }, eE = /* @__PURE__ */ XV(() => /* @__PURE__ */ x("h3", null, "Select Scopes", -1)), tE = { class: "padder" };
 function nE(e, t, n, i, s, r) {
   const a = y("flex-cell"), l = y("ux-button"), u = y("flex-row"), f = y("flex-header"), c = y("scope-select"), p = y("flex-body"), g = y("flex-column");
   return o(), k(g, { class: "wrapper" }, {