@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/layout/layout.d.ts

@@ -1,4 +1,5 @@
 import type { FunctionalComponent, Component, ExtractPropTypes } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
 import type { TranslateFunction } from '../i18n/plugin';
 export type NewsType = {
     isLoading: boolean;
@@ -221,6 +222,11 @@ export type helpType = {
     inf: string;
     link: string;
 };
+export type BreadcrumbItem = {
+    label: string;
+    to?: RouteLocationRaw;
+    avatarSrc?: string;
+};
 export declare const mainLayoutProps: {
     sidebarItems: {
         required: boolean;
@@ -265,6 +271,11 @@ export declare const mainLayoutProps: {
             label?: string;
         }>;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** @deprecated typo alias, use showHeader */
     showHeadre: {
         type: BooleanConstructor;
         default: boolean;

package/dist/modal/OneModalHost.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/modal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../useModal-0c73777f.cjs"),e=require("vue"),s=require("../_plugin-vue_export-helper-f246444f.cjs"),r={},l={class:"p-3 space-y-3"};function c(t,o){return e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"default")])}const d=s._export_sfc(r,[["render",c]]),a={},i={class:"p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b"};function u(t,o){return e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"default")])}const p=s._export_sfc(a,[["render",u]]),_={class:"flex items-start justify-between p-3 border-b rounded-t"},f={key:0,class:"text-xl"},m={key:1,class:"px-8 pt-2 flex gap-x-2.5 flex-shrink-0 mt-auto"},k=e.defineComponent({__name:"OneModalHeader",props:n.modalProps,setup(t){return(o,B)=>(e.openBlock(),e.createElementBlock("div",_,[o.title?(e.openBlock(),e.createElementBlock("p",f,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.$slots.button?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(o.$slots,"button",{onClose:o.onClose})])):e.createCommentVNode("",!0)]))}});exports.OneModal=n.OneModal;exports.useModal=n.useModal;exports.OneModalBody=d;exports.OneModalFooter=p;exports.OneModalHeader=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../OneModal-0e92c039.cjs"),e=require("vue"),p=require("../_plugin-vue_export-helper-f246444f.cjs"),_=require("../useModal-aa6f4a57.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");const m={},v={class:"p-3 space-y-3"};function k(s,o){return e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(s.$slots,"default")])}const M=p._export_sfc(m,[["render",k]]),B={},y={class:"p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b"};function h(s,o){return e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(s.$slots,"default")])}const x=p._export_sfc(B,[["render",h]]),b={class:"flex items-start justify-between p-3 border-b rounded-t"},E={key:0,class:"text-xl"},O={key:1,class:"px-8 pt-2 flex gap-x-2.5 flex-shrink-0 mt-auto"},$=e.defineComponent({__name:"OneModalHeader",props:u.modalProps,setup(s){return(o,l)=>(e.openBlock(),e.createElementBlock("div",b,[o.title?(e.openBlock(),e.createElementBlock("p",E,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.$slots.button?(e.openBlock(),e.createElementBlock("div",O,[e.renderSlot(o.$slots,"button",{onClose:o.onClose})])):e.createCommentVNode("",!0)]))}});let g=1;const t=e.shallowRef([]);function C(s){const o=g++,l=r=>{const n=t.value.find(c=>c.id===o);n&&(t.value=t.value.filter(c=>c.id!==o),n.resolve(r))};return{isShown:e.computed(()=>t.value.some(r=>r.id===o)),open:r=>new Promise(n=>{const c=t.value.find(a=>a.id===o);c&&(c.resolve(void 0),t.value=t.value.filter(a=>a.id!==o)),t.value=[...t.value,{id:o,component:s,props:r,resolve:n}]}),close:l}}function f(){const s=(o,l)=>{const r=t.value.find(n=>n.id===o);r&&(t.value=t.value.filter(n=>n.id!==o),r.resolve(l))};return{stack:t,closeEntry:s,closeTop:o=>{const l=t.value[t.value.length-1];l&&s(l.id,o)}}}const S=["onMousedown"],w=e.defineComponent({__name:"OneModalHost",setup(s){const{stack:o,closeEntry:l,closeTop:r}=f(),n=c=>{c.key==="Escape"&&r()};return e.onMounted(()=>document.addEventListener("keydown",n)),e.onBeforeUnmount(()=>document.removeEventListener("keydown",n)),(c,a)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:"fixed inset-0 z-50 pt-[10vh] px-3 flex justify-center bg-black bg-opacity-50","data-test":"modal-host-backdrop",onMousedown:e.withModifiers(i=>e.unref(l)(d.id),["self"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.component),e.mergeProps({ref_for:!0},d.props,{onClose:i=>e.unref(l)(d.id,i)}),null,16,["onClose"]))],40,S))),128))}});exports.OneModal=u.OneModal;exports.useModal=_.useModal;exports.OneModalBody=M;exports.OneModalFooter=x;exports.OneModalHeader=$;exports.OneModalHost=w;exports.useComponentModal=C;exports.useModalStackState=f;

