vlite3 1.4.27 → 1.4.28

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/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

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",