@nuralyui/toast 0.0.3 → 0.0.10

package/index.d.ts

@@ -1,2 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
 export * from './toast.component.js';
+export * from './toast.types.js';
+export * from './controllers/index.js';
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,2 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
 export * from './toast.component.js';
+export * from './toast.types.js';
+export * from './controllers/index.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './toast.component.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nexport * from './toast.component.js';\nexport * from './toast.types.js';\nexport * from './controllers/index.js';\n\n"]}

package/package.json

@@ -1,15 +1,50 @@
 {
     "name": "@nuralyui/toast",
-    "version": "0.0.3",
-    "description": "",
+    "version": "0.0.10",
+    "description": "Toast notification component for NuralyUI library",
     "main": "index.js",
     "type": "module",
-    "dependencies": {
-        "dayjs": "^1.11.7"
+    "exports": {
+        ".": {
+            "import": "./index.js"
+        },
+        "./bundle": {
+            "import": "./bundle.js"
+        }
     },
+    "files": [
+        "*.js",
+        "*.d.ts",
+        "*.js.map",
+        "toast.bundled.js",
+        "bundle.js"
+    ],
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"
     },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/NuralyUI/NuralyUI.git",
+        "directory": "src/components/toast"
+    },
+    "keywords": [
+        "web-components",
+        "lit-element",
+        "toast",
+        "notification",
+        "ui-components",
+        "typescript"
+    ],
     "author": "Labidi Aymen",
-    "license": "ISC"
+    "license": "ISC",
+    "nuralyui": {
+        "requiredComponents": [
+            "nr-icon",
+            "nr-button"
+        ]
+    },
+    "peerDependencies": {
+        "@nuralyui/icon": "^0.0.1",
+        "@nuralyui/button": "^0.0.1"
+    }
 }

package/react.d.ts

