@stachelock/ui 0.2.14 → 0.3.1

package/dist/PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js

@@ -0,0 +1,69 @@
+import { defineComponent as n, computed as s, createBlock as d, openBlock as h, mergeProps as p } from "vue";
+import c from "./charts/BaseChart.js";
+import { chartColors as f } from "./charts/chartTheme.js";
+const w = /* @__PURE__ */ n({
+  __name: "PieChart",
+  props: {
+    data: {},
+    title: {},
+    donut: { type: Boolean, default: !1 },
+    height: { default: 300 },
+    colors: { default: () => f.primary },
+    loading: { type: Boolean, default: !1 },
+    showLabels: { type: Boolean, default: !1 },
+    showLegend: { type: Boolean, default: !0 }
+  },
+  emits: ["click"],
+  setup(o, { emit: a }) {
+    const e = o, l = a, r = s(() => ({
+      title: e.title ? { text: e.title } : void 0,
+      legend: e.showLegend ? {
+        show: !0,
+        orient: "horizontal",
+        bottom: 0
+      } : { show: !1 },
+      tooltip: {
+        trigger: "item",
+        formatter: "{b}: {c} ({d}%)"
+      },
+      color: e.colors,
+      series: [{
+        type: "pie",
+        radius: e.donut ? ["40%", "70%"] : "70%",
+        center: ["50%", "45%"],
+        avoidLabelOverlap: !0,
+        itemStyle: {
+          borderRadius: 4,
+          borderColor: "#ffffff",
+          borderWidth: 2
+        },
+        label: {
+          show: e.showLabels,
+          position: e.donut ? "center" : "outside"
+        },
+        emphasis: {
+          label: {
+            show: !0,
+            fontSize: 14,
+            fontWeight: 600
+          }
+        },
+        labelLine: {
+          show: e.showLabels && !e.donut
+        },
+        data: e.data
+      }]
+    })), i = (t) => {
+      l("click", t);
+    };
+    return (t, u) => (h(), d(c, p({
+      option: r.value,
+      height: t.height,
+      loading: t.loading
+    }, t.$attrs, { onClick: i }), null, 16, ["option", "height", "loading"]));
+  }
+});
+export {
+  w as _
+};
+//# sourceMappingURL=PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js.map

package/dist/PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js","sources":["../src/components/charts/PieChart.vue"],"sourcesContent":["<!--\n  @component PieChart\n  @description Pie/Donut chart component.\n  \n  @props\n  - data (array, required): Array of {name, value} objects\n  - title (string, optional): Chart title\n  - donut (boolean, optional): Render as donut chart\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  - showLabels (boolean, optional): Show segment labels\n  \n  @example\n  <PieChart\n    :data=\"[\n      { name: 'Category A', value: 40 },\n      { name: 'Category B', value: 30 },\n      { name: 'Category C', value: 30 }\n    ]\"\n    title=\"Distribution\"\n    donut\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface PieDataItem {\n  name: string;\n  value: number;\n}\n\ninterface Props {\n  data: PieDataItem[];\n  title?: string;\n  donut?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLabels?: boolean;\n  showLegend?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  donut: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLabels: false,\n  showLegend: true,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst chartOption = computed<EChartsOption>(() => {\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend ? { \n      show: true,\n      orient: 'horizontal',\n      bottom: 0,\n    } : { show: false },\n    tooltip: {\n      trigger: 'item',\n      formatter: '{b}: {c} ({d}%)',\n    },\n    color: props.colors,\n    series: [{\n      type: 'pie',\n      radius: props.donut ? ['40%', '70%'] : '70%',\n      center: ['50%', '45%'],\n      avoidLabelOverlap: true,\n      itemStyle: {\n        borderRadius: 4,\n        borderColor: '#ffffff',\n        borderWidth: 2,\n      },\n      label: {\n        show: props.showLabels,\n        position: props.donut ? 'center' : 'outside',\n      },\n      emphasis: {\n        label: {\n          show: true,\n          fontSize: 14,\n          fontWeight: 600,\n        },\n      },\n      labelLine: {\n        show: props.showLabels && !props.donut,\n      },\n      data: props.data,\n    }],\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","chartOption","computed","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","height","loading","$attrs"],"mappings":";;;;;;;;;;;;;;;;;AAuDA,UAAMA,IAAQC,GASRC,IAAOC,GAIPC,IAAcC,EAAwB,OACnC;AAAA,MACL,OAAOL,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,MAC7C,QAAQA,EAAM,aAAa;AAAA,QACzB,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA,IACN,EAAE,MAAM,GAAA;AAAA,MACZ,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,OAAOA,EAAM;AAAA,MACb,QAAQ,CAAC;AAAA,QACP,MAAM;AAAA,QACN,QAAQA,EAAM,QAAQ,CAAC,OAAO,KAAK,IAAI;AAAA,QACvC,QAAQ,CAAC,OAAO,KAAK;AAAA,QACrB,mBAAmB;AAAA,QACnB,WAAW;AAAA,UACT,cAAc;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,QAAA;AAAA,QAEf,OAAO;AAAA,UACL,MAAMA,EAAM;AAAA,UACZ,UAAUA,EAAM,QAAQ,WAAW;AAAA,QAAA;AAAA,QAErC,UAAU;AAAA,UACR,OAAO;AAAA,YACL,MAAM;AAAA,YACN,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF,WAAW;AAAA,UACT,MAAMA,EAAM,cAAc,CAACA,EAAM;AAAA,QAAA;AAAA,QAEnC,MAAMA,EAAM;AAAA,MAAA,CACb;AAAA,IAAA,EAEJ,GAEKM,IAAc,CAACC,MAA0B;AAC7C,MAAAL,EAAK,SAASK,CAAM;AAAA,IACtB;sBAxFEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQP,EAAA;AAAA,MACR,QAAQQ,EAAAA;AAAAA,MACR,SAASC,EAAAA;AAAAA,IAAAA,GACFC,EAAAA,QAAM,EACb,SAAOR,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/{XMarkIcon-C4wILUsz.js → PlusIcon-aDFVlB90.js}

