vue-notifyr 0.1.0

package/LICENCE

@@ -0,0 +1,21 @@
+# MIT License
+
+Copyright (c) 2025 Rayhan Bapari
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,226 @@
+# vue-notifyr
+
+> Framework-agnostic notification library for **Vue 3**, **Nuxt 3**, and **Laravel Inertia**
+
+[![npm version](https://badge.fury.io/js/vue-notifyr.svg)](https://badge.fury.io/js/vue-notifyr)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
+
+---
+
+## ✨ Features
+
+- 🚀 **Framework-Agnostic**: Core logic works without any framework dependencies
+- ⚡ **Simple API**: `notificationManager.success('Title')`
+- 🎨 **Clean Design**: Modern notification UI with smooth animations
+- 📍 **6 Positions**: top/bottom left/center/right placement
+- ⏳ **Auto-Close**: Configurable timing with progress indicators
+- 🧩 **TypeScript**: Full type safety with strict mode
+- 🌳 **Tree-Shakable**: Import only what you need
+- 🔧 **Multiple Frameworks**: Vue 3, Nuxt 3, Laravel Inertia support
+
+---
+
+## 📦 Installation
+
+```bash
+npm install vue-notifyr
+# or
+yarn add vue-notifyr
+# or
+pnpm add vue-notifyr
+```
+
+## 🚀 Quick Start
+
+### Vue 3 (Standalone)
+
+```typescript
+import { createApp } from 'vue';
+import App from './App.vue';
+import { createVueNotificationPlugin } from 'vue-notifyr';
+import 'vue-notifyr/style.css';
+
+const app = createApp(App);
+app.use(createVueNotificationPlugin());
+app.mount('#app');
+```
+
+```vue
+<script setup lang="ts">
+import { useNotification } from 'vue-notifyr';
+import NotificationContainer from 'vue-notifyr/vue';
+
+const notification = useNotification();
+
+const showSuccess = () => {
+  notification.success('Operation completed successfully!');
+};
+</script>
+
+<template>
+  <div>
+    <button @click="showSuccess">Show Success</button>
+    <NotificationContainer />
+  </div>
+</template>
+```
+
+### Nuxt 3
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['vue-notifyr/nuxt'],
+  css: ['vue-notifyr/style.css'],
+});
+```
+
+```vue
+<!-- app.vue -->
+<template>
+  <div>
+    <NuxtPage />
+    <NotificationContainer />
+  </div>
+</template>
+
+<script setup>
+import { NotificationContainer } from 'vue-notifyr';
+</script>
+```
+
+```vue
+<!-- pages/index.vue -->
+<script setup lang="ts">
+const notification = useNotification();
+
+const handleAction = () => {
+  notification.success('Action completed!');
+};
+</script>
+
+<template>
+  <button @click="handleAction">Do Something</button>
+</template>
+```
+
+### Laravel Inertia
+
+```typescript
+// app.js
+import { createInertiaApp } from '@inertiajs/vue3';
+import { createVueNotificationPlugin } from 'vue-notifyr';
+import 'vue-notifyr/style.css';
+
+createInertiaApp({
+  resolve: (name) => require(`./Pages/${name}`),
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .use(createVueNotificationPlugin())
+      .mount(el);
+  },
+});
+```
+
+```vue
+<!-- Layout -->
+<template>
+  <main>
+    <slot />
+  </main>
+  <NotificationContainer />
+</template>
+
+<script setup>
+import { NotificationContainer } from 'vue-notifyr';
+</script>
+```
+
+## 💬 API Reference
+
+### NotificationManager
+
+```typescript
+import { NotificationManager } from 'vue-notifyr';
+
+const manager = new NotificationManager();
+
+// Show notifications
+manager.success('Success message');
+manager.error('Error message');
+manager.warning('Warning message');
+manager.info('Info message');
+
+// Custom options
+manager.success('Custom notification', {
+  position: 'bottom-right',
+  autoClose: 5000,
+  progress: false,
+});
+
+// Set global defaults
+manager.setDefaults({
+  position: 'top-right',
+  autoClose: 4000,
+});
+
+// Manual control
+const notifications = manager.getNotifications();
+manager.remove(notificationId);
+manager.clear();
+```
+
+### Vue Composable
+
+```typescript
+import { useNotification } from 'vue-notifyr';
+
+const notification = useNotification();
+
+// All methods available
+notification.success('Success!');
+notification.error('Error!');
+notification.warning('Warning!');
+notification.info('Info!');
+```
+
+## ⚙️ Configuration Options
+
+| Option      | Type                                                                                              | Default        | Description                                 |
+| ----------- | ------------------------------------------------------------------------------------------------- | -------------- | ------------------------------------------- |
+| `position`  | `"top-left" \| "top-center" \| "top-right" \| "bottom-left" \| "bottom-center" \| "bottom-right"` | `"top-center"` | Notification placement                      |
+| `autoClose` | `number \| false`                                                                                 | `3000`         | Auto close delay (ms) or `false` to disable |
+| `progress`  | `boolean`                                                                                         | `true`         | Show bottom progress bar                    |
+
+## 🏗️ Architecture
+
+```
+vue-notifyr/
+├── core/                 # Framework-agnostic logic
+│   └── notification-manager.ts
+├── adapters/             # Framework-specific integrations
+│   ├── vue/
+│   ├── nuxt/
+│   └── inertia/
+├── composables/          # Vue composables
+├── components/           # Vue components
+├── types/                # TypeScript definitions
+└── styles/               # CSS styles
+```
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+## 📄 License
+
+MIT License - see [LICENSE](LICENSE) file for details.
+
+## 🙏 Acknowledgments
+
+Inspired by Toastr and other notification libraries. Built with modern web technologies.
+
+# vue-notifyr
+# vue-notifyr

package/dist/index.cjs

@@ -0,0 +1,355 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined'
+    ? factory(exports, require('vue'))
+    : typeof define === 'function' && define.amd
+      ? define(['exports', 'vue'], factory)
+      : ((global = typeof globalThis !== 'undefined' ? globalThis : global || self),
+        factory((global.VueNotifyr = {}), global.Vue));
+})(this, function (exports2, vue) {
+  'use strict';
+  const DEFAULT_OPTIONS = {
+    position: 'top-center',
+    autoClose: 3e3,
+    progress: true,
+  };
+  class NotificationManager {
+    constructor() {
+      this.notifications = [];
+      this.options = { ...DEFAULT_OPTIONS };
+      this.listeners = {};
+      this.idCounter = 1;
+    }
+    /**
+     * Subscribe to an event.
+     * @param event - The event name ('notification-added', 'notification-removed', 'notifications-cleared', 'options-changed')
+     * @param callback - The callback function
+     */
+    on(event, callback) {
+      if (!this.listeners[event]) {
+        this.listeners[event] = [];
+      }
+      this.listeners[event].push(callback);
+    }
+    /**
+     * Unsubscribe from an event.
+     * @param event - The event name
+     * @param callback - The callback function to remove
+     */
+    off(event, callback) {
+      if (this.listeners[event]) {
+        this.listeners[event] = this.listeners[event].filter((cb) => cb !== callback);
+      }
+    }
+    emit(event, data) {
+      if (this.listeners[event]) {
+        this.listeners[event].forEach((callback) => callback(data));
+      }
+    }
+    /**
+     * Set default options for notifications.
+     * @param opts - The options to set as defaults
+     */
+    setDefaults(opts) {
+      this.options = { ...this.options, ...opts };
+      this.emit('options-changed', this.options);
+    }
+    /**
+     * Show a notification.
+     * @param type - The type of notification
+     * @param title - The title/message of the notification
+     * @param opts - Optional override options
+     */
+    show(type, title, opts) {
+      const options = { ...this.options, ...(opts || {}) };
+      const item = {
+        id: this.idCounter++,
+        type,
+        title,
+        options,
+        createdAt: Date.now(),
+      };
+      this.notifications.push(item);
+      this.emit('notification-added', item);
+      if (options.autoClose !== false && typeof window !== 'undefined') {
+        setTimeout(() => this.remove(item.id), options.autoClose);
+      }
+    }
+    /**
+     * Remove a notification by ID.
+     * @param id - The ID of the notification to remove
+     */
+    remove(id) {
+      const index = this.notifications.findIndex((n) => n.id === id);
+      if (index !== -1) {
+        const removed = this.notifications.splice(index, 1)[0];
+        this.emit('notification-removed', removed);
+      }
+    }
+    /**
+     * Clear all notifications.
+     */
+    clear() {
+      const removed = [...this.notifications];
+      this.notifications.splice(0);
+      this.emit('notifications-cleared', removed);
+    }
+    /**
+     * Get a copy of the current notifications.
+     * @returns Array of notification items
+     */
+    getNotifications() {
+      return [...this.notifications];
+    }
+    /**
+     * Get the current default options.
+     * @returns The default options
+     */
+    getOptions() {
+      return { ...this.options };
+    }
+    /**
+     * Success notification shorthand.
+     * @param title - The title/message
+     * @param opts - Optional options
+     */
+    success(title, opts) {
+      this.show('success', title, opts);
+    }
+    /**
+     * Error notification shorthand.
+     * @param title - The title/message
+     * @param opts - Optional options
+     */
+    error(title, opts) {
+      this.show('error', title, opts);
+    }
+    /**
+     * Warning notification shorthand.
+     * @param title - The title/message
+     * @param opts - Optional options
+     */
+    warning(title, opts) {
+      this.show('warning', title, opts);
+    }
+    /**
+     * Info notification shorthand.
+     * @param title - The title/message
+     * @param opts - Optional options
+     */
+    info(title, opts) {
+      this.show('info', title, opts);
+    }
+  }
+  const notificationManager = new NotificationManager();
+  function createReactiveNotificationStore(manager = notificationManager) {
+    const store = vue.reactive({
+      notifications: manager.getNotifications(),
+      options: manager.getOptions(),
+    });
+    manager.on('notification-added', () => {
+      store.notifications = manager.getNotifications();
+    });
+    manager.on('notification-removed', () => {
+      store.notifications = manager.getNotifications();
+    });
+    manager.on('notifications-cleared', () => {
+      store.notifications = manager.getNotifications();
+    });
+    manager.on('options-changed', () => {
+      store.options = manager.getOptions();
+    });
+    return store;
+  }
+  const notificationStore = createReactiveNotificationStore();
+  function useNotificationManager(manager = notificationManager) {
+    return {
+      success: (title, opts) => manager.success(title, opts),
+      error: (title, opts) => manager.error(title, opts),
+      warning: (title, opts) => manager.warning(title, opts),
+      info: (title, opts) => manager.info(title, opts),
+      show: (type, title, opts) => manager.show(type, title, opts),
+      remove: (id) => manager.remove(id),
+      clear: () => manager.clear(),
+      setDefaults: (opts) => manager.setDefaults(opts),
+      getNotifications: () => manager.getNotifications(),
+      getOptions: () => manager.getOptions(),
+    };
+  }
+  function createVueNotificationPlugin$1(manager = notificationManager) {
+    return {
+      install(app) {
+        app.config.globalProperties.$notificationManager = manager;
+        app.provide('notificationManager', manager);
+      },
+    };
+  }
+  const _hoisted_1 = ['data-position'];
+  const _hoisted_2 = { class: 'notification-content' };
+  const _hoisted_3 = { class: 'notification-title' };
+  const _hoisted_4 = { class: 'notification-close' };
+  const _hoisted_5 = ['onClick'];
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: 'NotificationContainer',
+    setup(__props) {
+      const isClient = vue.ref(false);
+      if (typeof window !== 'undefined') {
+        isClient.value = true;
+      }
+      const groups = vue.computed(() => {
+        const map = {
+          'top-left': [],
+          'top-center': [],
+          'top-right': [],
+          'bottom-left': [],
+          'bottom-center': [],
+          'bottom-right': [],
+        };
+        for (const notification of notificationStore.notifications) {
+          map[notification.options.position].push(notification);
+        }
+        return map;
+      });
+      function removeNotification(id) {
+        notificationManager.remove(id);
+      }
+      return (_ctx, _cache) => {
+        return isClient.value
+          ? (vue.openBlock(),
+            vue.createBlock(
+              vue.Teleport,
+              {
+                key: 0,
+                to: 'body',
+              },
+              [
+                (vue.openBlock(true),
+                vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(groups.value, (items, pos) => {
+                    return (
+                      vue.openBlock(),
+                      vue.createBlock(
+                        vue.TransitionGroup,
+                        {
+                          key: pos,
+                          tag: 'div',
+                          name: 'notification',
+                          class: 'notification-list',
+                          'data-position': pos,
+                        },
+                        {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true),
+                            vue.createElementBlock(
+                              vue.Fragment,
+                              null,
+                              vue.renderList(items, (notification) => {
+                                return (
+                                  vue.openBlock(),
+                                  vue.createElementBlock(
+                                    'article',
+                                    {
+                                      key: notification.id,
+                                      class: vue.normalizeClass([
+                                        'notification',
+                                        [
+                                          `notification-${notification.type}`,
+                                          {
+                                            'notification-auto-close':
+                                              notification.options.progress &&
+                                              notification.options.autoClose !== false,
+                                          },
+                                        ],
+                                      ]),
+                                      'data-position': pos,
+                                    },
+                                    [
+                                      vue.createElementVNode('div', _hoisted_2, [
+                                        vue.createElementVNode(
+                                          'span',
+                                          _hoisted_3,
+                                          vue.toDisplayString(notification.title),
+                                          1
+                                        ),
+                                      ]),
+                                      notification.options.progress &&
+                                      notification.options.autoClose !== false
+                                        ? (vue.openBlock(),
+                                          vue.createElementBlock(
+                                            'div',
+                                            {
+                                              key: 0,
+                                              class: 'notification-progress',
+                                              style: vue.normalizeStyle({
+                                                animationDuration:
+                                                  (notification.options.autoClose || 0) + 'ms',
+                                              }),
+                                            },
+                                            null,
+                                            4
+                                          ))
+                                        : vue.createCommentVNode('', true),
+                                      vue.createElementVNode('div', _hoisted_4, [
+                                        vue.createElementVNode(
+                                          'button',
+                                          {
+                                            type: 'button',
+                                            onClick: ($event) =>
+                                              removeNotification(notification.id),
+                                            'aria-label': 'Dismiss notification',
+                                          },
+                                          ' × ',
+                                          8,
+                                          _hoisted_5
+                                        ),
+                                      ]),
+                                    ],
+                                    10,
+                                    _hoisted_1
+                                  )
+                                );
+                              }),
+                              128
+                            )),
+                          ]),
+                          _: 2,
+                        },
+                        1032,
+                        ['data-position']
+                      )
+                    );
+                  }),
+                  128
+                )),
+              ]
+            ))
+          : vue.createCommentVNode('', true);
+      };
+    },
+  });
+  function useNotification() {
+    return useNotificationManager();
+  }
+  defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(createVueNotificationPlugin(notificationManager));
+  });
+  function createVueNotificationPlugin(manager) {
+    return {
+      install(app) {
+        app.config.globalProperties.$notificationManager = manager;
+        app.provide('notificationManager', manager);
+      },
+    };
+  }
+  exports2.NotificationContainer = _sfc_main;
+  exports2.NotificationManager = NotificationManager;
+  exports2.createReactiveNotificationStore = createReactiveNotificationStore;
+  exports2.createVueNotificationPlugin = createVueNotificationPlugin$1;
+  exports2.notificationManager = notificationManager;
+  exports2.notificationStore = notificationStore;
+  exports2.useNotification = useNotification;
+  exports2.useNotificationManager = useNotificationManager;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: 'Module' });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/core/notification-manager.ts","../src/adapters/vue/index.ts","../src/adapters/vue/NotificationContainer.vue","../src/composables/useNotification.ts","../src/adapters/nuxt/index.ts"],"sourcesContent":["import type { NotificationType, NotificationOptions, NotificationItem } from '../types';\n\nconst DEFAULT_OPTIONS: Required<NotificationOptions> = {\n  position: 'top-center',\n  autoClose: 3000,\n  progress: true,\n};\n\nexport class NotificationManager {\n  private notifications: NotificationItem[] = [];\n  private options: Required<NotificationOptions> = { ...DEFAULT_OPTIONS };\n  private listeners: { [event: string]: Function[] } = {};\n  private idCounter = 1;\n\n  /**\n   * Subscribe to an event.\n   * @param event - The event name ('notification-added', 'notification-removed', 'notifications-cleared', 'options-changed')\n   * @param callback - The callback function\n   */\n  on(event: string, callback: Function): void {\n    if (!this.listeners[event]) {\n      this.listeners[event] = [];\n    }\n    this.listeners[event].push(callback);\n  }\n\n  /**\n   * Unsubscribe from an event.\n   * @param event - The event name\n   * @param callback - The callback function to remove\n   */\n  off(event: string, callback: Function): void {\n    if (this.listeners[event]) {\n      this.listeners[event] = this.listeners[event].filter((cb) => cb !== callback);\n    }\n  }\n\n  private emit(event: string, data?: any): void {\n    if (this.listeners[event]) {\n      this.listeners[event].forEach((callback) => callback(data));\n    }\n  }\n\n  /**\n   * Set default options for notifications.\n   * @param opts - The options to set as defaults\n   */\n  setDefaults(opts: NotificationOptions): void {\n    this.options = { ...this.options, ...opts };\n    this.emit('options-changed', this.options);\n  }\n\n  /**\n   * Show a notification.\n   * @param type - The type of notification\n   * @param title - The title/message of the notification\n   * @param opts - Optional override options\n   */\n  show(type: NotificationType, title: string, opts?: NotificationOptions): void {\n    const options = { ...this.options, ...(opts || {}) };\n    const item: NotificationItem = {\n      id: this.idCounter++,\n      type,\n      title,\n      options,\n      createdAt: Date.now(),\n    };\n    this.notifications.push(item);\n    this.emit('notification-added', item);\n\n    if (options.autoClose !== false && typeof window !== 'undefined') {\n      setTimeout(() => this.remove(item.id), options.autoClose);\n    }\n  }\n\n  /**\n   * Remove a notification by ID.\n   * @param id - The ID of the notification to remove\n   */\n  remove(id: number): void {\n    const index = this.notifications.findIndex((n) => n.id === id);\n    if (index !== -1) {\n      const removed = this.notifications.splice(index, 1)[0];\n      this.emit('notification-removed', removed);\n    }\n  }\n\n  /**\n   * Clear all notifications.\n   */\n  clear(): void {\n    const removed = [...this.notifications];\n    this.notifications.splice(0);\n    this.emit('notifications-cleared', removed);\n  }\n\n  /**\n   * Get a copy of the current notifications.\n   * @returns Array of notification items\n   */\n  getNotifications(): NotificationItem[] {\n    return [...this.notifications];\n  }\n\n  /**\n   * Get the current default options.\n   * @returns The default options\n   */\n  getOptions(): Required<NotificationOptions> {\n    return { ...this.options };\n  }\n\n  /**\n   * Success notification shorthand.\n   * @param title - The title/message\n   * @param opts - Optional options\n   */\n  success(title: string, opts?: NotificationOptions): void {\n    this.show('success', title, opts);\n  }\n\n  /**\n   * Error notification shorthand.\n   * @param title - The title/message\n   * @param opts - Optional options\n   */\n  error(title: string, opts?: NotificationOptions): void {\n    this.show('error', title, opts);\n  }\n\n  /**\n   * Warning notification shorthand.\n   * @param title - The title/message\n   * @param opts - Optional options\n   */\n  warning(title: string, opts?: NotificationOptions): void {\n    this.show('warning', title, opts);\n  }\n\n  /**\n   * Info notification shorthand.\n   * @param title - The title/message\n   * @param opts - Optional options\n   */\n  info(title: string, opts?: NotificationOptions): void {\n    this.show('info', title, opts);\n  }\n}\n\n// Default instance for convenience\nexport const notificationManager = new NotificationManager();\n","import { reactive, watchEffect } from 'vue';\nimport { NotificationManager, notificationManager } from '../../core/notification-manager';\nimport type { NotificationItem, NotificationOptions } from '../../types';\n\nexport interface ReactiveNotificationStore {\n  notifications: NotificationItem[];\n  options: NotificationOptions;\n}\n\n/**\n * Create a reactive store for Vue that syncs with the NotificationManager.\n * @param manager - The NotificationManager instance (optional, uses default if not provided)\n * @returns Reactive store\n */\nexport function createReactiveNotificationStore(\n  manager: NotificationManager = notificationManager\n): ReactiveNotificationStore {\n  const store = reactive({\n    notifications: manager.getNotifications(),\n    options: manager.getOptions(),\n  });\n\n  // Sync notifications\n  manager.on('notification-added', () => {\n    store.notifications = manager.getNotifications();\n  });\n  manager.on('notification-removed', () => {\n    store.notifications = manager.getNotifications();\n  });\n  manager.on('notifications-cleared', () => {\n    store.notifications = manager.getNotifications();\n  });\n\n  // Sync options\n  manager.on('options-changed', () => {\n    store.options = manager.getOptions();\n  });\n\n  return store;\n}\n\n// Default reactive store\nexport const notificationStore = createReactiveNotificationStore();\n\n// Vue composable\nexport function useNotificationManager(manager: NotificationManager = notificationManager) {\n  return {\n    success: (title: string, opts?: NotificationOptions) => manager.success(title, opts),\n    error: (title: string, opts?: NotificationOptions) => manager.error(title, opts),\n    warning: (title: string, opts?: NotificationOptions) => manager.warning(title, opts),\n    info: (title: string, opts?: NotificationOptions) => manager.info(title, opts),\n    show: (type: string, title: string, opts?: NotificationOptions) =>\n      manager.show(type as any, title, opts),\n    remove: (id: number) => manager.remove(id),\n    clear: () => manager.clear(),\n    setDefaults: (opts: NotificationOptions) => manager.setDefaults(opts),\n    getNotifications: () => manager.getNotifications(),\n    getOptions: () => manager.getOptions(),\n  };\n}\n\n// Vue plugin\nexport function createVueNotificationPlugin(manager: NotificationManager = notificationManager) {\n  return {\n    install(app: any) {\n      app.config.globalProperties.$notificationManager = manager;\n      app.provide('notificationManager', manager);\n    },\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { notificationStore } from './index';\nimport { notificationManager } from '../../core/notification-manager';\nimport type { NotificationItem, NotificationPosition } from '../../types';\n\nconst isClient = ref(false);\n\nif (typeof window !== 'undefined') {\n  isClient.value = true;\n}\n\nconst groups = computed<Record<NotificationPosition, NotificationItem[]>>(() => {\n  const map: Record<NotificationPosition, NotificationItem[]> = {\n    'top-left': [],\n    'top-center': [],\n    'top-right': [],\n    'bottom-left': [],\n    'bottom-center': [],\n    'bottom-right': [],\n  };\n  for (const notification of notificationStore.notifications) {\n    map[notification.options.position].push(notification);\n  }\n  return map;\n});\n\nfunction removeNotification(id: number) {\n  notificationManager.remove(id);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"isClient\" to=\"body\">\n    <TransitionGroup\n      v-for=\"(items, pos) in groups\"\n      :key=\"pos\"\n      tag=\"div\"\n      name=\"notification\"\n      class=\"notification-list\"\n      :data-position=\"pos\"\n    >\n      <article\n        v-for=\"notification in items\"\n        :key=\"notification.id\"\n        class=\"notification\"\n        :class=\"[\n          `notification-${notification.type}`,\n          {\n            'notification-auto-close':\n              notification.options.progress && notification.options.autoClose !== false,\n          },\n        ]\"\n        :data-position=\"pos\"\n      >\n        <div class=\"notification-content\">\n          <span class=\"notification-title\">{{ notification.title }}</span>\n        </div>\n\n        <div\n          v-if=\"notification.options.progress && notification.options.autoClose !== false\"\n          class=\"notification-progress\"\n          :style=\"{ animationDuration: (notification.options.autoClose || 0) + 'ms' }\"\n        ></div>\n\n        <div class=\"notification-close\">\n          <button\n            type=\"button\"\n            @click=\"removeNotification(notification.id)\"\n            aria-label=\"Dismiss notification\"\n          >\n            ×\n          </button>\n        </div>\n      </article>\n    </TransitionGroup>\n  </Teleport>\n</template>\n","import { useNotificationManager } from '../adapters/vue';\n\n/**\n * Vue composable for notification management.\n * Provides a clean API to show notifications in Vue components.\n *\n * @returns Notification manager API\n */\nexport function useNotification() {\n  return useNotificationManager();\n}\n","import { notificationManager } from '../../core/notification-manager';\n\n/**\n * Nuxt plugin for notification management.\n * Integrates the notification manager into Nuxt applications.\n */\nexport default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.vueApp.use(createVueNotificationPlugin(notificationManager));\n});\n\n/**\n * Create Vue plugin for Nuxt (internal use).\n */\nfunction createVueNotificationPlugin(manager: any) {\n  return {\n    install(app: any) {\n      app.config.globalProperties.$notificationManager = manager;\n      app.provide('notificationManager', manager);\n    },\n  };\n}\n\n// Re-export Vue adapter functions for convenience\nexport { useNotificationManager, createReactiveNotificationStore, notificationStore } from '../vue';\n"],"names":["reactive","createVueNotificationPlugin","ref","computed","_createBlock","_Teleport","_openBlock","_createElementBlock","_Fragment","_renderList","_TransitionGroup","_createElementVNode","_toDisplayString","_normalizeStyle"],"mappings":";;;;AAEA,QAAM,kBAAiD;AAAA,IACrD,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EAEO,MAAM,oBAAoB;AAAA,IAA1B,cAAA;AACL,WAAQ,gBAAoC,CAAA;AAC5C,WAAQ,UAAyC,EAAE,GAAG,gBAAA;AACtD,WAAQ,YAA6C,CAAA;AACrD,WAAQ,YAAY;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOpB,GAAG,OAAe,UAA0B;AAC1C,UAAI,CAAC,KAAK,UAAU,KAAK,GAAG;AAC1B,aAAK,UAAU,KAAK,IAAI,CAAA;AAAA,MAC1B;AACA,WAAK,UAAU,KAAK,EAAE,KAAK,QAAQ;AAAA,IACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,IAAI,OAAe,UAA0B;AAC3C,UAAI,KAAK,UAAU,KAAK,GAAG;AACzB,aAAK,UAAU,KAAK,IAAI,KAAK,UAAU,KAAK,EAAE,OAAO,CAAC,OAAO,OAAO,QAAQ;AAAA,MAC9E;AAAA,IACF;AAAA,IAEQ,KAAK,OAAe,MAAkB;AAC5C,UAAI,KAAK,UAAU,KAAK,GAAG;AACzB,aAAK,UAAU,KAAK,EAAE,QAAQ,CAAC,aAAa,SAAS,IAAI,CAAC;AAAA,MAC5D;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAY,MAAiC;AAC3C,WAAK,UAAU,EAAE,GAAG,KAAK,SAAS,GAAG,KAAA;AACrC,WAAK,KAAK,mBAAmB,KAAK,OAAO;AAAA,IAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,KAAK,MAAwB,OAAe,MAAkC;AAC5E,YAAM,UAAU,EAAE,GAAG,KAAK,SAAS,GAAI,QAAQ,GAAC;AAChD,YAAM,OAAyB;AAAA,QAC7B,IAAI,KAAK;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,IAAA;AAAA,MAAI;AAEtB,WAAK,cAAc,KAAK,IAAI;AAC5B,WAAK,KAAK,sBAAsB,IAAI;AAEpC,UAAI,QAAQ,cAAc,SAAS,OAAO,WAAW,aAAa;AAChE,mBAAW,MAAM,KAAK,OAAO,KAAK,EAAE,GAAG,QAAQ,SAAS;AAAA,MAC1D;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAO,IAAkB;AACvB,YAAM,QAAQ,KAAK,cAAc,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AAC7D,UAAI,UAAU,IAAI;AAChB,cAAM,UAAU,KAAK,cAAc,OAAO,OAAO,CAAC,EAAE,CAAC;AACrD,aAAK,KAAK,wBAAwB,OAAO;AAAA,MAC3C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,QAAc;AACZ,YAAM,UAAU,CAAC,GAAG,KAAK,aAAa;AACtC,WAAK,cAAc,OAAO,CAAC;AAC3B,WAAK,KAAK,yBAAyB,OAAO;AAAA,IAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,mBAAuC;AACrC,aAAO,CAAC,GAAG,KAAK,aAAa;AAAA,IAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,aAA4C;AAC1C,aAAO,EAAE,GAAG,KAAK,QAAA;AAAA,IACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,QAAQ,OAAe,MAAkC;AACvD,WAAK,KAAK,WAAW,OAAO,IAAI;AAAA,IAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAM,OAAe,MAAkC;AACrD,WAAK,KAAK,SAAS,OAAO,IAAI;AAAA,IAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,QAAQ,OAAe,MAAkC;AACvD,WAAK,KAAK,WAAW,OAAO,IAAI;AAAA,IAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,KAAK,OAAe,MAAkC;AACpD,WAAK,KAAK,QAAQ,OAAO,IAAI;AAAA,IAC/B;AAAA,EACF;AAGO,QAAM,sBAAsB,IAAI,oBAAA;ACxIhC,WAAS,gCACd,UAA+B,qBACJ;AAC3B,UAAM,QAAQA,IAAAA,SAAS;AAAA,MACrB,eAAe,QAAQ,iBAAA;AAAA,MACvB,SAAS,QAAQ,WAAA;AAAA,IAAW,CAC7B;AAGD,YAAQ,GAAG,sBAAsB,MAAM;AACrC,YAAM,gBAAgB,QAAQ,iBAAA;AAAA,IAChC,CAAC;AACD,YAAQ,GAAG,wBAAwB,MAAM;AACvC,YAAM,gBAAgB,QAAQ,iBAAA;AAAA,IAChC,CAAC;AACD,YAAQ,GAAG,yBAAyB,MAAM;AACxC,YAAM,gBAAgB,QAAQ,iBAAA;AAAA,IAChC,CAAC;AAGD,YAAQ,GAAG,mBAAmB,MAAM;AAClC,YAAM,UAAU,QAAQ,WAAA;AAAA,IAC1B,CAAC;AAED,WAAO;AAAA,EACT;AAGO,QAAM,oBAAoB,gCAAA;AAG1B,WAAS,uBAAuB,UAA+B,qBAAqB;AACzF,WAAO;AAAA,MACL,SAAS,CAAC,OAAe,SAA+B,QAAQ,QAAQ,OAAO,IAAI;AAAA,MACnF,OAAO,CAAC,OAAe,SAA+B,QAAQ,MAAM,OAAO,IAAI;AAAA,MAC/E,SAAS,CAAC,OAAe,SAA+B,QAAQ,QAAQ,OAAO,IAAI;AAAA,MACnF,MAAM,CAAC,OAAe,SAA+B,QAAQ,KAAK,OAAO,IAAI;AAAA,MAC7E,MAAM,CAAC,MAAc,OAAe,SAClC,QAAQ,KAAK,MAAa,OAAO,IAAI;AAAA,MACvC,QAAQ,CAAC,OAAe,QAAQ,OAAO,EAAE;AAAA,MACzC,OAAO,MAAM,QAAQ,MAAA;AAAA,MACrB,aAAa,CAAC,SAA8B,QAAQ,YAAY,IAAI;AAAA,MACpE,kBAAkB,MAAM,QAAQ,iBAAA;AAAA,MAChC,YAAY,MAAM,QAAQ,WAAA;AAAA,IAAW;AAAA,EAEzC;AAGO,WAASC,8BAA4B,UAA+B,qBAAqB;AAC9F,WAAO;AAAA,MACL,QAAQ,KAAU;AAChB,YAAI,OAAO,iBAAiB,uBAAuB;AACnD,YAAI,QAAQ,uBAAuB,OAAO;AAAA,MAC5C;AAAA,IAAA;AAAA,EAEJ;;;;;;;;;AC/DA,YAAM,WAAWC,IAAAA,IAAI,KAAK;AAE1B,UAAI,OAAO,WAAW,aAAa;AACjC,iBAAS,QAAQ;AAAA,MACnB;AAEA,YAAM,SAASC,IAAAA,SAA2D,MAAM;AAC9E,cAAM,MAAwD;AAAA,UAC5D,YAAY,CAAA;AAAA,UACZ,cAAc,CAAA;AAAA,UACd,aAAa,CAAA;AAAA,UACb,eAAe,CAAA;AAAA,UACf,iBAAiB,CAAA;AAAA,UACjB,gBAAgB,CAAA;AAAA,QAAC;AAEnB,mBAAW,gBAAgB,kBAAkB,eAAe;AAC1D,cAAI,aAAa,QAAQ,QAAQ,EAAE,KAAK,YAAY;AAAA,QACtD;AACA,eAAO;AAAA,MACT,CAAC;AAED,eAAS,mBAAmB,IAAY;AACtC,4BAAoB,OAAO,EAAE;AAAA,MAC/B;;eAIkB,SAAA,0BAAhBC,IAAAA,YA2CWC,IAAAA,UAAA;AAAA;UA3Ce,IAAG;AAAA,QAAA;WAC3BC,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAyCkBC,cAAA,MAAAC,IAAAA,WAxCO,OAAA,OAAM,CAArB,OAAO,QAAG;oCADpBL,IAAAA,YAyCkBM,qBAAA;AAAA,cAvCf,KAAK;AAAA,cACN,KAAI;AAAA,cACJ,MAAK;AAAA,cACL,OAAM;AAAA,cACL,iBAAe;AAAA,YAAA;mCAGd,MAA6B;AAAA,sCAD/BH,uBAgCUC,IAAAA,UAAA,MAAAC,IAAAA,WA/Be,OAAK,CAArB,iBAAY;0CADrBF,IAAAA,mBAgCU,WAAA;AAAA,oBA9BP,KAAK,aAAa;AAAA,oBACnB,2BAAM,gBAAc;AAAA,sBACgB,gBAAA,aAAa,IAAI;AAAA;mDAAqE,aAAa,QAAQ,YAAY,aAAa,QAAQ,cAAS;AAAA,sBAAA;AAAA;oBAOxL,iBAAe;AAAA,kBAAA;oBAEhBI,IAAAA,mBAEM,OAFN,YAEM;AAAA,sBADJA,IAAAA,mBAAgE,QAAhE,YAAgEC,IAAAA,gBAA5B,aAAa,KAAK,GAAA,CAAA;AAAA,oBAAA;oBAIhD,aAAa,QAAQ,YAAY,aAAa,QAAQ,cAAS,0BADvEL,IAAAA,mBAIO,OAAA;AAAA;sBAFL,OAAM;AAAA,sBACL,OAAKM,IAAAA,eAAA,EAAA,oBAAwB,aAAa,QAAQ,aAAS,KAAA,KAAA,CAAA;AAAA,oBAAA;oBAG9DF,IAAAA,mBAQM,OARN,YAQM;AAAA,sBAPJA,IAAAA,mBAMS,UAAA;AAAA,wBALP,MAAK;AAAA,wBACJ,SAAK,CAAA,WAAE,mBAAmB,aAAa,EAAE;AAAA,wBAC1C,cAAW;AAAA,sBAAA,GACZ,OAED,GAAA,UAAA;AAAA,oBAAA;;;;;;;;;;;AChEH,WAAS,kBAAkB;AAChC,WAAO,uBAAA;AAAA,EACT;ACJe,mBAAiB,CAAC,YAAY;AAC3C,YAAQ,OAAO,IAAI,4BAA4B,mBAAmB,CAAC;AAAA,EACrE,CAAC;AAKD,WAAS,4BAA4B,SAAc;AACjD,WAAO;AAAA,MACL,QAAQ,KAAU;AAChB,YAAI,OAAO,iBAAiB,uBAAuB;AACnD,YAAI,QAAQ,uBAAuB,OAAO;AAAA,MAC5C;AAAA,IAAA;AAAA,EAEJ;;;;;;;;;;;"}