vlite3 0.9.1 → 0.9.3

package/components/Alert.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as a, createElementBlock as i, normalizeClass as r, renderSlot as p, createBlock as S, createCommentVNode as o, createElementVNode as v, toDisplayString as m, createTextVNode as T, createVNode as j } from "vue";
-import f from "./Icon.vue.js";
-import { $t as y } from "../utils/i18n.js";
+import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as r, createElementBlock as i, normalizeClass as l, renderSlot as p, createBlock as S, createCommentVNode as a, createElementVNode as v, toDisplayString as f, createTextVNode as T, createVNode as j } from "vue";
+import b from "./Icon.vue.js";
+import { $t as m } from "../utils/i18n.js";
 const D = ["role"], E = {
   key: 1,
   class: "text-sm opacity-90 [&_p]:leading-relaxed"
@@ -18,67 +18,69 @@ const D = ["role"], E = {
     class: { default: "" }
   },
   emits: ["close"],
-  setup(s, { emit: b }) {
-    const e = s, k = b, u = B(!0), x = () => {
-      u.value = !1, k("close");
-    }, d = t(() => e.titleI18n ? y(e.titleI18n) : e.title), c = t(() => e.descriptionI18n ? y(e.descriptionI18n) : e.description), h = t(() => ({
-      primary: "bg-primary-light text-primary border-primary/15",
-      success: "bg-success-light text-success-dark border-success/25",
-      warning: "bg-warning-light text-warning-dark border-warning/20",
-      danger: "bg-danger-light text-danger-dark border-danger/15"
+  setup(s, { emit: y }) {
+    const e = s, x = y, u = B(!0), h = () => {
+      u.value = !1, x("close");
+    }, d = t(() => e.titleI18n ? m(e.titleI18n) : e.title), c = t(
+      () => e.descriptionI18n ? m(e.descriptionI18n) : e.description
+    ), k = t(() => ({
+      danger: "bg-danger-subtle text-danger-subtle-fg border-danger-subtle-border/20",
+      primary: "bg-primary-light text-primary-light-fg border-primary/10",
+      success: "bg-success-subtle text-success-subtle-fg border-success-subtle-border/20",
+      warning: "bg-warning-subtle text-warning-subtle-fg border-warning-subtle-border/20"
     })[e.variant]), w = t(() => ({
-      primary: "text-primary!",
-      success: "text-success-dark!",
-      warning: "text-warning-dark!",
-      danger: "text-danger-dark!"
-    })[e.variant]), l = t(() => !c.value && !N().default), C = t(() => [
+      primary: "text-primary-light-fg!",
+      success: "text-success-subtle-fg!",
+      warning: "text-warning-subtle-fg!",
+      danger: "text-danger-subtle-fg!"
+    })[e.variant]), o = t(() => !c.value && !N().default), C = t(() => [
       "relative w-full rounded-lg border px-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground",
-      l.value ? "py-3" : "pt-4 pb-2",
-      l.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
-      h.value,
+      o.value ? "py-3" : "pt-4 pb-2",
+      o.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
+      k.value,
       e.class
     ].join(" ")), I = t(() => [
       "font-medium leading-none tracking-tight text-inherit!",
-      l.value ? "" : "mb-1"
+      o.value ? "" : "mb-1"
     ].join(" ")), $ = t(() => e.role ? e.role : ["danger", "warning"].includes(e.variant) ? "alert" : "status");
-    return (n, g) => u.value ? (a(), i("div", {
+    return (n, g) => u.value ? (r(), i("div", {
       key: 0,
-      class: r(C.value),
+      class: l(C.value),
       role: $.value
     }, [
       p(n.$slots, "icon", {}, () => [
-        s.icon ? (a(), S(f, {
+        s.icon ? (r(), S(b, {
           key: 0,
           icon: s.icon,
-          class: r(["h-4 w-4", w.value])
-        }, null, 8, ["icon", "class"])) : o("", !0)
+          class: l(["h-4 w-4", w.value])
+        }, null, 8, ["icon", "class"])) : a("", !0)
       ]),
       v("div", {
-        class: r({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
+        class: l({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
       }, [
-        d.value ? (a(), i("h5", {
+        d.value ? (r(), i("h5", {
           key: 0,
-          class: r(I.value)
-        }, m(d.value), 3)) : o("", !0),
-        c.value || n.$slots.default ? (a(), i("div", E, [
+          class: l(I.value)
+        }, f(d.value), 3)) : a("", !0),
+        c.value || n.$slots.default ? (r(), i("div", E, [
           p(n.$slots, "default", {}, () => [
-            T(m(c.value), 1)
+            T(f(c.value), 1)
           ])
-        ])) : o("", !0)
+        ])) : a("", !0)
       ], 2),
-      s.closable ? (a(), i("button", {
+      s.closable ? (r(), i("button", {
         key: 0,
         type: "button",
-        onClick: x,
-        class: r(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [l.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
+        onClick: h,
+        class: l(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [o.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
       }, [
-        j(f, {
+        j(b, {
           icon: "lucide:x",
           class: "h-4 w-4"
         }),
         g[0] || (g[0] = v("span", { class: "sr-only" }, "Close", -1))
-      ], 2)) : o("", !0)
-    ], 10, D)) : o("", !0);
+      ], 2)) : a("", !0)
+    ], 10, D)) : a("", !0);
   }
 });
 export {

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

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "focus" | "state" | "direction" | "goNext" | "draggable" | "easing" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "focus" | "state" | "direction" | "goNext" | "draggable" | "easing" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import o from "./Carousel.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4034dab4"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e8fba320"]]);
 export {
-  p as default
+  f as default
 };

package/components/Carousel/Carousel.vue2.js

@@ -6,7 +6,7 @@ const w = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
   props: {
     data: { default: () => [] },
     pagination: { type: [String, Array, Boolean], default: "dots" },
-    paginationSize: { default: "md" },
+    paginationSize: { default: "sm" },
     paginationPosition: { default: "bottom-center" },
     paginationVisibility: {},
     paginationHoverInitialTimeout: {},

package/components/Chat/ChatBubble.vue.d.ts

@@ -0,0 +1,18 @@
+import { ChatMessage } from './ChatInterface.vue';
+type __VLS_Props = {
+    message: ChatMessage;
+    isSender: boolean;
+    showAvatar: boolean;
+    showUserInfo: boolean;
+    showTimestamp: boolean;
+    allowDeleteAll?: boolean;
+    allowEditAll?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    edit: (message: ChatMessage) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onEdit?: (message: ChatMessage) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Chat/ChatInterface.vue.d.ts

@@ -0,0 +1,45 @@
+export interface ChatMessage {
+    id: string | number;
+    text: string;
+    senderId: string | number;
+    senderName?: string;
+    avatar?: string;
+    timestamp?: string | Date;
+    isEdited?: boolean;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    data: ChatMessage[];
+    currentUserId: string | number;
+    showAvatar?: boolean;
+    showUserInfo?: boolean;
+    showTimestamp?: boolean;
+    placeholder?: string;
+    isLoadingMore?: boolean;
+    allowDeleteAll?: boolean;
+    allowEditAll?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    add: (text: string) => any;
+    refetch: () => any;
+    edit: (message: ChatMessage) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onAdd?: (text: string) => any;
+    onRefetch?: () => any;
+    onEdit?: (message: ChatMessage) => any;
+}>, {
+    placeholder: string;
+    isLoadingMore: boolean;
+    showAvatar: boolean;
+    showUserInfo: boolean;
+    showTimestamp: boolean;
+    allowDeleteAll: boolean;
+    allowEditAll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    messageListRef: HTMLDivElement;
+    observerTargetRef: HTMLDivElement;
+    textareaRef: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ChatInterface } from './ChatInterface.vue';
+export type { ChatMessage } from './ChatInterface.vue';

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.vue2.js";
+import ee from "./CommandPaletteItem.vue.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/60 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.vue2.js → CommandPaletteItem.vue.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/DataTable/DataTableRow.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, computed as S, openBlock as s, createElementBlock as d, normalizeClass as u, withModifiers as B, createElementVNode as M, createVNode as p, createCommentVNode as N, Fragment as V, renderList as z, renderSlot as F, createBlock as m } from "vue";
 import L from "../CheckBox.vue.js";
 import $ from "../Price/Price.vue.js";
-import T from "../Date/Date.vue.js";
+import T from "../DateTime/DateTime.vue.js";
 const E = ["data-state"], H = { class: "flex items-center justify-center" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ C({
   __name: "DataTableRow",
   props: {

package/components/DateTime/DateTime.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as D, computed as n, openBlock as _, createElementBlock as g, toDisplayString as h } from "vue";
+import s from "dayjs";
+import { useVLiteConfig as y } from "../../core/config.js";
+const V = /* @__PURE__ */ D({
+  __name: "DateTime",
+  props: {
+    value: {},
+    format: {}
+  },
+  setup(m) {
+    const t = m, i = y(), c = n(() => t.format || i?.components?.datetime?.format || "MM/DD/YYYY"), f = n(() => {
+      if (!t.value) return "--";
+      if (typeof t.value == "string") {
+        const e = t.value.trim();
+        if (/^([01]?\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/.test(e)) {
+          const r = e.split(":"), u = r[0].padStart(2, "0"), l = r[1], p = r[2] || "00", d = `1970-01-01T${u}:${l}:${p}`, a = s(d);
+          if (a.isValid()) {
+            const v = t.format || "h:mm A";
+            return a.format(v);
+          }
+        }
+      }
+      const o = s(t.value);
+      return o.isValid() ? o.format(c.value) : String(t.value);
+    });
+    return (o, e) => (_(), g("span", null, h(f.value), 1));
+  }
+});
+export {
+  V as default
+};

package/components/DateTime/DateTime.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DateTime.vue.js";
+export {
+  f as default
+};

package/components/DateTime/index.d.ts

@@ -0,0 +1 @@
+export { default as DateTime } from './DateTime.vue';

package/components/FilePicker/FilePicker.vue.d.ts

@@ -3,8 +3,9 @@ export interface FilePickerValue {
     fileName: string;
     fileType: string;
     fileSize: number;
-    file: File;
+    file: File | null;
     base64: string;
+    isUrl?: boolean;
 }
 interface Props {
     modelValue?: FilePickerValue | FilePickerValue[] | null;
@@ -21,6 +22,7 @@ interface Props {
     textI18n?: string;
     size?: InputSize;
     rounded?: InputRounded;
+    allowRename?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -56,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: FilePickerValue | FilePickerValue[] | null;
     fileTypes: string[];
     returnFormat: "file" | "base64";
+    allowRename: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     fileInput: HTMLInputElement;
 }, HTMLDivElement>;