mvframe 1.0.10 → 1.0.11

package/dist/Config.js

@@ -0,0 +1,201 @@
+import { reactive as B, onMounted as j, computed as k, resolveComponent as i, openBlock as u, createBlock as b, mergeProps as O, unref as s, withCtx as d, createElementVNode as n, toDisplayString as a, createVNode as p, createTextVNode as U, createElementBlock as V, Fragment as G, renderList as z, createCommentVNode as J, nextTick as C } from "vue";
+import { MVFRAME_STORAGE_PRIMARY as M, persistMvframeTheme as f, applyMvframeTheme as g, MVFRAME_STORAGE_LANG as w } from "./composition.js";
+/* empty css    */
+import { _ as K } from "./vendor.js";
+const Y = { class: "configBody flexMode flexV g24 p24" }, q = { class: "section flexMode flexV g12" }, H = { class: "sectionTitle fs14 fw700 txt-h2" }, Q = { class: "flexMode vc g16 vl" }, W = { class: "section flexMode flexV g12" }, X = { class: "sectionTitle fs14 fw700 txt-h2" }, Z = { class: "flexMode vc hb g8 wp100" }, ee = { class: "txt-p fs14" }, te = { class: "section flexMode flexV g12" }, oe = { class: "sectionTitle fs14 fw700 txt-h2" }, ne = {
+  key: 0,
+  class: "langPrefix flexMode vc g4 noShrink"
+}, le = { class: "langTag fs12 txt-tip" }, se = { class: "flexMode vc g8 vl" }, ae = { class: "langTag fs12 txt-tip noShrink" }, re = { class: "txt-p" }, ie = /* @__PURE__ */ Object.assign({
+  name: "FrameConfig",
+  inheritAttrs: !1
+}, {
+  __name: "Config",
+  emits: ["mounted"],
+  setup(ce, { emit: T }) {
+    const D = T, t = B({
+      loading: !1,
+      primary: "#007bff",
+      isDark: !1,
+      lang: "en_us"
+    });
+    j(() => {
+      S(), D("mounted");
+    });
+    const _ = () => {
+      const e = getComputedStyle(document.documentElement).getPropertyValue("--color-primary").trim();
+      t.primary = e || "#007bff";
+    }, S = () => {
+      var m;
+      const e = localStorage.getItem(M);
+      e ? t.primary = e : _(), t.isDark = document.documentElement.classList.contains("dark");
+      const o = ((m = globalThis.$getLang) == null ? void 0 : m.call(globalThis)) || "en_us", r = y.filter((c) => c.use !== !1).map((c) => c.value);
+      t.lang = r.includes(o) ? o : "en_us";
+    }, h = () => {
+      f({
+        primary: t.primary,
+        mode: t.isDark ? "dark" : "light"
+      });
+    }, $ = () => {
+      const e = t.isDark ? "dark" : "light";
+      if (!t.primary) {
+        f({ primary: null }), g({ primary: null, mode: e }), C(() => _());
+        return;
+      }
+      g({ primary: t.primary, mode: e }), h();
+    }, A = () => {
+      const e = t.isDark ? "dark" : "light", o = localStorage.getItem(M);
+      g({
+        primary: o != null && o !== "" ? o : null,
+        mode: e
+      }), f({ mode: e });
+    }, E = () => {
+      f({ primary: null }), g({
+        primary: null,
+        mode: t.isDark ? "dark" : "light"
+      }), C(() => _());
+    }, L = (e) => {
+      var r;
+      const o = localStorage.getItem(w) || ((r = globalThis.$config) == null ? void 0 : r.lang) || "en_us";
+      e == null || e === o || (localStorage.setItem(w, e), window.location.reload());
+    }, F = async () => {
+      h();
+    }, v = k(() => y.filter((e) => e.use !== !1)), x = k(() => v.value.find((e) => e.value === t.lang) ?? null), y = [
+      {
+        label: "English",
+        icon: "us",
+        txt: "EN",
+        value: "en_us",
+        use: !0
+      },
+      {
+        label: "Simplified Chinese",
+        icon: "cn",
+        txt: "简",
+        value: "zh_cn",
+        use: !0
+      },
+      {
+        label: "Traditional Chinese",
+        icon: "hk",
+        txt: "繁",
+        value: "zh_tw",
+        use: !0
+      },
+      {
+        label: "Japanese",
+        icon: "jp",
+        txt: "言",
+        value: "ja_jp",
+        use: !0
+      },
+      {
+        label: "Korean",
+        icon: "kr",
+        txt: "언",
+        value: "ko_kr",
+        use: !0
+      },
+      {
+        label: "Vietnamese",
+        icon: "vn",
+        txt: "ế",
+        value: "vi_vn",
+        use: !0
+      }
+    ], I = [
+      "#007bff",
+      "#409eff",
+      "#16b1ff",
+      "#28a745",
+      "#6f42c1",
+      "#e83e8c",
+      "#dc3545",
+      "#fd7e14"
+    ];
+    return (e, o) => {
+      const r = i("el-color-picker"), m = i("el-button"), c = i("el-switch"), P = i("el-option"), R = i("el-select"), N = i("DrawerArea");
+      return u(), b(N, O({
+        loading: s(t).loading,
+        onSubmit: F
+      }, e.$attrs, { class: "MvcFrameConfig" }), {
+        default: d(() => [
+          n("div", Y, [
+            n("section", q, [
+              n("h3", H, a(e.$l("Theme color")), 1),
+              n("div", Q, [
+                p(r, {
+                  modelValue: s(t).primary,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => s(t).primary = l),
+                  "color-format": "hex",
+                  predefine: I,
+                  onChange: $
+                }, null, 8, ["modelValue"]),
+                p(m, {
+                  text: "",
+                  type: "primary",
+                  class: "resetBtn",
+                  onClick: E
+                }, {
+                  default: d(() => [
+                    U(a(e.$l("Restore default")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            n("section", W, [
+              n("h3", X, a(e.$l("Appearance")), 1),
+              n("div", Z, [
+                n("span", ee, a(e.$l("Light / dark mode")), 1),
+                p(c, {
+                  modelValue: s(t).isDark,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => s(t).isDark = l),
+                  "inline-prompt": "",
+                  "active-text": e.$l("Dark"),
+                  "inactive-text": e.$l("Light"),
+                  onChange: A
+                }, null, 8, ["modelValue", "active-text", "inactive-text"])
+              ])
+            ]),
+            n("section", te, [
+              n("h3", oe, a(e.$l("Language")), 1),
+              p(R, {
+                modelValue: s(t).lang,
+                "onUpdate:modelValue": o[2] || (o[2] = (l) => s(t).lang = l),
+                class: "langSelect w160",
+                teleported: !0,
+                onChange: L
+              }, {
+                prefix: d(() => [
+                  s(x) ? (u(), V("div", ne, [
+                    n("span", le, a(s(x).txt), 1)
+                  ])) : J("", !0)
+                ]),
+                default: d(() => [
+                  (u(!0), V(G, null, z(s(v), (l) => (u(), b(P, {
+                    key: l.value,
+                    label: e.$l(l.label),
+                    value: l.value
+                  }, {
+                    default: d(() => [
+                      n("div", se, [
+                        n("span", ae, a(l.txt), 1),
+                        n("span", re, a(e.$l(l.label)), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 16, ["loading"]);
+    };
+  }
+}), fe = /* @__PURE__ */ K(ie, [["__scopeId", "data-v-011d0a99"]]);
+export {
+  fe as default
+};

package/dist/composition.js

@@ -1,203 +1,337 @@
-const C = (n, e) => {
-  if (!n || !e) return !1;
-  const t = n.getBoundingClientRect(), r = e.getBoundingClientRect(), o = r.right > t.left && r.left < t.right, s = r.bottom > t.top && r.top < t.bottom;
+import { g as L } from "./vendor.js";
+const x = "lang", J = (t) => {
+  var o, s;
+  const e = typeof window < "u", r = () => {
+    if (!e)
+      return { innerWidth: 1920, innerHeight: 1080 };
+    const i = window, l = typeof navigator < "u" ? i.navigator : {}, a = i.screen || {}, c = i.visualViewport, u = {
+      innerWidth: i.innerWidth,
+      innerHeight: i.innerHeight,
+      outerWidth: i.outerWidth,
+      outerHeight: i.outerHeight,
+      screenWidth: a.width ?? i.innerWidth,
+      screenHeight: a.height ?? i.innerHeight,
+      availWidth: a.availWidth ?? i.innerWidth,
+      availHeight: a.availHeight ?? i.innerHeight,
+      devicePixelRatio: i.devicePixelRatio || 1
+    };
+    c && (u.visualViewportWidth = c.width, u.visualViewportHeight = c.height, u.visualViewportScale = c.scale);
+    const g = l.userAgent || "";
+    return u.env = {
+      userAgent: g,
+      language: l.language || "",
+      languages: l.languages ? [...l.languages] : [],
+      platform: l.platform || "",
+      cookieEnabled: !!l.cookieEnabled,
+      onLine: l.onLine !== !1,
+      maxTouchPoints: l.maxTouchPoints || 0,
+      isTouch: "ontouchstart" in i || (l.maxTouchPoints || 0) > 0,
+      isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile/i.test(
+        g
+      )
+    }, u;
+  }, n = () => {
+    var l;
+    const i = r();
+    globalThis.$config = globalThis.$config || {}, globalThis.$config.options = {
+      ...globalThis.$config.options || {},
+      ...i
+    }, (l = t == null ? void 0 : t.config) != null && l.globalProperties && (t.config.globalProperties.$config = globalThis.$config);
+  };
+  n(), e && (window.addEventListener("resize", n, { passive: !0 }), (s = (o = window.visualViewport) == null ? void 0 : o.addEventListener) == null || s.call(o, "resize", n, {
+    passive: !0
+  }));
+}, K = (t, e) => {
+  var l, a;
+  const r = e || {}, o = (typeof localStorage < "u" ? localStorage.getItem(x) : null) || ((l = globalThis.$config) == null ? void 0 : l.lang) || "en_us", s = Object.assign(
+    {},
+    L(o),
+    ((a = globalThis.$config) == null ? void 0 : a.langMaps) || {},
+    r.langMaps || {}
+  ), i = (c, u) => {
+    if (c)
+      if (u && globalThis.$getType(u) === "Object") {
+        let g = s[c] || c;
+        return Object.keys(u).forEach((y) => {
+          g[`{${y}}`] = u[y];
+        }), g;
+      } else
+        return s[c] || c;
+    else
+      return c;
+  };
+  globalThis.$patchLangMaps = (c) => {
+    c && globalThis.$getType(c) === "Object" && Object.assign(s, c);
+  }, globalThis.$l = i, t.config.globalProperties.$l = i, t.config.globalProperties.$patchLangMaps = globalThis.$patchLangMaps, String.prototype.$l = i;
+}, D = (t) => {
+  if (!t)
+    return maps;
+  const e = t.split(".");
+  if (e.length > 1) {
+    let r = maps;
+    for (let n = 0; n < e.length; n++)
+      r[e[n]] ? r = r[e[n]] : console.error(`No Map node at ${e[n]} in ${t}`);
+    return r;
+  } else
+    return maps[t];
+}, X = (t, e) => {
+  if (!t || !e) return !1;
+  const r = t.getBoundingClientRect(), n = e.getBoundingClientRect(), o = n.right > r.left && n.left < r.right, s = n.bottom > r.top && n.top < r.bottom;
   return o && s;
-}, _ = (n, e) => {
-  if (n === e) return !0;
-  if (n == null || e == null || typeof n != "object" || typeof e != "object")
-    return JSON.stringify(n) === JSON.stringify(e);
-  const t = Object.keys(n), r = Object.keys(e);
-  if (t.length !== r.length) return !1;
-  for (const o of t)
-    if (!r.includes(o) || !_(n[o], e[o])) return !1;
+}, _ = (t, e) => {
+  if (t === e) return !0;
+  if (t == null || e == null || typeof t != "object" || typeof e != "object")
+    return JSON.stringify(t) === JSON.stringify(e);
+  const r = Object.keys(t), n = Object.keys(e);
+  if (r.length !== n.length) return !1;
+  for (const o of r)
+    if (!n.includes(o) || !_(t[o], e[o])) return !1;
   return !0;
-}, g = "download";
-const O = (n, e = g) => {
-  const t = e || g, r = String(n ?? "").trim();
-  if (!r) return t;
-  const s = r.replace(/[/\\?%*:|"<>]/g, "_").replace(/\.\./g, "_").split(/[/\\]/).pop() || t, c = 200;
-  return s.length > c ? s.slice(0, c) : s;
-}, R = (n) => {
-  const e = ((n == null ? void 0 : n.type) || "").toLowerCase();
+}, v = "download", O = 150, A = (t, e = v) => {
+  const r = e || v, n = String(t ?? "").trim();
+  if (!n) return r;
+  const s = n.replace(/[/\\?%*:|"<>]/g, "_").replace(/\.\./g, "_").split(/[/\\]/).pop() || r, i = 200;
+  return s.length > i ? s.slice(0, i) : s;
+}, B = (t) => {
+  const e = ((t == null ? void 0 : t.type) || "").toLowerCase();
   return e ? e.includes("spreadsheet") || e.includes("ms-excel") || e.includes("excel") && e.includes("application") : !1;
-}, h = (n, e) => {
-  const t = URL.createObjectURL(n), r = O(e), o = document.createElement("a");
-  o.href = t, o.download = r, o.style.display = "none", document.body.appendChild(o);
+}, S = (t, e) => {
+  const r = URL.createObjectURL(t), n = A(e), o = document.createElement("a");
+  o.href = r, o.download = n, o.style.display = "none", document.body.appendChild(o);
   try {
     o.click();
   } finally {
-    document.body.removeChild(o), setTimeout(() => URL.revokeObjectURL(t), 150);
+    document.body.removeChild(o), setTimeout(() => URL.revokeObjectURL(r), O);
   }
-}, k = (n) => {
-  if (!n || n.source !== void 0 || n.type === void 0)
-    return n;
-  const { type: e, data: t, url: r, headers: o, name: s, filename: c, init: i, ...f } = n, a = c ?? s;
+}, I = (t) => {
+  if (!t || t.source !== void 0 || t.type === void 0)
+    return t;
+  const { type: e, data: r, url: n, headers: o, name: s, filename: i, init: l, ...a } = t, c = i ?? s;
   return e === "csv" ? {
-    ...f,
+    ...a,
     source: "inline",
-    content: t,
-    filename: a,
-    bom: n.bom
+    content: r,
+    filename: c,
+    bom: t.bom
   } : e === "excel" ? {
-    ...f,
+    ...a,
     source: "fetch",
-    url: r,
-    init: { ...i || {}, headers: o ?? (i == null ? void 0 : i.headers) },
+    url: n,
+    init: { ...l || {}, headers: o ?? (l == null ? void 0 : l.headers) },
     response: "blob",
     expectExcel: !0,
-    filename: a
-  } : n;
-}, U = async (n = {}) => {
-  const e = k(n), {
-    source: t = "inline",
-    content: r,
+    filename: c
+  } : t;
+}, Q = async (t = {}) => {
+  const e = I(t), {
+    source: r = "inline",
+    content: n,
     blob: o,
     bom: s = !0,
-    mime: c,
-    url: i,
-    init: f,
-    response: a = "blob",
-    openIn: b = "self",
-    expectExcel: E,
-    filename: m,
-    name: x,
-    error: u = () => {
+    mime: i,
+    url: l,
+    init: a,
+    response: c = "blob",
+    openIn: u = "self",
+    expectExcel: g,
+    filename: y,
+    name: $,
+    error: p = () => {
     },
     // 避免 legacy 字段渗入后续逻辑
-    type: L,
-    data: $,
-    headers: T,
-    ...j
-  } = e, p = m ?? x;
+    type: F,
+    data: z,
+    headers: q,
+    ...G
+  } = e, b = y ?? $;
   try {
-    if (t === "inline") {
+    if (r === "inline") {
       if (o instanceof Blob) {
-        h(o, p);
+        S(o, b);
         return;
       }
-      if (r == null) {
-        u(new Error("content or blob is required for inline"));
+      if (n == null) {
+        p(new Error("content or blob is required for inline"));
         return;
       }
-      const l = typeof r == "string" ? r : String(r), d = s ? "\uFEFF" + l : l, y = c || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
-      h(new Blob([d], { type: y }), p);
+      const f = typeof n == "string" ? n : String(n), E = s ? "\uFEFF" + f : f, w = i || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
+      S(new Blob([E], { type: w }), b);
       return;
     }
-    if (t === "fetch") {
-      if (!i) {
-        u(new Error("url is required for fetch"));
+    if (r === "fetch") {
+      if (!l) {
+        p(new Error("url is required for fetch"));
         return;
       }
-      const l = await fetch(i, f);
-      if (!l.ok) {
-        u(new Error(`fetch failed: ${l.status}`));
+      const f = await fetch(l, a);
+      if (!f.ok) {
+        p(new Error(`fetch failed: ${f.status}`));
         return;
       }
-      if (a === "text") {
-        const y = await l.text(), w = s ? "\uFEFF" + y : y, S = c || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
-        h(new Blob([w], { type: S }), p);
+      if (c === "text") {
+        const w = await f.text(), k = s ? "\uFEFF" + w : w, P = i || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
+        S(new Blob([k], { type: P }), b);
         return;
       }
-      const d = await l.blob();
-      if (E && !R(d)) {
-        u(new Error("excel does not exist"));
+      const E = await f.blob();
+      if (g && !B(E)) {
+        p(new Error("excel does not exist"));
         return;
       }
-      h(d, p);
+      S(E, b);
       return;
     }
-    if (t === "open") {
-      if (!i) {
-        u(new Error("url is required for open"));
+    if (r === "open") {
+      if (!l) {
+        p(new Error("url is required for open"));
         return;
       }
-      b === "blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.href = i;
+      u === "blank" ? window.open(l, "_blank", "noopener,noreferrer") : window.location.href = l;
       return;
     }
-    u(new Error(`unknown source: ${t}`));
-  } catch (l) {
-    u(l instanceof Error ? l : new Error(String(l)));
+    p(new Error(`unknown source: ${r}`));
+  } catch (f) {
+    p(f instanceof Error ? f : new Error(String(f)));
   }
 };
-function B(n, e, t) {
+function j(t, e, r) {
   if (e === "" || e === void 0 || e === null)
     return "";
-  const r = globalThis.$fa, o = globalThis.$fu, s = (t == null ? void 0 : t.precision) ?? 2, c = t == null ? void 0 : t.unit;
-  if ((c === "currency" || c === "%") && o) {
-    const i = {
-      [n]: {
-        unit: c === "currency" ? "currency" : "%",
+  const n = globalThis.$fa, o = globalThis.$fu, s = (r == null ? void 0 : r.precision) ?? 2, i = r == null ? void 0 : r.unit;
+  if ((i === "currency" || i === "%") && o) {
+    const l = {
+      [t]: {
+        unit: i === "currency" ? "currency" : "%",
         precision: s
       }
     };
     try {
       return o({
-        prop: n,
-        currency: t == null ? void 0 : t.currency,
+        prop: t,
+        currency: r == null ? void 0 : r.currency,
         value: e,
-        obj: i
+        obj: l
       });
     } catch {
     }
   }
-  if (r)
+  if (n)
     try {
-      return r(e, s);
+      return n(e, s);
     } catch {
       return String(e);
     }
   return String(e);
 }
-function N(n, e, t = {}) {
-  const { columns: r = [] } = n || {}, { resolveMetric: o } = t;
-  return !r.length || !e || typeof e != "object" ? [] : r.map((s) => {
-    const c = s.property ?? s.prop ?? "";
-    if (!c)
+function Z(t, e, r = {}) {
+  const { columns: n = [] } = t || {}, { resolveMetric: o } = r;
+  return !n.length || !e || typeof e != "object" ? [] : n.map((s) => {
+    const i = s.property ?? s.prop ?? "";
+    if (!i)
       return "";
-    let i = e[c];
-    if (i === void 0 && (i = ""), i === "")
+    let l = e[i];
+    if (l === void 0 && (l = ""), l === "")
       return "";
-    const f = typeof o == "function" ? o(c) : void 0;
+    const a = typeof o == "function" ? o(i) : void 0;
     try {
-      return B(c, i, f);
+      return j(i, l, a);
     } catch {
-      return String(i);
+      return String(l);
     }
   });
 }
-const M = (n = {}) => {
-  const e = (t, r) => {
-    if (t)
-      if (r && globalThis.$getType(r) === "Object") {
-        let o = n[t] || t;
-        return Object.keys(r).forEach((s) => {
-          o[`{${s}}`] = r[s];
-        }), o;
-      } else
-        return n[t] || t;
-    else
-      return t;
+const T = "mvframe_primary", M = "mvframe_theme", m = { r: 255, g: 255, b: 255 }, H = { r: 0, g: 0, b: 0 }, W = [
+  "--el-color-primary-light-3",
+  "--el-color-primary-light-5",
+  "--el-color-primary-light-7",
+  "--el-color-primary-light-8",
+  "--el-color-primary-light-9",
+  "--el-color-primary-dark-2"
+];
+function R(t) {
+  let e = String(t).trim().replace(/^#/, "");
+  if (e.length === 3 && (e = e.split("").map((n) => n + n).join("")), e.length >= 8 && (e = e.slice(0, 6)), e.length !== 6 || Number.isNaN(parseInt(e, 16)))
+    return null;
+  const r = parseInt(e, 16);
+  return {
+    r: r >> 16 & 255,
+    g: r >> 8 & 255,
+    b: r & 255
   };
-  globalThis.$l = e, String.prototype.$l = e;
-}, V = (n) => {
-  if (!n)
-    return maps;
-  const e = n.split(".");
-  if (e.length > 1) {
-    let t = maps;
-    for (let r = 0; r < e.length; r++)
-      t[e[r]] ? t = t[e[r]] : console.error(`No Map node at ${e[r]} in ${n}`);
-    return t;
-  } else
-    return maps[n];
-};
+}
+function d(t, e, r) {
+  const n = (o) => Math.max(0, Math.min(255, Math.round(o)));
+  return `#${[n(t), n(e), n(r)].map((o) => o.toString(16).padStart(2, "0")).join("")}`;
+}
+function h(t, e, r) {
+  const n = r / 100, o = 1 - n;
+  return {
+    r: t.r * n + e.r * o,
+    g: t.g * n + e.g * o,
+    b: t.b * n + e.b * o
+  };
+}
+function V(t) {
+  const e = R(t);
+  if (!e)
+    return null;
+  const r = h(m, e, 30), n = h(m, e, 50), o = h(m, e, 70), s = h(m, e, 80), i = h(m, e, 90), l = h(H, e, 20);
+  return {
+    "--el-color-primary-light-3": d(r.r, r.g, r.b),
+    "--el-color-primary-light-5": d(n.r, n.g, n.b),
+    "--el-color-primary-light-7": d(o.r, o.g, o.b),
+    "--el-color-primary-light-8": d(s.r, s.g, s.b),
+    "--el-color-primary-light-9": d(i.r, i.g, i.b),
+    "--el-color-primary-dark-2": d(l.r, l.g, l.b)
+  };
+}
+function C(t) {
+  t.style.removeProperty("--el-color-primary");
+  for (const e of W)
+    t.style.removeProperty(e);
+}
+function N(t, e) {
+  const r = R(e.startsWith("#") ? e : `#${e}`);
+  if (!r)
+    return !1;
+  const n = d(r.r, r.g, r.b);
+  t.style.setProperty("--color-primary", n), t.style.setProperty("--el-color-primary", n);
+  const o = V(n);
+  return o && Object.entries(o).forEach(([s, i]) => t.style.setProperty(s, i)), !0;
+}
+function U(t = {}) {
+  const e = document.documentElement;
+  if (t.primary != null && t.primary !== "") {
+    const n = String(t.primary).trim();
+    N(e, n) || (e.style.setProperty("--color-primary", n), e.style.setProperty("--el-color-primary", n));
+  } else (t.primary === null || t.primary === "") && (e.style.removeProperty("--color-primary"), C(e));
+  const r = t.mode ?? (e.classList.contains("dark") ? "dark" : "light");
+  e.classList.toggle("dark", r === "dark");
+}
+function ee(t) {
+  t.primary !== void 0 && (t.primary == null || t.primary === "" ? localStorage.removeItem(T) : localStorage.setItem(T, String(t.primary))), t.mode !== void 0 && localStorage.setItem(M, t.mode);
+}
+function te() {
+  const t = localStorage.getItem(T), r = localStorage.getItem(M) === "dark" ? "dark" : "light";
+  U({
+    primary: t != null && t !== "" ? t : null,
+    mode: r
+  });
+}
 export {
+  x as MVFRAME_STORAGE_LANG,
+  T as MVFRAME_STORAGE_PRIMARY,
+  M as MVFRAME_STORAGE_THEME,
+  U as applyMvframeTheme,
   _ as deepEqual,
-  U as download,
-  B as formatSummaryCell,
-  C as isInView,
-  O as sanitizeDownloadFileName,
-  M as useLang,
-  V as useMap,
-  N as useRemoteSummary
+  Q as download,
+  j as formatSummaryCell,
+  X as isInView,
+  te as loadMvframeTheme,
+  ee as persistMvframeTheme,
+  A as sanitizeDownloadFileName,
+  K as useLang,
+  D as useMap,
+  J as useOptions,
+  Z as useRemoteSummary
 };