@lanrenbang/basecoat-ultra 0.1.6 → 0.2.0

package/dist/js/catppuccin-theme-switcher.min.js

@@ -1,5 +1,5 @@
 (() => {
-  const l = ["latte", "frappe", "macchiato", "mocha"], p = ["frappe", "macchiato", "mocha"], i = [
+  const l = ["latte", "frappe", "macchiato", "mocha"], v = ["frappe", "macchiato", "mocha"], u = [
     "rosewater",
     "flamingo",
     "pink",
@@ -15,67 +15,82 @@
     "blue",
     "lavender"
   ];
-  function f(o) {
-    if (!l.includes(o)) return {};
-    const a = { background: `var(--ctp-${o}-base)` };
-    return i.forEach((t) => {
-      a[t] = `var(--ctp-${o}-${t})`;
+  function w(e) {
+    if (!l.includes(e)) return {};
+    const a = { background: `var(--ctp-${e}-base)` };
+    return u.forEach((c) => {
+      a[c] = `var(--ctp-${e}-${c})`;
     }), a;
   }
-  function u(o, a) {
-    const t = document.documentElement;
-    l.forEach((r) => t.classList.remove(`theme-${r}`)), i.forEach((r) => t.classList.remove(`accent-${r}`)), t.classList.add(`theme-${o}`), t.classList.add(`accent-${a}`), p.includes(o) ? t.classList.add("dark") : t.classList.remove("dark");
+  function f(e, a, c) {
+    const n = document.documentElement;
+    l.forEach((o) => n.classList.remove(`theme-${o}`)), u.forEach((o) => n.classList.remove(`accent-${o}`)), n.classList.add(`theme-${e}`), n.classList.add(`accent-${a}`), v.includes(e) ? n.classList.add("dark") : n.classList.remove("dark");
     try {
-      localStorage.setItem("catppuccin-theme", o), localStorage.setItem("catppuccin-accent", a), localStorage.removeItem("basecoat-mode");
+      localStorage.setItem("catppuccin-theme", e), localStorage.setItem("catppuccin-accent", a), localStorage.removeItem("basecoat-mode");
     } catch {
     }
+    c && c.dispatchEvent(new CustomEvent("change", {
+      bubbles: !0,
+      detail: { theme: e, accent: a }
+    }));
   }
-  function h() {
+  function E() {
     try {
-      const o = localStorage.getItem("catppuccin-theme"), a = localStorage.getItem("catppuccin-accent"), t = localStorage.getItem("basecoat-mode");
-      if (o && a)
-        u(o, a);
-      else if (t)
-        t === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+      const e = localStorage.getItem("catppuccin-theme"), a = localStorage.getItem("catppuccin-accent"), c = localStorage.getItem("basecoat-mode");
+      if (e && a)
+        f(e, a);
+      else if (c)
+        c === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
       else {
-        const r = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
-        document.documentElement.classList.toggle("dark", r);
+        const n = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+        document.documentElement.classList.toggle("dark", n);
       }
-    } catch (o) {
-      console.error("Basecoat: Theme initialization failed", o);
+    } catch (e) {
+      console.error("Basecoat: Theme initialization failed", e);
     }
   }
-  h();
-  const g = (o) => {
-    const a = o.querySelector(".theme-flavors"), t = o.querySelector(".theme-accents"), r = o.querySelector(".theme-reset");
-    let n = localStorage.getItem("catppuccin-theme");
-    (!n || !l.includes(n)) && (n = document.documentElement.classList.contains("dark") ? "mocha" : "latte"), a && (a.innerHTML = "", a.className = "button-group w-full", l.forEach((c) => {
-      const e = document.createElement("button");
-      e.type = "button", e.className = "btn btn-sm capitalize flex-1", e.textContent = c, e.dataset.flavor = c, a.appendChild(e);
+  typeof document < "u" && E();
+  const k = (e) => {
+    const a = e.querySelector(".theme-flavors"), c = e.querySelector(".theme-accents"), n = e.querySelector(".theme-reset");
+    let o = localStorage.getItem("catppuccin-theme");
+    (!o || !l.includes(o)) && (o = document.documentElement.classList.contains("dark") ? "mocha" : "latte"), a && (a.innerHTML = "", a.className = "button-group w-full", l.forEach((s) => {
+      const t = document.createElement("button");
+      t.type = "button", t.className = "btn btn-sm capitalize flex-1", t.textContent = s, t.dataset.flavor = s, a.appendChild(t);
     }));
-    const d = () => {
+    const p = () => {
       if (!a) return;
-      a.querySelectorAll("[data-flavor]").forEach((e) => {
-        e.dataset.flavor === n ? (e.classList.remove("btn-outline", "btn-ghost"), e.classList.add("btn-primary")) : (e.classList.remove("btn-primary"), e.classList.add("btn-ghost"));
+      a.querySelectorAll("[data-flavor]").forEach((t) => {
+        t.dataset.flavor === o ? (t.classList.remove("btn-outline", "btn-ghost"), t.classList.add("btn-primary")) : (t.classList.remove("btn-primary"), t.classList.add("btn-ghost"));
       });
-    }, m = () => {
-      if (!t) return;
-      t.innerHTML = "";
-      const c = f(n);
-      t.className = "theme-accents grid grid-cols-7 gap-3 place-items-center p-4 rounded-xl border border-border/50 mt-4 transition-colors duration-300", t.style.backgroundColor = c.background, i.forEach((e) => {
-        const s = document.createElement("button");
-        s.type = "button", s.className = "size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring", s.title = e, s.style.backgroundColor = c[e], s.dataset.tooltip = e, s.dataset.side = "top", s.onclick = () => {
-          u(n, e), d();
-        }, t.appendChild(s);
+    }, h = () => {
+      if (!c) return;
+      c.innerHTML = "";
+      const s = w(o), t = localStorage.getItem("catppuccin-theme"), d = localStorage.getItem("catppuccin-accent");
+      c.className = "theme-accents grid grid-cols-7 gap-3 place-items-center p-4 rounded-xl border border-border/50 mt-4 transition-colors duration-300", c.style.backgroundColor = s.background, u.forEach((m) => {
+        const i = document.createElement("button");
+        i.type = "button";
+        const g = d === m && t === o;
+        if (i.className = `size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring relative flex items-center justify-center ${g ? "ring-2 ring-white ring-offset-2 scale-110" : ""}`, i.title = m, i.style.backgroundColor = s[m], i.dataset.tooltip = m, i.dataset.side = "top", g) {
+          const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+          r.setAttribute("class", "text-white drop-shadow-sm"), r.style.width = "12px", r.style.height = "12px", r.setAttribute("viewBox", "0 0 24 24"), r.setAttribute("fill", "none"), r.setAttribute("stroke", "currentColor"), r.setAttribute("stroke-width", "3"), r.setAttribute("stroke-linecap", "round"), r.setAttribute("stroke-linejoin", "round");
+          const b = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          b.setAttribute("d", "M20 6 9 17l-5-5"), r.appendChild(b), i.appendChild(r);
+        }
+        i.onclick = (r) => {
+          r.stopPropagation(), f(o, m, e), p(), h();
+        }, c.appendChild(i);
       });
     };
-    a && a.addEventListener("click", (c) => {
-      const e = c.target.closest("[data-flavor]");
-      e && (n = e.dataset.flavor, d(), m());
-    }), r && r.addEventListener("click", () => {
-      const c = document.documentElement, e = c.classList.contains("dark");
-      l.forEach((s) => c.classList.remove(`theme-${s}`)), i.forEach((s) => c.classList.remove(`accent-${s}`)), localStorage.removeItem("catppuccin-theme"), localStorage.removeItem("catppuccin-accent"), localStorage.setItem("basecoat-mode", e ? "dark" : "light"), e ? c.classList.add("dark") : c.classList.remove("dark"), n = e ? "mocha" : "latte", d(), m();
-    }), d(), m();
+    a && a.addEventListener("click", (s) => {
+      const t = s.target.closest("[data-flavor]");
+      t && (o = t.dataset.flavor, p(), h());
+    }), n && n.addEventListener("click", () => {
+      const s = document.documentElement, t = s.classList.contains("dark");
+      l.forEach((d) => s.classList.remove(`theme-${d}`)), u.forEach((d) => s.classList.remove(`accent-${d}`)), localStorage.removeItem("catppuccin-theme"), localStorage.removeItem("catppuccin-accent"), localStorage.setItem("basecoat-mode", t ? "dark" : "light"), t ? s.classList.add("dark") : s.classList.remove("dark"), o = t ? "mocha" : "latte", p(), h(), e.dispatchEvent(new CustomEvent("change", {
+        bubbles: !0,
+        detail: { theme: null, accent: null, mode: t ? "dark" : "light" }
+      }));
+    }), p(), h(), e.dataset.catppuccinThemeSwitcherInitialized = !0, e.dispatchEvent(new CustomEvent("basecoat:initialized"));
   };
-  window.basecoat && window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher", g);
+  window.basecoat && window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher:not([data-catppuccin-theme-switcher-initialized])", k);
 })();

package/dist/js/datepicker.js

@@ -2313,55 +2313,220 @@ Date.prototype.fp_incr = function(days) {
 if (typeof window !== "undefined") {
   window.flatpickr = flatpickr;
 }
-const initDatepicker = (root = document) => {
-  const inputs = root.querySelectorAll(".datepicker");
-  inputs.forEach((input) => {
-    if (input._flatpickr) return;
-    const mode = input.dataset.mode || "single";
-    const enableTime = input.dataset.enableTime === "true";
-    const noCalendar = input.dataset.noCalendar === "true";
-    const inline = input.dataset.inline === "true";
-    const dateFormat = input.dataset.dateFormat || (enableTime && noCalendar ? "H:i" : "Y-m-d");
-    flatpickr(input, {
-      mode,
-      enableTime,
-      noCalendar,
-      inline,
-      dateFormat,
-      allowInput: true,
-      // Allow manual typing
-      shorthandCurrentMonth: true,
-      // Display month shorthand (e.g. "Dec" instead of "December")
-      prevArrow: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4"><path d="m15 18-6-6 6-6"/></svg>',
-      nextArrow: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4"><path d="m9 18 6-6-6-6"/></svg>',
-      static: true
-      // Position relative to wrapper, helps with scroll
-      // Custom class names to hook into our CSS
-      // flatpickr doesn't fully support class replacements, but we can append
-    });
-  });
+var zh$1 = { exports: {} };
+var zh = zh$1.exports;
+var hasRequiredZh;
+function requireZh() {
+  if (hasRequiredZh) return zh$1.exports;
+  hasRequiredZh = 1;
+  (function(module, exports$1) {
+    (function(global, factory) {
+      factory(exports$1);
+    })(zh, (function(exports$12) {
+      var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+        l10ns: {}
+      };
+      var Mandarin = {
+        weekdays: {
+          shorthand: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
+          longhand: [
+            "星期日",
+            "星期一",
+            "星期二",
+            "星期三",
+            "星期四",
+            "星期五",
+            "星期六"
+          ]
+        },
+        months: {
+          shorthand: [
+            "一月",
+            "二月",
+            "三月",
+            "四月",
+            "五月",
+            "六月",
+            "七月",
+            "八月",
+            "九月",
+            "十月",
+            "十一月",
+            "十二月"
+          ],
+          longhand: [
+            "一月",
+            "二月",
+            "三月",
+            "四月",
+            "五月",
+            "六月",
+            "七月",
+            "八月",
+            "九月",
+            "十月",
+            "十一月",
+            "十二月"
+          ]
+        },
+        rangeSeparator: " 至 ",
+        weekAbbreviation: "周",
+        scrollTitle: "滚动切换",
+        toggleTitle: "点击切换 12/24 小时时制"
+      };
+      fp.l10ns.zh = Mandarin;
+      var zh2 = fp.l10ns;
+      exports$12.Mandarin = Mandarin;
+      exports$12.default = zh2;
+      Object.defineProperty(exports$12, "__esModule", { value: true });
+    }));
+  })(zh$1, zh$1.exports);
+  return zh$1.exports;
+}
+var zhExports = requireZh();
+var zhTw$1 = { exports: {} };
+var zhTw = zhTw$1.exports;
+var hasRequiredZhTw;
+function requireZhTw() {
+  if (hasRequiredZhTw) return zhTw$1.exports;
+  hasRequiredZhTw = 1;
+  (function(module, exports$1) {
+    (function(global, factory) {
+      factory(exports$1);
+    })(zhTw, (function(exports$12) {
+      var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+        l10ns: {}
+      };
+      var MandarinTraditional = {
+        weekdays: {
+          shorthand: ["週日", "週一", "週二", "週三", "週四", "週五", "週六"],
+          longhand: [
+            "星期日",
+            "星期一",
+            "星期二",
+            "星期三",
+            "星期四",
+            "星期五",
+            "星期六"
+          ]
+        },
+        months: {
+          shorthand: [
+            "一月",
+            "二月",
+            "三月",
+            "四月",
+            "五月",
+            "六月",
+            "七月",
+            "八月",
+            "九月",
+            "十月",
+            "十一月",
+            "十二月"
+          ],
+          longhand: [
+            "一月",
+            "二月",
+            "三月",
+            "四月",
+            "五月",
+            "六月",
+            "七月",
+            "八月",
+            "九月",
+            "十月",
+            "十一月",
+            "十二月"
+          ]
+        },
+        rangeSeparator: " 至 ",
+        weekAbbreviation: "週",
+        scrollTitle: "滾動切換",
+        toggleTitle: "點擊切換 12/24 小時時制"
+      };
+      fp.l10ns.zh_tw = MandarinTraditional;
+      var zhTw2 = fp.l10ns;
+      exports$12.MandarinTraditional = MandarinTraditional;
+      exports$12.default = zhTw2;
+      Object.defineProperty(exports$12, "__esModule", { value: true });
+    }));
+  })(zhTw$1, zhTw$1.exports);
+  return zhTw$1.exports;
+}
+var zhTwExports = requireZhTw();
+const EnglishFull = {
+  weekdays: {
+    shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+  },
+  months: {
+    shorthand: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+    longhand: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+  }
 };
-if (typeof window !== "undefined") {
-  const observer = new MutationObserver((mutations) => {
-    mutations.forEach((mutation) => {
-      if (mutation.type === "childList") {
-        mutation.addedNodes.forEach((node) => {
-          if (node.nodeType === 1) {
-            if (node.classList?.contains("datepicker")) {
-              initDatepicker(node.parentNode);
-            } else if (node.querySelector?.(".datepicker")) {
-              initDatepicker(node);
-            }
-          }
-        });
-      }
-    });
-  });
-  document.addEventListener("DOMContentLoaded", () => {
-    initDatepicker();
-    observer.observe(document.body, { childList: true, subtree: true });
+const EnglishShort = {
+  weekdays: {
+    shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+  },
+  months: {
+    shorthand: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+    longhand: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+  }
+};
+const locales = {
+  "zh": zhExports.Mandarin,
+  "zh-tw": zhTwExports.MandarinTraditional,
+  "en-full": EnglishFull,
+  "en-short": EnglishShort
+};
+const initDatepicker = (input) => {
+  if (input._flatpickr) return;
+  if (input.dataset.datepickerInitialized) return;
+  const mode = input.dataset.mode || "single";
+  const enableTime = input.dataset.enableTime === "true";
+  const noCalendar = input.dataset.noCalendar === "true";
+  const isInline = input.dataset.inline === "true";
+  const dateFormat = input.dataset.dateFormat || (enableTime && noCalendar ? "H:i" : "Y-m-d");
+  const locale = input.dataset.locale || "en-short";
+  const localeConfig = locales[locale] || EnglishShort;
+  flatpickr(input, {
+    mode,
+    enableTime,
+    noCalendar,
+    inline: isInline,
+    dateFormat,
+    allowInput: true,
+    shorthandCurrentMonth: locale === "en-short",
+    static: !isInline,
+    locale: localeConfig,
+    onOpen: () => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", { detail: { source: input } }));
+    },
+    onChange: (selectedDates, dateStr) => {
+      input.dispatchEvent(new CustomEvent("change", {
+        bubbles: true,
+        detail: { value: dateStr, dates: selectedDates }
+      }));
+    }
   });
+  input.dataset.datepickerInitialized = "true";
+  input.dispatchEvent(new CustomEvent("basecoat:initialized"));
+};
+if (window.basecoat) {
+  window.basecoat.register("datepicker", ".datepicker:not([data-datepicker-initialized])", initDatepicker);
+  if (document.readyState === "complete" || document.readyState === "interactive") {
+    window.basecoat.init("datepicker");
+  }
 }
+document.addEventListener("basecoat:popover", (event) => {
+  document.querySelectorAll(".datepicker").forEach((el) => {
+    if (el._flatpickr && el._flatpickr.isOpen && event.detail?.source !== el) {
+      el._flatpickr.close();
+    }
+  });
+});
 export {
   initDatepicker
 };