@@ -12,11 +12,11 @@ function a(t, n) {
     o("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+      d: "M5 12h14"
     })
   ]);
 }
-function l(t, n) {
+function c(t, n) {
   return r(), e("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -29,12 +29,12 @@ function l(t, n) {
     o("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M6 18 18 6M6 6l12 12"
+      d: "M12 4.5v15m7.5-7.5h-15"
     })
   ]);
 }
 export {
   a,
-  l as r
+  c as r
 };
-//# sourceMappingURL=XMarkIcon-C4wILUsz.js.map
+//# sourceMappingURL=PlusIcon-aDFVlB90.js.map

package/dist/PlusIcon-aDFVlB90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlusIcon-aDFVlB90.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/MinusIcon.js","../node_modules/@heroicons/vue/24/outline/esm/PlusIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M5 12h14\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 4.5v15m7.5-7.5h-15\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;AChBe,SAASL,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0,1]}

package/dist/ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-Cri9BiBy.js

@@ -0,0 +1,130 @@
+import { defineComponent as _, ref as d, computed as o, onMounted as $, onBeforeUnmount as j, createElementBlock as a, openBlock as t, createElementVNode as r, createVNode as B, createCommentVNode as i, normalizeStyle as p, normalizeClass as h, renderSlot as m, createBlock as U, toDisplayString as u, Transition as I, withCtx as R } from "vue";
+import S from "./components/CloudinaryImage.js";
+const M = { class: "sl-relative sl-flex sl-items-center sl-gap-3" }, P = ["aria-expanded"], T = ["src", "alt"], V = {
+  key: 2,
+  class: "sl-w-full sl-h-full sl-inline-flex sl-items-center sl-justify-center sl-bg-stachelock-200 dark:sl-bg-stachelock-700"
+}, O = { class: "sl-p-4 sl-border-b sl-border-gray-200 dark:sl-border-slate-700" }, A = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, D = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400" }, H = {
+  key: 0,
+  class: "sl-py-1"
+}, G = /* @__PURE__ */ _({
+  __name: "ProfileHeaderAvatar",
+  props: {
+    userName: {},
+    userEmail: { default: "" },
+    imagePublicId: {},
+    imageUrl: {},
+    showLogout: { type: Boolean, default: !0 },
+    logoutLabel: { default: "Log Out" },
+    size: { default: 40 },
+    ringColorClass: { default: "sl-ring-stachelock-400" },
+    menuTop: { default: "3rem" },
+    menuRight: { default: "0" }
+  },
+  emits: ["logout", "menu-toggle"],
+  setup(v, { expose: k, emit: y }) {
+    const l = v, c = y, s = d(!1), b = d(null), w = d(null), C = o(() => l.userName ? l.userName.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2) : "U"), x = o(() => `hover:sl-ring-2 hover:${l.ringColorClass}`), z = o(() => `sl-ring-2 ${l.ringColorClass}`), N = o(() => l.size < 32 ? "sl-text-xs" : l.size < 48 ? "sl-text-sm" : "sl-text-base"), E = o(() => ({
+      top: l.menuTop,
+      right: l.menuRight
+    })), f = () => {
+      s.value = !s.value, c("menu-toggle", s.value);
+    }, n = () => {
+      s.value && (s.value = !1, c("menu-toggle", !1));
+    }, L = () => {
+      n(), c("logout");
+    }, g = (e) => {
+      e.key === "Escape" && n();
+    };
+    return $(() => {
+      document.addEventListener("keydown", g);
+    }), j(() => {
+      document.removeEventListener("keydown", g);
+    }), k({
+      toggleMenu: f,
+      closeMenu: n,
+      isMenuOpen: s
+    }), (e, K) => (t(), a("div", M, [
+      r("button", {
+        ref_key: "avatarButton",
+        ref: b,
+        type: "button",
+        onClick: f,
+        class: h(["sl-relative sl-inline-flex sl-items-center sl-justify-center sl-rounded-full sl-overflow-hidden sl-transition-all sl-flex-shrink-0 focus:sl-outline-none", [
+          x.value,
+          { [z.value]: s.value }
+        ]]),
+        style: p({ width: `${e.size}px`, height: `${e.size}px` }),
+        "aria-expanded": s.value,
+        "aria-haspopup": "true"
+      }, [
+        m(e.$slots, "avatar", {}, () => [
+          e.imagePublicId ? (t(), U(S, {
+            key: 0,
+            "public-id": e.imagePublicId,
+            alt: e.userName,
+            width: e.size,
+            height: e.size,
+            "custom-classes": { image: { "sl-w-full sl-h-full sl-object-cover sl-object-center": !0 } },
+            skeleton: "user"
+          }, null, 8, ["public-id", "alt", "width", "height"])) : e.imageUrl ? (t(), a("img", {
+            key: 1,
+            src: e.imageUrl,
+            alt: e.userName,
+            class: "sl-w-full sl-h-full sl-object-cover sl-object-center"
+          }, null, 8, T)) : (t(), a("div", V, [
+            r("span", {
+              class: h(["sl-font-semibold sl-text-stachelock-700 dark:sl-text-stachelock-200", N.value])
+            }, u(C.value), 3)
+          ]))
+        ])
+      ], 14, P),
+      B(I, {
+        "enter-active-class": "sl-transition sl-ease-out sl-duration-100",
+        "enter-from-class": "sl-transform sl-opacity-0 sl-scale-95",
+        "enter-to-class": "sl-transform sl-opacity-100 sl-scale-100",
+        "leave-active-class": "sl-transition sl-ease-in sl-duration-75",
+        "leave-from-class": "sl-transform sl-opacity-100 sl-scale-100",
+        "leave-to-class": "sl-transform sl-opacity-0 sl-scale-95"
+      }, {
+        default: R(() => [
+          s.value ? (t(), a("div", {
+            key: 0,
+            ref_key: "menuRef",
+            ref: w,
+            class: "sl-absolute sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow-lg sl-border sl-border-gray-200 dark:sl-border-slate-700 sl-z-50 sl-min-w-max sl-overflow-hidden",
+            style: p(E.value),
+            role: "menu",
+            "aria-orientation": "vertical"
+          }, [
+            r("div", O, [
+              m(e.$slots, "menu-header", {}, () => [
+                r("p", A, u(e.userName), 1),
+                r("p", D, u(e.userEmail), 1)
+              ])
+            ]),
+            e.$slots["menu-items"] ? (t(), a("div", H, [
+              m(e.$slots, "menu-items")
+            ])) : i("", !0),
+            e.showLogout ? (t(), a("button", {
+              key: 1,
+              type: "button",
+              onClick: L,
+              class: "sl-w-full sl-text-left sl-px-4 sl-py-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400 hover:sl-bg-red-50 dark:hover:sl-bg-red-900/20 sl-transition-colors",
+              role: "menuitem"
+            }, u(e.logoutLabel), 1)) : i("", !0)
+          ], 4)) : i("", !0)
+        ]),
+        _: 3
+      }),
+      s.value ? (t(), a("div", {
+        key: 0,
+        class: "sl-fixed sl-inset-0 sl-z-40",
+        onClick: n,
+        "aria-hidden": "true"
+      })) : i("", !0)
+    ]));
+  }
+});
+export {
+  G as _
+};
+//# sourceMappingURL=ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-Cri9BiBy.js.map

