@gspa/ui 0.1.3 → 0.1.4

package/dist/components/GraphFilters.js

@@ -0,0 +1,305 @@
+import { ref as h, computed as s, watch as $, createElementBlock as c, openBlock as r, createElementVNode as l, createCommentVNode as m, normalizeClass as o, createVNode as d, withDirectives as T, vModelText as B, withCtx as y, Fragment as D, renderList as E, toDisplayString as b, renderSlot as O, createBlock as C, createTextVNode as w } from "vue";
+import { cva as Q } from "class-variance-authority";
+import { cn as W } from "../utils/cn.js";
+import k from "./Button.js";
+import R from "./Select.js";
+import v from "./Icon.js";
+const X = { class: "border-b" }, Y = {
+  key: 0,
+  class: "flex items-center gap-3 min-w-64"
+}, Z = { class: "relative flex-1" }, ee = { class: "relative flex-1" }, te = {
+  key: 1,
+  class: "min-w-40"
+}, ae = { class: "relative" }, le = {
+  key: 2,
+  class: "min-w-40"
+}, re = { class: "relative" }, se = ["value"], oe = {
+  key: 3,
+  class: "flex items-center gap-2"
+}, ne = { class: "flex items-center gap-3 ml-auto" }, ie = { class: "flex items-center gap-3 flex-wrap" }, ue = ["onClick"], he = {
+  __name: "GraphFilters",
+  props: {
+    showDateFilter: {
+      type: Boolean,
+      default: !0
+    },
+    showChartTypeFilter: {
+      type: Boolean,
+      default: !0
+    },
+    showExport: {
+      type: Boolean,
+      default: !1
+    },
+    showRefresh: {
+      type: Boolean,
+      default: !0
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (n) => ["default", "minimal", "bordered"].includes(n)
+    },
+    padding: {
+      type: String,
+      default: "normal",
+      validator: (n) => ["compact", "normal", "comfortable"].includes(n)
+    }
+  },
+  emits: [
+    "update:dateFrom",
+    "update:dateTo",
+    "update:chartType",
+    "update:dataSource",
+    "export",
+    "refresh",
+    "clear-filters"
+  ],
+  setup(n, { emit: U }) {
+    const g = n, f = U, i = h(""), u = h(""), x = h("bar"), p = h(""), A = Q("flex flex-wrap items-center gap-4", {
+      variants: {
+        variant: {
+          default: "",
+          minimal: "bg-transparent",
+          bordered: ""
+        },
+        padding: {
+          compact: "px-4 py-3",
+          normal: "px-6 py-4",
+          comfortable: "px-8 py-6"
+        }
+      },
+      defaultVariants: {
+        variant: "default",
+        padding: "normal"
+      }
+    }), N = s(() => i.value || u.value || p.value), F = s(() => {
+      const a = [];
+      if (i.value || u.value) {
+        let e = "";
+        i.value && u.value ? e = `${i.value} to ${u.value}` : i.value ? e = `From ${i.value}` : u.value && (e = `Until ${u.value}`), e && a.push({
+          key: "date",
+          label: "Date Range",
+          value: e,
+          icon: "calendar"
+        });
+      }
+      if (p.value) {
+        const e = g.dataSources.find((t) => t.value === p.value);
+        a.push({
+          key: "dataSource",
+          label: "Data Source",
+          value: e?.label || p.value,
+          icon: "database"
+        });
+      }
+      return a;
+    }), L = s(
+      () => W(A({
+        variant: g.variant,
+        padding: g.padding
+      }))
+    ), S = s(
+      () => "w-full pl-10 pr-3 py-2 border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm ui-surface "
+    ), V = s(
+      () => "w-full pr-8 appearance-none border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm py-2 pl-3 ui-surface "
+    ), _ = s(
+      () => "ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"
+    ), z = s(
+      () => "ui-text ui-primary-bg hover:bg-(--ui-primary-strong) border border-(--ui-primary)  px-3 py-2 rounded-lg text-sm font-medium transition-all"
+    ), G = s(
+      () => "ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"
+    ), I = s(
+      () => "px-6 py-3 ui-primary-soft border-t border-(--ui-primary-soft)"
+    ), M = s(
+      () => "text-sm font-semibold ui-primary"
+    ), P = s(
+      () => "flex items-center gap-1.5 ui-surface border border-(--ui-primary-soft) ui-primary px-3 py-1.5 rounded-full text-sm font-medium"
+    ), j = s(
+      () => "ui-primary hover:text-(--ui-primary) ml-1 hover:bg-(--ui-primary-soft) rounded-full p-0.5 transition-all"
+    ), q = (a) => {
+      x.value = a.target.value, f("update:chartType", a.target.value);
+    }, H = (a) => {
+      p.value = a.target.value, f("update:dataSource", a.target.value);
+    }, J = () => {
+      i.value = "", u.value = "", p.value = "", f("clear-filters");
+    }, K = (a) => {
+      switch (a) {
+        case "date":
+          i.value = "", u.value = "";
+          break;
+        case "dataSource":
+          p.value = "";
+          break;
+      }
+    };
+    return $(() => i.value, (a) => {
+      f("update:dateFrom", a);
+    }), $(() => u.value, (a) => {
+      f("update:dateTo", a);
+    }), (a, e) => (r(), c("div", X, [
+      l("div", {
+        class: o(L.value)
+      }, [
+        n.showDateFilter ? (r(), c("div", Y, [
+          l("div", Z, [
+            d(v, {
+              icon: "calendar",
+              class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"
+            }),
+            T(l("input", {
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => i.value = t),
+              type: "date",
+              class: o(S.value),
+              placeholder: "From date"
+            }, null, 2), [
+              [B, i.value]
+            ])
+          ]),
+          e[6] || (e[6] = l("span", { class: "ui-text text-sm" }, "to", -1)),
+          l("div", ee, [
+            d(v, {
+              icon: "calendar",
+              class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"
+            }),
+            T(l("input", {
+              "onUpdate:modelValue": e[1] || (e[1] = (t) => u.value = t),
+              type: "date",
+              class: o(S.value),
+              placeholder: "To date"
+            }, null, 2), [
+              [B, u.value]
+            ])
+          ])
+        ])) : m("", !0),
+        n.showChartTypeFilter ? (r(), c("div", te, [
+          l("div", ae, [
+            d(R, {
+              modelValue: x.value,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => x.value = t),
+              class: o(V.value),
+              onChange: q
+            }, {
+              default: y(() => [...e[7] || (e[7] = [
+                l("option", { value: "bar" }, " Bar Chart ", -1),
+                l("option", { value: "line" }, " Line Chart ", -1),
+                l("option", { value: "pie" }, " Pie Chart ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "class"]),
+            d(v, {
+              icon: "chart-bar",
+              class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"
+            })
+          ])
+        ])) : m("", !0),
+        n.dataSources.length > 0 ? (r(), c("div", le, [
+          l("div", re, [
+            d(R, {
+              modelValue: p.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (t) => p.value = t),
+              class: o(V.value),
+              onChange: H
+            }, {
+              default: y(() => [
+                e[8] || (e[8] = l("option", { value: "" }, " All Sources ", -1)),
+                (r(!0), c(D, null, E(n.dataSources, (t) => (r(), c("option", {
+                  key: t.value,
+                  value: t.value
+                }, b(t.label), 9, se))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class"]),
+            d(v, {
+              icon: "database",
+              class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"
+            })
+          ])
+        ])) : m("", !0),
+        a.$slots.filters ? (r(), c("div", oe, [
+          O(a.$slots, "filters")
+        ])) : m("", !0),
+        l("div", ne, [
+          N.value ? (r(), C(k, {
+            key: 0,
+            class: o(_.value),
+            onClick: J
+          }, {
+            default: y(() => [
+              d(v, {
+                icon: "rotate-left",
+                class: "w-4 h-4 mr-2"
+              }),
+              e[9] || (e[9] = w(" Clear Filters ", -1))
+            ]),
+            _: 1
+          }, 8, ["class"])) : m("", !0),
+          n.showExport ? (r(), C(k, {
+            key: 1,
+            class: o(z.value),
+            onClick: e[4] || (e[4] = (t) => a.$emit("export"))
+          }, {
+            default: y(() => [
+              d(v, {
+                icon: "download",
+                class: "w-4 h-4 mr-2"
+              }),
+              e[10] || (e[10] = w(" Export ", -1))
+            ]),
+            _: 1
+          }, 8, ["class"])) : m("", !0),
+          n.showRefresh ? (r(), C(k, {
+            key: 2,
+            class: o(G.value),
+            onClick: e[5] || (e[5] = (t) => a.$emit("refresh"))
+          }, {
+            default: y(() => [
+              d(v, {
+                icon: "sync",
+                class: "w-4 h-4 mr-2"
+              }),
+              e[11] || (e[11] = w(" Refresh ", -1))
+            ]),
+            _: 1
+          }, 8, ["class"])) : m("", !0)
+        ])
+      ], 2),
+      F.value.length > 0 ? (r(), c("div", {
+        key: 0,
+        class: o(I.value)
+      }, [
+        l("div", ie, [
+          l("span", {
+            class: o(M.value)
+          }, "Active filters:", 2),
+          (r(!0), c(D, null, E(F.value, (t) => (r(), c("div", {
+            key: t.key,
+            class: o(P.value)
+          }, [
+            d(v, {
+              icon: t.icon,
+              class: "w-3 h-3"
+            }, null, 8, ["icon"]),
+            l("span", null, b(t.label) + ": " + b(t.value), 1),
+            l("button", {
+              class: o(j.value),
+              onClick: (de) => K(t.key)
+            }, [
+              d(v, {
+                icon: "circle-xmark",
+                class: "w-3 h-3"
+              })
+            ], 10, ue)
+          ], 2))), 128))
+        ])
+      ], 2)) : m("", !0)
+    ]));
+  }
+};
+export {
+  he as default
+};

package/dist/components/Header.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../utils/cn.cjs"),$=require("../lib/theme.cjs"),n=require("./Icon.cjs"),Ne=require("./Search.cjs"),Ce=require("./Switch.cjs"),Ve=require("../_plugin-vue_export-helper-BHFhmbuH.cjs"),Se={class:"relative flex items-center justify-between h-20 sm:h-18 px-3 sm:px-4 md:px-6"},Be={class:"flex items-center gap-2 sm:gap-3 md:gap-4 min-w-0 flex-1"},Ee=["src"],De={key:2,class:"h-5 sm:h-18 w-px ui-border-strong-bg shrink-0 hidden sm:block"},Le={key:3,class:"shrink-0 ui-surface border ui-border-strong px-2 py-1.5 sm:px-3 sm:py-2 rounded-xl shadow-sm flex items-center gap-2 relative hover:bg-(--ui-surface-muted) transition-colors max-w-52 sm:max-w-72"},Ae={class:"w-8 h-8 rounded-lg ui-surface-muted border ui-border-strong flex items-center justify-center shrink-0"},Te={class:"flex-1 min-w-0"},ze={class:"text-xs sm:text-sm font-semibold ui-text truncate group-hover:text-(--ui-primary) leading-tight"},Me={key:1,class:"min-w-0 flex-1 px-1"},je={class:"text-xs sm:text-sm font-semibold ui-text truncate max-w-[160px] sm:max-w-52 leading-tight"},Ie={key:0,class:"ui-surface absolute top-full left-0 right-0 sm:left-0 sm:right-auto mt-2 w-[min(92vw,24rem)] rounded-2xl border ui-border-strong shadow-2xl z-50 max-h-96 overflow-hidden"},Ue={class:"p-3 sm:p-4 border-b ui-border-strong ui-surface-muted"},Oe={class:"text-sm sm:text-base font-semibold ui-text flex items-center gap-2"},Fe={class:"text-xs ui-text mt-1"},He={class:"py-2 max-h-80 overflow-y-auto"},$e=["onClick"],Re={key:0,class:"shrink-0 mr-2 sm:mr-3"},qe=["src","alt"],Pe={key:1,class:"w-7 h-7 sm:w-8 sm:h-8 rounded-lg bg-linear-to-br from-(--ui-bg) to-(--ui-bg) flex items-center justify-center mr-2 sm:mr-3 shrink-0"},We={class:"flex-1 text-left min-w-0"},Ye={class:"font-semibold truncate text-sm sm:text-md"},Ge={key:0,class:"pointer-events-none absolute left-1/2 -translate-x-1/2"},Qe=["src"],Ze={class:"flex items-center gap-1 sm:gap-2 md:gap-3 pl-2"},Je={key:0,class:"absolute -top-0.5 -right-0.5 sm:-top-1 sm:-right-1 min-w-4 h-4 sm:min-w-[18px] sm:h-[18px] ui-danger-bg ui-text-inverse text-[10px] sm:text-xs rounded-full flex items-center justify-center font-semibold px-0.5 sm:px-1"},Xe={key:0,class:"ui-surface absolute right-2 sm:right-4 md:right-6 top-14 sm:top-16 mt-2 w-[calc(100vw-1rem)] max-w-sm sm:w-80 md:w-96 rounded-2xl border ui-border-strong shadow-2xl z-9999 overflow-hidden"},Ke={class:"p-3 sm:p-4 border-b ui-border-strong ui-surface-muted"},et={class:"text-sm sm:text-base font-semibold ui-text"},tt={key:0,class:"text-xs ui-text mt-1"},ot={class:"max-h-[60vh] sm:max-h-96 overflow-y-auto"},rt={key:0,class:"p-6 sm:p-8 text-center"},st=["onClick"],at={class:"flex items-start space-x-2 sm:space-x-3"},nt={class:"flex-1 min-w-0"},lt={class:"flex items-start justify-between gap-2"},it={class:"text-xs sm:text-md font-semibold ui-text flex-1 leading-tight"},ct={key:0,class:"shrink-0 w-2 h-2 mt-1 ui-primary-bg rounded-full"},ut={key:0,class:"flex items-center gap-1 sm:gap-1.5 mt-1.5 flex-wrap"},dt={class:"inline-flex items-center px-1.5 sm:px-2 py-0.5 rounded text-[10px] sm:text-xs font-semibold ui-accent-soft ui-accent border border-(--ui-accent-soft)"},mt={class:"inline-flex items-center px-1.5 sm:px-2 py-0.5 rounded text-[10px] sm:text-xs font-medium ui-surface-muted ui-text border ui-border-strong"},pt={class:"flex items-center gap-1.5 sm:gap-2 mt-1.5 sm:mt-2 flex-wrap"},ft={key:0,class:"inline-flex items-center px-1.5 sm:px-2 py-0.5 rounded text-[10px] sm:text-xs font-medium ui-primary-soft ui-primary"},ht={class:"truncate max-w-[100px] sm:max-w-none"},yt={class:"text-[10px] sm:text-xs ui-text mt-1.5 sm:mt-2 flex items-center"},gt={key:0,class:"p-2 sm:p-3 text-center border-t ui-border-strong ui-surface-muted"},vt={key:1,class:"w-40 sm:w-52 md:w-64"},xt={class:"relative"},bt=["aria-label"],wt={class:"w-9 h-9 sm:w-10 sm:h-10 bg-linear-to-br from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-full flex items-center justify-center shadow-sm overflow-hidden border ui-border-strong"},kt=["src","alt"],_t={key:1,class:"ui-primary text-sm sm:text-base font-semibold"},Nt={key:0,class:"ui-surface absolute right-0 mt-2 w-56 sm:w-60 rounded-xl border ui-border-strong shadow-xl z-50 overflow-hidden"},Ct={class:"p-3 sm:p-4 border-b ui-border-strong flex items-center gap-3"},Vt={class:"w-10 h-10 shrink-0 bg-linear-to-br from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-full flex items-center justify-center shadow-sm overflow-hidden"},St=["src","alt"],Bt={key:1,class:"ui-primary text-sm font-semibold"},Et={class:"min-w-0"},Dt={class:"text-sm font-semibold ui-text truncate"},Lt={class:"text-xs ui-text truncate"},At={key:0,class:"px-3 py-3 border-b ui-border-strong"},Tt={class:"flex items-center justify-between gap-3"},zt={class:"flex items-center gap-2 min-w-0"},Mt={class:"text-sm font-medium ui-text truncate"},jt={class:"py-2"},It=["onClick"],Ut={class:"flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-2 sm:mr-3 shrink-0 transition-colors ml-1 sm:ml-2 ui-surface-muted ui-text group-hover:bg-(--ui-bg)"},Ot={class:"flex-1 truncate font-semibold ui-text text-xs sm:text-md"},Ft={class:"border-t ui-border-strong py-2"},Ht={class:"flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-1 sm:mr-1 shrink-0 transition-colors ml-1 sm:ml-2 ui-danger-soft ui-danger group-hover:bg-(--ui-danger-soft)"},$t={__name:"Header",props:{sidebarWidth:{type:Number,default:256},currentSection:{type:String,default:"Dashboard"},currentPage:{type:String,default:"Overview"},currentRoute:{type:String,default:""},user:{type:Object,required:!0},notifications:{type:Array,default:()=>[]},profileMenuItems:{type:Array,required:!0},mobileOpen:{type:Boolean,default:!1},currentCompany:{type:Object,default:null},companyLogo:{type:String,default:"/logo.png"},currentCompanyLogo:{type:String,default:""},companyLogos:{type:Object,default:()=>({})},companies:{type:Array,default:()=>[]},activeRoles:{type:Array,default:()=>[]},showSearch:{type:Boolean,default:!0},showNotifications:{type:Boolean,default:!0},showBreadcrumb:{type:Boolean,default:!0},showCompanyInfo:{type:Boolean,default:!0},showHeaderLogo:{type:Boolean,default:!0},logoUrl:{type:String,default:"/applogo.png"},headerLogo:{type:String,default:"/logo.png"},companyLogoClass:{type:String,default:"h-16 sm:h-22 md:h-22"},searchPlaceholder:{type:String,default:"Search..."},notificationsTitle:{type:String,default:"Notifications"},companySwitcherTitle:{type:String,default:"Switch Company"},companySwitcherDescription:{type:String,default:"Select a company to view its data"},entityLabel:{type:String,default:"Company"},entityFieldMap:{type:Object,default:()=>({})},showSettings:{type:Boolean,default:!0},settingsLabel:{type:String,default:"Settings"},settingsRoute:{type:[String,Object],default:"/settings"},showThemeSwitcher:{type:Boolean,default:!0},themeSwitcherTitle:{type:String,default:"Appearance"},themeModes:{type:Array,default:()=>["light","dark"]},userInitialsOverride:{type:String,default:""},userRoleDisplayOverride:{type:String,default:""},userAvatarUrl:{type:String,default:""},userAvatarAlt:{type:String,default:""},showUserAvatar:{type:Boolean,default:!0},themeScope:{type:String,default:"default",validator:a=>["default","module"].includes(a)}},emits:["search","profile-action","logout","navigate","toggle-mobile-sidebar","company-change","notification-click","view-all-notifications","theme-change"],setup(a,{emit:R}){const s=a,i=R,C=e.ref(""),m=e.ref(!1),c=e.ref(!1),E=e.ref(!1),p=e.ref(!1),w=e.ref("light"),k=e.ref("/logo.png"),V=e.ref(!1),g=e.computed(()=>s.notifications.filter(t=>!t.read).length),v=e.computed(()=>{const t=(Array.isArray(s.themeModes)?s.themeModes:[]).map(r=>String(r||"").toLowerCase()).filter(r=>r==="light"||r==="dark");return t.length>0?[...new Set(t)]:["light","dark"]}),q=e.computed(()=>v.value.length>1),D=e.computed({get:()=>w.value==="dark",set:t=>{const r=t?"dark":"light";v.value.includes(r)&&be(r)}}),L=e.computed(()=>s.userInitialsOverride?s.userInitialsOverride:(s.user?.name||"Guest").split(" ").map(r=>r[0]||"").join("").toUpperCase()),_=e.computed(()=>s.showUserAvatar&&s.userAvatarUrl||""),A=e.computed(()=>!!_.value&&!V.value),T=e.computed(()=>s.userAvatarAlt||`${s.user?.name||"User"} avatar`),z=()=>{V.value=!0},P=e.computed(()=>String(s.entityLabel||"Company").toLowerCase()),M=e.computed(()=>s.showCompanyInfo),W=e.computed(()=>s.companySwitcherTitle||`Switch ${s.entityLabel||"Company"}`),Y=e.computed(()=>s.companySwitcherDescription||`Select a ${(s.entityLabel||"Company").toLowerCase()} to view its data`),f=e.computed(()=>({id:s.entityFieldMap?.id||"",name:s.entityFieldMap?.name||"",role:s.entityFieldMap?.role||"",type:s.entityFieldMap?.type||"",typeName:s.entityFieldMap?.typeName||""})),j=["company_id","companyId","id"],G=["company_name","companyName","name"],Q=["company_role","companyRole","role"],Z=["company_type","companyType","type"],I=["name","label","title","company_type_name","companyTypeName"],h=(t,r,l=[])=>{if(!t||typeof t!="object")return null;if(r&&t[r]!=null)return t[r];for(const o of l)if(t[o]!=null)return t[o];return null},J=t=>{if(!t||typeof t!="object")return"";const r=h(t,f.value.type,Z);if(typeof r=="string")return r;if(r&&typeof r=="object"){const o=h(r,f.value.typeName,I);if(o!=null)return String(o)}const l=h(t,f.value.typeName,I);return l!=null?String(l):""},U=t=>{if(!t||typeof t!="object")return null;const r=h(t,f.value.id,j),l=h(t,f.value.name,G),o=h(t,f.value.role,Q);return{...t,__id:r,__name:l!=null?String(l):"Unknown",__role:o!=null?String(o):"",__typeName:J(t),__raw:t}},X=e.computed(()=>s.currentCompany),K=e.computed(()=>Array.isArray(s.companies)?s.companies:[]),u=e.computed(()=>U(X.value)),O=e.computed(()=>K.value.map(U).filter(Boolean)),ee=()=>{m.value=!m.value,c.value=!1},te=()=>{c.value=!c.value,m.value=!1,p.value=!1},oe=()=>{p.value=!p.value,c.value=!1,m.value=!1},re=t=>{i("navigate",t),c.value=!1},d=t=>t.route?!!(s.currentRoute===t.route||s.currentRoute.startsWith(t.route+"/")):!1,se=()=>s.themeScope==="module"?"border-b ui-border-strong bg-[color:color-mix(in oklab, var(--module-soft, var(--ui-primary-soft)), transparent 10%)]":"border-b ui-border-strong bg-[color:color-mix(in oklab, var(--module-soft, var(--ui-primary-soft)), transparent 8%)]",ae=t=>t?s.themeScope==="module"?"shadow-sm border":"bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-primary-soft)":"ui-text hover:bg-(--ui-surface-muted) hover:text-(--ui-text) border border-transparent",ne=t=>!t||s.themeScope!=="module"?null:{backgroundColor:"var(--module-soft, var(--ui-primary-soft))",borderColor:"var(--module-border, var(--ui-border-strong))"},le=t=>!t||s.themeScope!=="module"?null:{background:"var(--module-primary, var(--ui-primary))"},ie=t=>t?s.themeScope==="module"?"shadow-md border":"bg-linear-to-br from-(--ui-primary) to-(--ui-primary) ui-text shadow-md":"ui-surface-muted ui-text group-hover:bg-(--ui-bg)",ce=t=>!t||s.themeScope!=="module"?null:{backgroundColor:"var(--module-primary, var(--ui-primary))",color:"var(--ui-text-inverse, #fff)",borderColor:"var(--module-border, var(--ui-border-strong))"},ue=t=>t?s.themeScope==="module"?"font-semibold":"ui-primary":"ui-text",de=t=>!t||s.themeScope!=="module"?null:{color:"var(--module-text, var(--ui-primary))"},me=t=>t?s.themeScope==="module"?"border shadow-sm font-semibold":"bg-[color:color-mix(in oklab, var(--ui-primary-soft), transparent 25%)] ui-primary border-(--ui-primary-soft)":"ui-text border-transparent hover:bg-(--ui-surface-muted)",pe=t=>!t||s.themeScope!=="module"?null:{backgroundColor:"var(--module-soft, var(--ui-primary-soft))",borderColor:"var(--module-border, var(--ui-border-strong))",color:"var(--module-text, var(--ui-primary))"},fe=t=>!t||s.themeScope!=="module"?null:{color:"var(--module-primary, var(--ui-primary))"},he=t=>{i("profile-action",t),c.value=!1},ye=()=>{i("logout"),c.value=!1},ge=t=>{const r=t?.__raw||t;i("company-change",r),p.value=!1},ve=t=>{i("notification-click",t)},xe=()=>{i("view-all-notifications"),m.value=!1},F=t=>{!t.target.closest(".absolute")&&!t.target.closest("button")&&(m.value=!1,c.value=!1,p.value=!1)},be=t=>{v.value.includes(t)&&(w.value=t,$.setMode(t),i("theme-change",t))},S=()=>{E.value=window.innerWidth<768},we=t=>{if(t.title.includes("Overdue"))return"ui-danger-soft ui-danger";if(t.title.includes("Due in 0"))return"ui-warning-soft ui-warning";const r={due_date_reminder:"ui-warning-soft ui-warning",info:"ui-primary-soft ui-primary",success:"ui-success-soft ui-success",warning:"ui-warning-soft ui-warning",error:"ui-danger-soft ui-danger"};return r[t.type]||r.info},ke=t=>{if(!t)return"";const r=t.split("\\");return r[r.length-1].replace(/([A-Z])/g," $1").trim().split(" ").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" ")},_e=t=>{if(!t)return"";const r=new Date(t),l=new Date;l.setHours(0,0,0,0);const o=new Date(r);o.setHours(0,0,0,0);const y=o-l,x=Math.ceil(y/(1e3*60*60*24));return x===0?"Due Today":x===1?"Due Tomorrow":x<0?`${Math.abs(x)} days overdue`:x<=7?`Due in ${x} days`:r.toLocaleDateString("en-KE",{month:"short",day:"numeric",year:r.getFullYear()!==l.getFullYear()?"numeric":void 0})},B=t=>{const r=t?.__id??h(t,f.value.id,j);return r==null?null:s.companyLogos[r]||null},N=e.computed(()=>{if(s.currentCompanyLogo)return s.currentCompanyLogo;const t=B(u.value);return t||(s.companyLogo?s.companyLogo:"/logo.png")}),H=t=>{const r="/logo.png",l=t||r;if(l===r||typeof Image>"u"){k.value=r;return}const o=new Image;o.onload=()=>{k.value=l},o.onerror=()=>{k.value=r},o.src=l};return e.onMounted(()=>{document.addEventListener("click",F),S(),window.addEventListener("resize",S);const t=$.getMode()||v.value[0]||"light";w.value=v.value.includes(t)?t:v.value[0],H(N.value)}),e.onUnmounted(()=>{document.removeEventListener("click",F),window.removeEventListener("resize",S)}),e.watch(C,t=>i("search",t)),e.watch(N,t=>{H(t)}),e.watch(_,()=>{V.value=!1}),(t,r)=>{const l=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(e.unref(b.cn)("fixed top-0 z-50 w-full backdrop-blur-md transition-all duration-300 ease-out",s.themeScope==="module"&&"kv-module-header",se())),style:{left:"0"}},[e.createElementVNode("div",Se,[e.createElementVNode("div",Be,[E.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"p-2 ui-text rounded-lg hover:bg-(--ui-surface-muted) transition-colors shrink-0",onClick:r[0]||(r[0]=o=>i("toggle-mobile-sidebar"))},[e.createVNode(n.default,{icon:"bars",class:"w-5 h-5"})])):e.createCommentVNode("",!0),N.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(b.cn)("shrink-0 overflow-hidden rounded-2xl flex items-center justify-center",s.companyLogoClass))},[e.createElementVNode("img",{src:k.value,alt:"Company logo",class:"max-w-full max-h-full w-auto h-auto object-contain object-center"},null,8,Ee)],2)):e.createCommentVNode("",!0),N.value&&M.value&&u.value?(e.openBlock(),e.createElementBlock("div",De)):e.createCommentVNode("",!0),M.value&&u.value?(e.openBlock(),e.createElementBlock("div",Le,[O.value.length>1?(e.openBlock(),e.createElementBlock("button",{key:0,class:"flex items-center gap-2 sm:gap-3 w-44 sm:w-60 cursor-pointer rounded-lg px-1.5 py-1 transition-all group",onClick:oe},[e.createElementVNode("div",Ae,[e.createVNode(n.default,{icon:"building",class:"w-4 h-4 ui-primary"})]),e.createElementVNode("div",Te,[e.createElementVNode("p",ze,e.toDisplayString(u.value.__name),1)]),e.createVNode(n.default,{icon:"chevron-down",class:e.normalizeClass(["w-3.5 h-3.5 ui-text-soft shrink-0 group-hover:text-(--ui-primary) transition-transform",{"rotate-180":p.value}])},null,8,["class"])])):(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("p",je,e.toDisplayString(u.value.__name),1)])),e.createVNode(e.Transition,{"enter-active-class":"transition-all duration-200 ease-out","leave-active-class":"transition-all duration-200 ease-in","enter-from-class":"opacity-0 translate-y-2 scale-95","enter-to-class":"opacity-100 translate-y-0 scale-100","leave-from-class":"opacity-100 translate-y-0 scale-100","leave-to-class":"opacity-0 translate-y-2 scale-95"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Ue,[e.createElementVNode("h3",Oe,[e.createVNode(n.default,{icon:"list",class:"w-4 h-4 ui-primary"}),e.createTextVNode(" "+e.toDisplayString(W.value),1)]),e.createElementVNode("p",Fe,e.toDisplayString(Y.value),1)]),e.createElementVNode("div",He,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,o=>(e.openBlock(),e.createElementBlock("button",{key:o.__id||o.__name,class:e.normalizeClass(e.unref(b.cn)("mx-2 flex items-center w-[calc(100%-1rem)] rounded-xl px-3 sm:px-4 py-2.5 text-sm transition-all group border",me(o.__id===u.value?.__id))),style:e.normalizeStyle(pe(o.__id===u.value?.__id)),onClick:y=>ge(o)},[B(o)?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("img",{src:B(o),alt:`${o.__name} ${P.value} logo`,class:"w-7 h-7 sm:w-8 sm:h-8 object-contain rounded-lg ui-surface p-0.5 sm:p-1 border ui-border-strong group-hover:border-(--ui-primary-soft) transition-colors",onError:r[1]||(r[1]=y=>{y.target.src="/logo.png"})},null,40,qe)])):(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(n.default,{icon:"building",class:"w-3.5 h-3.5 sm:w-4 sm:h-4 ui-text"})])),e.createElementVNode("div",We,[e.createElementVNode("p",Ye,e.toDisplayString(o.__name),1)]),o.__id===u.value?.__id?(e.openBlock(),e.createBlock(n.default,{key:2,icon:"check-circle",class:"w-4 h-4 sm:w-5 sm:h-5 ui-primary shrink-0 ml-2",style:e.normalizeStyle(fe(o.__id===u.value?.__id))},null,8,["style"])):e.createCommentVNode("",!0)],14,$e))),128))])])):e.createCommentVNode("",!0)]),_:1})])):e.createCommentVNode("",!0)]),a.showHeaderLogo&&(a.logoUrl||a.headerLogo)?(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("img",{src:a.logoUrl||a.headerLogo,alt:"App logo",class:"h-16 sm:h-32 md:h-32 mt-4 w-auto object-contain",onError:r[2]||(r[2]=o=>{o.target.src="/applogo.png"})},null,40,Qe)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ze,[a.showNotifications?(e.openBlock(),e.createElementBlock("button",{key:0,class:"relative p-2 ui-text rounded-xl hover:bg-(--ui-surface-muted) transition-colors",onClick:ee},[e.createVNode(n.default,{icon:"bell",class:"w-5 h-5"}),g.value>0?(e.openBlock(),e.createElementBlock("span",Je,e.toDisplayString(g.value>9?"9+":g.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition-all duration-300 ease-out","leave-active-class":"transition-all duration-300 ease-in","enter-from-class":"opacity-0 translate-y-2 scale-95","enter-to-class":"opacity-100 translate-y-0 scale-100","leave-from-class":"opacity-100 translate-y-0 scale-100","leave-to-class":"opacity-0 translate-y-2 scale-95"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.createElementVNode("div",Ke,[e.createElementVNode("h3",et,e.toDisplayString(a.notificationsTitle),1),g.value>0?(e.openBlock(),e.createElementBlock("p",tt," You have "+e.toDisplayString(g.value)+" unread notification"+e.toDisplayString(g.value>1?"s":""),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",ot,[a.notifications.length===0?(e.openBlock(),e.createElementBlock("div",rt,[e.createVNode(n.default,{icon:"bell",class:"w-10 h-10 sm:w-12 sm:h-12 mx-auto ui-text mb-2"}),r[5]||(r[5]=e.createElementVNode("p",{class:"text-md ui-text"}," No notifications ",-1))])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.notifications,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["p-3 sm:p-4 border-b ui-border-strong hover:bg-(--ui-surface-muted) cursor-pointer transition-colors",o.read?"opacity-60":""]),onClick:y=>ve(o)},[e.createElementVNode("div",at,[e.createElementVNode("div",{class:e.normalizeClass(["shrink-0 w-8 h-8 sm:w-9 sm:h-9 rounded-lg flex items-center justify-center",we(o)])},[o.title.includes("Overdue")?(e.openBlock(),e.createBlock(n.default,{key:0,icon:"exclamation-triangle",class:"w-4 h-4 sm:w-5 sm:h-5"})):o.type==="due_date_reminder"?(e.openBlock(),e.createBlock(n.default,{key:1,icon:"clock",class:"w-4 h-4 sm:w-5 sm:h-5"})):(e.openBlock(),e.createBlock(n.default,{key:2,icon:"bell",class:"w-4 h-4 sm:w-5 sm:h-5"}))],2),e.createElementVNode("div",nt,[e.createElementVNode("div",lt,[e.createElementVNode("p",it,e.toDisplayString(o.title),1),o.read?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ct))]),o.source?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("span",dt,[e.createVNode(n.default,{icon:"tag",class:"w-2.5 h-2.5 sm:w-3 sm:h-3 mr-0.5 sm:mr-1"}),e.createTextVNode(" "+e.toDisplayString(o.source.body_code),1)]),e.createVNode(n.default,{icon:"chevron-right",class:"w-2.5 h-2.5 sm:w-3 sm:h-3 ui-text hidden xs:block"}),e.createElementVNode("span",mt,e.toDisplayString(o.source.code),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",pt,[o.model?(e.openBlock(),e.createElementBlock("span",ft,[e.createVNode(n.default,{icon:"file",class:"w-2.5 h-2.5 sm:w-3 sm:h-3 mr-0.5 sm:mr-1"}),e.createElementVNode("span",ht,e.toDisplayString(ke(o.model)),1)])):e.createCommentVNode("",!0),o.due_date?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["inline-flex items-center px-1.5 sm:px-2 py-0.5 rounded text-[10px] sm:text-xs font-medium whitespace-nowrap",o.title.includes("Overdue")?"ui-danger-soft ui-danger border border-(--ui-danger-soft)":(o.title.includes("Due in 0"),"ui-warning-soft ui-warning border border-(--ui-warning-soft)")])},[e.createVNode(n.default,{icon:"calendar",class:"w-2.5 h-2.5 sm:w-3 sm:h-3 mr-0.5 sm:mr-1 shrink-0"}),e.createTextVNode(" "+e.toDisplayString(_e(o.due_date)),1)],2)):e.createCommentVNode("",!0)]),e.createElementVNode("p",yt,[e.createVNode(n.default,{icon:"clock",class:"w-2.5 h-2.5 sm:w-3 sm:h-3 mr-0.5 sm:mr-1"}),e.createTextVNode(" "+e.toDisplayString(o.time),1)])])])],10,st))),128))]),a.notifications.length>0?(e.openBlock(),e.createElementBlock("div",gt,[e.createElementVNode("button",{class:"text-sm font-semibold ui-primary hover:text-(--ui-primary-strong) transition-colors",onClick:xe}," View all notifications → ")])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1}),a.showSearch?(e.openBlock(),e.createElementBlock("div",vt,[e.createVNode(Ne.default,{modelValue:C.value,"onUpdate:modelValue":r[3]||(r[3]=o=>C.value=o),placeholder:a.searchPlaceholder,size:"sm","show-no-results":!1,"min-length":0,debounce:200,results:[]},null,8,["modelValue","placeholder"])])):e.createCommentVNode("",!0),e.createElementVNode("div",xt,[e.createElementVNode("button",{class:"shrink-0 rounded-full transition-transform hover:scale-105 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)","aria-label":`${a.user.name} profile menu`,onClick:te},[e.createElementVNode("div",wt,[A.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:_.value,alt:T.value,class:"w-full h-full object-cover",onError:z},null,40,kt)):(e.openBlock(),e.createElementBlock("span",_t,e.toDisplayString(L.value),1))])],8,bt),e.createVNode(e.Transition,{"enter-active-class":"transition-all duration-200 ease-out","leave-active-class":"transition-all duration-200 ease-in","enter-from-class":"opacity-0 translate-y-2 scale-95","enter-to-class":"opacity-100 translate-y-0 scale-100","leave-from-class":"opacity-100 translate-y-0 scale-100","leave-to-class":"opacity-0 translate-y-2 scale-95"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("div",Ct,[e.createElementVNode("div",Vt,[A.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:_.value,alt:T.value,class:"w-full h-full object-cover",onError:z},null,40,St)):(e.openBlock(),e.createElementBlock("span",Bt,e.toDisplayString(L.value),1))]),e.createElementVNode("div",Et,[e.createElementVNode("p",Dt,e.toDisplayString(a.user.name),1),e.createElementVNode("p",Lt,e.toDisplayString(a.user.email),1)])]),a.showThemeSwitcher?(e.openBlock(),e.createElementBlock("div",At,[e.createElementVNode("div",Tt,[e.createElementVNode("div",zt,[e.createVNode(n.default,{icon:w.value==="dark"?"moon":"sun",class:e.normalizeClass(["w-4 h-4 shrink-0",w.value==="dark"?"ui-primary":"ui-text"])},null,8,["icon","class"]),e.createElementVNode("span",Mt,e.toDisplayString(a.themeSwitcherTitle),1)]),e.createVNode(Ce.default,{modelValue:D.value,"onUpdate:modelValue":r[4]||(r[4]=o=>D.value=o),size:"md",disabled:!q.value},null,8,["modelValue","disabled"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.profileMenuItems,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.name},[o.route?(e.openBlock(),e.createBlock(l,{key:0,to:o.route,class:e.normalizeClass(e.unref(b.cn)("flex items-center px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",ae(d(o)))),style:e.normalizeStyle(ne(d(o))),onClick:y=>re(o)},{default:e.withCtx(()=>[d(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-6 sm:h-8 bg-linear-to-b from-(--ui-primary) to-(--ui-primary) rounded-r-full",style:e.normalizeStyle(le(d(o)))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(b.cn)("flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-2 sm:mr-3 shrink-0 transition-colors ml-1 sm:ml-2",ie(d(o)))),style:e.normalizeStyle(ce(d(o)))},[o.icon?(e.openBlock(),e.createBlock(n.default,{key:0,icon:o.icon,class:"w-3.5 h-3.5 sm:w-4 sm:h-4"},null,8,["icon"])):e.createCommentVNode("",!0)],6),e.createElementVNode("span",{class:e.normalizeClass(e.unref(b.cn)("flex-1 truncate font-semibold text-xs sm:text-md",ue(d(o)))),style:e.normalizeStyle(de(d(o)))},e.toDisplayString(o.label),7)]),_:2},1032,["to","class","style","onClick"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:"flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative ui-text hover:bg-(--ui-surface-muted) hover:text-(--ui-text) border border-transparent",onClick:y=>he(o)},[e.createElementVNode("div",Ut,[o.icon?(e.openBlock(),e.createBlock(n.default,{key:0,icon:o.icon,class:"w-3.5 h-3.5 sm:w-4 sm:h-4"},null,8,["icon"])):e.createCommentVNode("",!0)]),e.createElementVNode("span",Ot,e.toDisplayString(o.label),1)],8,It))],64))),128))]),e.createElementVNode("div",Ft,[e.createElementVNode("button",{class:"flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative ui-danger hover:bg-(--ui-danger-soft) border border-transparent",onClick:ye},[e.createElementVNode("div",Ht,[e.createVNode(n.default,{icon:"sign-out-alt",class:"w-3.5 h-3.5 sm:w-4 sm:h-4"})]),r[6]||(r[6]=e.createElementVNode("span",{class:"truncate font-semibold ui-danger text-xs sm:text-md"}," Sign out ",-1))])])])):e.createCommentVNode("",!0)]),_:1})])])])],2)}}},Rt=Ve._export_sfc($t,[["__scopeId","data-v-3e4b26b8"]]);exports.default=Rt;