vlite3 1.4.27 → 1.4.30

package/components/Carousel/Carousel.vue.d.ts

@@ -29,8 +29,8 @@ declare function __VLS_template(): {
                 maxDomElements: number;
             }> & Omit<{
                 readonly data: any[];
-                readonly direction: "horizontal" | "vertical";
                 readonly draggable: boolean;
+                readonly direction: "horizontal" | "vertical";
                 readonly easing: string;
                 readonly gap: number;
                 readonly pagination: import('vue-carousel-lite').PaginationType | import('vue-carousel-lite').PaginationType[];
@@ -53,7 +53,7 @@ declare function __VLS_template(): {
                 readonly paginationPosition?: import('vue-carousel-lite').PaginationPosition | import('vue-carousel-lite').PaginationPosition[];
                 readonly updateKey?: string | number;
                 readonly "onSlide-change"?: ((index: number) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "draggable" | "easing" | "gap" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "draggable" | "direction" | "easing" | "gap" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -73,14 +73,14 @@ declare function __VLS_template(): {
                     type: import('vue').PropType<any[]>;
                     required: true;
                 };
-                direction: {
-                    type: import('vue').PropType<"horizontal" | "vertical">;
-                    default: string;
-                };
                 draggable: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                direction: {
+                    type: import('vue').PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
                 easing: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -254,14 +254,14 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<any[]>;
                 required: true;
             };
-            direction: {
-                type: import('vue').PropType<"horizontal" | "vertical">;
-                default: string;
-            };
             draggable: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            direction: {
+                type: import('vue').PropType<"horizontal" | "vertical">;
+                default: string;
+            };
             easing: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "state" | "focus" | "direction" | "draggable" | "easing" | "gap" | "goNext" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "state" | "focus" | "draggable" | "direction" | "easing" | "gap" | "goNext" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -392,8 +392,8 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
     "onSlide-change"?: (index: number) => any;
 }>, {
     data: any[];
-    direction: "horizontal" | "vertical";
     draggable: boolean;
+    direction: "horizontal" | "vertical";
     easing: string;
     gap: number;
     pagination: import('./types').PaginationType | import('./types').PaginationType[];
@@ -442,8 +442,8 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
             maxDomElements: number;
         }> & Omit<{
             readonly data: any[];
-            readonly direction: "horizontal" | "vertical";
             readonly draggable: boolean;
+            readonly direction: "horizontal" | "vertical";
             readonly easing: string;
             readonly gap: number;
             readonly pagination: import('vue-carousel-lite').PaginationType | import('vue-carousel-lite').PaginationType[];
@@ -466,7 +466,7 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
             readonly paginationPosition?: import('vue-carousel-lite').PaginationPosition | import('vue-carousel-lite').PaginationPosition[];
             readonly updateKey?: string | number;
             readonly "onSlide-change"?: ((index: number) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "draggable" | "easing" | "gap" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "draggable" | "direction" | "easing" | "gap" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -486,14 +486,14 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
                 type: import('vue').PropType<any[]>;
                 required: true;
             };
-            direction: {
-                type: import('vue').PropType<"horizontal" | "vertical">;
-                default: string;
-            };
             draggable: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            direction: {
+                type: import('vue').PropType<"horizontal" | "vertical">;
+                default: string;
+            };
             easing: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -667,14 +667,14 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
             type: import('vue').PropType<any[]>;
             required: true;
         };
-        direction: {
-            type: import('vue').PropType<"horizontal" | "vertical">;
-            default: string;
-        };
         draggable: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        direction: {
+            type: import('vue').PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         easing: {
             type: import('vue').PropType<string>;
             default: string;
@@ -765,7 +765,7 @@ declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "state" | "focus" | "direction" | "draggable" | "easing" | "gap" | "goNext" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "state" | "focus" | "draggable" | "direction" | "easing" | "gap" | "goNext" | "pagination" | "loop" | "speed" | "autoPlay" | "mousewheel" | "autoFocus" | "autoPlayInterval" | "currentItem" | "paginationSize" | "itemsToShow" | "paginationVisibility" | "paginationHoverEdgeThreshold" | "paginationHoverInitialTimeout" | "wheelOptions" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/CategoryManager/CategoryManager.vue2.js

@@ -18,7 +18,7 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import qe from "../IconPicker.vue.js";
 /* empty css                                 */
 /* empty css                 */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.d.ts

@@ -9,7 +9,7 @@ interface Props {
     position?: TooltTipPlacement;
     btnProps?: ButtonProps;
     showInput?: boolean;
-    trigger?: 'input' | 'button';
+    trigger?: 'input' | 'button' | 'swatch';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -34,7 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     rounded: InputRounded;
     disabled: boolean;
     modelValue: string;
-    trigger: "input" | "button";
+    trigger: "input" | "button" | "swatch";
     position: TooltTipPlacement;
     showInput: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/ColorPicker/ColorPicker.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as $, ref as y, watch as r, openBlock as a, createBlock as d, unref as b, withCtx as u, createElementBlock as c, createVNode as m, createCommentVNode as f, createElementVNode as p, renderSlot as B, mergeProps as O, normalizeClass as E, normalizeStyle as P } from "vue";
-import N from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as B, ref as v, watch as u, openBlock as t, createBlock as c, unref as g, withCtx as m, createElementBlock as i, createVNode as f, createCommentVNode as p, createElementVNode as n, renderSlot as O, mergeProps as E, normalizeStyle as h, toDisplayString as P, normalizeClass as S } from "vue";
+import D from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import g from "../Input.vue.js";
+import y from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                            */
-import h from "../Button.vue.js";
-import S from "./ColorIro.vue.js";
-/* empty css              */
+import k from "../Button.vue.js";
+import N from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as j } from "@vueuse/core";
-const D = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, I = {
+const I = ["disabled", "aria-label"], U = { class: "min-w-0 truncate text-foreground" }, A = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, F = {
   key: 0,
   class: "p-1 w-max flex flex-col justify-center"
-}, U = {
+}, G = {
   key: 0,
   class: "flex items-center gap-1.5 w-full"
-}, A = { class: "flex-1 w-0 min-w-0" }, Y = /* @__PURE__ */ $({
+}, R = { class: "flex-1 w-0 min-w-0" }, _ = /* @__PURE__ */ B({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -30,95 +30,108 @@ const D = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center
     trigger: { default: "input" }
   },
   emits: ["update:modelValue", "change"],
-  setup(o, { emit: k }) {
-    const s = o, v = k, i = y(!1), t = y(s.modelValue || "#000000"), { isSupported: V, open: x, sRGBHex: z } = j();
-    r(z, (e) => {
-      e && (t.value = e);
+  setup(e, { emit: x }) {
+    const r = e, b = x, d = v(!1), l = v(r.modelValue || "#000000"), { isSupported: w, open: V, sRGBHex: z } = j();
+    u(z, (o) => {
+      o && (l.value = o);
     });
-    const w = async () => {
+    const C = async () => {
       try {
-        await x();
-      } catch (e) {
-        console.error("Error opening eyedropper:", e);
+        await V();
+      } catch (o) {
+        console.error("Error opening eyedropper:", o);
       }
     };
-    r(
-      () => s.modelValue,
-      (e) => {
-        e && e !== t.value && (t.value = e);
+    u(
+      () => r.modelValue,
+      (o) => {
+        o && o !== l.value && (l.value = o);
       }
-    ), r(t, (e) => {
-      /^#([0-9A-F]{3,8})$/i.test(e) && e !== s.modelValue && (v("update:modelValue", e), v("change", e));
+    ), u(l, (o) => {
+      /^#([0-9A-F]{3,8})$/i.test(o) && o !== r.modelValue && (b("update:modelValue", o), b("change", o));
     });
-    const C = (e) => {
-      t.value = e;
+    const $ = (o) => {
+      l.value = o;
     };
-    return (e, l) => (a(), d(b(N), {
-      disabled: o.disabled,
+    return (o, a) => (t(), c(g(D), {
+      disabled: e.disabled,
       class: "w-full",
-      position: o.position,
+      position: e.position,
       offset: [0, 8],
       searchable: !1,
       "close-on-select": !1,
-      onOnOpen: l[1] || (l[1] = (n) => i.value = !0),
-      onOnClose: l[2] || (l[2] = (n) => i.value = !1)
+      onOnOpen: a[1] || (a[1] = (s) => d.value = !0),
+      onOnClose: a[2] || (a[2] = (s) => d.value = !1)
     }, {
-      trigger: u(({ isOpen: n }) => [
-        B(e.$slots, "trigger", { isOpen: n }, () => [
-          o.trigger === "button" ? (a(), d(h, O({
+      trigger: m(({ isOpen: s }) => [
+        O(o.$slots, "trigger", { isOpen: s }, () => [
+          e.trigger === "button" ? (t(), c(k, E({
             key: 0,
-            style: { backgroundColor: o.modelValue }
+            style: { backgroundColor: e.modelValue }
           }, {
             rounded: "full",
             size: "xs",
             icon: " ",
             variant: "outline",
-            ...o.btnProps || {}
-          }), null, 16, ["style"])) : (a(), c("div", {
+            ...e.btnProps || {}
+          }), null, 16, ["style"])) : e.trigger === "swatch" ? (t(), i("button", {
             key: 1,
-            class: E(["w-full relative cursor-pointer", [o.disabled ? "opacity-50 pointer-events-none" : ""]])
+            type: "button",
+            disabled: e.disabled,
+            "aria-label": `Choose color ${e.modelValue}`,
+            class: "flex min-h-10 w-full items-center gap-2.5 px-3 text-left font-mono text-xs uppercase transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50"
           }, [
-            m(g, {
-              "model-value": o.modelValue,
+            n("span", {
+              "aria-hidden": "true",
+              class: "h-5 w-5 shrink-0 rounded-full border border-black/10 shadow-sm dark:border-white/15",
+              style: h({ backgroundColor: e.modelValue })
+            }, null, 4),
+            n("span", U, P(e.modelValue), 1)
+          ], 8, I)) : (t(), i("div", {
+            key: 2,
+            class: S(["w-full relative cursor-pointer", [e.disabled ? "opacity-50 pointer-events-none" : ""]])
+          }, [
+            f(y, {
+              "model-value": e.modelValue,
               readonly: "",
-              disabled: o.disabled,
-              size: o.size,
-              variant: o.variant,
-              rounded: o.rounded,
+              disabled: e.disabled,
+              size: e.size,
+              variant: e.variant,
+              rounded: e.rounded,
               class: "pointer-events-none",
               "input-class": "pl-9 font-mono uppercase cursor-pointer"
             }, null, 8, ["model-value", "disabled", "size", "variant", "rounded"]),
-            p("div", D, [
-              p("div", {
+            n("div", A, [
+              n("div", {
                 class: "w-4 h-4 rounded-full shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] dark:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.1)]",
-                style: P({ backgroundColor: o.modelValue })
+                style: h({ backgroundColor: e.modelValue })
               }, null, 4)
             ])
           ], 2))
         ])
       ]),
-      default: u(() => [
-        i.value ? (a(), c("div", I, [
-          m(S, {
-            color: o.modelValue,
+      default: m(() => [
+        d.value ? (t(), i("div", F, [
+          f(N, {
+            color: e.modelValue,
             "show-header": !1,
-            size: o.size,
-            "onUpdate:color": C
+            size: e.size,
+            "onUpdate:color": $
           }, {
-            bottom: u(() => [
-              o.showInput ? (a(), c("div", U, [
-                b(V) ? (a(), d(h, {
+            bottom: m(() => [
+              e.showInput ? (t(), i("div", G, [
+                g(w) ? (t(), c(k, {
                   key: 0,
-                  onClick: w,
+                  onClick: C,
                   icon: "pepicons-pop:color-picker",
                   variant: "outline",
                   size: "sm",
                   class: "px-2 shrink-0"
-                })) : f("", !0),
-                p("div", A, [
-                  m(g, {
-                    modelValue: t.value,
-                    "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
+                })) : p("", !0),
+                n("div", R, [
+                  f(y, {
+                    modelValue: l.value,
+                    "onUpdate:modelValue": a[0] || (a[0] = (s) => l.value = s),
                     size: "sm",
                     "show-clear-button": !1,
                     placeholder: "#000000",
@@ -126,16 +139,16 @@ const D = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center
                     "input-class": "font-mono text-xs uppercase "
                   }, null, 8, ["modelValue"])
                 ])
-              ])) : f("", !0)
+              ])) : p("", !0)
             ]),
             _: 1
           }, 8, ["color", "size"])
-        ])) : f("", !0)
+        ])) : p("", !0)
       ]),
       _: 3
     }, 8, ["disabled", "position"]));
   }
 });
 export {
-  Y as default
+  _ as default
 };

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import o from "./DropdownMenu.vue3.js";
+import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-173c7a02"]]);

package/components/FilePicker/index.vue.js

@@ -63,7 +63,7 @@ const j = ["multiple", "accept", "data-testid"], O = /* @__PURE__ */ V({
       return a["data-testid"] ? `${a["data-testid"]}-input` : a.name ? `filepicker-input-${a.name}` : "filepicker-input";
     }), o = () => e.triggerInput(p.value), T = n(() => e.acceptAttribute.value);
     return (a, r) => (u(), N("div", {
-      class: C(["vl-file-picker w-full min-w-0", { "vl-file-picker--input": l.variant === "input" }])
+      class: C(["vl-file-picker mb-4! w-full min-w-0", { "vl-file-picker--input": l.variant === "input" }])
     }, [
       E("input", {
         ref_key: "fileInput",