vlite3 1.4.34 → 1.4.35

package/components/CategoryManager/CategoryManager.vue2.js

@@ -18,14 +18,14 @@ 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                        */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                    */
-/* empty css                                        */
+/* empty css                                     */
+/* empty css                                         */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */

package/components/ColorPicker/ColorIro.vue3.js

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

package/components/ColorPicker/ColorPicker.vue.js

@@ -7,8 +7,8 @@ import "../../core/config.js";
 /* empty css                                    */
 /* empty css                            */
 import y from "../Button.vue.js";
-import A from "./ColorIro.vue2.js";
-/* empty css             */
+import A from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as T } from "@vueuse/core";
 import { COLOR_PICKER_RESET_VALUE as g } from "./constants.js";
 const F = ["disabled", "aria-label"], G = { class: "min-w-0 flex-1 truncate text-foreground" }, K = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, q = {

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/Form/{AccordionView.vue2.js → AccordionView.vue.js}

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

package/components/Form/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
 import B from "./TableView.vue.js";
-import C from "./AccordionView.vue2.js";
+import C from "./AccordionView.vue.js";
 import U from "../Label.vue.js";
 import N from "../Button.vue.js";
 import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/RichTextEditor/RichTextEditor.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
 /* empty css                         */
-import se from "./RichTextToolbar.vue2.js";
-/* empty css                    */
-import de from "./RichTextLinkPopover.vue2.js";
-/* empty css                        */
+import se from "./RichTextToolbar.vue.js";
+/* empty css                     */
+import de from "./RichTextLinkPopover.vue.js";
+/* empty css                         */
 import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
 import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
 const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({

package/components/RichTextEditor/RichTextLinkPopover.vue3.js

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

package/components/RichTextEditor/RichTextToolbar.vue3.js

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

package/components/Screen/ScreenFilter.vue.js

@@ -16,15 +16,15 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                        */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                    */
-/* empty css                                        */
+/* empty css                                     */
+/* empty css                                         */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */

package/components/ThemeProvider/ThemeProvider.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, useId as u, computed as o, provide as v, openBlock as d, createElementBlock as p, normalizeClass as C, unref as h, createBlock as S, resolveDynamicComponent as g, toDisplayString as y, renderSlot as b } from "vue";
-import { getCachedThemeVariables as B, buildThemeStyleBlock as k, buildCardOverrideStyles as T } from "./themeVars.js";
-import { THEME_STYLES_KEY as _ } from "../../composables/useThemeStyles.js";
-import { isDarkColor as E } from "../../utils/colorUtils.js";
-const x = ["data-vlite-theme-provider"], W = /* @__PURE__ */ m({
+import { defineComponent as m, useId as v, computed as o, ref as p, onMounted as h, provide as C, openBlock as s, createElementBlock as S, normalizeStyle as y, normalizeClass as g, unref as b, createBlock as T, resolveDynamicComponent as B, withCtx as k, createTextVNode as _, toDisplayString as E, renderSlot as x } from "vue";
+import { getCachedThemeVariables as z, buildThemeStyleBlock as D, buildCardOverrideStyles as F } from "./themeVars.js";
+import { THEME_STYLES_KEY as w } from "../../composables/useThemeStyles.js";
+import { isDarkColor as I } from "../../utils/colorUtils.js";
+const M = ["data-vlite-theme-provider"], j = /* @__PURE__ */ m({
   __name: "ThemeProvider",
   props: {
     bgColor: { default: void 0 },
@@ -16,37 +16,44 @@ const x = ["data-vlite-theme-provider"], W = /* @__PURE__ */ m({
     maxWidth: { default: void 0 },
     rootClass: { default: void 0 }
   },
-  setup(t) {
-    const e = t, r = u(), l = `[data-vlite-theme-provider="${r}"]`, a = o(() => e.bgColor ? E(e.bgColor) : !1), i = o(() => B(e)), s = o(
-      () => k(i.value, l)
-    ), n = o(
-      () => e.bgColor || e.surfaceColor ? T(
+  setup(r) {
+    const e = r, l = v(), a = `[data-vlite-theme-provider=${l}]`, i = o(() => e.bgColor ? I(e.bgColor) : !1), t = o(() => z(e)), n = o(
+      () => D(t.value, a)
+    ), u = o(
+      () => e.bgColor || e.surfaceColor ? F(
         e.bgColor || "#ffffff",
-        a.value,
-        l,
+        i.value,
+        a,
         e.surfaceColor,
         e.primaryColor
       ) : ""
     ), c = o(
-      () => [s.value, n.value].filter(Boolean).join(`
+      () => [n.value, u.value].filter(Boolean).join(`
 `)
-    );
-    return v(_, i), (f, D) => (d(), p("div", {
-      "data-vlite-theme-provider": h(r),
-      class: C([
+    ), d = p(!1);
+    return h(() => {
+      requestAnimationFrame(() => {
+        d.value = !0;
+      });
+    }), C(w, t), (f, P) => (s(), S("div", {
+      "data-vlite-theme-provider": b(l),
+      class: g([
         "vlite-theme-provider",
-        t.rootClass,
-        "transition-colors duration-300",
-        { dark: a.value }
-      ])
+        r.rootClass,
+        { "transition-colors duration-300": d.value, dark: i.value }
+      ]),
+      style: y(t.value)
     }, [
-      (d(), S(g("style"), {
-        textContent: y(c.value)
-      }, null, 8, ["textContent"])),
-      b(f.$slots, "default")
-    ], 10, x));
+      (s(), T(B("style"), null, {
+        default: k(() => [
+          _(E(c.value), 1)
+        ]),
+        _: 1
+      })),
+      x(f.$slots, "default")
+    ], 14, M));
   }
 });
 export {
-  W as default
+  j as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.4.34",
+  "version": "1.4.35",
   "type": "module",
   "main": "index.js",
   "module": "index.js",