package/dist/ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-Cri9BiBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-Cri9BiBy.js","sources":["../src/components/layouts/ProfileHeaderAvatar.vue"],"sourcesContent":["<!--\n  @component ProfileHeaderAvatar\n  @description User avatar with dropdown menu for profile actions.\n  \n  A flexible user avatar component that displays a profile image (via Cloudinary)\n  or initials fallback, with an expandable dropdown menu showing user info and actions.\n  \n  @props\n  - userName (string): Display name of the user\n  - userEmail (string): Email address of the user\n  - imagePublicId (string, optional): Cloudinary public_id for profile image\n  - imageUrl (string, optional): Direct URL for profile image (fallback if no publicId)\n  - showLogout (boolean): Show logout button in dropdown (default: true)\n  - logoutLabel (string): Label for logout button (default: 'Log Out')\n  - size (number): Avatar size in pixels (default: 40)\n  - ringColor (string): Tailwind ring color class for hover/active state\n  - menuPosition (object): Position overrides for dropdown menu\n  \n  @emits\n  - logout: Emitted when logout button is clicked\n  - menu-toggle: Emitted when menu is opened/closed with boolean state\n  \n  @slots\n  - menu-header: Custom header content in dropdown (replaces default name/email)\n  - menu-items: Additional menu items between user info and logout\n  - avatar: Custom avatar content (replaces default image/initials)\n  \n  @example\n  <ProfileHeaderAvatar\n    user-name=\"John Doe\"\n    user-email=\"john@example.com\"\n    image-public-id=\"users/john-doe-avatar\"\n    @logout=\"handleLogout\"\n  />\n-->\n<template>\n  <div class=\"sl-relative sl-flex sl-items-center sl-gap-3\">\n    <!-- User Avatar Button -->\n    <button \n      ref=\"avatarButton\"\n      type=\"button\"\n      @click=\"toggleMenu\"\n      class=\"sl-relative sl-inline-flex sl-items-center sl-justify-center sl-rounded-full sl-overflow-hidden sl-transition-all sl-flex-shrink-0 focus:sl-outline-none\"\n      :class=\"[\n        ringClasses,\n        { [activeRingClass]: isMenuOpen }\n      ]\"\n      :style=\"{ width: `${size}px`, height: `${size}px` }\"\n      :aria-expanded=\"isMenuOpen\"\n      aria-haspopup=\"true\"\n    >\n      <slot name=\"avatar\">\n        <!-- Cloudinary image if public_id available -->\n        <CloudinaryImage \n          v-if=\"imagePublicId\" \n          :public-id=\"imagePublicId\" \n          :alt=\"userName\" \n          :width=\"size\"\n          :height=\"size\" \n          :custom-classes=\"{ image: { 'sl-w-full sl-h-full sl-object-cover sl-object-center': true } }\" \n          skeleton=\"user\" \n        />\n        <!-- Direct image URL fallback -->\n        <img \n          v-else-if=\"imageUrl\" \n          :src=\"imageUrl\" \n          :alt=\"userName\"\n          class=\"sl-w-full sl-h-full sl-object-cover sl-object-center\"\n        />\n        <!-- Initials fallback -->\n        <div \n          v-else \n          class=\"sl-w-full sl-h-full sl-inline-flex sl-items-center sl-justify-center sl-bg-stachelock-200 dark:sl-bg-stachelock-700\"\n        >\n          <span \n            class=\"sl-font-semibold sl-text-stachelock-700 dark:sl-text-stachelock-200\"\n            :class=\"initialsTextSize\"\n          >\n            {{ computedInitials }}\n          </span>\n        </div>\n      </slot>\n    </button>\n\n    <!-- Dropdown Menu -->\n    <Transition\n      enter-active-class=\"sl-transition sl-ease-out sl-duration-100\"\n      enter-from-class=\"sl-transform sl-opacity-0 sl-scale-95\"\n      enter-to-class=\"sl-transform sl-opacity-100 sl-scale-100\"\n      leave-active-class=\"sl-transition sl-ease-in sl-duration-75\"\n      leave-from-class=\"sl-transform sl-opacity-100 sl-scale-100\"\n      leave-to-class=\"sl-transform sl-opacity-0 sl-scale-95\"\n    >\n      <div \n        v-if=\"isMenuOpen\"\n        ref=\"menuRef\"\n        class=\"sl-absolute sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow-lg sl-border sl-border-gray-200 dark:sl-border-slate-700 sl-z-50 sl-min-w-max sl-overflow-hidden\"\n        :style=\"menuStyles\"\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n      >\n        <!-- Header with user info -->\n        <div class=\"sl-p-4 sl-border-b sl-border-gray-200 dark:sl-border-slate-700\">\n          <slot name=\"menu-header\">\n            <p class=\"sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white\">{{ userName }}</p>\n            <p class=\"sl-text-xs sl-text-gray-500 dark:sl-text-slate-400\">{{ userEmail }}</p>\n          </slot>\n        </div>\n        \n        <!-- Custom menu items slot -->\n        <div v-if=\"$slots['menu-items']\" class=\"sl-py-1\">\n          <slot name=\"menu-items\" />\n        </div>\n        \n        <!-- Logout button -->\n        <button \n          v-if=\"showLogout\"\n          type=\"button\"\n          @click=\"handleLogout\"\n          class=\"sl-w-full sl-text-left sl-px-4 sl-py-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400 hover:sl-bg-red-50 dark:hover:sl-bg-red-900/20 sl-transition-colors\"\n          role=\"menuitem\"\n        >\n          {{ logoutLabel }}\n        </button>\n      </div>\n    </Transition>\n\n    <!-- Backdrop for closing menu -->\n    <div \n      v-if=\"isMenuOpen\" \n      class=\"sl-fixed sl-inset-0 sl-z-40\" \n      @click=\"closeMenu\" \n      aria-hidden=\"true\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * ProfileHeaderAvatar - User avatar with dropdown menu\n * \n * @module components/layouts/ProfileHeaderAvatar\n */\nimport { ref, computed, onMounted, onBeforeUnmount, type CSSProperties } from 'vue';\nimport CloudinaryImage from '../CloudinaryImage.vue';\n\ninterface Props {\n  /** Display name of the user */\n  userName: string;\n  /** Email address of the user */\n  userEmail?: string;\n  /** Cloudinary public_id for profile image */\n  imagePublicId?: string;\n  /** Direct URL for profile image (fallback if no publicId) */\n  imageUrl?: string;\n  /** Show logout button in dropdown */\n  showLogout?: boolean;\n  /** Label for logout button */\n  logoutLabel?: string;\n  /** Avatar size in pixels */\n  size?: number;\n  /** Custom ring color class for hover/active state */\n  ringColorClass?: string;\n  /** Menu position from top */\n  menuTop?: string;\n  /** Menu position from right */\n  menuRight?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  userEmail: '',\n  showLogout: true,\n  logoutLabel: 'Log Out',\n  size: 40,\n  ringColorClass: 'sl-ring-stachelock-400',\n  menuTop: '3rem',\n  menuRight: '0',\n});\n\nconst emit = defineEmits<{\n  /** Emitted when logout button is clicked */\n  logout: [];\n  /** Emitted when menu is opened/closed */\n  'menu-toggle': [isOpen: boolean];\n}>();\n\nconst isMenuOpen = ref(false);\nconst avatarButton = ref<HTMLButtonElement | null>(null);\nconst menuRef = ref<HTMLDivElement | null>(null);\n\n// Computed initials from user name\nconst computedInitials = computed(() => {\n  if (!props.userName) return 'U';\n  return props.userName\n    .split(' ')\n    .map((n: string) => n[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n});\n\n// Ring classes for hover and active states\nconst ringClasses = computed(() => {\n  return `hover:sl-ring-2 hover:${props.ringColorClass}`;\n});\n\nconst activeRingClass = computed(() => {\n  return `sl-ring-2 ${props.ringColorClass}`;\n});\n\n// Text size based on avatar size\nconst initialsTextSize = computed(() => {\n  if (props.size < 32) return 'sl-text-xs';\n  if (props.size < 48) return 'sl-text-sm';\n  return 'sl-text-base';\n});\n\n// Menu positioning styles\nconst menuStyles = computed((): CSSProperties => ({\n  top: props.menuTop,\n  right: props.menuRight,\n}));\n\n// Toggle menu open/close\nconst toggleMenu = () => {\n  isMenuOpen.value = !isMenuOpen.value;\n  emit('menu-toggle', isMenuOpen.value);\n};\n\n// Close menu\nconst closeMenu = () => {\n  if (isMenuOpen.value) {\n    isMenuOpen.value = false;\n    emit('menu-toggle', false);\n  }\n};\n\n// Handle logout click\nconst handleLogout = () => {\n  closeMenu();\n  emit('logout');\n};\n\n// Handle escape key to close menu\nconst handleEscapeKey = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeMenu();\n  }\n};\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscapeKey);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', handleEscapeKey);\n});\n\n// Expose methods for parent components\ndefineExpose({\n  toggleMenu,\n  closeMenu,\n  isMenuOpen,\n});\n</script>\n"],"names":["props","__props","emit","__emit","isMenuOpen","ref","avatarButton","menuRef","computedInitials","computed","n","ringClasses","activeRingClass","initialsTextSize","menuStyles","toggleMenu","closeMenu","handleLogout","handleEscapeKey","event","onMounted","onBeforeUnmount","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","size","_renderSlot","_ctx","imagePublicId","_createBlock","CloudinaryImage","userName","imageUrl","_hoisted_4","_normalizeClass","_createVNode","_Transition","_hoisted_5","_hoisted_6","_toDisplayString","_hoisted_7","userEmail","$slots","_hoisted_8","showLogout","logoutLabel"],"mappings":"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"}

