@quoreadmin/ui 1.0.14 → 1.0.16

package/dist/index.js

@@ -59773,59 +59773,61 @@ const ose = /* @__PURE__ */ ze(nse, [["render", sse], ["__scopeId", "data-v-01ed
   },
   emits: ["file-list", "upload-error", "uploading"],
   setup(n, { emit: e }) {
-    const t = B(null), r = B(), i = B([]), s = B([]), o = () => {
+    const t = B(null), r = B(), i = B([]), s = B([]), o = Y(() => n.files), a = Y(() => n.filesAllowed.replace(/,/g, ", ")), l = () => {
       t.value && t.value.clear();
-    }, a = () => {
+    }, u = () => {
       i.value = [], s.value = [];
-    }, l = (w) => {
-      const T = n.filesAllowed.split(",").map((M) => M.trim());
-      for (const M of T)
-        if (u(M) ? d(w.type) === d(M) : w.type == M || c(w).toLowerCase() === M.toLowerCase())
+    }, c = (T) => {
+      const M = n.filesAllowed.split(",").map((A) => A.trim());
+      for (const A of M)
+        if (d(A) ? h(T.type) === h(A) : T.type == A || f(T).toLowerCase() === A.toLowerCase())
           return !0;
       return !1;
-    }, u = (w) => w.indexOf("*") !== -1, c = (w) => "." + w.name.split(".").pop(), d = (w) => w.substring(0, w.indexOf("/")), f = (w) => {
-      var A;
-      const T = w.originalEvent;
-      let M = [];
-      T.type === "drop" ? M = (A = T.dataTransfer) == null ? void 0 : A.files : M = T.target.files;
-      for (const N of M)
-        N.size > n.maxFileSize && i.value.push(N.name), l(N) || s.value.push(N.name);
-    }, h = (w) => {
-      e("upload-error", w);
-    }, m = () => {
+    }, d = (T) => T.indexOf("*") !== -1, f = (T) => "." + T.name.split(".").pop(), h = (T) => T.substring(0, T.indexOf("/")), m = (T) => {
+      var N;
+      const M = T.originalEvent;
+      let A = [];
+      M.type === "drop" ? A = (N = M.dataTransfer) == null ? void 0 : N.files : A = M.target.files;
+      for (const O of A)
+        O.size > n.maxFileSize && i.value.push(O.name), c(O) || s.value.push(O.name);
+    }, y = (T) => {
+      e("upload-error", T);
+    }, g = () => {
       t.value && t.value.upload();
-    }, y = (w) => {
-      e("uploading", w);
-    }, g = (w) => {
-      const T = S.value, M = T.findIndex(
-        (A) => A.lastModified === w.lastModified
+    }, v = (T) => {
+      e("uploading", T);
+    }, b = (T) => {
+      const M = o.value, A = M.findIndex(
+        (N) => N.lastModified === T.lastModified
       );
-      M !== -1 && (T.splice(M, 1), e("file-list", T)), t.value.messages = null;
-    }, v = (w) => {
-      f(w), e("file-list", w.files);
-    }, { isOverDropZone: b } = BL(r), S = Y(() => n.files);
+      A !== -1 && (M.splice(A, 1), e("file-list", M)), t.value.messages = null;
+    }, S = (T) => {
+      m(T), e("file-list", T.files);
+    }, { isOverDropZone: w } = BL(r);
     return {
       // ref elements - Needed this for triggering events in component
       fileUpload: t,
       dropZoneRef: r,
       // refs
-      allFiles: S,
+      allFiles: o,
       sizeErrors: i,
       typeErrors: s,
-      isOverDropZone: b,
+      isOverDropZone: w,
+      // computed
+      displayAllowedTypes: a,
       // methods
-      clear: o,
-      clearErrors: a,
-      getFileExtension: c,
-      getTypeClass: d,
-      isValidFileType: l,
-      isWildcard: u,
-      onBeforeSelect: f,
-      onUpload: m,
-      onUploadError: h,
-      onUploading: y,
-      onRemoveFile: g,
-      onSelectedFiles: v,
+      clear: l,
+      clearErrors: u,
+      getFileExtension: f,
+      getTypeClass: h,
+      isValidFileType: c,
+      isWildcard: d,
+      onBeforeSelect: m,
+      onUpload: g,
+      onUploadError: y,
+      onUploading: v,
+      onRemoveFile: b,
+      onSelectedFiles: S,
       // composables
       mq: cr
     };
@@ -59943,7 +59945,7 @@ function vse(n, e, t, r, i, s) {
                     (C(!0), E(me, null, Pe(n.sizeErrors, (f) => (C(), E("li", { key: f }, J(f), 1))), 128))
                   ])) : _("", !0),
                   n.typeErrors.length ? (C(), E("p", gse, J(n.$t("HC_INVALID_FILE_TYPES", {
-                    types: n.filesAllowed
+                    types: n.displayAllowedTypes
                   }) + ":"), 1)) : _("", !0),
                   n.typeErrors.length ? (C(), E("ul", yse, [
                     (C(!0), E(me, null, Pe(n.typeErrors, (f) => (C(), E("li", { key: f }, J(f), 1))), 128))
@@ -64457,8 +64459,7 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
             idleClass: "!bg-idle-pass",
             loading: "",
             name: n("HC_PASS"),
-            statusText: n("HC_PASSED"),
-            mobileOrder: 1
+            statusText: n("HC_PASSED")
           },
           {
             state: "failed",
@@ -64470,8 +64471,7 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
             mobileIdleClass: "!bg-red-30/25",
             loading: "",
             name: n("HC_FAIL"),
-            statusText: n("HC_A_TASK_HAS_BEEN_CREATED"),
-            mobileOrder: 4
+            statusText: n("HC_A_TASK_HAS_BEEN_CREATED")
           },
           {
             state: "repaired",
@@ -64482,8 +64482,7 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
             idleClass: "!bg-orange-20/25",
             loading: "",
             name: n("HC_REPAIR"),
-            statusText: n("HC_TASK_CLOSED"),
-            mobileOrder: 3
+            statusText: n("HC_TASK_CLOSED")
           },
           {
             state: "N/A",
@@ -64496,8 +64495,7 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
             loading: "",
             name: n("HC_N/A"),
             statusText: n("HC_N/A"),
-            mobileIconClass: "!p-[0.1rem]",
-            mobileOrder: 2
+            mobileIconClass: "!p-[0.1rem]"
           }
         ];
       }
@@ -64510,13 +64508,10 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
   },
   emits: ["update:state"],
   setup(n, { emit: e }) {
-    const { deviceType: t } = yp(), r = B(n.currentState), i = B(n.options.length === 1), s = Y(() => n.disabled || !!n.loading), o = Y(() => {
-      const c = n.options;
-      return l.value ? c.sort((d, f) => d.mobileOrder - f.mobileOrder) : c;
-    }), a = Y(() => o.value.find(
-      (c) => c.state === r.value
-    )), l = Y(() => t.value !== "desktop" || !cr.md), u = (c, d) => {
-      r.value = r.value === d ? "default" : d, e("update:state", { state: r.value, event: c });
+    const { deviceType: t } = yp(), r = B(n.currentState), i = B(n.options.length === 1), s = Y(() => n.disabled || !!n.loading), o = Y(() => n.options.find(
+      (u) => u.state === r.value
+    )), a = Y(() => t.value !== "desktop" || !cr.md), l = (u, c) => {
+      r.value = r.value === c ? "default" : c, e("update:state", { state: r.value, event: u });
     };
     return dt(
       () => n.loading,
@@ -64528,12 +64523,11 @@ const Gfe = /* @__PURE__ */ ze(j0e, [["render", Y0e], ["__scopeId", "data-v-cfe1
       selectedState: r,
       singleOption: i,
       // Computed
-      sortedOptions: o,
       isDisabled: s,
-      selectedOption: a,
-      shouldUseSwipe: l,
+      selectedOption: o,
+      shouldUseSwipe: a,
       // Methods
-      onSetState: u,
+      onSetState: l,
       // Composable
       mq: cr
     };
@@ -64549,8 +64543,8 @@ function nle(n, e, t, r, i, s) {
   const o = K("q-icon"), a = K("q-button"), l = K("q-tooltip");
   return C(), E(me, null, [
     n.isColorKey ? (C(), E("div", X0e, [
-      (C(!0), E(me, null, Pe(n.sortedOptions, (u, c) => (C(), E("div", {
-        key: c,
+      (C(!0), E(me, null, Pe(n.options, (u) => (C(), E("div", {
+        key: u.state,
         class: "flex flex-col items-center gap-1.5"
       }, [
         P("div", {
@@ -64560,11 +64554,12 @@ function nle(n, e, t, r, i, s) {
           ])
         }, [
           L(o, {
-            icon: u.mobileIcon || u.icon,
+            icon: u.icon,
             type: u.iconType || "line",
             size: "lg",
-            color: "white"
-          }, null, 8, ["icon", "type"])
+            color: "white",
+            class: j(u.mobileIconClass || "!p-[0.4rem]")
+          }, null, 8, ["icon", "type", "class"])
         ], 2),
         P("span", J0e, J(u.name), 1)
       ]))), 128))
@@ -64575,8 +64570,8 @@ function nle(n, e, t, r, i, s) {
         n.isDisabled ? "pointer-events-none" : ""
       ])
     }, [
-      (C(!0), E(me, null, Pe(n.sortedOptions, (u, c) => (C(), H(a, D({
-        key: c,
+      (C(!0), E(me, null, Pe(n.options, (u) => (C(), H(a, D({
+        key: u.state,
         size: "sm",
         class: [
           "!w-14 !h-14 !min-w-fit !p-0",
@@ -64584,7 +64579,7 @@ function nle(n, e, t, r, i, s) {
         ],
         loading: n.loading === "default" && u.state === n.currentState || n.loading === u.state
       }, {
-        [fo(!n.isDisabled && "click")]: (d) => n.onSetState(d, u.state)
+        [fo(!n.isDisabled && "click")]: (c) => n.onSetState(c, u.state)
       }), {
         default: ne(() => [
           L(o, {
@@ -64605,15 +64600,15 @@ function nle(n, e, t, r, i, s) {
         n.isDisabled ? "pointer-events-none" : ""
       ])
     }, [
-      (C(!0), E(me, null, Pe(n.sortedOptions, (u, c) => (C(), E("div", D({
-        key: c,
+      (C(!0), E(me, null, Pe(n.options, (u) => (C(), E("div", D({
+        key: u.state,
         class: [
           "flex items-center justify-center shrink overflow-hidden max-w-[4.5rem]",
           n.singleOption ? "w-full" : "w-1/4",
           u.state !== n.selectedState && n.singleOption ? u.mobileIdleClass || u.idleClass : u.activeClass
         ]
       }, {
-        [fo(!n.isDisabled && "click")]: (d) => n.onSetState(d, u.state)
+        [fo(!n.isDisabled && "click")]: (c) => n.onSetState(c, u.state)
       }), [
         L(o, {
           icon: u.mobileIcon || u.icon,
@@ -64630,7 +64625,9 @@ function nle(n, e, t, r, i, s) {
         n.isDisabled ? "pointer-events-none" : ""
       ])
     }, [
-      (C(!0), E(me, null, Pe(n.sortedOptions, (u, c) => (C(), E("div", { key: c }, [
+      (C(!0), E(me, null, Pe(n.options, (u) => (C(), E("div", {
+        key: u.state
+      }, [
         L(l, {
           disabled: !n.mq.md,
           class: "h-6"
@@ -64645,7 +64642,7 @@ function nle(n, e, t, r, i, s) {
               loading: n.loading === "default" && u.state === n.currentState || n.loading === u.state,
               "is-fab": ""
             }, {
-              [fo(!n.isDisabled && "click")]: (d) => n.onSetState(d, u.state)
+              [fo(!n.isDisabled && "click")]: (c) => n.onSetState(c, u.state)
             }), {
               default: ne(() => [
                 L(o, {
@@ -64693,7 +64690,7 @@ function nle(n, e, t, r, i, s) {
     })
   ], 64);
 }
-const qfe = /* @__PURE__ */ ze(Q0e, [["render", nle], ["__scopeId", "data-v-3b3cb1ea"]]), rle = xe({
+const qfe = /* @__PURE__ */ ze(Q0e, [["render", nle], ["__scopeId", "data-v-67cf0eab"]]), rle = xe({
   name: "QList",
   components: {
     QBadge: X2