package/dist/modal/index.d.ts

@@ -2,6 +2,9 @@ export { default as OneModal } from './OneModal.vue';
 export { default as OneModalBody } from './OneModalBody.vue';
 export { default as OneModalFooter } from './OneModalFooter.vue';
 export { default as OneModalHeader } from './OneModalHeader.vue';
+export { default as OneModalHost } from './OneModalHost.vue';
 export { useModal } from './useModal';
+export { useComponentModal, useModalStackState } from './useModalStack';
+export type { UseComponentModalReturn, ModalStackEntry } from './useModalStack';
 export type { ModalProps, ModalSizeType } from './modal';
 export type { UseModalReturn } from './types';

package/dist/modal/index.js

@@ -1,41 +1,98 @@
-import { m as d } from "../useModal-7fe9444b.js";
-import { O as j, u as H } from "../useModal-7fe9444b.js";
-import { openBlock as o, createElementBlock as t, renderSlot as n, defineComponent as l, toDisplayString as c, createCommentVNode as r } from "vue";
-import { _ as a } from "../_plugin-vue_export-helper-dad06003.js";
-const i = {}, _ = { class: "p-3 space-y-3" };
-function p(s, e) {
-  return o(), t("div", _, [
-    n(s.$slots, "default")
+import { m as h } from "../OneModal-02a9a173.js";
+import { O as Z } from "../OneModal-02a9a173.js";
+import { openBlock as a, createElementBlock as d, renderSlot as p, defineComponent as _, toDisplayString as x, createCommentVNode as m, shallowRef as k, computed as y, onMounted as M, onBeforeUnmount as $, Fragment as b, renderList as w, unref as u, withModifiers as g, createBlock as C, resolveDynamicComponent as O, mergeProps as E } from "vue";
+import { _ as v } from "../_plugin-vue_export-helper-dad06003.js";
+import { u as oe } from "../useModal-6a5d870b.js";
+import "../useIsMobile-98fc0cf9.js";
+import "../useMediaQuery-77a19b18.js";
+const B = {}, S = { class: "p-3 space-y-3" };
+function H(n, e) {
+  return a(), d("div", S, [
+    p(n.$slots, "default")
   ]);
 }
-const k = /* @__PURE__ */ a(i, [["render", p]]), f = {}, m = { class: "p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b" };
-function u(s, e) {
-  return o(), t("div", m, [
-    n(s.$slots, "default")
+const A = /* @__PURE__ */ v(B, [["render", H]]), j = {}, L = { class: "p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b" };
+function P(n, e) {
+  return a(), d("div", L, [
+    p(n.$slots, "default")
   ]);
 }
-const v = /* @__PURE__ */ a(f, [["render", u]]), h = { class: "flex items-start justify-between p-3 border-b rounded-t" }, x = {
+const G = /* @__PURE__ */ v(j, [["render", P]]), D = { class: "flex items-start justify-between p-3 border-b rounded-t" }, F = {
   key: 0,
   class: "text-xl"
-}, $ = {
+}, T = {
   key: 1,
   class: "px-8 pt-2 flex gap-x-2.5 flex-shrink-0 mt-auto"
-}, C = /* @__PURE__ */ l({
+}, J = /* @__PURE__ */ _({
   __name: "OneModalHeader",
-  props: d,
-  setup(s) {
-    return (e, b) => (o(), t("div", h, [
-      e.title ? (o(), t("p", x, c(e.title), 1)) : r("", !0),
-      e.$slots.button ? (o(), t("div", $, [
-        n(e.$slots, "button", { onClose: e.onClose })
-      ])) : r("", !0)
+  props: h,
+  setup(n) {
+    return (e, s) => (a(), d("div", D, [
+      e.title ? (a(), d("p", F, x(e.title), 1)) : m("", !0),
+      e.$slots.button ? (a(), d("div", T, [
+        p(e.$slots, "button", { onClose: e.onClose })
+      ])) : m("", !0)
     ]));
   }
 });
+let z = 1;
+const o = k([]);
+function Q(n) {
+  const e = z++, s = (r) => {
+    const t = o.value.find((l) => l.id === e);
+    t && (o.value = o.value.filter((l) => l.id !== e), t.resolve(r));
+  };
+  return {
+    isShown: y(() => o.value.some((r) => r.id === e)),
+    open: (r) => new Promise((t) => {
+      const l = o.value.find((c) => c.id === e);
+      l && (l.resolve(void 0), o.value = o.value.filter((c) => c.id !== e)), o.value = [
+        ...o.value,
+        { id: e, component: n, props: r, resolve: t }
+      ];
+    }),
+    close: s
+  };
+}
+function I() {
+  const n = (e, s) => {
+    const r = o.value.find((t) => t.id === e);
+    r && (o.value = o.value.filter((t) => t.id !== e), r.resolve(s));
+  };
+  return {
+    stack: o,
+    closeEntry: n,
+    closeTop: (e) => {
+      const s = o.value[o.value.length - 1];
+      s && n(s.id, e);
+    }
+  };
+}
+const K = ["onMousedown"], W = /* @__PURE__ */ _({
+  __name: "OneModalHost",
+  setup(n) {
+    const { stack: e, closeEntry: s, closeTop: r } = I(), t = (l) => {
+      l.key === "Escape" && r();
+    };
+    return M(() => document.addEventListener("keydown", t)), $(() => document.removeEventListener("keydown", t)), (l, c) => (a(!0), d(b, null, w(u(e), (i) => (a(), d("div", {
+      key: i.id,
+      class: "fixed inset-0 z-50 pt-[10vh] px-3 flex justify-center bg-black bg-opacity-50",
+      "data-test": "modal-host-backdrop",
+      onMousedown: g((f) => u(s)(i.id), ["self"])
+    }, [
+      (a(), C(O(i.component), E({ ref_for: !0 }, i.props, {
+        onClose: (f) => u(s)(i.id, f)
+      }), null, 16, ["onClose"]))
+    ], 40, K))), 128));
+  }
+});
 export {
-  j as OneModal,
-  k as OneModalBody,
-  v as OneModalFooter,
-  C as OneModalHeader,
-  H as useModal
+  Z as OneModal,
+  A as OneModalBody,
+  G as OneModalFooter,
+  J as OneModalHeader,
+  W as OneModalHost,
+  Q as useComponentModal,
+  oe as useModal,
+  I as useModalStackState
 };

package/dist/modal/modal.d.ts

@@ -31,6 +31,15 @@ export declare const modalProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Bottom-sheet mode: true — always, 'mobile' — only below the md breakpoint
+     * (ported from the finance/vizor local modal forks). classModal is the
+     * legacy always-on alias.
+     */
+    sheet: {
+        type: PropType<boolean | "mobile">;
+        default: boolean;
+    };
     titleCenter: {
         type: PropType<boolean>;
         default: boolean;

package/dist/modal/useModalStack.d.ts

@@ -0,0 +1,20 @@
+import type { Component, ComputedRef } from 'vue';
+export interface ModalStackEntry {
+    id: number;
+    component: Component;
+    props?: Record<string, unknown>;
+    resolve: (result: unknown) => void;
+}
+export interface UseComponentModalReturn<P, R> {
+    isShown: ComputedRef<boolean>;
+    /** Opens the component; resolves with the result passed to close/@close. */
+    open: (props?: P) => Promise<R | undefined>;
+    close: (result?: R) => void;
+}
+export declare function useComponentModal<P extends Record<string, unknown> = Record<string, unknown>, R = unknown>(component: Component): UseComponentModalReturn<P, R>;
+/** Internal accessor for OneModalHost (and tests). */
+export declare function useModalStackState(): {
+    stack: any;
+    closeEntry: (id: number, result?: unknown) => void;
+    closeTop: (result?: unknown) => void;
+};

package/dist/notifications/OneNotificationItem.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/notifications/OneNotificationsBell.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/notifications/OneNotificationsPanel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/notifications/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("dayjs"),B=require("../ChevronLeftIcon-7505e081.cjs"),N=require("../XMarkIcon-f94baa4c.cjs"),_=require("../button/index.cjs"),E=require("../skeleton/index.cjs"),p=require("../tabs/index.cjs"),V=require("../i18n/index.cjs"),C=require("../ChevronRightIcon-2992cf0d.cjs"),S=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),b=require("../dateTime/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("dayjs/plugin/relativeTime");require("dayjs/plugin/utc");require("dayjs/plugin/timezone");function M(a,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0M3.124 7.5A8.969 8.969 0 015.292 3m13.416 0a8.969 8.969 0 012.168 4.5"})])}function $(a,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})])}function O(a,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"})])}function T(a,t){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z"})])}const q=e.defineComponent({__name:"OneNotificationsBell",props:{feed:{type:Object,required:!0},pollMs:{type:Number,default:15e3}},setup(a){const t=a,o=e.ref(null);let c,m;e.watch(()=>t.feed.state.unread_total,()=>{var n;clearTimeout(m),(n=o.value)==null||n.style.setProperty("transform","scale(1.5)"),m=setTimeout(()=>{var i;(i=o.value)==null||i.style.setProperty("transform","scale(1)")},500)});const l=()=>{clearInterval(c),t.feed.getUpdates(),t.pollMs>0&&(c=setInterval(t.feed.getUpdates,t.pollMs))},d=()=>l(),u=()=>clearInterval(c);return e.onMounted(()=>{l(),window.addEventListener("focus",d),window.addEventListener("blur",u)}),e.onBeforeUnmount(()=>{clearTimeout(m),clearInterval(c),window.removeEventListener("focus",d),window.removeEventListener("blur",u)}),(n,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["p-2.5 rounded-md relative z-10 hover:bg-secondary-10 text-secondary-base hover:text-blue-600",[a.feed.state.show_widget?"!bg-blue-100 !text-blue-600":""]]),"data-test":"notifications-bell",onClick:i[0]||(i[0]=f=>a.feed.toggleWidget())},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.feed.state.unread_total?e.unref(M):e.unref($)),{class:"w-6 h-6"})),e.createElementVNode("span",{ref_key:"counterEl",ref:o,class:e.normalizeClass(["absolute top-1 right-1 text-[8px] bg-blue-700 text-white px-1 rounded-full transition min-w-4 h-4 flex items-center justify-center font-bold",[a.feed.state.unread_total?"opacity-100":"opacity-0"]]),"data-test":"unread-badge"},e.toDisplayString(a.feed.state.unread_total>99?"99+":a.feed.state.unread_total),3)],2))}}),x={blue:{bg:"bg-blue-50",text:"text-blue-500"},orange:{bg:"bg-orange-50",text:"text-orange-500"},green:{bg:"bg-green-50",text:"text-green-500"},red:{bg:"bg-red-50",text:"text-red-500"},purple:{bg:"bg-purple-50",text:"text-purple-500"},gray:{bg:"bg-gray-100",text:"text-gray-500"},indigo:{bg:"bg-indigo-50",text:"text-indigo-500"},amber:{bg:"bg-amber-50",text:"text-amber-500"}},j={class:"pt-6 flex-shrink-0"},A={class:"relative w-10 h-10 flex-shrink-0"},D={class:"flex-grow min-w-0 space-y-1"},R={class:"flex items-center gap-1.5 text-xs"},z={class:"font-medium text-gray-900"},I={class:"group text-gray-500"},L=["innerHTML"],w=e.defineComponent({__name:"OneNotificationItem",props:{message:{type:Object,required:!0},typeResolver:{type:Function,default:void 0},clickable:{type:Boolean,default:!1},appName:{type:String,default:""}},emits:["seen","open"],setup(a,{emit:t}){const o=a,c=t,m=e.computed(()=>{var u;return((u=o.typeResolver)==null?void 0:u.call(o,o.message))??{}}),l=e.computed(()=>x[m.value.tint??"gray"]),d=()=>{o.clickable&&c("open",o.message)};return(u,n)=>{var i,f,h;return e.openBlock(),e.createElementBlock("div",{class:"flex items-start gap-2 px-2 pb-2",onMouseenter:n[0]||(n[0]=r=>c("seen",a.message))},[e.createElementVNode("div",j,[e.createElementVNode("div",{class:e.normalizeClass(["w-2 h-2 rounded-full",a.message.is_seen?"bg-gray-300":"bg-blue-600"]),"data-test":"read-dot"},null,2)]),e.createElementVNode("div",{class:e.normalizeClass(["flex-grow min-w-0 flex items-start gap-3 bg-white rounded-lg border border-gray-100 p-3 hover:bg-gray-50 select-none transition-colors",{"cursor-pointer":a.clickable}]),"data-test":"notification-body",onClick:d},[e.createElementVNode("div",A,[e.createVNode(e.unref(S._sfc_main),{src:(i=a.message.actor)==null?void 0:i.photo_url,text:((f=a.message.actor)==null?void 0:f.name)??a.appName,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",{class:e.normalizeClass(["absolute -bottom-0.5 -right-0.5 w-5 h-5 rounded-full ring-2 ring-white flex items-center justify-center",l.value.bg])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value.icon??e.unref(O)),{class:e.normalizeClass(["w-3 h-3",l.value.text])},null,8,["class"]))],2)]),e.createElementVNode("div",D,[e.createElementVNode("div",R,[e.createElementVNode("span",z,e.toDisplayString(((h=a.message.actor)==null?void 0:h.name)||a.appName),1),n[1]||(n[1]=e.createElementVNode("span",{class:"text-gray-400"},"·",-1)),e.createElementVNode("span",I,[e.createVNode(e.unref(b.OneDateTime),{class:"group-hover:hidden",value:a.message.created_at,mode:"relative"},null,8,["value"]),e.createVNode(e.unref(b.OneDateTime),{class:"hidden group-hover:inline",value:a.message.created_at,"with-time":""},null,8,["value"])])]),e.createElementVNode("div",{class:"font-thin text-sm",innerHTML:a.message.body},null,8,L),e.renderSlot(u.$slots,"extra",{message:a.message})]),a.clickable?(e.openBlock(),e.createBlock(e.unref(C.render),{key:0,class:"w-4 h-4 text-gray-400 flex-shrink-0 mt-3 ml-auto"})):e.createCommentVNode("",!0)],2)],32)}}}),F={class:"flex flex-col bg-gray-50 rounded-xl border overflow-hidden"},U={key:0,class:"flex gap-3 items-center px-3 py-1 bg-gray-50 border-b"},H={class:"font-medium !text-[16px]"},P={key:1,class:"flex items-center justify-between px-4 py-3"},W={class:"flex items-baseline gap-1.5"},X={class:"text-base font-semibold"},G={key:0,class:"text-base font-semibold text-blue-600","data-test":"unread-count"},J={class:"flex items-center gap-1"},K=["title"],Q={key:0,class:"px-3 pt-1"},Y={key:1,class:"p-6 text-center"},Z={class:"text-sm text-gray-500"},ee={class:"px-4 py-1 text-xs font-medium text-gray-400 uppercase"},te={key:2,class:"p-4 space-y-2"},ae={key:2,class:"border-t bg-gray-50 px-4 py-2 space-y-1"},ne={class:"text-xs text-gray-500"},se=e.defineComponent({__name:"OneNotificationsPanel",props:{feed:{type:Object,required:!0},typeResolver:{type:Function,default:void 0},clickableMessages:{type:Boolean,default:!1},appName:{type:String,default:""},t:{type:Function,default:void 0}},emits:["open"],setup(a,{emit:t}){const o=a,c=t,m=V.useOnebI18n(),l=e.computed(()=>o.t??m),d=e.ref(!1);o.feed.reload(!1);const u=r=>{const s=typeof r.created_at=="number"?v.unix(r.created_at):v(r.created_at);return s.isSame(v(),"day")?"today":s.isSame(v().subtract(1,"day"),"day")?"yesterday":s.isAfter(v().subtract(7,"day"))?"week":"earlier"},n=e.computed(()=>{const r={today:[],yesterday:[],week:[],earlier:[]};return o.feed.state.messages.items.forEach(s=>r[u(s)].push(s)),Object.keys(r).filter(s=>r[s].length>0).map(s=>({key:s,items:r[s]}))});let i;const f=r=>{o.feed.markSeen(r),clearTimeout(i),i=setTimeout(()=>o.feed.sendReadState(),1500)},h=r=>{const s=r.target;o.feed.state.messages.has_more&&!o.feed.state.messages.loading&&s.scrollTop+s.clientHeight>=s.scrollHeight-100&&o.feed.loadMessages()};return e.onMounted(()=>{}),e.onBeforeUnmount(()=>{clearTimeout(i),o.feed.sendReadState()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",F,[d.value?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(_.OneButton),{label:l.value("ui.back"),size:"lg",variant:"touch",icon:e.unref(B.render),"data-test":"settings-back",onClick:s[0]||(s[0]=g=>d.value=!1)},null,8,["label","icon"]),e.createElementVNode("span",H,e.toDisplayString(l.value("ui.notifyfeed.settings")),1)])):(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",W,[e.createElementVNode("span",X,e.toDisplayString(l.value("ui.notifyfeed.notifications")),1),a.feed.state.unread_total?(e.openBlock(),e.createElementBlock("span",G," +"+e.toDisplayString(a.feed.state.unread_total),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",J,[r.$slots.settings?(e.openBlock(),e.createElementBlock("button",{key:0,class:"p-1.5 rounded-full hover:bg-gray-100 text-gray-500 hover:text-gray-700 transition-colors",title:l.value("ui.notifyfeed.settings"),"data-test":"open-settings",onClick:s[1]||(s[1]=g=>d.value=!0)},[e.createVNode(e.unref(T),{class:"w-5 h-5"})],8,K)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"p-1.5 rounded-full hover:bg-gray-100 text-gray-500 hover:text-gray-700 transition-colors","data-test":"close-panel",onClick:s[2]||(s[2]=g=>a.feed.closeWidget())},[e.createVNode(e.unref(N.render),{class:"w-5 h-5"})])])])),e.createElementVNode("div",{class:"flex-grow min-h-0 overflow-y-auto",onScroll:h},[d.value?e.renderSlot(r.$slots,"settings",{key:0,close:()=>d.value=!1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.feed.state.messages.has_archive||a.feed.state.show_archive?(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(e.unref(p.OneTabs),{"model-value":a.feed.state.show_archive?"archive":"main","onUpdate:modelValue":s[3]||(s[3]=g=>a.feed.reload(g==="archive"))},{default:e.withCtx(()=>[e.createVNode(e.unref(p.OneTab),{value:"main",label:l.value("ui.notifyfeed.tab_main")},null,8,["label"]),e.createVNode(e.unref(p.OneTab),{value:"archive",label:l.value("ui.notifyfeed.tab_archive")},null,8,["label"])]),_:1},8,["model-value"])])):e.createCommentVNode("",!0),n.value.length===0&&!a.feed.state.messages.loading?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("p",Z,e.toDisplayString(l.value("ui.notifyfeed.empty")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.key,class:"pt-2"},[e.createElementVNode("div",ee,e.toDisplayString(l.value(`ui.notifyfeed.group_${g.key}`)),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.items,k=>(e.openBlock(),e.createBlock(w,{key:k.id,message:k,"type-resolver":a.typeResolver,clickable:a.clickableMessages,"app-name":a.appName,onSeen:f,onOpen:s[4]||(s[4]=y=>c("open",y))},e.createSlots({_:2},[r.$slots.extra?{name:"extra",fn:e.withCtx(y=>[e.renderSlot(r.$slots,"extra",e.mergeProps({ref_for:!0},y))]),key:"0"}:void 0]),1032,["message","type-resolver","clickable","app-name"]))),128))]))),128)),a.feed.state.messages.loading?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(E.OneSkeleton),{count:3,height:"h-14"})])):e.createCommentVNode("",!0)],64))],32),d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",ne,e.toDisplayString(l.value("ui.notifyfeed.archive_hint")),1),e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-700 font-medium","data-test":"read-all",onClick:s[5]||(s[5]=g=>a.feed.onReadAll())},e.toDisplayString(l.value("ui.notifyfeed.mark_all")),1)]))]))}});function oe(a){const t=e.reactive({unread_total:0,show_widget:!1,show_archive:!1,update_cursor:null,messages:{items:[],has_more:!1,cursor:null,loading:!1,has_archive:!1},read_ids:[]}),o=()=>{a.getUpdates({cursor:t.update_cursor}).then(n=>{t.update_cursor=n.cursor??null,t.unread_total=Math.max(0,n.unread_total-t.read_ids.length)}).catch(()=>{})},c=()=>{t.messages.loading||(t.messages.loading=!0,a.getMessages({cursor:t.messages.cursor,archive:t.show_archive}).then(n=>{t.messages.cursor==null?t.messages.items=n.items:t.messages.items=[...t.messages.items,...n.items],t.messages.has_more=n.has_more,t.messages.cursor=n.cursor,t.messages.has_archive=n.has_archive??!1}).catch(()=>{}).finally(()=>{t.messages.loading=!1}))};return{state:t,getUpdates:o,loadMessages:c,reload:(n=!1)=>{t.show_archive=n,t.messages.cursor=null,c()},markSeen:n=>{n.is_seen||t.read_ids.includes(n.id)||(n.is_seen=!0,t.read_ids.push(n.id),t.unread_total=Math.max(0,t.unread_total-1))},sendReadState:()=>{if(t.read_ids.length===0)return;const n=[...t.read_ids];a.readMessages({message_ids:n}).then(()=>{t.read_ids=t.read_ids.filter(i=>!n.includes(i))}).catch(()=>{})},onReadAll:()=>{a.readMessages({all:!0}).then(()=>{t.read_ids=[],t.unread_total=0,t.messages.items.forEach(n=>{n.is_seen=!0})}).catch(()=>{})},toggleWidget:()=>{t.show_widget=!t.show_widget},closeWidget:()=>{t.show_widget=!1}}}exports.OneNotificationItem=w;exports.OneNotificationsBell=q;exports.OneNotificationsPanel=se;exports.notifyTintClasses=x;exports.useNotifyfeed=oe;

package/dist/notifications/index.d.ts

@@ -0,0 +1,7 @@
+export { default as OneNotificationsBell } from './OneNotificationsBell.vue';
+export { default as OneNotificationsPanel } from './OneNotificationsPanel.vue';
+export { default as OneNotificationItem } from './OneNotificationItem.vue';
+export { useNotifyfeed } from './useNotifyfeed';
+export type { UseNotifyfeedReturn, NotifyfeedState } from './useNotifyfeed';
+export { notifyTintClasses } from './notifications';
+export type { NotifyMessage, NotifyActor, NotifyfeedPage, NotifyfeedTransport, NotifyTypeMeta, NotifyTypeResolver, NotifyTint } from './notifications';