@@ -1,5 +1,7 @@
-import { LitToast } from './toast.component.js';
-export declare const HyToast: import("@lit-labs/react").ReactWebComponent<LitToast, {
-    close: string;
+import { NrToastElement } from './toast.component.js';
+export declare const NrToast: import("@lit-labs/react").ReactWebComponent<NrToastElement, {
+    'nr-toast-show': string;
+    'nr-toast-close': string;
+    'nr-toast-click': string;
 }>;
 //# sourceMappingURL=react.d.ts.map

package/react.js

@@ -1,12 +1,19 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
 import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
-import { LitToast } from './toast.component.js';
-export const HyToast = createComponent({
-    tagName: 'hy-toast',
-    elementClass: LitToast,
+import { NrToastElement } from './toast.component.js';
+export const NrToast = createComponent({
+    tagName: 'nr-toast',
+    elementClass: NrToastElement,
     react: React,
     events: {
-        close: 'close',
+        'nr-toast-show': 'nr-toast-show',
+        'nr-toast-close': 'nr-toast-close',
+        'nr-toast-click': 'nr-toast-click',
     },
 });
 //# sourceMappingURL=react.js.map

package/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/toast/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { LitToast } from './toast.component.js';\n\nexport const HyToast = createComponent({\n  tagName: 'hy-toast',\n  elementClass: LitToast,\n  react: React,\n  events: {\n    close: 'close',\n  },\n});\n"]}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/toast/react.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,cAAc;IAC5B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,gBAAgB;QAClC,gBAAgB,EAAE,gBAAgB;KACnC;CACF,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\nimport { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { NrToastElement } from './toast.component.js';\nexport const NrToast = createComponent({\n  tagName: 'nr-toast',\n  elementClass: NrToastElement,\n  react: React,\n  events: {\n    'nr-toast-show': 'nr-toast-show',\n    'nr-toast-close': 'nr-toast-close',\n    'nr-toast-click': 'nr-toast-click',\n  },\n});\n\n"]}

package/toast.component.d.ts

@@ -1,9 +1,154 @@
-import { LitElement } from 'lit-element';
-export declare class LitToast extends LitElement {
-    static styles: import("lit-element").CSSResult;
-    toasts: any[];
-    render(): import("lit-element").TemplateResult<1>;
-    show(text?: string, duration?: number): void;
-    handleAnimationEnd(index: any): void;
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import { ToastPosition, ToastAnimation, ToastConfig } from './toast.types.js';
+import '../icon/icon.component.js';
+import '../button/index.js';
+declare const NrToastElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & (new (...args: any[]) => import("../../shared/event-handler-mixin.js").EventHandlerCapable) & typeof LitElement;
+/**
+ * Toast notification component for displaying temporary messages.
+ *
+ * Provides a flexible notification system with multiple types, positions, and animations.
+ * Supports stacking multiple toasts, auto-dismiss (enabled by default), action buttons,
+ * custom HTML content, and manual closing.
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage with auto-dismiss -->
+ * <nr-toast position="top-right"></nr-toast>
+ *
+ * <!-- Disable auto-dismiss to require manual closing -->
+ * <nr-toast position="top-right" auto-dismiss="false"></nr-toast>
+ *
+ * <!-- Programmatic usage -->
+ * <script>
+ *   const toast = document.querySelector('nr-toast');
+ *   toast.show({ text: 'Success!', type: 'success' });
+ *   toast.show({ text: 'Error occurred', type: 'error', duration: 7000 });
+ *
+ *   // Disable auto-dismiss for specific toast
+ *   toast.show({ text: 'Persistent message', autoDismiss: false });
+ *
+ *   // Toast with action button
+ *   toast.show({
+ *     text: 'Item deleted',
+ *     type: 'success',
+ *     button: {
+ *       label: 'Undo',
+ *       onClick: () => console.log('Undo clicked'),
+ *       type: 'primary'
+ *     }
+ *   });
+ *
+ *   // Custom HTML content (GDPR consent example)
+ *   toast.show({
+ *     content: html`
+ *       <div>
+ *         <h4>Cookie Consent</h4>
+ *         <p>We use cookies to improve your experience.</p>
+ *         <div style="display: flex; gap: 0.5rem; margin-top: 0.5rem;">
+ *           <nr-button size="small" type="primary">Accept</nr-button>
+ *           <nr-button size="small" type="secondary">Decline</nr-button>
+ *         </div>
+ *       </div>
+ *     `,
+ *     autoDismiss: false,
+ *     closable: true
+ *   });
+ * </script>
+ * ```
+ *
+ * @fires nr-toast-show - Toast shown
+ * @fires nr-toast-close - Toast closed
+ * @fires nr-toast-click - Toast clicked
+ *
+ * @cssproperty --nuraly-z-index-toast - Toast z-index
+ * @cssproperty --nuraly-toast-default-background - Default toast background
+ * @cssproperty --nuraly-toast-success-background - Success toast background
+ * @cssproperty --nuraly-toast-error-background - Error toast background
+ * @cssproperty --nuraly-toast-warning-background - Warning toast background
+ * @cssproperty --nuraly-toast-info-background - Info toast background
+ */
+export declare class NrToastElement extends NrToastElement_base {
+    static styles: import("lit").CSSResult;
+    requiredComponents: string[];
+    /** Position of toast container on screen */
+    position: ToastPosition;
+    /** Maximum number of toasts to display */
+    maxToasts: number;
+    /** Default duration for toasts in milliseconds */
+    defaultDuration: import("./toast.types.js").ToastDuration;
+    /** Animation type for toasts */
+    animation: ToastAnimation;
+    /** Whether to stack toasts or replace */
+    stack: boolean;
+    /** Auto dismiss toasts after duration (default: true) */
+    autoDismiss: boolean;
+    /** Internal state: active toasts */
+    private toasts;
+    /** Timeout map for auto-dismiss */
+    private timeouts;
+    /**
+     * Show a new toast notification
+     * @param config - Toast configuration
+     * @returns Toast ID for manual control
+     */
+    show(config: string | ToastConfig): string;
+    /**
+     * Show success toast
+     */
+    success(text: string, duration?: number): string;
+    /**
+     * Show error toast
+     */
+    error(text: string, duration?: number): string;
+    /**
+     * Show warning toast
+     */
+    warning(text: string, duration?: number): string;
+    /**
+     * Show info toast
+     */
+    info(text: string, duration?: number): string;
+    /**
+     * Remove a specific toast
+     */
+    removeToast(id: string): void;
+    /**
+     * Clear all toasts
+     */
+    clearAll(): void;
+    /**
+     * Handle toast click
+     */
+    private handleToastClick;
+    /**
+     * Handle close button click
+     */
+    private handleCloseClick;
+    /**
+     * Get default icon for toast type
+     */
+    private getDefaultIcon;
+    /**
+     * Generate unique ID
+     */
+    private generateId;
+    /**
+     * Get animation class
+     */
+    private getAnimationClass;
+    /**
+     * Emit toast event
+     */
+    private emitToastEvent;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private renderToast;
+    private renderButton;
 }
+export {};
 //# sourceMappingURL=toast.component.d.ts.map