@gspa/ui 0.1.3 → 0.2.0

package/dist/components/DataTableToolBar.js

@@ -0,0 +1,477 @@
+import { ref as v, computed as i, watch as be, onMounted as ge, onUnmounted as ye, resolveComponent as pe, createElementBlock as r, openBlock as s, createElementVNode as a, createBlock as h, createCommentVNode as u, normalizeClass as d, toDisplayString as f, Fragment as C, renderList as B, withCtx as O, createTextVNode as F, createVNode as m, withModifiers as z, Teleport as he, withDirectives as ke, normalizeStyle as xe, vShow as Ce, renderSlot as S, h as w } from "vue";
+import { _ as N } from "../Button.vue_vue_type_script_setup_true_lang-B3TkBTvG.js";
+import H from "./Icon.js";
+import Be from "./FilterDrawer.js";
+import { cva as $ } from "class-variance-authority";
+import { cn as k } from "../utils/cn.js";
+import { _ as we } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const $e = { class: "flex flex-col rounded-2xl mb-2 px-2" }, Re = { class: "flex items-center gap-3" }, Ae = {
+  key: 0,
+  class: "flex items-center gap-3"
+}, Fe = { class: "text-sm ui-text" }, Se = { class: "flex items-center gap-2" }, Te = { class: "flex items-center gap-3" }, Ie = ["title", "onClick"], Le = {
+  key: 1,
+  class: "relative"
+}, Ve = { class: "p-3" }, Me = { class: "space-y-1" }, je = { class: "flex items-center gap-2 cursor-pointer w-full" }, De = ["checked", "onChange"], Ee = ["disabled"], Oe = {
+  key: 3,
+  class: "flex items-center gap-2"
+}, ze = {
+  key: 4,
+  class: "relative"
+}, Ne = ["value", "placeholder"], He = {
+  key: 0,
+  class: "inline-flex items-center justify-center min-w-5 h-5 rounded-full text-xs ui-primary-bg text-white px-1"
+}, Pe = {
+  key: 7,
+  class: "flex items-center gap-2"
+}, qe = {
+  key: 1,
+  class: "mt-2 px-3 py-2 border ui-border-strong rounded-lg flex flex-wrap items-center gap-2 ui-surface"
+}, Qe = ["onClick"], Ue = [
+  {
+    key: "delete",
+    label: "Delete",
+    icon: {
+      render() {
+        return w("svg", {
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "1.5",
+          stroke: "currentColor"
+        }, [
+          w("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+          })
+        ]);
+      }
+    },
+    variant: "danger"
+  },
+  {
+    key: "edit",
+    label: "Edit",
+    icon: {
+      render() {
+        return w("svg", {
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "1.5",
+          stroke: "currentColor"
+        }, [
+          w("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+          })
+        ]);
+      }
+    },
+    variant: "primary"
+  }
+], Ze = {
+  name: "DataTableToolBar"
+}, Ge = /* @__PURE__ */ Object.assign(Ze, {
+  props: {
+    selectedItems: { type: Array, default: () => [] },
+    totalItems: { type: Number, default: 0 },
+    itemLabel: { type: String, default: "items" },
+    showTableInfo: { type: Boolean, default: !1 },
+    showItemCount: { type: Boolean, default: !1 },
+    bulkActions: { type: Array, default: () => Ue },
+    showDensityToggle: { type: Boolean, default: !0 },
+    showColumnToggle: { type: Boolean, default: !0 },
+    showRefresh: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 },
+    searchQuery: { type: String, default: "" },
+    searchPlaceholder: { type: String, default: "Search..." },
+    addButton: { type: Object, default: () => ({}) },
+    isRefreshing: { type: Boolean, default: !1 },
+    density: {
+      type: String,
+      default: "compact",
+      validator: (t) => ["compact", "normal", "comfortable"].includes(t)
+    },
+    toggleableColumns: { type: Array, default: () => [] },
+    visibleColumns: { type: Array, default: () => [] },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "minimal", "bordered"].includes(t)
+    },
+    padding: {
+      type: String,
+      default: "normal",
+      validator: (t) => ["compact", "normal", "comfortable"].includes(t)
+    },
+    themeScope: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "module"].includes(t)
+    },
+    activeFilters: {
+      type: Array,
+      default: () => []
+    },
+    enableFilters: {
+      type: Boolean,
+      default: !1
+    },
+    filterFields: {
+      type: Array,
+      default: () => []
+    },
+    filterRules: {
+      type: Object,
+      default: () => ({ logic: "all", rules: [] })
+    },
+    defaultFilterRules: {
+      type: Object,
+      default: () => ({ logic: "all", rules: [] })
+    }
+  },
+  emits: [
+    "bulk-action",
+    "update:density",
+    "toggle-column",
+    "refresh",
+    "update:search-query",
+    "add",
+    "add-button-click",
+    "update:filterRules"
+  ],
+  setup(t, { emit: P }) {
+    const n = t, b = P, g = v(!1), R = v(!1), T = v(!1), y = v(null), A = v(null), I = v({}), L = i(() => n.selectedItems.length), V = i(() => Object.keys(n.addButton || {}).length > 0), q = i(() => V.value ? n.addButton.permission === void 0 ? !0 : typeof n.addButton.permission == "function" ? n.addButton.permission() : !!n.addButton.permission : !1), M = i(() => !V.value || !q.value ? !1 : typeof n.addButton.visible == "function" ? n.addButton.visible() : n.addButton.visible === void 0 ? !0 : !!n.addButton.visible), j = i(() => M.value ? typeof n.addButton.disabled == "function" ? n.addButton.disabled() : !!n.addButton.disabled : !0), Q = i(() => n.addButton.tooltip || n.addButton.label || "Add new item"), U = [
+      { value: "compact", label: "Compact", icon: ["fas", "minus"] },
+      { value: "normal", label: "Normal", icon: ["fas", "bars"] },
+      { value: "comfortable", label: "Comfortable", icon: ["fas", "bars-staggered"] }
+    ], Z = $("flex items-center justify-between border ui-border-strong rounded-2xl", {
+      variants: {
+        variant: {
+          default: "ui-border-strong",
+          minimal: "bg-transparent ui-border-strong",
+          bordered: " ui-border-strong"
+        },
+        padding: {
+          compact: "p-2",
+          normal: "p-4",
+          comfortable: "p-6"
+        }
+      },
+      defaultVariants: {
+        variant: "default",
+        padding: "normal"
+      }
+    }), G = $("px-3 py-1.5 text-sm font-medium rounded-md flex items-center gap-1 transition-colors ", {
+      variants: {
+        variant: {
+          danger: "ui-danger ui-danger-bg hover:bg-(--ui-danger-soft) border border-(--ui-danger-soft)",
+          primary: "ui-primary ui-primary-soft hover:bg-(--ui-primary-soft) border border-(--ui-primary-soft)",
+          secondary: "ui-text ui-bg hover:bg-(--ui-bg) border ui-border-strong"
+        }
+      },
+      defaultVariants: {
+        variant: "secondary"
+      }
+    }), J = $("p-2 border ui-border-strong  transition-colors ", {
+      variants: {
+        active: {
+          true: "ui-primary-soft ui-primary border-(--ui-primary-soft)",
+          false: "ui-surface ui-text hover:bg-(--ui-surface)"
+        },
+        position: {
+          first: "rounded-l-md border-r-0",
+          middle: "border-x-0",
+          last: "rounded-r-md border-l-0"
+        }
+      },
+      defaultVariants: {
+        active: !1,
+        position: "middle"
+      }
+    }), K = $("px-3 py-2 text-sm border ui-border-strong rounded-md flex items-center gap-2 transition-colors ", {
+      variants: {
+        state: {
+          normal: "ui-text hover:text-(--ui-text) hover:bg-(--ui-surface)",
+          refreshing: "ui-text opacity-75 cursor-not-allowed"
+        }
+      },
+      defaultVariants: {
+        state: "normal"
+      }
+    }), W = i(
+      () => k(
+        Z({
+          variant: n.variant,
+          padding: n.padding
+        }),
+        n.themeScope === "module" && "kv-module-themed-toolbar"
+      )
+    ), X = i(() => "text-md ui-text"), Y = i(() => "flex items-center"), _ = i(
+      () => "flex items-center gap-2 px-3 py-2 text-sm ui-text hover:text-(--ui-text) border ui-border-strong rounded-md  hover:brightness-105 transition-colors focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:ring-offset-1"
+    ), ee = i(
+      () => "ui-bg  rounded-lg shadow-lg z-[9999] max-h-64 overflow-y-auto"
+    ), te = i(
+      () => "text-xs font-medium ui-text uppercase tracking-wider mb-2 border-b ui-border-strong pb-2"
+    ), le = i(
+      () => "py-1 hover:bg-(--ui-surface) rounded transition-colors"
+    ), oe = i(
+      () => "w-4 h-4 rounded ui-border-strong ui-primary focus:ring-(--ui-primary) focus:ring-2 focus:ring-offset-1"
+    ), ne = i(
+      () => "text-sm ui-text flex-1 select-none"
+    ), se = i(
+      () => "w-72 pl-9 pr-3 py-2 text-sm border ui-border-strong rounded-md ui-surface ui-text placeholder:text-(--ui-text-muted) focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent transition-all"
+    ), p = () => {
+      if (!y.value) return;
+      const e = y.value.getBoundingClientRect(), l = 224, c = Math.max(12, e.right - l);
+      I.value = {
+        position: "fixed",
+        top: `${e.bottom + 6}px`,
+        left: `${c}px`,
+        width: `${l}px`,
+        zIndex: 9999
+      };
+    }, D = (e) => {
+      y.value && A.value && !y.value.contains(e.target) && !A.value.contains(e.target) && (g.value = !1);
+    }, re = () => {
+      g.value = !g.value, g.value && p();
+    }, ae = (e) => k(G({ variant: e.variant || "secondary" })), ie = (e) => {
+      let l = "middle";
+      return e === "compact" ? l = "first" : e === "comfortable" && (l = "last"), k(J({
+        active: n.density === e,
+        position: l
+      }));
+    }, ue = () => k(K({
+      state: n.isRefreshing ? "refreshing" : "normal"
+    })), de = () => k("w-4 h-4", {
+      "animate-spin": n.isRefreshing
+    }), ce = (e) => n.visibleColumns.includes(e), fe = (e, l) => {
+      b("toggle-column", { column: e, visible: l });
+    }, me = () => {
+      j.value || (b("add"), b("add-button-click", n.addButton), typeof n.addButton.onClick == "function" && n.addButton.onClick());
+    }, E = i(
+      () => (n.filterRules?.rules || []).map((e) => ({
+        id: e.id,
+        label: e.label,
+        value: typeof e.value == "object" ? `${e.value.from || ""}${e.value.from || e.value.to ? " to " : ""}${e.value.to || ""}` : String(e.value ?? "")
+      }))
+    ), ve = (e) => {
+      const l = Array.isArray(n.filterRules?.rules) ? n.filterRules.rules : [];
+      b("update:filterRules", {
+        logic: n.filterRules?.logic || "all",
+        rules: l.filter((c) => c.id !== e)
+      });
+    };
+    return be(
+      () => n.defaultFilterRules,
+      (e) => {
+        if (T.value || !n.enableFilters) return;
+        const l = Array.isArray(e?.rules) ? e.rules : [];
+        l.length !== 0 && (b("update:filterRules", {
+          logic: e?.logic || "all",
+          rules: l
+        }), T.value = !0);
+      },
+      { immediate: !0, deep: !0 }
+    ), ge(() => {
+      document.addEventListener("click", D), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
+    }), ye(() => {
+      document.removeEventListener("click", D), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+    }), (e, l) => {
+      const c = pe("font-awesome-icon");
+      return s(), r("div", $e, [
+        a("div", {
+          class: d(W.value)
+        }, [
+          a("div", Re, [
+            L.value > 0 ? (s(), r("div", Ae, [
+              a("span", Fe, f(L.value) + " selected ", 1),
+              a("div", Se, [
+                (s(!0), r(C, null, B(t.bulkActions, (o) => (s(), h(N, {
+                  key: o.key,
+                  class: d(ae(o)),
+                  onClick: (x) => e.$emit("bulk-action", { action: o.key, items: t.selectedItems })
+                }, {
+                  default: O(() => [
+                    o.icon ? (s(), h(c, {
+                      key: 0,
+                      icon: o.icon,
+                      class: "w-4 h-4"
+                    }, null, 8, ["icon"])) : u("", !0),
+                    F(" " + f(o.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"]))), 128))
+              ])
+            ])) : t.showItemCount && t.totalItems > 0 ? (s(), r("div", {
+              key: 1,
+              class: d(X.value)
+            }, f(t.totalItems) + " " + f(t.itemLabel), 3)) : u("", !0)
+          ]),
+          a("div", Te, [
+            t.showDensityToggle ? (s(), r("div", {
+              key: 0,
+              class: d(Y.value)
+            }, [
+              (s(), r(C, null, B(U, (o) => a("button", {
+                key: o.value,
+                class: d(ie(o.value)),
+                title: o.label,
+                type: "button",
+                onClick: (x) => e.$emit("update:density", o.value)
+              }, [
+                m(c, {
+                  icon: o.icon,
+                  class: "w-4 h-4"
+                }, null, 8, ["icon"])
+              ], 10, Ie)), 64))
+            ], 2)) : u("", !0),
+            t.showColumnToggle ? (s(), r("div", Le, [
+              a("button", {
+                ref_key: "columnToggleButton",
+                ref: y,
+                class: d(_.value),
+                type: "button",
+                onClick: z(re, ["stop"])
+              }, [
+                m(c, {
+                  icon: "columns",
+                  class: "w-4 h-4"
+                }),
+                l[7] || (l[7] = a("span", null, "Columns", -1))
+              ], 2),
+              (s(), h(he, { to: "body" }, [
+                ke(a("div", {
+                  ref_key: "columnMenu",
+                  ref: A,
+                  class: d(ee.value),
+                  style: xe(I.value),
+                  onClick: l[0] || (l[0] = z(() => {
+                  }, ["stop"]))
+                }, [
+                  a("div", Ve, [
+                    a("div", {
+                      class: d(te.value)
+                    }, " Show Columns ", 2),
+                    a("div", Me, [
+                      (s(!0), r(C, null, B(t.toggleableColumns, (o) => (s(), r("div", {
+                        key: o.key,
+                        class: d(le.value)
+                      }, [
+                        a("label", je, [
+                          a("input", {
+                            type: "checkbox",
+                            checked: ce(o.key),
+                            class: d(oe.value),
+                            onChange: (x) => fe(o.key, x.target.checked)
+                          }, null, 42, De),
+                          a("span", {
+                            class: d(ne.value)
+                          }, f(o.label), 3)
+                        ])
+                      ], 2))), 128))
+                    ])
+                  ])
+                ], 6), [
+                  [Ce, g.value]
+                ])
+              ]))
+            ])) : u("", !0),
+            t.showRefresh ? (s(), r("button", {
+              key: 2,
+              disabled: t.isRefreshing,
+              class: d(ue()),
+              type: "button",
+              onClick: l[1] || (l[1] = (o) => e.$emit("refresh"))
+            }, [
+              m(c, {
+                icon: "sync",
+                class: d(de())
+              }, null, 8, ["class"]),
+              l[8] || (l[8] = a("span", null, "Refresh", -1))
+            ], 10, Ee)) : u("", !0),
+            e.$slots.actions ? (s(), r("div", Oe, [
+              S(e.$slots, "actions", {}, void 0, !0)
+            ])) : u("", !0),
+            t.showSearch ? (s(), r("div", ze, [
+              m(c, {
+                icon: "search",
+                class: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 ui-text-soft"
+              }),
+              a("input", {
+                value: t.searchQuery,
+                type: "text",
+                placeholder: t.searchPlaceholder,
+                class: d(se.value),
+                onInput: l[2] || (l[2] = (o) => e.$emit("update:search-query", o.target.value))
+              }, null, 42, Ne)
+            ])) : u("", !0),
+            M.value ? (s(), h(N, {
+              key: 5,
+              variant: t.addButton.variant || "success",
+              disabled: j.value,
+              title: Q.value,
+              onClick: me
+            }, {
+              default: O(() => [
+                m(H, {
+                  icon: t.addButton.icon || "plus"
+                }, null, 8, ["icon"]),
+                a("span", null, f(t.addButton.label || "Add"), 1)
+              ]),
+              _: 1
+            }, 8, ["variant", "disabled", "title"])) : u("", !0),
+            t.enableFilters ? (s(), r("button", {
+              key: 6,
+              class: "px-3 py-2 text-sm border ui-border-strong rounded-md hover:bg-(--ui-surface) flex items-center gap-2",
+              onClick: l[3] || (l[3] = (o) => R.value = !0)
+            }, [
+              m(c, { icon: "filter" }),
+              l[9] || (l[9] = F(" Filter ", -1)),
+              (t.filterRules.rules || []).length ? (s(), r("span", He, f((t.filterRules.rules || []).length), 1)) : u("", !0)
+            ])) : u("", !0),
+            e.$slots["actions-after-add"] ? (s(), r("div", Pe, [
+              S(e.$slots, "actions-after-add", {}, void 0, !0)
+            ])) : u("", !0)
+          ])
+        ], 2),
+        t.enableFilters ? (s(), h(Be, {
+          key: 0,
+          open: R.value,
+          fields: t.filterFields,
+          "model-value": t.filterRules,
+          "onUpdate:modelValue": l[4] || (l[4] = (o) => e.$emit("update:filterRules", o)),
+          onClose: l[5] || (l[5] = (o) => R.value = !1)
+        }, null, 8, ["open", "fields", "model-value"])) : u("", !0),
+        (t.enableFilters ? E.value.length > 0 : t.activeFilters.length > 0) ? (s(), r("div", qe, [
+          l[10] || (l[10] = a("span", { class: "text-sm ui-text-soft" }, "Filters:", -1)),
+          (s(!0), r(C, null, B(t.enableFilters ? E.value : t.activeFilters, (o) => (s(), r("span", {
+            key: o.id || `${o.label}-${o.value}`,
+            class: "inline-flex items-center gap-1 px-2 py-1 rounded-md text-sm border ui-border-strong ui-text"
+          }, [
+            F(f(o.label) + ": " + f(o.value) + " ", 1),
+            t.enableFilters && o.id ? (s(), r("button", {
+              key: 0,
+              class: "ml-1 ui-text-soft hover:ui-primary",
+              onClick: (x) => ve(o.id)
+            }, [
+              m(H, {
+                icon: "xmark",
+                class: "w-3 h-3"
+              })
+            ], 8, Qe)) : u("", !0)
+          ]))), 128)),
+          t.enableFilters ? (s(), r("button", {
+            key: 0,
+            class: "ml-1 px-2 py-1 text-sm border border-(--ui-primary) rounded-md ui-primary hover:bg-(--ui-primary-soft)",
+            onClick: l[6] || (l[6] = (o) => e.$emit("update:filterRules", { logic: t.defaultFilterRules?.logic || "all", rules: t.defaultFilterRules?.rules || [] }))
+          }, " Clear filter ")) : u("", !0),
+          S(e.$slots, "active-filter-actions", {}, void 0, !0)
+        ])) : u("", !0)
+      ]);
+    };
+  }
+}), tt = /* @__PURE__ */ we(Ge, [["__scopeId", "data-v-b6fc1eb4"]]);
+export {
+  tt as default
+};

package/dist/components/DatePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K={class:"relative w-full bg-(--ui-surface) rounded-md"},Q={class:"relative"},X=["id","value","disabled","placeholder","required","aria-describedby"],Z={class:"flex items-center justify-between mb-3"},ee={class:"text-sm font-semibold ui-text"},te={class:"grid grid-cols-7 gap-1 mb-1"},ne={class:"grid grid-cols-7 gap-1"},oe=["disabled","onClick"],re={key:0,class:"mt-3 pt-2 border-t ui-border"},ae={key:0,class:"border-l pl-3 ui-border"},le={class:"max-h-[260px] overflow-y-auto pr-1 space-y-1"},ie=["onClick"],se={__name:"DatePicker",props:{id:String,modelValue:[String,Date],disabled:Boolean,required:Boolean,min:[String,Date],max:[String,Date],placeholder:{type:String,default:"Select date"},format:{type:String,default:"DD/MM/YYYY"},clearable:{type:Boolean,default:!0},showToday:{type:Boolean,default:!0},ariaDescribedby:String,customValidation:{type:Function,default:null},disabledDates:{type:[Array,Function],default:null},enableTime:{type:Boolean,default:!1},minuteInterval:{type:Number,default:1}},emits:["update:modelValue","validation-error"],setup(s,{emit:L}){const a=s,v=L,m=e.ref(!1),x=e.ref(null),D=e.ref(null),w=e.ref({}),f=new Date,l=e.ref(f.getMonth()),i=e.ref(f.getFullYear()),u=e.ref(null),b=e.ref(!1),y=e.ref("00:00"),H=["Su","Mo","Tu","We","Th","Fr","Sa"],R=e.computed(()=>new Date(i.value,l.value).toLocaleString("default",{month:"long"})),E=e.computed(()=>new Date(i.value,l.value+1,0).getDate()),j=e.computed(()=>new Date(i.value,l.value,1).getDay()),B=e.computed(()=>{const o=new Date(i.value,l.value,0).getDate(),t=j.value;return Array.from({length:t},(n,r)=>o-t+r+1)}),A=e.computed(()=>{const o=B.value.length+E.value,t=o%7===0?0:7-o%7;return Array.from({length:t},(n,r)=>r+1)}),S=e.computed(()=>u.value?a.enableTime?q(u.value):V(u.value):""),P=e.computed(()=>{const o=Math.min(60,Math.max(1,Number(a.minuteInterval)||1)),t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=o){const d=String(n).padStart(2,"0"),c=String(r).padStart(2,"0");t.push(`${d}:${c}`)}return t});function V(o){if(!o)return"";const t=new Date(o),n=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0"),d=t.getFullYear();return a.format.replace("MM",n).replace("DD",r).replace("YYYY",d)}function q(o){const t=V(o),n=String(o.getHours()).padStart(2,"0"),r=String(o.getMinutes()).padStart(2,"0");return`${t} ${n}:${r}`}function h(o){if(!o)return null;if(o instanceof Date)return o;if(typeof o=="string"){if(o.includes("T")){const[r,d]=o.split("T"),c=h(r);if(!c)return null;const[g="00",p="00"]=(d||"").slice(0,5).split(":");return c.setHours(parseInt(g,10)||0,parseInt(p,10)||0,0,0),c}const n=o.split("-");if(n.length===3){const r=parseInt(n[0],10),d=parseInt(n[1],10)-1,c=parseInt(n[2],10);return new Date(r,d,c)}}const t=new Date(o);return isNaN(t.getTime())?null:t}function O(o){return f.getDate()===o&&f.getMonth()===l.value&&f.getFullYear()===i.value}function M(o){if(!u.value)return!1;const t=new Date(u.value);return t.getDate()===o&&t.getMonth()===l.value&&t.getFullYear()===i.value}function k(o){const t=new Date(i.value,l.value,o);if(a.min){const n=h(a.min);if(n&&t<n)return!0}if(a.max){const n=h(a.max);if(n&&t>n)return!0}if(a.disabledDates){if(typeof a.disabledDates=="function")return a.disabledDates(t);if(Array.isArray(a.disabledDates))return a.disabledDates.some(n=>{const r=h(n);return r&&r.getTime()===t.getTime()})}return!!(a.customValidation&&a.customValidation(t))}function N(o){if(!o)return b.value=!1,v("validation-error",null),!0;if(a.customValidation){const t=a.customValidation(o);if(t)return b.value=!0,v("validation-error",t),!1}return b.value=!1,v("validation-error",null),!0}async function C(){await e.nextTick();const o=D.value||(a.id?document.getElementById(a.id):null);if(!o||!x.value)return;const t=o.getBoundingClientRect(),n=320,r=window.innerHeight-t.bottom,d=t.top,c=8;let g,p;r>=n||r>d?g=t.bottom+c:g=t.top-n-c,p=t.left;const I=256;p+I>window.innerWidth&&(p=window.innerWidth-I-16),p<16&&(p=16),w.value={top:`${g}px`,left:`${p}px`}}async function W(){a.disabled||(m.value=!m.value,m.value&&await C())}function T(){m.value=!1}function _(){l.value===0?(l.value=11,i.value--):l.value--}function U(){l.value===11?(l.value=0,i.value++):l.value++}function $(o){if(k(o))return;const t=new Date(i.value,l.value,o);N(t)&&(u.value=t,Y(t),setTimeout(()=>{a.enableTime||(m.value=!1)},150))}function Y(o){const t=o.getFullYear(),n=String(o.getMonth()+1).padStart(2,"0"),r=String(o.getDate()).padStart(2,"0");if(!a.enableTime){v("update:modelValue",`${t}-${n}-${r}`);return}const[d="00",c="00"]=y.value.split(":"),g=`${t}-${n}-${r}T${d}:${c}`;v("update:modelValue",g)}function G(){l.value=f.getMonth(),i.value=f.getFullYear(),$(f.getDate())}function J(){u.value=null,y.value="00:00",b.value=!1,v("update:modelValue",""),v("validation-error",null)}e.watch(()=>a.modelValue,o=>{if(o){const t=h(o);if(t){u.value=t;const n=String(t.getHours()).padStart(2,"0"),r=String(t.getMinutes()).padStart(2,"0");y.value=`${n}:${r}`,l.value=t.getMonth(),i.value=t.getFullYear(),N(t)}}else u.value=null,b.value=!1},{immediate:!0}),e.watch(y,o=>{if(!a.enableTime||!u.value)return;const[t="00",n="00"]=(o||"00:00").split(":");u.value.setHours(parseInt(t,10)||0,parseInt(n,10)||0,0,0),Y(u.value)});function F(){m.value&&C()}function z(o){o.key==="Escape"&&m.value&&T()}return e.onMounted(()=>{document.addEventListener("keydown",z),window.addEventListener("resize",F)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",z),window.removeEventListener("resize",F)}),(o,t)=>(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("input",{id:s.id,ref_key:"inputRef",ref:D,type:"text",value:S.value,readonly:"",disabled:s.disabled,placeholder:s.placeholder,required:s.required,"aria-describedby":s.ariaDescribedby,class:e.normalizeClass(["w-full px-3 py-2 pr-10 border rounded-md ui-surface ui-text placeholder-slate-400 text-sm  ","focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-(--ui-primary) cursor-pointer transition-colors","disabled:bg-(--ui-bg) disabled:text-(--ui-text) disabled:cursor-not-allowed",b.value?"border-(--ui-danger) focus:ring-(--ui-danger) focus:border-(--ui-danger)":"ui-border"]),onClick:W},null,10,X),t[2]||(t[2]=e.createElementVNode("div",{class:"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"},[e.createElementVNode("svg",{class:"w-4 h-4 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})])],-1)),s.clearable&&S.value&&!s.disabled?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-(--ui-bg) rounded transition-colors","aria-label":"Clear date",onClick:e.withModifiers(J,["stop"])},[...t[1]||(t[1]=[e.createElementVNode("svg",{class:"w-3.5 h-3.5 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)])])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"calendarRef",ref:x,style:e.normalizeStyle(w.value),class:e.normalizeClass(["fixed z-10000 rounded-lg shadow-xl p-3 ui-surface ui-border-strong",s.enableTime?"w-[420px]":"w-64"]),onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(s.enableTime?"grid grid-cols-[1fr_124px] gap-3":"block")},[e.createElementVNode("div",null,[e.createElementVNode("div",Z,[e.createElementVNode("button",{type:"button",class:"p-1.5 rounded hover:bg-(--ui-bg) transition-colors","aria-label":"Previous Month",onClick:_},[...t[3]||(t[3]=[e.createElementVNode("svg",{class:"w-4 h-4 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 18l-6-6 6-6"})],-1)])]),e.createElementVNode("div",ee,e.toDisplayString(R.value)+" "+e.toDisplayString(i.value),1),e.createElementVNode("button",{type:"button",class:"p-1.5 rounded hover:bg-(--ui-bg) transition-colors","aria-label":"Next Month",onClick:U},[...t[4]||(t[4]=[e.createElementVNode("svg",{class:"w-4 h-4 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 18l6-6-6-6"})],-1)])])]),e.createElementVNode("div",te,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(H,n=>e.createElementVNode("div",{key:n,class:"text-center text-xs font-medium ui-text py-1"},e.toDisplayString(n),1)),64))]),e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:"prev-"+r,class:"text-center text-xs ui-text py-1.5"},e.toDisplayString(n),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,n=>(e.openBlock(),e.createElementBlock("button",{key:n,type:"button",disabled:k(n),class:e.normalizeClass(["w-8 h-8 rounded text-xs font-medium transition-colors",O(n)&&!M(n)?"ui-primary-soft ui-primary ring-1 ring-(--ui-primary)":"",M(n)?"ui-primary-bg ui-text hover:bg-(--ui-primary)":"ui-text hover:bg-(--ui-bg)",k(n)?"ui-text cursor-not-allowed hover:bg-transparent line-through":"cursor-pointer"]),onClick:r=>$(n)},e.toDisplayString(n),11,oe))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:"next-"+r,class:"text-center text-xs ui-text py-1.5"},e.toDisplayString(n),1))),128))]),s.showToday?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("button",{type:"button",class:"w-full px-3 py-1.5 text-xs font-medium ui-primary hover:bg-(--ui-primary-soft) rounded transition-colors",onClick:G}," Today ")])):e.createCommentVNode("",!0)]),s.enableTime?(e.openBlock(),e.createElementBlock("div",ae,[t[5]||(t[5]=e.createElementVNode("div",{class:"text-xs font-semibold ui-text mb-2"},"Time",-1)),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,n=>(e.openBlock(),e.createElementBlock("button",{key:n,type:"button",class:e.normalizeClass(["w-full px-2 py-1.5 text-left text-sm rounded transition-colors",n===y.value?"ui-primary-bg ui-text":"ui-text hover:bg-(--ui-bg)"]),onClick:r=>y.value=n},e.toDisplayString(n),11,ie))),128))])])):e.createCommentVNode("",!0)],2)],6)):e.createCommentVNode("",!0)]),_:1}),m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 z-9999",onClick:T})):e.createCommentVNode("",!0)]))]))}};exports.default=se;