package/dist/ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js

@@ -0,0 +1,108 @@
+import { defineComponent as k, computed as n, createElementBlock as s, openBlock as t, normalizeStyle as a, createBlock as f, renderSlot as m, normalizeClass as d, createCommentVNode as g, createElementVNode as o, toDisplayString as p } from "vue";
+import y from "./components/CloudinaryImage.js";
+const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
+  __name: "ProjectLogo",
+  props: {
+    logoUrl: {},
+    publicId: {},
+    alt: { default: "Project Logo" },
+    width: { default: 64 },
+    height: { default: 64 },
+    fallbackType: { default: "rings" },
+    fallbackText: { default: "" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    const l = c, u = n(() => ({
+      width: `${l.width}px`,
+      height: `${l.height}px`
+    })), i = n(() => ({
+      width: `${l.width}px`,
+      height: `${l.height}px`
+    })), h = n(() => l.fallbackText ? l.fallbackText.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2) : "?");
+    return (e, r) => (t(), s("div", {
+      class: "sl-flex sl-items-center sl-justify-center",
+      style: a(u.value)
+    }, [
+      e.publicId ? (t(), f(y, {
+        key: 0,
+        "public-id": e.publicId,
+        alt: e.alt,
+        width: e.width,
+        height: e.height,
+        "custom-classes": {
+          image: {
+            "sl-object-contain": !0,
+            "sl-rounded-full": e.rounded
+          }
+        }
+      }, null, 8, ["public-id", "alt", "width", "height", "custom-classes"])) : e.logoUrl ? (t(), s("img", {
+        key: 1,
+        src: e.logoUrl,
+        alt: e.alt,
+        style: a(i.value),
+        class: d([
+          "sl-object-contain",
+          { "sl-rounded-full": e.rounded }
+        ])
+      }, null, 14, b)) : m(e.$slots, "fallback", { key: 2 }, () => [
+        e.fallbackType === "rings" ? (t(), s("svg", {
+          key: 0,
+          width: e.width,
+          height: e.height,
+          viewBox: "0 0 100 100",
+          class: "sl-text-stachelock-500 dark:sl-text-stachelock-400"
+        }, r[0] || (r[0] = [
+          o("circle", {
+            cx: "50",
+            cy: "50",
+            r: "45",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }, null, -1),
+          o("circle", {
+            cx: "50",
+            cy: "50",
+            r: "30",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }, null, -1),
+          o("circle", {
+            cx: "50",
+            cy: "50",
+            r: "15",
+            fill: "currentColor"
+          }, null, -1)
+        ]), 8, w)) : e.fallbackType === "initials" ? (t(), s("div", {
+          key: 1,
+          class: d(["sl-flex sl-items-center sl-justify-center sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-700 dark:sl-text-stachelock-200 sl-font-bold", { "sl-rounded-full": e.rounded }]),
+          style: a(i.value)
+        }, p(h.value), 7)) : e.fallbackType === "icon" ? (t(), s("div", {
+          key: 2,
+          class: d(["sl-flex sl-items-center sl-justify-center sl-bg-gray-100 dark:sl-bg-gray-700", { "sl-rounded-full": e.rounded }]),
+          style: a(i.value)
+        }, r[1] || (r[1] = [
+          o("svg", {
+            class: "sl-w-1/2 sl-h-1/2 sl-text-gray-400 dark:sl-text-gray-500",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            o("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "1.5",
+              d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+            })
+          ], -1)
+        ]), 6)) : g("", !0)
+      ])
+    ], 4));
+  }
+});
+export {
+  C as _
+};
+//# sourceMappingURL=ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js.map

