@qikdev/vue-ui 0.2.282 → 0.2.283

package/dist/lib.es.js

@@ -47,7 +47,7 @@ import {
   vModelDynamic as Zn,
 } from "vue";
 import { EventDispatcher as jl } from "@qikdev/sdk";
-const fu = "0.2.282";
+const fu = "0.2.283";
 class qt extends Error {}
 class mu extends qt {
   constructor(t) {
@@ -9643,7 +9643,7 @@ const Qg = {
           n = this.model;
         return n || n === !1 || n === 0
           ? this.getLabel(this.optionLookup[this.model])
-          : t || this.title || "Click to select";
+          : t || this.placeholder || this.title || "Click to select";
       },
       grouped() {
         const e = this,
@@ -9707,7 +9707,7 @@ const Qg = {
       },
     },
   },
-  e_ = (e) => (Ze("data-v-f2186a72"), (e = e()), Je(), e),
+  e_ = (e) => (Ze("data-v-818cbef3"), (e = e()), Je(), e),
   t_ = {
     key: 0,
     class: "ux-field-title",
@@ -10102,7 +10102,7 @@ function v_(e, t, n, r, s, i) {
 }
 const gt = /* @__PURE__ */ V(Qg, [
   ["render", v_],
-  ["__scopeId", "data-v-f2186a72"],
+  ["__scopeId", "data-v-818cbef3"],
 ]);
 const b_ = {
   props: {
@@ -10427,9 +10427,9 @@ function k_(e, t, n, r, s, i) {
     )
   );
 }
-const XM = /* @__PURE__ */ V(b_, [
+const QM = /* @__PURE__ */ V(b_, [
   ["render", k_],
-  ["__scopeId", "data-v-f46dd772"],
+  ["__scopeId", "data-v-6cb45aad"],
 ]);
 function x_(e) {
   return au() ? (uu(e), !0) : !1;
@@ -37356,7 +37356,7 @@ function eF(e, t, n, r, s, i) {
 }
 const tF = /* @__PURE__ */ V(QD, [
   ["render", eF],
-  ["__scopeId", "data-v-696aa569"],
+  ["__scopeId", "data-v-ea61bb91"],
 ]);
 var nF = "__lodash_hash_undefined__";
 function iF(e) {
@@ -37800,6 +37800,11 @@ const zF = {
       },
     },
     computed: {
+      emptyTextString() {
+        return this.dateFilterEnabled
+          ? `No ${this.plural} match your filters.`
+          : `No ${this.plural} found.`;
+      },
       definition() {
         const e = this;
         return e.glossary ? e.glossary[e.type] : null;
@@ -38374,15 +38379,19 @@ const zF = {
       };
     },
   },
-  ls = (e) => (Ze("data-v-665d3903"), (e = e()), Je(), e),
+  ls = (e) => (Ze("data-v-918225cf"), (e = e()), Je(), e),
   qF = /* @__PURE__ */ ls(() =>
     /* @__PURE__ */ x("strong", null, "Select Columns", -1),
   ),
-  HF = { class: "footer" },
-  WF = /* @__PURE__ */ ls(() => /* @__PURE__ */ x("p", null, null, -1)),
-  GF = { key: 0 },
-  YF = /* @__PURE__ */ ls(() => /* @__PURE__ */ x("p", null, null, -1));
-function KF(e, t, n, r, s, i) {
+  HF = {
+    key: 0,
+    class: "font-sm",
+  },
+  WF = { class: "footer" },
+  GF = /* @__PURE__ */ ls(() => /* @__PURE__ */ x("p", null, null, -1)),
+  YF = { key: 0 },
+  KF = /* @__PURE__ */ ls(() => /* @__PURE__ */ x("p", null, null, -1));
+function ZF(e, t, n, r, s, i) {
   const l = y("ux-icon"),
     o = y("ux-panel-body"),
     u = y("ux-panel"),
@@ -38824,13 +38833,22 @@ function KF(e, t, n, r, s, i) {
                                                                       x(
                                                                         "div",
                                                                         null,
-                                                                        "No " +
-                                                                          b(
-                                                                            i.plural,
-                                                                          ) +
-                                                                          " found.",
+                                                                        b(
+                                                                          i.emptyTextString,
+                                                                        ),
                                                                         1,
                                                                       ),
+                                                                      n.dateFilterEnabled
+                                                                        ? (a(),
+                                                                          d(
+                                                                            "div",
+                                                                            HF,
+                                                                            " Try changing your date range or updating your filter. ",
+                                                                          ))
+                                                                        : g(
+                                                                            "",
+                                                                            !0,
+                                                                          ),
                                                                     ],
                                                                   ),
                                                                   _: 1,
@@ -38864,7 +38882,7 @@ function KF(e, t, n, r, s, i) {
                                             void 0,
                                             !0,
                                           ),
-                                          x("div", HF, [
+                                          x("div", WF, [
                                             c(
                                               P,
                                               {
@@ -38928,10 +38946,10 @@ function KF(e, t, n, r, s, i) {
                                       8,
                                       ["modelValue", "loading"],
                                     ),
-                                    WF,
+                                    GF,
                                     n.dateFilterEnabled
                                       ? (a(),
-                                        d("div", GF, [
+                                        d("div", YF, [
                                           c(
                                             le,
                                             {
@@ -38948,7 +38966,7 @@ function KF(e, t, n, r, s, i) {
                                           ),
                                         ]))
                                       : g("", !0),
-                                    YF,
+                                    KF,
                                     c(
                                       W,
                                       {
@@ -38991,11 +39009,11 @@ function KF(e, t, n, r, s, i) {
       ))
     : g("", !0);
 }
-const ZF = /* @__PURE__ */ V(zF, [
-  ["render", KF],
-  ["__scopeId", "data-v-665d3903"],
+const JF = /* @__PURE__ */ V(zF, [
+  ["render", ZF],
+  ["__scopeId", "data-v-918225cf"],
 ]);
-const JF = {
+const XF = {
     props: {
       modal: {
         type: Object,
@@ -39026,11 +39044,11 @@ const JF = {
       },
     },
   },
-  XF = { class: "modal-wrapper" };
-function QF(e, t, n, r, s, i) {
+  QF = { class: "modal-wrapper" };
+function eM(e, t, n, r, s, i) {
   return (
     a(),
-    d("div", XF, [
+    d("div", QF, [
       x("div", {
         class: "modal-blanket",
         onClick:
@@ -39066,11 +39084,11 @@ function QF(e, t, n, r, s, i) {
     ])
   );
 }
-const eM = /* @__PURE__ */ V(JF, [
-  ["render", QF],
+const tM = /* @__PURE__ */ V(XF, [
+  ["render", eM],
   ["__scopeId", "data-v-90c28992"],
 ]);
-const tM = {
+const nM = {
     mixins: [_n],
     computed: {
       confirmText() {
@@ -39081,10 +39099,10 @@ const tM = {
       },
     },
   },
-  nM = { class: "padder" },
-  iM = ["innerHTML"],
-  rM = { class: "padder" };
-function sM(e, t, n, r, s, i) {
+  iM = { class: "padder" },
+  rM = ["innerHTML"],
+  sM = { class: "padder" };
+function lM(e, t, n, r, s, i) {
   const l = y("flex-body"),
     o = y("ux-button"),
     u = y("flex-cell"),
@@ -39100,7 +39118,7 @@ function sM(e, t, n, r, s, i) {
         default: h(() => [
           c(l, null, {
             default: h(() => [
-              x("div", nM, [
+              x("div", iM, [
                 x("h5", null, b(e.options.title), 1),
                 x(
                   "div",
@@ -39109,7 +39127,7 @@ function sM(e, t, n, r, s, i) {
                   },
                   null,
                   8,
-                  iM,
+                  rM,
                 ),
               ]),
             ]),
@@ -39117,7 +39135,7 @@ function sM(e, t, n, r, s, i) {
           }),
           c(f, null, {
             default: h(() => [
-              x("div", rM, [
+              x("div", sM, [
                 c(m, null, {
                   default: h(() => [
                     c(u, null, {
@@ -39169,11 +39187,11 @@ function sM(e, t, n, r, s, i) {
     )
   );
 }
-const lM = /* @__PURE__ */ V(tM, [
-  ["render", sM],
+const oM = /* @__PURE__ */ V(nM, [
+  ["render", lM],
   ["__scopeId", "data-v-be545ba8"],
 ]);
-const oM = {
+const aM = {
     data() {
       return {
         selected: null,
@@ -39220,21 +39238,21 @@ const oM = {
       },
     },
   },
-  aM = { class: "options-modal-header" },
-  uM = { class: "padder" },
-  dM = { class: "options-modal-header" },
-  cM = { class: "padder" },
-  fM = ["onClick"],
-  mM = {
+  uM = { class: "options-modal-header" },
+  dM = { class: "padder" },
+  cM = { class: "options-modal-header" },
+  fM = { class: "padder" },
+  mM = ["onClick"],
+  hM = {
     key: 0,
     class: "title",
   },
-  hM = {
+  pM = {
     key: 1,
     class: "description",
   },
-  pM = { class: "padder" };
-function yM(e, t, n, r, s, i) {
+  yM = { class: "padder" };
+function gM(e, t, n, r, s, i) {
   const l = y("flex-header"),
     o = y("search"),
     u = y("flex-cell"),
@@ -39258,8 +39276,8 @@ function yM(e, t, n, r, s, i) {
                 { key: 0 },
                 {
                   default: h(() => [
-                    x("div", aM, [
-                      x("div", uM, [
+                    x("div", uM, [
+                      x("div", dM, [
                         x("h5", null, b(e.options.title), 1),
                         x("div", null, b(e.options.description), 1),
                       ]),
@@ -39276,8 +39294,8 @@ function yM(e, t, n, r, s, i) {
                 { key: 1 },
                 {
                   default: h(() => [
-                    x("div", dM, [
-                      x("div", cM, [
+                    x("div", cM, [
+                      x("div", fM, [
                         c(
                           o,
                           {
@@ -39339,11 +39357,11 @@ function yM(e, t, n, r, s, i) {
                                       {
                                         default: h(() => [
                                           O.title
-                                            ? (a(), d("div", mM, b(O.title), 1))
+                                            ? (a(), d("div", hM, b(O.title), 1))
                                             : g("", !0),
                                           O.description
                                             ? (a(),
-                                              d("div", hM, b(O.description), 1))
+                                              d("div", pM, b(O.description), 1))
                                             : g("", !0),
                                         ]),
                                         _: 2,
@@ -39370,7 +39388,7 @@ function yM(e, t, n, r, s, i) {
                               ),
                             ],
                             8,
-                            fM,
+                            mM,
                           )
                         ),
                       ),
@@ -39388,7 +39406,7 @@ function yM(e, t, n, r, s, i) {
             { class: "options-modal-footer" },
             {
               default: h(() => [
-                x("div", pM, [
+                x("div", yM, [
                   c(
                     _,
                     {
@@ -39413,11 +39431,11 @@ function yM(e, t, n, r, s, i) {
     )
   );
 }
-const gM = /* @__PURE__ */ V(oM, [
-  ["render", yM],
+const _M = /* @__PURE__ */ V(aM, [
+  ["render", gM],
   ["__scopeId", "data-v-60de0d31"],
 ]);
-const _M = {
+const vM = {
     mixins: [_n],
     data() {
       return {
@@ -39444,10 +39462,10 @@ const _M = {
       this.options.model && (this.model = this.options.model);
     },
   },
-  vM = { class: "padder" },
-  bM = { key: 0 },
-  kM = { class: "padder" };
-function xM(e, t, n, r, s, i) {
+  bM = { class: "padder" },
+  kM = { key: 0 },
+  xM = { class: "padder" };
+function wM(e, t, n, r, s, i) {
   const l = y("ux-form"),
     o = y("flex-body"),
     u = y("ux-button"),
@@ -39471,10 +39489,10 @@ function xM(e, t, n, r, s, i) {
           default: h(() => [
             c(o, null, {
               default: h(() => [
-                x("div", vM, [
+                x("div", bM, [
                   x("h5", null, b(e.options.title), 1),
                   e.options.description
-                    ? (a(), d("p", bM, b(e.options.description), 1))
+                    ? (a(), d("p", kM, b(e.options.description), 1))
                     : g("", !0),
                   c(
                     l,
@@ -39499,7 +39517,7 @@ function xM(e, t, n, r, s, i) {
               { class: "border-top" },
               {
                 default: h(() => [
-                  x("div", kM, [
+                  x("div", xM, [
                     c(p, null, {
                       default: h(() => [
                         c(
@@ -39566,13 +39584,13 @@ function xM(e, t, n, r, s, i) {
     )
   );
 }
-const wM = /* @__PURE__ */ V(_M, [
-  ["render", xM],
+const SM = /* @__PURE__ */ V(vM, [
+  ["render", wM],
   ["__scopeId", "data-v-99b9c871"],
 ]);
-const SM = {
+const TM = {
     components: {
-      ContentBrowser: ZF,
+      ContentBrowser: JF,
       Search: Bi,
     },
     mixins: [_n],
@@ -39667,10 +39685,10 @@ const SM = {
       },
     },
   },
-  TM = { class: "header" },
-  OM = { class: "font-muted font-sm" },
-  VM = { class: "rolodex" };
-function CM(e, t, n, r, s, i) {
+  OM = { class: "header" },
+  VM = { class: "font-muted font-sm" },
+  CM = { class: "rolodex" };
+function EM(e, t, n, r, s, i) {
   const l = y("flex-column"),
     o = y("flex-cell"),
     u = y("search"),
@@ -39709,7 +39727,7 @@ function CM(e, t, n, r, s, i) {
                         [
                           c(_, null, {
                             default: h(() => [
-                              x("div", TM, [
+                              x("div", OM, [
                                 c(
                                   p,
                                   {
@@ -39747,7 +39765,7 @@ function CM(e, t, n, r, s, i) {
                                               default: h(() => [
                                                 x(
                                                   "span",
-                                                  OM,
+                                                  VM,
                                                   "(" +
                                                     b(s.model.length) +
                                                     " of " +
@@ -39892,7 +39910,7 @@ function CM(e, t, n, r, s, i) {
                                       { key: 0 },
                                       {
                                         default: h(() => [
-                                          x("div", VM, [
+                                          x("div", CM, [
                                             c(
                                               f,
                                               {
@@ -39980,11 +39998,11 @@ function CM(e, t, n, r, s, i) {
     )
   );
 }
-const EM = /* @__PURE__ */ V(SM, [
-  ["render", CM],
+const DM = /* @__PURE__ */ V(TM, [
+  ["render", EM],
   ["__scopeId", "data-v-651362cd"],
 ]);
-const DM = {
+const FM = {
     components: {
       ScopeSelect: J1,
       // Search,
@@ -40044,13 +40062,13 @@ const DM = {
       },
     },
   },
-  FM = (e) => (Ze("data-v-0952db70"), (e = e()), Je(), e),
-  MM = { class: "header" },
-  IM = /* @__PURE__ */ FM(() =>
+  MM = (e) => (Ze("data-v-0952db70"), (e = e()), Je(), e),
+  IM = { class: "header" },
+  $M = /* @__PURE__ */ MM(() =>
     /* @__PURE__ */ x("h3", null, "Select Scopes", -1),
   ),
-  $M = { class: "padder" };
-function AM(e, t, n, r, s, i) {
+  AM = { class: "padder" };
+function LM(e, t, n, r, s, i) {
   const l = y("flex-cell"),
     o = y("ux-button"),
     u = y("flex-row"),
@@ -40067,7 +40085,7 @@ function AM(e, t, n, r, s, i) {
         default: h(() => [
           c(m, null, {
             default: h(() => [
-              x("div", MM, [
+              x("div", IM, [
                 c(
                   u,
                   {
@@ -40077,7 +40095,7 @@ function AM(e, t, n, r, s, i) {
                   {
                     default: h(() => [
                       c(l, null, {
-                        default: h(() => [IM]),
+                        default: h(() => [$M]),
                         _: 1,
                       }),
                       c(
@@ -40115,7 +40133,7 @@ function AM(e, t, n, r, s, i) {
             { class: "scroll-body" },
             {
               default: h(() => [
-                x("div", $M, [
+                x("div", AM, [
                   c(
                     f,
                     {
@@ -40141,20 +40159,20 @@ function AM(e, t, n, r, s, i) {
     )
   );
 }
-const LM = /* @__PURE__ */ V(DM, [
-    ["render", AM],
+const NM = /* @__PURE__ */ V(FM, [
+    ["render", LM],
     ["__scopeId", "data-v-0952db70"],
   ]),
   ot = "uploading",
   ai = "complete",
   Nt = "ready",
-  NM = "error",
-  UM = "upload.cancel",
-  PM = "upload.start",
+  UM = "error",
+  PM = "upload.cancel",
+  jM = "upload.start",
   Al = "upload.complete",
-  jM = "upload.progress",
-  RM = "upload.error",
-  BM = {
+  RM = "upload.progress",
+  BM = "upload.error",
+  zM = {
     props: {
       accept: {
         type: String,
@@ -40302,7 +40320,7 @@ const LM = /* @__PURE__ */ V(DM, [
           (e.bytesLoaded = 0),
           (e.percent = 0),
           (e.state = Nt),
-          e.dispatch(UM));
+          e.dispatch(PM));
       },
       removeFile(e) {
         var t = this.queue.indexOf(e);
@@ -40329,7 +40347,7 @@ const LM = /* @__PURE__ */ V(DM, [
           case ot:
             return;
         }
-        (e.state = ot), e.dispatch(PM);
+        (e.state = ot), e.dispatch(jM);
         {
           const f = e.size,
             p = e.name,
@@ -40368,7 +40386,7 @@ const LM = /* @__PURE__ */ V(DM, [
               (e.percent = p),
                 (e.bytesLoaded = f.loaded),
                 (e.bytesTotal = f.total),
-                e.dispatch(jM, f);
+                e.dispatch(RM, f);
             },
           };
         const o = t.$sdk.api.CancelToken.source();
@@ -40388,7 +40406,7 @@ const LM = /* @__PURE__ */ V(DM, [
             var p = t.$sdk.api.wasCancelled(f);
             p
               ? (e.state = Nt)
-              : ((e.state = NM), e.dispatch(RM, f), t.uploadNextFile());
+              : ((e.state = UM), e.dispatch(BM, f), t.uploadNextFile());
           });
       },
       toggle() {
@@ -40433,13 +40451,13 @@ const LM = /* @__PURE__ */ V(DM, [
       },
     },
   },
-  zM = { class: "uploader" },
-  qM = ["accept"],
-  HM = ["accept"];
-function WM(e, t, n, r, s, i) {
+  qM = { class: "uploader" },
+  HM = ["accept"],
+  WM = ["accept"];
+function GM(e, t, n, r, s, i) {
   return (
     a(),
-    d("div", zM, [
+    d("div", qM, [
       x(
         "input",
         {
@@ -40452,7 +40470,7 @@ function WM(e, t, n, r, s, i) {
         },
         null,
         40,
-        qM,
+        HM,
       ),
       x(
         "input",
@@ -40464,7 +40482,7 @@ function WM(e, t, n, r, s, i) {
         },
         null,
         8,
-        HM,
+        WM,
       ),
       H(e.$slots, "default", {
         queue: s.queue,
@@ -40478,11 +40496,11 @@ function WM(e, t, n, r, s, i) {
     ])
   );
 }
-const QM = /* @__PURE__ */ V(BM, [["render", WM]]);
-function GM(e, t) {
+const eI = /* @__PURE__ */ V(zM, [["render", GM]]);
+function YM(e, t) {
   return t.reduce((n, r) => (Math.abs(r - e) < Math.abs(n - e) ? r : n));
 }
-function eI() {
+function tI() {
   var e = Rt({
       mounted: !1,
       screen: {
@@ -40602,7 +40620,7 @@ function eI() {
           (i.lgAndUp = !0)),
         (e.point = l),
         (e.breakpoint = i);
-      const u = GM(r, [320, 768, 1200, 1800, 2e3]),
+      const u = YM(r, [320, 768, 1200, 1800, 2e3]),
         m = u * 1,
         f = u * 1.5,
         p = u * 2;
@@ -40631,7 +40649,7 @@ function eI() {
     e
   );
 }
-const YM = `qik vue ui ${fu}`,
+const KM = `qik vue ui ${fu}`,
   Ll = {
     FlexColumn: Oc,
     FlexBody: Dc,
@@ -40673,13 +40691,13 @@ const YM = `qik vue ui ${fu}`,
     UxSpinner: un,
     ProgressBar: el,
     UxProgressBar: el,
-    UxModal: eM,
+    UxModal: tM,
     Compile: Ja,
   },
-  tI = {
+  nI = {
     install(e, t) {
       var n;
-      console.log(YM),
+      console.log(KM),
         (t.date = oe),
         (t.global = t.global || Rt({})),
         ((n = t.global) != null && n.cacheKeys) ||
@@ -40699,7 +40717,7 @@ const YM = `qik vue ui ${fu}`,
             (s.model = s.model || {}),
             (s.fields = r),
             t.modal({
-              component: wM,
+              component: SM,
               options: s,
             })
           );
@@ -40710,7 +40728,7 @@ const YM = `qik vue ui ${fu}`,
             (s.type = r),
             (s.model = s.model || []),
             t.modal({
-              component: EM,
+              component: DM,
               options: s,
             })
           );
@@ -40730,7 +40748,7 @@ const YM = `qik vue ui ${fu}`,
             );
           }
           return t.modal({
-            component: LM,
+            component: NM,
             options: r,
           });
         }),
@@ -40739,7 +40757,7 @@ const YM = `qik vue ui ${fu}`,
             (s = s || {}),
             (s.title = r),
             t.modal({
-              component: lM,
+              component: oM,
               options: s,
             })
           );
@@ -40748,7 +40766,7 @@ const YM = `qik vue ui ${fu}`,
           return (
             (l = l || {}),
             t.modal({
-              component: gM,
+              component: _M,
               options: {
                 title: s,
                 description: i,
@@ -40774,9 +40792,9 @@ const YM = `qik vue ui ${fu}`,
 export {
   Qs as Avatar,
   v2 as CodeEditor,
-  ZF as ContentBrowser,
+  JF as ContentBrowser,
   Pv as DateRange,
-  eI as Device,
+  tI as Device,
   tS as FileDrop,
   Dc as FlexBody,
   Rc as FlexCell,
@@ -40789,13 +40807,13 @@ export {
   ia as Item,
   _n as ModalMixin,
   gt as NativeSelect,
-  XM as Pager,
+  QM as Pager,
   Xc as Panel,
   nf as PanelBody,
   cf as PanelFooter,
   of as PanelHeader,
   el as ProgressBar,
-  tI as QikUI,
+  nI as QikUI,
   Pg as RememberScrollMixin,
   J1 as ScopeSelect,
   tk as ScopeSelectButton,
@@ -40828,12 +40846,12 @@ export {
   Gg as UXTable,
   am as UXTabset,
   bv as UXVideo,
-  QM as UploadService,
-  lM as UxConfirmModal,
-  EM as UxContentModal,
-  eM as UxModal,
-  gM as UxOptionsModal,
-  wM as UxPromptModal,
-  LM as UxScopeModal,
+  eI as UploadService,
+  oM as UxConfirmModal,
+  DM as UxContentModal,
+  tM as UxModal,
+  _M as UxOptionsModal,
+  SM as UxPromptModal,
+  NM as UxScopeModal,
 };
 //# sourceMappingURL=lib.es.js.map