package/dist/ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js","sources":["../src/components/layouts/ProjectLogo.vue"],"sourcesContent":["<!--\n  @component ProjectLogo\n  @description Display a project or organization logo with fallback.\n  \n  A flexible logo display component that shows either a provided logo image\n  or a customizable fallback placeholder when no logo is available.\n  \n  @props\n  - logoUrl (string, optional): URL of the logo image to display\n  - publicId (string, optional): Cloudinary public_id for the logo\n  - alt (string): Alt text for the logo image\n  - width (number): Width of the logo in pixels\n  - height (number): Height of the logo in pixels\n  - fallbackType ('rings' | 'initials' | 'icon'): Type of fallback to show\n  - fallbackText (string): Text for initials fallback\n  - rounded (boolean): Apply rounded-full class\n  \n  @slots\n  - fallback: Custom fallback content when no logo is available\n  \n  @example\n  <ProjectLogo\n    logo-url=\"https://example.com/logo.png\"\n    alt=\"Company Logo\"\n    :width=\"64\"\n    :height=\"64\"\n  />\n-->\n<template>\n  <div \n    class=\"sl-flex sl-items-center sl-justify-center\"\n    :style=\"containerStyles\"\n  >\n    <!-- Cloudinary image if public_id provided -->\n    <CloudinaryImage \n      v-if=\"publicId\" \n      :public-id=\"publicId\" \n      :alt=\"alt\" \n      :width=\"width\"\n      :height=\"height\" \n      :custom-classes=\"{ \n        image: { \n          'sl-object-contain': true,\n          'sl-rounded-full': rounded \n        } \n      }\" \n    />\n    \n    <!-- Direct URL image -->\n    <img \n      v-else-if=\"logoUrl\" \n      :src=\"logoUrl\" \n      :alt=\"alt\" \n      :style=\"imageStyles\"\n      :class=\"[\n        'sl-object-contain',\n        { 'sl-rounded-full': rounded }\n      ]\"\n    />\n    \n    <!-- Fallback -->\n    <slot v-else name=\"fallback\">\n      <!-- Rings fallback (default) -->\n      <svg \n        v-if=\"fallbackType === 'rings'\"\n        :width=\"width\" \n        :height=\"height\" \n        viewBox=\"0 0 100 100\" \n        class=\"sl-text-stachelock-500 dark:sl-text-stachelock-400\"\n      >\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"45\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"30\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"15\" \n          fill=\"currentColor\"\n        />\n      </svg>\n      \n      <!-- Initials fallback -->\n      <div \n        v-else-if=\"fallbackType === 'initials'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-700 dark:sl-text-stachelock-200 sl-font-bold\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        {{ computedInitials }}\n      </div>\n      \n      <!-- Icon fallback -->\n      <div \n        v-else-if=\"fallbackType === 'icon'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-gray-100 dark:sl-bg-gray-700\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        <svg \n          class=\"sl-w-1/2 sl-h-1/2 sl-text-gray-400 dark:sl-text-gray-500\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          viewBox=\"0 0 24 24\"\n        >\n          <path \n            stroke-linecap=\"round\" \n            stroke-linejoin=\"round\" \n            stroke-width=\"1.5\" \n            d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n          />\n        </svg>\n      </div>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * ProjectLogo - Display project or organization logo\n * \n * @module components/layouts/ProjectLogo\n */\nimport { computed, type CSSProperties } from 'vue';\nimport CloudinaryImage from '../CloudinaryImage.vue';\n\ntype FallbackType = 'rings' | 'initials' | 'icon';\n\ninterface Props {\n  /** URL of the logo image */\n  logoUrl?: string;\n  /** Cloudinary public_id for the logo */\n  publicId?: string;\n  /** Alt text for the logo */\n  alt?: string;\n  /** Width of the logo in pixels */\n  width?: number;\n  /** Height of the logo in pixels */\n  height?: number;\n  /** Type of fallback to display */\n  fallbackType?: FallbackType;\n  /** Text for initials fallback (e.g., organization name) */\n  fallbackText?: string;\n  /** Apply rounded-full styling */\n  rounded?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  alt: 'Project Logo',\n  width: 64,\n  height: 64,\n  fallbackType: 'rings',\n  fallbackText: '',\n  rounded: false,\n});\n\n// Container styles\nconst containerStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Image styles\nconst imageStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Computed initials from fallback text\nconst computedInitials = computed(() => {\n  if (!props.fallbackText) return '?';\n  return props.fallbackText\n    .split(' ')\n    .map((word: string) => word[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n});\n</script>\n"],"names":["props","__props","containerStyles","computed","imageStyles","computedInitials","word","_createElementBlock","publicId","_createBlock","CloudinaryImage","alt","width","height","rounded","logoUrl","_normalizeClass","_renderSlot","_ctx","fallbackType","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AA+JA,UAAMA,IAAQC,GAURC,IAAkBC,EAAS,OAAsB;AAAA,MACrD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGII,IAAcD,EAAS,OAAsB;AAAA,MACjD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGIK,IAAmBF,EAAS,MAC3BH,EAAM,eACJA,EAAM,aACV,MAAM,GAAG,EACT,IAAI,CAACM,MAAiBA,EAAK,CAAC,CAAC,EAC7B,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,IANmB,GAOjC;2BAhKCC,EAiGM,OAAA;AAAA,MAhGJ,OAAM;AAAA,MACL,SAAOL,EAAA,KAAe;AAAA,IAAA;MAIfM,EAAAA,iBADRC,EAYEC,GAAA;AAAA;QAVC,aAAWF,EAAAA;AAAAA,QACX,KAAKG,EAAAA;AAAAA,QACL,OAAOC,EAAAA;AAAAA,QACP,QAAQC,EAAAA;AAAAA,QACR,kBAAc;AAAA;;+BAAyFC,EAAAA;AAAAA,UAAAA;AAAAA;gFAU7FC,EAAAA,gBADbR,EASE,OAAA;AAAA;QAPC,KAAKQ,EAAAA;AAAAA,QACL,KAAKJ,EAAAA;AAAAA,QACL,SAAOP,EAAA,KAAW;AAAA,QAClB,OAAKY,EAAA;AAAA;+BAA8DF,EAAAA,QAAAA;AAAAA,QAAO;yBAO7EG,EAgEOC,kCAhEP,MAgEO;AAAA,QA7DGC,EAAAA,iBAAY,gBADpBZ,EA6BM,OAAA;AAAA;UA3BH,OAAOK,EAAAA;AAAAA,UACP,QAAQC,EAAAA;AAAAA,UACT,SAAQ;AAAA,UACR,OAAM;AAAA,QAAA;UAENO,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAKE,UAAA;AAAA,YAJA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;qBAMID,EAAAA,iBAAY,mBADzBZ,EAOM,OAAA;AAAA;UALJ,OAAKS,EAAA,CAAC,4JAA0J,EAAA,mBACnIF,EAAAA,QAAAA,CAAO,CAAA;AAAA,UACnC,SAAOV,EAAA,KAAW;AAAA,QAAA,KAEhBC,EAAA,KAAgB,GAAA,CAAA,KAKRc,EAAAA,iBAAY,eADzBZ,EAmBM,OAAA;AAAA;UAjBJ,OAAKS,EAAA,CAAC,gFAA8E,EAAA,mBACvDF,EAAAA,QAAAA,CAAO,CAAA;AAAA,UACnC,SAAOV,EAAA,KAAW;AAAA,QAAA;UAEnBgB,EAYM,OAAA;AAAA,YAXJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,UAAA;YAERA,EAKE,QAAA;AAAA,cAJA,kBAAe;AAAA,cACf,mBAAgB;AAAA,cAChB,gBAAa;AAAA,cACb,GAAE;AAAA,YAAA;;;;;;;"}