ngx-kit 2.0.2 → 2.1.0

package/fesm2022/ngx-kit-menu.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, HostListener, Directive, InjectionToken, viewChild, TemplateRef, Component, inject, NgModule } from '@angular/core';
 import * as i1 from 'ngx-kit/shared';
-import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class NgxMenu {
@@ -146,17 +145,17 @@ class NgxMenuPanel {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxMenuPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: NgxMenuPanel, isStandalone: true, selector: "ngx-menu,[ngx-menu]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NGX_MENU_CONTEXT, useExisting: NgxMenuPanel }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["NgxMenu"], ngImport: i0, template: `
     <ng-template>
-      <div class="ngx-menu-panel" [ngClass]="class()">
+      <div class="ngx-menu-panel" [class]="class()">
         <ng-content></ng-content>
       </div>
     </ng-template>
-  `, isInline: true, styles: [".ngx-menu-panel{overflow:auto;box-sizing:border-box;outline:0;background-color:var(--ngx-menu-bg, #ffffff);color:var(--ngx-menu-fg, #111111);box-shadow:var(--ngx-menu-shadow, 0px 0px 4px rgb(0 0 0 / 30%));border-radius:var(--ngx-menu-radius, 10px);padding:var(--ngx-menu-padding, 5px);min-width:var(--ngx-menu-min-width, 20px);min-height:var(--ngx-menu-min-height, 40px);will-change:transform,opacity}.ngx-menu-panel.ngx-menu-panel-exit{animation:menu-exit .1s 25ms linear forwards}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+  `, isInline: true, styles: [".ngx-menu-panel{overflow:auto;box-sizing:border-box;outline:0;background-color:var(--ngx-menu-bg, #ffffff);color:var(--ngx-menu-fg, #111111);box-shadow:var(--ngx-menu-shadow, 0px 0px 4px rgb(0 0 0 / 30%));border-radius:var(--ngx-menu-radius, 10px);padding:var(--ngx-menu-padding, 5px);min-width:var(--ngx-menu-min-width, 20px);min-height:var(--ngx-menu-min-height, 40px);will-change:transform,opacity}.ngx-menu-panel.ngx-menu-panel-exit{animation:menu-exit .1s 25ms linear forwards}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxMenuPanel, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-menu,[ngx-menu]', template: `
     <ng-template>
-      <div class="ngx-menu-panel" [ngClass]="class()">
+      <div class="ngx-menu-panel" [class]="class()">
         <ng-content></ng-content>
       </div>
     </ng-template>
@@ -196,15 +195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 
 class NgxMenuDivider {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxMenuDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: NgxMenuDivider, isStandalone: true, selector: "ngx-menu-divider", ngImport: i0, template: `
-    <div class="ngx-menu-divider"></div>
-  `, isInline: true, styles: [".ngx-menu-divider{border-bottom:var(--ngx-menu-item-border, 1px #43434d95 solid);border-bottom-color:var(--ngx-menu-divider-border-color, #43434d95)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: NgxMenuDivider, isStandalone: true, selector: "ngx-menu-divider,[ngx-menu-divider]", ngImport: i0, template: ``, isInline: true, styles: [":host{display:block;border-bottom:var(--ngx-menu-item-border, 1px #43434d3d solid);border-bottom-color:var(--ngx-menu-divider-border-color, #43434d3d);margin:var(--ngx-menu-divider-margin, 10px calc(var(--ngx-menu-padding, 5px) * -1))}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxMenuDivider, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-menu-divider', template: `
-    <div class="ngx-menu-divider"></div>
-  `, styles: [".ngx-menu-divider{border-bottom:var(--ngx-menu-item-border, 1px #43434d95 solid);border-bottom-color:var(--ngx-menu-divider-border-color, #43434d95)}\n"] }]
+            args: [{ selector: 'ngx-menu-divider,[ngx-menu-divider]', template: ``, styles: [":host{display:block;border-bottom:var(--ngx-menu-item-border, 1px #43434d3d solid);border-bottom-color:var(--ngx-menu-divider-border-color, #43434d3d);margin:var(--ngx-menu-divider-margin, 10px calc(var(--ngx-menu-padding, 5px) * -1))}\n"] }]
         }] });
 
 const d = [NgxMenu, NgxContextMenu, NgxMenuPanel, NgxMenuItem, NgxMenuDivider];

package/fesm2022/ngx-kit-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-kit-menu.mjs","sources":["../../../projects/libs/menu/directives/ngx-menu.directive.ts","../../../projects/libs/menu/directives/ngx-context-menu.directive.ts","../../../projects/libs/menu/tokens/menu-context.token.ts","../../../projects/libs/menu/components/ngx-menu/menu.component.ts","../../../projects/libs/menu/components/ngx-menu-item/menu-item.component.ts","../../../projects/libs/menu/components/ngx-menu-divider/menu-divider.component.ts","../../../projects/libs/menu/ngx-menu.module.ts","../../../projects/libs/menu/ngx-kit-menu.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  OnDestroy,\r\n  ElementRef,\r\n  HostListener,\r\n  input,\r\n  ApplicationRef,\r\n} from '@angular/core';\r\nimport { OverlayRef, OverlayService, OverlayInstance, Alignment, Placement } from 'ngx-kit/shared';\r\nimport { NgxMenuPanel } from '../components/ngx-menu/menu.component';\r\n\r\n@Directive({\r\n  selector: '[ngxMenu]',\r\n  exportAs: 'ngxMenu',\r\n})\r\nexport class NgxMenu implements OnDestroy {\r\n  ngxMenu = input.required<NgxMenuPanel>();\r\n  placement = input<Placement>();\r\n  alignment = input<Alignment>();\r\n\r\n  private containerRef?: OverlayRef<NgxMenuPanel>;\r\n\r\n  constructor(\r\n    private el: ElementRef,\r\n    private appRef: ApplicationRef,\r\n    private overlayService: OverlayService,\r\n  ) {}\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyContainer();\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  onClick(ev: Event) {\r\n    ev.stopPropagation();\r\n    ev.preventDefault();\r\n    this.toggleContainer();\r\n  }\r\n\r\n  private toggleContainer() {\r\n    if (this.containerRef) {\r\n      this.destroyContainer();\r\n      return;\r\n    }\r\n    const t = this.ngxMenu().template();\r\n    if (!t) return;\r\n    this.containerRef = this.overlayService.openTemplate({\r\n      anchor: this.el.nativeElement,\r\n      template: t,\r\n      appRef: this.appRef,\r\n      alignment: this.alignment() ?? 'start',\r\n      placement: this.placement() ?? 'auto',\r\n      onClosed: () => {\r\n        this.containerRef = undefined;\r\n        this.overlayService.closeAll();\r\n      },\r\n      configure: (instance: OverlayInstance, ref: OverlayRef<NgxMenuPanel>) => {\r\n        this.ngxMenu().containerRef = ref;\r\n      },\r\n    });\r\n  }\r\n\r\n  private destroyContainer() {\r\n    this.containerRef?.close();\r\n    this.containerRef = undefined;\r\n  }\r\n}\r\n","import { Directive, OnDestroy, input, ApplicationRef, ElementRef } from '@angular/core';\r\nimport { OverlayRef, OverlayService, OverlayInstance } from 'ngx-kit/shared';\r\nimport { NgxMenuPanel } from '../components/ngx-menu/menu.component';\r\n\r\n@Directive({\r\n  selector: '[ngxContextMenu]',\r\n  exportAs: 'ngxContextMenu',\r\n})\r\nexport class NgxContextMenu implements OnDestroy {\r\n  ngxContextMenu = input.required<NgxMenuPanel>();\r\n\r\n  private containerRef?: OverlayRef<NgxMenuPanel>;\r\n\r\n  constructor(\r\n    private el: ElementRef<HTMLElement>,\r\n    private appRef: ApplicationRef,\r\n    private overlayService: OverlayService,\r\n  ) {\r\n    el.nativeElement.addEventListener('contextmenu', (ev) => this.onClick(ev));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyContainer();\r\n    this.el.nativeElement.removeEventListener('contextmenu', (ev) => this.onClick(ev));\r\n  }\r\n\r\n  onClick(ev: PointerEvent) {\r\n    if (ev.currentTarget == this.el.nativeElement) {\r\n      ev.stopPropagation();\r\n      ev.preventDefault();\r\n      this.toggleContainer(ev.clientX, ev.clientY);\r\n    }\r\n  }\r\n\r\n  private toggleContainer(x: number, y: number) {\r\n    if (this.containerRef) {\r\n      this.destroyContainer();\r\n      return;\r\n    }\r\n    const t = this.ngxContextMenu().template();\r\n    if (!t) return;\r\n    this.containerRef = this.overlayService.openTemplate({\r\n      anchor: this.el.nativeElement,\r\n      point: { x, y },\r\n      template: t,\r\n      appRef: this.appRef,\r\n      alignment: 'start',\r\n      placement: 'auto',\r\n      onClosed: () => {\r\n        this.containerRef = undefined;\r\n        this.overlayService.closeAll();\r\n      },\r\n      configure: (instance: OverlayInstance, ref: OverlayRef<NgxMenuPanel>) => {\r\n        this.ngxContextMenu().containerRef = ref;\r\n      },\r\n    });\r\n  }\r\n\r\n  private destroyContainer() {\r\n    this.containerRef?.close();\r\n    this.containerRef = undefined;\r\n  }\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport interface MenuContext {\r\n  close(): void;\r\n}\r\n\r\nexport const NGX_MENU_CONTEXT = new InjectionToken<MenuContext>('ngx-menu-context');\r\n","import { CommonModule } from '@angular/common';\nimport { Component, input, TemplateRef, viewChild } from '@angular/core';\nimport { OverlayRef } from 'ngx-kit/shared';\nimport { MenuContext, NGX_MENU_CONTEXT } from '../../tokens/menu-context.token';\n\n@Component({\n  selector: 'ngx-menu,[ngx-menu]',\n  template: `\n    <ng-template>\n      <div class=\"ngx-menu-panel\" [ngClass]=\"class()\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n  `,\n  exportAs: 'NgxMenu',\n  styles: `\n    .ngx-menu-panel {\n      overflow: auto;\n      box-sizing: border-box;\n      outline: 0;\n      background-color: var(--ngx-menu-bg, #ffffff);\n      color: var(--ngx-menu-fg, #111111);\n      box-shadow: var(--ngx-menu-shadow, 0px 0px 4px rgb(0 0 0 / 30%));\n      border-radius: var(--ngx-menu-radius, 10px);\n      padding: var(--ngx-menu-padding, 5px);\n      min-width: var(--ngx-menu-min-width, 20px);\n      min-height: var(--ngx-menu-min-height, 40px);\n      will-change: transform, opacity;\n    }\n    .ngx-menu-panel.ngx-menu-panel-exit {\n      animation: menu-exit 100ms 25ms linear forwards;\n    }\n  `,\n  imports: [CommonModule],\n  providers: [{ provide: NGX_MENU_CONTEXT, useExisting: NgxMenuPanel }],\n})\nexport class NgxMenuPanel implements MenuContext {\n  template = viewChild<TemplateRef<any>>(TemplateRef);\n  class = input<string>();\n\n  containerRef?: OverlayRef<NgxMenuPanel>;\n\n  close(): void {\n    this.containerRef?.close();\n  }\n}\n","import { Component, HostListener, inject } from '@angular/core';\nimport { NGX_MENU_CONTEXT } from '../../tokens/menu-context.token';\nimport { NgxMenu } from '../../directives/ngx-menu.directive';\n\n@Component({\n  selector: 'ngx-menu-item,[ngx-menu-item]',\n  template: `\n    <div class=\"ngx-menu-item\">\n      <ng-content></ng-content>\n    </div>\n  `,\n  exportAs: 'NgxMenuItem',\n  styles: `\n    .ngx-menu-item {\n      box-sizing: border-box;\n      outline: 0;\n      padding: var(--ngx-menu-item-padding, 6px 12px);\n      &:hover {\n        cursor: pointer;\n        background-color: var(--ngx-menu-item-padding, #9bc6ff68);\n      }\n    }\n  `,\n})\nexport class NgxMenuItem {\n  menuContext = inject(NGX_MENU_CONTEXT);\n  childMenu = inject(NgxMenu, {\n    self: true,\n    optional: true,\n  });\n\n  @HostListener('click')\n  onClick() {\n    if (this.childMenu?.ngxMenu) {\n      return;\n    }\n    this.menuContext?.close();\n  }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-menu-divider',\n  template: `\n    <div class=\"ngx-menu-divider\"></div>\n  `,\n  styles: `\n    .ngx-menu-divider {\n      border-bottom: var(--ngx-menu-item-border, 1px #43434d95 solid);\n      border-bottom-color: var(--ngx-menu-divider-border-color, #43434d95);\n    }\n  `,\n})\nexport class NgxMenuDivider {}\n","import { NgModule } from '@angular/core';\r\nimport { NgxMenuDivider } from './components/ngx-menu-divider/menu-divider.component';\r\nimport { NgxMenuItem } from './components/ngx-menu-item/menu-item.component';\r\nimport { NgxMenuPanel } from './components/ngx-menu/menu.component';\r\nimport { NgxMenu } from './directives/ngx-menu.directive';\r\nimport { NgxContextMenu } from './public-api';\r\n\r\nconst d = [NgxMenu, NgxContextMenu, NgxMenuPanel, NgxMenuItem, NgxMenuDivider];\r\n@NgModule({\r\n  imports: d,\r\n  exports: d,\r\n})\r\nexport class NgxMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"ngx-kit-menu.mjs","sources":["../../../projects/libs/menu/directives/ngx-menu.directive.ts","../../../projects/libs/menu/directives/ngx-context-menu.directive.ts","../../../projects/libs/menu/tokens/menu-context.token.ts","../../../projects/libs/menu/components/ngx-menu/menu.component.ts","../../../projects/libs/menu/components/ngx-menu-item/menu-item.component.ts","../../../projects/libs/menu/components/ngx-menu-divider/menu-divider.component.ts","../../../projects/libs/menu/ngx-menu.module.ts","../../../projects/libs/menu/ngx-kit-menu.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  OnDestroy,\r\n  ElementRef,\r\n  HostListener,\r\n  input,\r\n  ApplicationRef,\r\n} from '@angular/core';\r\nimport { OverlayRef, OverlayService, OverlayInstance, Alignment, Placement } from 'ngx-kit/shared';\r\nimport { NgxMenuPanel } from '../components/ngx-menu/menu.component';\r\n\r\n@Directive({\r\n  selector: '[ngxMenu]',\r\n  exportAs: 'ngxMenu',\r\n})\r\nexport class NgxMenu implements OnDestroy {\r\n  ngxMenu = input.required<NgxMenuPanel>();\r\n  placement = input<Placement>();\r\n  alignment = input<Alignment>();\r\n\r\n  private containerRef?: OverlayRef<NgxMenuPanel>;\r\n\r\n  constructor(\r\n    private el: ElementRef,\r\n    private appRef: ApplicationRef,\r\n    private overlayService: OverlayService,\r\n  ) {}\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyContainer();\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  onClick(ev: Event) {\r\n    ev.stopPropagation();\r\n    ev.preventDefault();\r\n    this.toggleContainer();\r\n  }\r\n\r\n  private toggleContainer() {\r\n    if (this.containerRef) {\r\n      this.destroyContainer();\r\n      return;\r\n    }\r\n    const t = this.ngxMenu().template();\r\n    if (!t) return;\r\n    this.containerRef = this.overlayService.openTemplate({\r\n      anchor: this.el.nativeElement,\r\n      template: t,\r\n      appRef: this.appRef,\r\n      alignment: this.alignment() ?? 'start',\r\n      placement: this.placement() ?? 'auto',\r\n      onClosed: () => {\r\n        this.containerRef = undefined;\r\n        this.overlayService.closeAll();\r\n      },\r\n      configure: (instance: OverlayInstance, ref: OverlayRef<NgxMenuPanel>) => {\r\n        this.ngxMenu().containerRef = ref;\r\n      },\r\n    });\r\n  }\r\n\r\n  private destroyContainer() {\r\n    this.containerRef?.close();\r\n    this.containerRef = undefined;\r\n  }\r\n}\r\n","import { Directive, OnDestroy, input, ApplicationRef, ElementRef } from '@angular/core';\r\nimport { OverlayRef, OverlayService, OverlayInstance } from 'ngx-kit/shared';\r\nimport { NgxMenuPanel } from '../components/ngx-menu/menu.component';\r\n\r\n@Directive({\r\n  selector: '[ngxContextMenu]',\r\n  exportAs: 'ngxContextMenu',\r\n})\r\nexport class NgxContextMenu implements OnDestroy {\r\n  ngxContextMenu = input.required<NgxMenuPanel>();\r\n\r\n  private containerRef?: OverlayRef<NgxMenuPanel>;\r\n\r\n  constructor(\r\n    private el: ElementRef<HTMLElement>,\r\n    private appRef: ApplicationRef,\r\n    private overlayService: OverlayService,\r\n  ) {\r\n    el.nativeElement.addEventListener('contextmenu', (ev) => this.onClick(ev));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyContainer();\r\n    this.el.nativeElement.removeEventListener('contextmenu', (ev) => this.onClick(ev));\r\n  }\r\n\r\n  onClick(ev: PointerEvent) {\r\n    if (ev.currentTarget == this.el.nativeElement) {\r\n      ev.stopPropagation();\r\n      ev.preventDefault();\r\n      this.toggleContainer(ev.clientX, ev.clientY);\r\n    }\r\n  }\r\n\r\n  private toggleContainer(x: number, y: number) {\r\n    if (this.containerRef) {\r\n      this.destroyContainer();\r\n      return;\r\n    }\r\n    const t = this.ngxContextMenu().template();\r\n    if (!t) return;\r\n    this.containerRef = this.overlayService.openTemplate({\r\n      anchor: this.el.nativeElement,\r\n      point: { x, y },\r\n      template: t,\r\n      appRef: this.appRef,\r\n      alignment: 'start',\r\n      placement: 'auto',\r\n      onClosed: () => {\r\n        this.containerRef = undefined;\r\n        this.overlayService.closeAll();\r\n      },\r\n      configure: (instance: OverlayInstance, ref: OverlayRef<NgxMenuPanel>) => {\r\n        this.ngxContextMenu().containerRef = ref;\r\n      },\r\n    });\r\n  }\r\n\r\n  private destroyContainer() {\r\n    this.containerRef?.close();\r\n    this.containerRef = undefined;\r\n  }\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport interface MenuContext {\r\n  close(): void;\r\n}\r\n\r\nexport const NGX_MENU_CONTEXT = new InjectionToken<MenuContext>('ngx-menu-context');\r\n","import { CommonModule } from '@angular/common';\nimport { Component, input, TemplateRef, viewChild } from '@angular/core';\nimport { OverlayRef } from 'ngx-kit/shared';\nimport { MenuContext, NGX_MENU_CONTEXT } from '../../tokens/menu-context.token';\n\n@Component({\n  selector: 'ngx-menu,[ngx-menu]',\n  template: `\n    <ng-template>\n      <div class=\"ngx-menu-panel\" [class]=\"class()\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n  `,\n  exportAs: 'NgxMenu',\n  styles: `\n    .ngx-menu-panel {\n      overflow: auto;\n      box-sizing: border-box;\n      outline: 0;\n      background-color: var(--ngx-menu-bg, #ffffff);\n      color: var(--ngx-menu-fg, #111111);\n      box-shadow: var(--ngx-menu-shadow, 0px 0px 4px rgb(0 0 0 / 30%));\n      border-radius: var(--ngx-menu-radius, 10px);\n      padding: var(--ngx-menu-padding, 5px);\n      min-width: var(--ngx-menu-min-width, 20px);\n      min-height: var(--ngx-menu-min-height, 40px);\n      will-change: transform, opacity;\n    }\n    .ngx-menu-panel.ngx-menu-panel-exit {\n      animation: menu-exit 100ms 25ms linear forwards;\n    }\n  `,\n  imports: [CommonModule],\n  providers: [{ provide: NGX_MENU_CONTEXT, useExisting: NgxMenuPanel }],\n})\nexport class NgxMenuPanel implements MenuContext {\n  template = viewChild<TemplateRef<any>>(TemplateRef);\n  class = input<string>();\n\n  containerRef?: OverlayRef<NgxMenuPanel>;\n\n  close(): void {\n    this.containerRef?.close();\n  }\n}\n","import { Component, HostListener, inject } from '@angular/core';\nimport { NGX_MENU_CONTEXT } from '../../tokens/menu-context.token';\nimport { NgxMenu } from '../../directives/ngx-menu.directive';\n\n@Component({\n  selector: 'ngx-menu-item,[ngx-menu-item]',\n  template: `\n    <div class=\"ngx-menu-item\">\n      <ng-content></ng-content>\n    </div>\n  `,\n  exportAs: 'NgxMenuItem',\n  styles: `\n    .ngx-menu-item {\n      box-sizing: border-box;\n      outline: 0;\n      padding: var(--ngx-menu-item-padding, 6px 12px);\n      &:hover {\n        cursor: pointer;\n        background-color: var(--ngx-menu-item-padding, #9bc6ff68);\n      }\n    }\n  `,\n})\nexport class NgxMenuItem {\n  menuContext = inject(NGX_MENU_CONTEXT);\n  childMenu = inject(NgxMenu, {\n    self: true,\n    optional: true,\n  });\n\n  @HostListener('click')\n  onClick() {\n    if (this.childMenu?.ngxMenu) {\n      return;\n    }\n    this.menuContext?.close();\n  }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-menu-divider,[ngx-menu-divider]',\n  template: ``,\n  styles: `\n    :host {\n      display: block;\n      border-bottom: var(--ngx-menu-item-border, 1px #43434d3d solid);\n      border-bottom-color: var(--ngx-menu-divider-border-color, #43434d3d);\n      margin: var(--ngx-menu-divider-margin, 10px calc(var(--ngx-menu-padding, 5px) * -1));\n    }\n  `,\n})\nexport class NgxMenuDivider {}\n","import { NgModule } from '@angular/core';\r\nimport { NgxMenuDivider } from './components/ngx-menu-divider/menu-divider.component';\r\nimport { NgxMenuItem } from './components/ngx-menu-item/menu-item.component';\r\nimport { NgxMenuPanel } from './components/ngx-menu/menu.component';\r\nimport { NgxMenu } from './directives/ngx-menu.directive';\r\nimport { NgxContextMenu } from './public-api';\r\n\r\nconst d = [NgxMenu, NgxContextMenu, NgxMenuPanel, NgxMenuItem, NgxMenuDivider];\r\n@NgModule({\r\n  imports: d,\r\n  exports: d,\r\n})\r\nexport class NgxMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-kit-notify.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, output, signal, inject, DOCUMENT, ElementRef, afterNextRender, Input, Component, EnvironmentInjector, ApplicationRef, createComponent, Injectable, makeEnvironmentProviders, provideEnvironmentInitializer, Injector } from '@angular/core';
+import { InjectionToken, input, viewChild, output, signal, inject, DOCUMENT, ElementRef, ChangeDetectorRef, afterNextRender, effect, Input, Component, EnvironmentInjector, ApplicationRef, EventEmitter, createComponent, Injectable, makeEnvironmentProviders, provideEnvironmentInitializer, Injector } from '@angular/core';
 import { WINDOW } from 'ngx-kit/shared';
 import { CommonModule } from '@angular/common';
+import { DomSanitizer } from '@angular/platform-browser';
 
 const NGX_NOTIFY_CONFIG = new InjectionToken('NgxNotifyOption');
 const NGX_NOTIFY_API = new InjectionToken('NgxNotifyService');
@@ -12,6 +13,7 @@ const NGX_NOTIFY_DEFAULTS = {
     allowHtml: false,
     pauseOnHover: true,
     dismissible: true,
+    closeOnTap: true,
     containerClass: 'ngx-bg-notify',
     notificationClass: 'ngx-notify',
 };
@@ -22,121 +24,160 @@ const NGX_NOTIFY_DEFAULTS = {
  */
 class Notify {
     static injector;
-    static show(message, type = 'info', options) {
+    static show(type = 'info', message, description, options) {
         if (!Notify.injector) {
-            console.error('ngx-notify: Error on EnvironmentProvider. Ensure "provideNotify()" in root provider.');
-            return;
+            throw new Error('ngx-notify: Error on EnvironmentProvider. Ensure "provideNotify()" in root provider.');
         }
-        Notify.injector.get(NGX_NOTIFY_API).show(message, type, options);
+        return Notify.injector.get(NGX_NOTIFY_API).show(message, description, type, options);
     }
-    static info(message, options) {
-        this.show(message, 'info', options);
+    static info(message, description, options) {
+        return this.show('info', message, description, options);
     }
-    static success(message, options) {
-        this.show(message, 'success', options);
+    static success(message, description, options) {
+        return this.show('success', message, description, options);
     }
-    static warning(message, options) {
-        this.show(message, 'warning', options);
+    static warning(message, description, options) {
+        return this.show('warning', message, description, options);
     }
-    static error(message, options) {
-        this.show(message, 'error', options);
+    static error(message, description, options) {
+        return this.show('error', message, description, options);
     }
 }
 
-class NgxPgNotificationComponent {
-    cdr;
-    payload;
+class NgxNotificationComponent {
+    payload = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
     containerClass = 'ngx-notify';
+    bar = viewChild('bar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bar" }] : /* istanbul ignore next */ []));
     onClose = output();
     onFinish = output();
-    _timeoutId = null;
+    _rafId = 0;
+    _duration = 0;
     _remaining = 0;
     _endTs = 0;
     _paused = false;
     safeMessage = '';
+    safeDescription = '';
     showClass = signal('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showClass" }] : /* istanbul ignore next */ []));
     doc = inject(DOCUMENT);
     el = inject(ElementRef);
-    constructor(cdr) {
-        this.cdr = cdr;
+    sanitizer = inject(DomSanitizer);
+    chdr = inject(ChangeDetectorRef);
+    constructor() {
         afterNextRender(() => {
             this.showClass.set('ngx-show');
+            this.chdr.detectChanges();
+        });
+        effect(() => {
+            const payload = this.payload();
+            // decide how to render message
+            if (payload.options.allowHtml) {
+                this.safeMessage = this.sanitizer.bypassSecurityTrustHtml(payload.message);
+                this.safeDescription = this.sanitizer.bypassSecurityTrustHtml(payload.description ?? '');
+            }
+            else {
+                this.safeMessage = this.escapeHtml(payload.message);
+                this.safeDescription = this.escapeHtml(payload.description);
+            }
+        });
+        effect(() => {
+            const timeout = this.payload().options.timeout ?? 0;
+            this.startTimer(timeout);
         });
     }
-    ngOnInit() {
-        // decide how to render message
-        if (this.payload.options.allowHtml) {
-            this.safeMessage = this.payload.message;
-        }
-        else {
-            this.safeMessage = this.escapeHtml(this.payload.message);
-        }
-        if (this.payload.options.timeout && this.payload.options.timeout > 0) {
-            this.startTimer(this.payload.options.timeout);
-        }
-    }
+    ngOnInit() { }
     ngOnDestroy() {
         this.clearTimer();
     }
     // Public API to start timer (used by service when created)
     startTimer(ms) {
         this.clearTimer();
+        if (!this._paused) {
+            this._duration = ms;
+        }
         this._remaining = ms;
-        this._endTs = Date.now() + ms;
-        this._timeoutId = setTimeout(() => this.onFinish.emit({ id: this.payload.id, el: this.el.nativeElement }), ms);
+        this._endTs = performance.now() + ms;
+        const bar = this.bar()?.nativeElement;
+        if (bar) {
+            bar.style.transition = `transform ${ms}ms linear`;
+            bar.style.transform = 'scaleX(1)';
+        }
+        this.animateProgress();
     }
     pauseTimer() {
-        if (!this._timeoutId)
-            return;
         this._paused = true;
-        clearTimeout(this._timeoutId);
-        this._remaining = Math.max(0, this._endTs - Date.now());
+        cancelAnimationFrame(this._rafId);
+        this._remaining = Math.max(0, this._endTs - performance.now());
+        const bar = this.bar()?.nativeElement;
+        if (bar) {
+            const matrix = getComputedStyle(bar).transform;
+            bar.style.transition = 'none';
+            bar.style.transform = matrix;
+        }
     }
     resumeTimer() {
-        if (!this._paused || this._remaining <= 0)
+        if (!this._paused || this._remaining <= 0) {
             return;
+        }
         this._paused = false;
         this.startTimer(this._remaining);
     }
+    clearTimer() {
+        cancelAnimationFrame(this._rafId);
+        this._rafId = 0;
+    }
+    animateProgress() {
+        const update = () => {
+            const remaining = Math.max(0, this._endTs - performance.now());
+            if (remaining <= 0) {
+                this.onFinish.emit({
+                    id: this.payload().id,
+                    el: this.el.nativeElement,
+                });
+                return;
+            }
+            this._rafId = requestAnimationFrame(update);
+        };
+        this._rafId = requestAnimationFrame(update);
+    }
     close(ev) {
         if (ev)
             ev.stopPropagation();
-        this.onClose.emit({ id: this.payload.id, el: this.el.nativeElement });
+        this.onClose.emit({ id: this.payload().id, el: this.el.nativeElement });
     }
     onMouseEnter() {
-        if (this.payload.options.pauseOnHover)
+        if (this.payload().options.pauseOnHover)
             this.pauseTimer();
     }
     onMouseLeave() {
-        if (this.payload.options.pauseOnHover)
+        if (this.payload().options.pauseOnHover)
             this.resumeTimer();
     }
+    onTap() {
+        if (this.payload().options.closeOnTap)
+            this.close();
+    }
     escapeHtml(input) {
+        if (!input)
+            return '';
         const div = this.doc.createElement('div');
         div.appendChild(this.doc.createTextNode(input));
-        return div.innerHTML;
+        return div.textContent;
     }
     ngOnDestroyCleanup() {
         this.clearTimer();
     }
-    clearTimer() {
-        if (this._timeoutId) {
-            clearTimeout(this._timeoutId);
-            this._timeoutId = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxPgNotificationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxPgNotificationComponent, isStandalone: true, selector: "ngx-notification", inputs: { payload: "payload", containerClass: "containerClass" }, outputs: { onClose: "onClose", onFinish: "onFinish" }, ngImport: i0, template: "<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload.type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  [attr.aria-live]=\"payload.type === 'error' || payload.type === 'warning' ? 'assertive' : 'polite'\"\n  [attr.data-id]=\"payload.id\">\n  <span [innerHTML]=\"safeMessage\"></span>\n  @if (payload.options.dismissible) {\n    <button class=\"ngx-close\" (click)=\"close($event)\" aria-label=\"close\">\u00D7</button>\n  }\n</div>\n", styles: [":host{display:block;margin:8px 0}.ngx-notify{min-width:240px;width:500px;max-width:100%;padding:14px 18px;border-radius:8px;box-shadow:0 10px 30px #00000014;font-family:Inter,Roboto,Arial,sans-serif;font-size:14px;text-align:center;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease;pointer-events:auto}.ngx-show{opacity:1;transform:translateY(0)}.ngx-notify-info{background:#0a78cc;color:#e8f3ff}.ngx-notify-success{background:#03bc50;color:#ebeceb}.ngx-notify-warning{background:#e28408;color:#fff4e5}.ngx-notify-error{background:#e7012b;color:#ffecec}.ngx-close{position:absolute;right:8px;top:6px;background:transparent;border:none;font-size:18px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxNotificationComponent, isStandalone: true, selector: "ngx-notification", inputs: { payload: { classPropertyName: "payload", publicName: "payload", isSignal: true, isRequired: true, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onFinish: "onFinish" }, viewQueries: [{ propertyName: "bar", first: true, predicate: ["bar"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload().type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (click)=\"onTap()\"\n  [attr.aria-live]=\"\n    payload().type === 'error' || payload().type === 'warning' ? 'assertive' : 'polite'\n  \"\n  [attr.data-id]=\"payload().id\">\n  <div class=\"ngx-notify-icon-container\">\n    <div class=\"ngx-notify-icon\">\n      @switch (payload().type) {\n        @case ('success') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z\" />\n          </svg>\n        }\n        @case ('error') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M180.7 180.7C186.9 174.4 197.1 174.4 203.3 180.7L256 233.4L308.7 180.7C314.9 174.4 325.1 174.4 331.3 180.7C337.6 186.9 337.6 197.1 331.3 203.3L278.6 255.1L331.3 308.7C337.6 314.9 337.6 325.1 331.3 331.3C325.1 337.6 314.9 337.6 308.7 331.3L256 278.6L203.3 331.3C197.1 337.6 186.9 337.6 180.7 331.3C174.4 325.1 174.4 314.9 180.7 308.7L233.4 255.1L180.7 203.3C174.4 197.1 174.4 186.9 180.7 180.7V180.7zM.0669 191.5C.0669 172.4 7.652 154.1 21.16 140.6L140.6 21.15C154.1 7.648 172.4 .0625 191.5 .0625H320.5C339.6 .0625 357.9 7.648 371.4 21.15L490.8 140.6C504.3 154.1 511.9 172.4 511.9 191.5V320.5C511.9 339.6 504.3 357.9 490.8 371.4L371.4 490.8C357.9 504.3 339.6 511.9 320.5 511.9H191.5C172.4 511.9 154.1 504.3 140.6 490.8L21.15 371.4C7.652 357.9 .0666 339.6 .0666 320.5L.0669 191.5zM43.78 163.2C36.28 170.7 32.07 180.9 32.07 191.5V320.5C32.07 331.1 36.28 341.3 43.78 348.8L163.2 468.2C170.7 475.7 180.9 479.9 191.5 479.9H320.5C331.1 479.9 341.3 475.7 348.8 468.2L468.2 348.8C475.7 341.3 479.9 331.1 479.9 320.5V191.5C479.9 180.9 475.7 170.7 468.2 163.2L348.8 43.78C341.3 36.28 331.1 32.06 320.5 32.06H191.5C180.9 32.06 170.7 36.28 163.2 43.78L43.78 163.2zM43.78 348.8L21.15 371.4z\" />\n          </svg>\n        }\n        @case ('warning') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z\" />\n          </svg>\n        }\n        @case ('info') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z\" />\n          </svg>\n        }\n      }\n    </div>\n  </div>\n\n  <div class=\"ngx-notify-content\">\n    <div class=\"ngx-notify-title\" [innerHTML]=\"safeMessage\"></div>\n    <div class=\"ngx-notify-description\" [innerHTML]=\"safeDescription\"></div>\n  </div>\n\n  @if (payload().options.dismissible) {\n    <div class=\"ngx-notify-close-container\">\n      <button class=\"ngx-notify-close\" (click)=\"close($event)\" aria-label=\"close\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n          <path\n            d=\"M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z\" />\n        </svg>\n      </button>\n    </div>\n  }\n\n  <div class=\"ngx-notify-progress\">\n    <div class=\"progress-bar\" #bar></div>\n  </div>\n</div>\n", styles: [":host{display:block;margin:8px 0;--ngx-notify-content-bg: light-dark(#ffffff, #000);--ngx-notify-content-fg: light-dark(#000, #fff)}.ngx-notify{display:flex;min-width:240px;width:500px;max-width:100%;border-radius:8px;box-shadow:0 0 30px #67666642;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease;pointer-events:auto;overflow:hidden}.ngx-notify-icon-container{width:60px;min-width:60px;display:flex;align-items:center;justify-content:center}.ngx-notify-icon-container .ngx-notify-icon{padding:15px}.ngx-notify-icon-container .ngx-notify-icon svg{width:100%;height:100%}.ngx-notify-content{background-color:var(--ngx-notify-content-bg);color:var(--ngx-notify-content-fg);padding:15px;border-radius:0 0 0 15px;flex:auto}.ngx-notify-content .ngx-notify-title{font-size:1rem}.ngx-notify-content .ngx-notify-description{opacity:.8;font-size:.8rem}.ngx-show{opacity:1;transform:translateY(0)}.ngx-notify-info{background:#1cacff;--var-ngx-progress-bar-bg: #1cacff;color:#e8f3ff}.ngx-notify-success{background:#54c999;--var-ngx-progress-bar-bg: #54c999;color:#ebeceb}.ngx-notify-warning{background:#ffb242;--var-ngx-progress-bar-bg: #ffb242;color:#ffecec}.ngx-notify-error{background:#ff3c39;--var-ngx-progress-bar-bg: #ff3c39;color:#ffecec}.ngx-notify-close-container{background-color:var(--ngx-notify-content-bg);color:var(--ngx-notify-content-fg);display:flex;align-items:center;justify-content:center}.ngx-notify-close-container .ngx-notify-close{background:transparent;border:none;width:22px;height:22px;line-height:0;margin:0 5px;cursor:pointer;transform:rotate(0);transition:transform .4s}.ngx-notify-close-container .ngx-notify-close:hover{transform:rotate(90deg)}.ngx-notify-progress{position:absolute;bottom:0;height:4px;left:60px;right:0;overflow:hidden}.ngx-notify-progress .progress-bar{background-color:var(--var-ngx-progress-bar-bg);height:100%;transform:scaleX(0);transform-origin:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxPgNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-notification', imports: [CommonModule], template: "<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload.type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  [attr.aria-live]=\"payload.type === 'error' || payload.type === 'warning' ? 'assertive' : 'polite'\"\n  [attr.data-id]=\"payload.id\">\n  <span [innerHTML]=\"safeMessage\"></span>\n  @if (payload.options.dismissible) {\n    <button class=\"ngx-close\" (click)=\"close($event)\" aria-label=\"close\">\u00D7</button>\n  }\n</div>\n", styles: [":host{display:block;margin:8px 0}.ngx-notify{min-width:240px;width:500px;max-width:100%;padding:14px 18px;border-radius:8px;box-shadow:0 10px 30px #00000014;font-family:Inter,Roboto,Arial,sans-serif;font-size:14px;text-align:center;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease;pointer-events:auto}.ngx-show{opacity:1;transform:translateY(0)}.ngx-notify-info{background:#0a78cc;color:#e8f3ff}.ngx-notify-success{background:#03bc50;color:#ebeceb}.ngx-notify-warning{background:#e28408;color:#fff4e5}.ngx-notify-error{background:#e7012b;color:#ffecec}.ngx-close{position:absolute;right:8px;top:6px;background:transparent;border:none;font-size:18px;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { payload: [{
-                type: Input
-            }], containerClass: [{
+            args: [{ selector: 'ngx-notification', imports: [CommonModule], template: "<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload().type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (click)=\"onTap()\"\n  [attr.aria-live]=\"\n    payload().type === 'error' || payload().type === 'warning' ? 'assertive' : 'polite'\n  \"\n  [attr.data-id]=\"payload().id\">\n  <div class=\"ngx-notify-icon-container\">\n    <div class=\"ngx-notify-icon\">\n      @switch (payload().type) {\n        @case ('success') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z\" />\n          </svg>\n        }\n        @case ('error') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M180.7 180.7C186.9 174.4 197.1 174.4 203.3 180.7L256 233.4L308.7 180.7C314.9 174.4 325.1 174.4 331.3 180.7C337.6 186.9 337.6 197.1 331.3 203.3L278.6 255.1L331.3 308.7C337.6 314.9 337.6 325.1 331.3 331.3C325.1 337.6 314.9 337.6 308.7 331.3L256 278.6L203.3 331.3C197.1 337.6 186.9 337.6 180.7 331.3C174.4 325.1 174.4 314.9 180.7 308.7L233.4 255.1L180.7 203.3C174.4 197.1 174.4 186.9 180.7 180.7V180.7zM.0669 191.5C.0669 172.4 7.652 154.1 21.16 140.6L140.6 21.15C154.1 7.648 172.4 .0625 191.5 .0625H320.5C339.6 .0625 357.9 7.648 371.4 21.15L490.8 140.6C504.3 154.1 511.9 172.4 511.9 191.5V320.5C511.9 339.6 504.3 357.9 490.8 371.4L371.4 490.8C357.9 504.3 339.6 511.9 320.5 511.9H191.5C172.4 511.9 154.1 504.3 140.6 490.8L21.15 371.4C7.652 357.9 .0666 339.6 .0666 320.5L.0669 191.5zM43.78 163.2C36.28 170.7 32.07 180.9 32.07 191.5V320.5C32.07 331.1 36.28 341.3 43.78 348.8L163.2 468.2C170.7 475.7 180.9 479.9 191.5 479.9H320.5C331.1 479.9 341.3 475.7 348.8 468.2L468.2 348.8C475.7 341.3 479.9 331.1 479.9 320.5V191.5C479.9 180.9 475.7 170.7 468.2 163.2L348.8 43.78C341.3 36.28 331.1 32.06 320.5 32.06H191.5C180.9 32.06 170.7 36.28 163.2 43.78L43.78 163.2zM43.78 348.8L21.15 371.4z\" />\n          </svg>\n        }\n        @case ('warning') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z\" />\n          </svg>\n        }\n        @case ('info') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z\" />\n          </svg>\n        }\n      }\n    </div>\n  </div>\n\n  <div class=\"ngx-notify-content\">\n    <div class=\"ngx-notify-title\" [innerHTML]=\"safeMessage\"></div>\n    <div class=\"ngx-notify-description\" [innerHTML]=\"safeDescription\"></div>\n  </div>\n\n  @if (payload().options.dismissible) {\n    <div class=\"ngx-notify-close-container\">\n      <button class=\"ngx-notify-close\" (click)=\"close($event)\" aria-label=\"close\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n          <path\n            d=\"M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z\" />\n        </svg>\n      </button>\n    </div>\n  }\n\n  <div class=\"ngx-notify-progress\">\n    <div class=\"progress-bar\" #bar></div>\n  </div>\n</div>\n", styles: [":host{display:block;margin:8px 0;--ngx-notify-content-bg: light-dark(#ffffff, #000);--ngx-notify-content-fg: light-dark(#000, #fff)}.ngx-notify{display:flex;min-width:240px;width:500px;max-width:100%;border-radius:8px;box-shadow:0 0 30px #67666642;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease;pointer-events:auto;overflow:hidden}.ngx-notify-icon-container{width:60px;min-width:60px;display:flex;align-items:center;justify-content:center}.ngx-notify-icon-container .ngx-notify-icon{padding:15px}.ngx-notify-icon-container .ngx-notify-icon svg{width:100%;height:100%}.ngx-notify-content{background-color:var(--ngx-notify-content-bg);color:var(--ngx-notify-content-fg);padding:15px;border-radius:0 0 0 15px;flex:auto}.ngx-notify-content .ngx-notify-title{font-size:1rem}.ngx-notify-content .ngx-notify-description{opacity:.8;font-size:.8rem}.ngx-show{opacity:1;transform:translateY(0)}.ngx-notify-info{background:#1cacff;--var-ngx-progress-bar-bg: #1cacff;color:#e8f3ff}.ngx-notify-success{background:#54c999;--var-ngx-progress-bar-bg: #54c999;color:#ebeceb}.ngx-notify-warning{background:#ffb242;--var-ngx-progress-bar-bg: #ffb242;color:#ffecec}.ngx-notify-error{background:#ff3c39;--var-ngx-progress-bar-bg: #ff3c39;color:#ffecec}.ngx-notify-close-container{background-color:var(--ngx-notify-content-bg);color:var(--ngx-notify-content-fg);display:flex;align-items:center;justify-content:center}.ngx-notify-close-container .ngx-notify-close{background:transparent;border:none;width:22px;height:22px;line-height:0;margin:0 5px;cursor:pointer;transform:rotate(0);transition:transform .4s}.ngx-notify-close-container .ngx-notify-close:hover{transform:rotate(90deg)}.ngx-notify-progress{position:absolute;bottom:0;height:4px;left:60px;right:0;overflow:hidden}.ngx-notify-progress .progress-bar{background-color:var(--var-ngx-progress-bar-bg);height:100%;transform:scaleX(0);transform-origin:left}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { payload: [{ type: i0.Input, args: [{ isSignal: true, alias: "payload", required: true }] }], containerClass: [{
                 type: Input
-            }], onClose: [{ type: i0.Output, args: ["onClose"] }], onFinish: [{ type: i0.Output, args: ["onFinish"] }] } });
+            }], bar: [{ type: i0.ViewChild, args: ['bar', { isSignal: true }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onFinish: [{ type: i0.Output, args: ["onFinish"] }] } });
 
 // We'll include a tiny inline uuid fallback if uuid package is not available
 function makeId() {
@@ -154,50 +195,68 @@ class NgxNotifyService {
     defaultOptions = inject(NGX_NOTIFY_CONFIG);
     constructor() { }
     configureContainer(position, containerClass) {
-        if (this.container)
-            return; // created already
-        const container = this.doc.createElement('div');
-        container.className = containerClass + ' ngx-notify-container ' + `ngx-pos-${position}`;
-        container.style.position = 'fixed';
-        container.style.zIndex = '99999';
+        if (!this.container) {
+            this.container = this.doc.createElement('div');
+            this.doc.body.appendChild(this.container);
+        }
+        this.container.className = containerClass + ' ngx-notify-container ' + `ngx-pos-${position}`;
+        this.container.style.position = 'fixed';
+        this.container.style.zIndex = '99999';
         // center special
         if (position === 'center') {
-            container.style.left = '50%';
-            container.style.top = '50%';
-            container.style.transform = 'translate(-50%,-50%)';
-            container.style.display = 'flex';
-            container.style.flexDirection = 'column';
-            container.style.alignItems = 'center';
-            container.style.pointerEvents = 'none';
+            this.container.style.left = '50%';
+            this.container.style.top = '50%';
+            this.container.style.transform = 'translate(-50%,-50%)';
+            this.container.style.display = 'flex';
+            this.container.style.flexDirection = 'column';
+            this.container.style.alignItems = 'center';
+            this.container.style.pointerEvents = 'none';
         }
         else {
             if (position?.includes('center')) {
-                container.style.left = '50%';
-                container.style.transform = 'translateX(-50%)';
+                this.container.style.left = '50%';
+                this.container.style.transform = 'translateX(-50%)';
+            }
+            else {
+                this.container.style.transform = 'translateX(0)';
             }
             // corners
-            if (position?.includes('top'))
-                container.style.top = '20px';
-            else
-                container.style.bottom = '20px';
-            if (position?.includes('left'))
-                container.style.left = '20px';
+            if (position?.includes('top')) {
+                this.container.style.top = '20px';
+            }
+            else {
+                this.container.style.bottom = '20px';
+            }
+            if (position?.includes('left')) {
+                this.container.style.left = '20px';
+                this.container.style.right = 'auto';
+            }
+            if (position?.includes('right')) {
+                this.container.style.right = '20px';
+                this.container.style.left = 'auto';
+            }
             //  else container.style.right = '20px';
-            container.style.display = 'flex';
-            container.style.flexDirection = 'column';
+            this.container.style.display = 'flex';
+            this.container.style.flexDirection = 'column';
             if (position?.includes('bottom'))
-                container.style.flexDirection = 'column-reverse';
-            container.style.pointerEvents = 'none';
+                this.container.style.flexDirection = 'column-reverse';
+            this.container.style.pointerEvents = 'none';
         }
-        this.doc.body.appendChild(container);
-        this.container = container;
     }
-    show(message, type = 'info', options) {
+    show(message, description, type = 'info', options) {
         const opts = { ...this.defaultOptions, ...(options || {}) };
         const id = typeof this.win.crypto?.randomUUID === 'function'
             ? this.win.crypto.randomUUID()
             : makeId();
-        const payload = { id, message, type, options: opts };
+        const payload = {
+            id,
+            message,
+            description,
+            type,
+            options: opts,
+            onClose: new EventEmitter(),
+            onFinish: new EventEmitter(),
+        };
         this.configureContainer(opts.position, opts.containerClass);
         // queue or show immediately
         if (this.visible.length >= opts.maxVisible) {
@@ -206,19 +265,27 @@ class NgxNotifyService {
         else {
             this._createAndShow(payload);
         }
+        return payload;
     }
     _createAndShow(payload) {
         if (!this.container)
             this.configureContainer(payload.options.position, payload.options.containerClass);
         const host = document.createElement('div');
         this.container.appendChild(host);
-        const compRef = createComponent(NgxPgNotificationComponent, {
+        const compRef = createComponent(NgxNotificationComponent, {
             environmentInjector: this.envInjector,
             hostElement: host,
         });
-        compRef.instance.payload = payload;
-        compRef.instance.onClose.subscribe((d) => this.removeEl(d));
-        compRef.instance.onFinish.subscribe((d) => this.removeEl(d));
+        compRef.setInput('payload', payload);
+        compRef.instance.onClose.subscribe((d) => {
+            this.removeEl(d);
+            payload.onClose.emit(d);
+        });
+        compRef.instance.onFinish.subscribe((d) => {
+            this.removeEl(d);
+            payload.onFinish.emit(d);
+            payload.onClose.emit(d);
+        });
         // Registers the component’s view so it participates in change detection cycle.
         this.appRef.attachView(compRef.hostView);
         // store visible
@@ -288,5 +355,5 @@ function provideNotify(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { Notify, provideNotify };
+export { NGX_NOTIFY_API, NGX_NOTIFY_CONFIG, NGX_NOTIFY_DEFAULTS, NgxNotificationComponent, Notify, provideNotify };
 //# sourceMappingURL=ngx-kit-notify.mjs.map

package/fesm2022/ngx-kit-notify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-kit-notify.mjs","sources":["../../../projects/libs/notify/models/notify-config.ts","../../../projects/libs/notify/notify-facade.ts","../../../projects/libs/notify/components/notification.component.ts","../../../projects/libs/notify/components/notification.component.html","../../../projects/libs/notify/services/notify.service.ts","../../../projects/libs/notify/notify-provider.ts","../../../projects/libs/notify/ngx-kit-notify.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgxNotifyOptions } from './notify-options';\nimport { NgxNotifyService } from '../services/notify.service';\n\nexport const NGX_NOTIFY_CONFIG = new InjectionToken<NgxNotifyOptions>('NgxNotifyOption');\nexport const NGX_NOTIFY_API = new InjectionToken<NgxNotifyService>('NgxNotifyService');\n\nexport const NGX_NOTIFY_DEFAULTS: Required<NgxNotifyOptions> = {\n  timeout: 3000,\n  position: 'top-center',\n  maxVisible: 10,\n  allowHtml: false,\n  pauseOnHover: true,\n  dismissible: true,\n  containerClass: 'ngx-bg-notify',\n  notificationClass: 'ngx-notify',\n};\n","import { Injector } from '@angular/core';\nimport { NgxNotifyOptions } from './models/notify-options';\nimport { NGX_NOTIFY_API } from './models/notify-config';\n\n/**\n * Static facade so call sites can use: Notify.warn('msg', opts)\n * Module will set the service instance in its constructor.\n */\nexport class Notify {\n  static injector: Injector;\n\n  static show(\n    message: string,\n    type: 'info' | 'success' | 'warning' | 'error' = 'info',\n    options?: NgxNotifyOptions,\n  ) {\n    if (!Notify.injector) {\n      console.error(\n        'ngx-notify: Error on EnvironmentProvider. Ensure \"provideNotify()\" in root provider.',\n      );\n      return;\n    }\n    Notify.injector.get(NGX_NOTIFY_API).show(message, type, options);\n  }\n\n  static info(message: string, options?: NgxNotifyOptions) {\n    this.show(message, 'info', options);\n  }\n  static success(message: string, options?: NgxNotifyOptions) {\n    this.show(message, 'success', options);\n  }\n  static warning(message: string, options?: NgxNotifyOptions) {\n    this.show(message, 'warning', options);\n  }\n  static error(message: string, options?: NgxNotifyOptions) {\n    this.show(message, 'error', options);\n  }\n}\n","import {\n  Component,\n  OnInit,\n  OnDestroy,\n  Input,\n  ChangeDetectorRef,\n  DOCUMENT,\n  inject,\n  ElementRef,\n  Renderer2,\n  afterNextRender,\n  signal,\n  output,\n} from '@angular/core';\nimport { INotifyEnd, NgxNotifyPayload } from '../models/notify.model';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'ngx-notification',\n  templateUrl: './notification.component.html',\n  styleUrls: ['./notification.component.scss'],\n  imports: [CommonModule],\n})\nexport class NgxPgNotificationComponent implements OnInit, OnDestroy {\n  @Input() payload!: NgxNotifyPayload;\n  @Input() containerClass = 'ngx-notify';\n\n  onClose = output<INotifyEnd>();\n  onFinish = output<INotifyEnd>();\n\n  private _timeoutId: any = null;\n  private _remaining = 0;\n  private _endTs = 0;\n  private _paused = false;\n\n  safeMessage = '';\n  showClass = signal('');\n  private doc = inject(DOCUMENT);\n  private el = inject(ElementRef);\n  constructor(private cdr: ChangeDetectorRef) {\n    afterNextRender(() => {\n      this.showClass.set('ngx-show');\n    });\n  }\n\n  ngOnInit(): void {\n    // decide how to render message\n    if (this.payload.options.allowHtml) {\n      this.safeMessage = this.payload.message;\n    } else {\n      this.safeMessage = this.escapeHtml(this.payload.message);\n    }\n\n    if (this.payload.options.timeout && this.payload.options.timeout > 0) {\n      this.startTimer(this.payload.options.timeout);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.clearTimer();\n  }\n\n  // Public API to start timer (used by service when created)\n  startTimer(ms: number) {\n    this.clearTimer();\n    this._remaining = ms;\n    this._endTs = Date.now() + ms;\n    this._timeoutId = setTimeout(\n      () => this.onFinish.emit({ id: this.payload.id, el: this.el.nativeElement }),\n      ms,\n    );\n  }\n  pauseTimer() {\n    if (!this._timeoutId) return;\n    this._paused = true;\n    clearTimeout(this._timeoutId);\n    this._remaining = Math.max(0, this._endTs - Date.now());\n  }\n\n  resumeTimer() {\n    if (!this._paused || this._remaining <= 0) return;\n    this._paused = false;\n    this.startTimer(this._remaining);\n  }\n\n  close(ev?: Event) {\n    if (ev) ev.stopPropagation();\n    this.onClose.emit({ id: this.payload.id, el: this.el.nativeElement });\n  }\n\n  onMouseEnter() {\n    if (this.payload.options.pauseOnHover) this.pauseTimer();\n  }\n  onMouseLeave() {\n    if (this.payload.options.pauseOnHover) this.resumeTimer();\n  }\n\n  escapeHtml(input: string) {\n    const div = this.doc.createElement('div');\n    div.appendChild(this.doc.createTextNode(input));\n    return div.innerHTML;\n  }\n\n  ngOnDestroyCleanup() {\n    this.clearTimer();\n  }\n\n  private clearTimer() {\n    if (this._timeoutId) {\n      clearTimeout(this._timeoutId);\n      this._timeoutId = null;\n    }\n  }\n}\n","<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload.type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  [attr.aria-live]=\"payload.type === 'error' || payload.type === 'warning' ? 'assertive' : 'polite'\"\n  [attr.data-id]=\"payload.id\">\n  <span [innerHTML]=\"safeMessage\"></span>\n  @if (payload.options.dismissible) {\n    <button class=\"ngx-close\" (click)=\"close($event)\" aria-label=\"close\">×</button>\n  }\n</div>\n","import {\n  Injectable,\n  ComponentRef,\n  DOCUMENT,\n  inject,\n  createComponent,\n  Injector,\n  EnvironmentInjector,\n  ApplicationRef,\n} from '@angular/core';\nimport { NgxNotifyOptions } from '../models/notify-options';\nimport { INotifyEnd, NgxNotifyPayload, NgxPgNotifyType } from '../models/notify.model';\nimport { WINDOW } from 'ngx-kit/shared';\nimport { NGX_NOTIFY_CONFIG } from '../models/notify-config';\nimport { NgxPgNotificationComponent } from '../components/notification.component';\n\n// We'll include a tiny inline uuid fallback if uuid package is not available\nfunction makeId() {\n  // simple random id\n  return 'n_' + Math.random().toString(36).substr(2, 9);\n}\n\n@Injectable({ providedIn: 'root' })\nexport class NgxNotifyService {\n  private queue: NgxNotifyPayload[] = [];\n  private visible: { ref: ComponentRef<any>; payload: NgxNotifyPayload }[] = [];\n  private container: HTMLElement | null = null;\n\n  private envInjector = inject(EnvironmentInjector);\n  private appRef = inject(ApplicationRef);\n  private doc = inject(DOCUMENT);\n  private win = inject(WINDOW);\n  private defaultOptions = inject(NGX_NOTIFY_CONFIG);\n  constructor() {}\n\n  configureContainer(position: NgxNotifyOptions['position'], containerClass: string) {\n    if (this.container) return; // created already\n\n    const container = this.doc.createElement('div');\n    container.className = containerClass + ' ngx-notify-container ' + `ngx-pos-${position}`;\n    container.style.position = 'fixed';\n    container.style.zIndex = '99999';\n\n    // center special\n    if (position === 'center') {\n      container.style.left = '50%';\n      container.style.top = '50%';\n      container.style.transform = 'translate(-50%,-50%)';\n      container.style.display = 'flex';\n      container.style.flexDirection = 'column';\n      container.style.alignItems = 'center';\n      container.style.pointerEvents = 'none';\n    } else {\n      if (position?.includes('center')) {\n        container.style.left = '50%';\n        container.style.transform = 'translateX(-50%)';\n      }\n      // corners\n      if (position?.includes('top')) container.style.top = '20px';\n      else container.style.bottom = '20px';\n      if (position?.includes('left')) container.style.left = '20px';\n      //  else container.style.right = '20px';\n      container.style.display = 'flex';\n      container.style.flexDirection = 'column';\n      if (position?.includes('bottom')) container.style.flexDirection = 'column-reverse';\n      container.style.pointerEvents = 'none';\n    }\n\n    this.doc.body.appendChild(container);\n    this.container = container;\n  }\n\n  show(message: string, type: NgxPgNotifyType = 'info', options?: NgxNotifyOptions) {\n    const opts: NgxNotifyOptions = { ...this.defaultOptions, ...(options || {}) };\n    const id =\n      typeof (this.win as any).crypto?.randomUUID === 'function'\n        ? (this.win as any).crypto.randomUUID()\n        : makeId();\n\n    const payload: NgxNotifyPayload = { id, message, type, options: opts };\n\n    this.configureContainer(opts.position!, opts.containerClass!);\n\n    // queue or show immediately\n    if (this.visible.length >= opts.maxVisible!) {\n      this.queue.push(payload);\n    } else {\n      this._createAndShow(payload);\n    }\n  }\n\n  private _createAndShow(payload: NgxNotifyPayload) {\n    if (!this.container)\n      this.configureContainer(payload.options.position!, payload.options.containerClass!);\n    const host = document.createElement('div');\n    this.container!.appendChild(host);\n\n    const compRef = createComponent(NgxPgNotificationComponent, {\n      environmentInjector: this.envInjector,\n      hostElement: host,\n    });\n    compRef.instance.payload = payload;\n    compRef.instance.onClose.subscribe((d) => this.removeEl(d));\n    compRef.instance.onFinish.subscribe((d) => this.removeEl(d));\n\n    // Registers the component’s view so it participates in change detection cycle.\n    this.appRef.attachView(compRef.hostView);\n    // store visible\n    this.visible.push({ ref: compRef, payload });\n  }\n  private removeNode(node: HTMLElement, id: string) {\n    node.style.opacity = '0';\n    node.style.transform = 'translateY(-30px)';\n    node.style.transition = 'all 300ms';\n    setTimeout(() => {\n      const item = this.visible.find((x) => x.payload.id === id);\n      if (item) {\n        this.appRef.attachView(item.ref.hostView);\n        item.ref.destroy();\n      }\n      this.visible = this.visible.filter((v) => v.payload.id !== id);\n      // show next in queue\n      this._showNextIfPossible();\n    }, 300);\n  }\n\n  private removeEl(d: INotifyEnd) {\n    if (d.el) this.removeNode(d.el, d.id);\n    else {\n      // if in queue remove it\n      this.queue = this.queue.filter((q) => q.id !== d.id);\n    }\n  }\n\n  private _showNextIfPossible() {\n    if (!this.queue.length) return;\n    const next = this.queue.shift()!;\n    // ensure we don't exceed maxVisible\n    if (this.visible.length < next.options.maxVisible!) {\n      this._createAndShow(next);\n    } else {\n      // push back\n      this.queue.unshift(next);\n    }\n  }\n}\n","import {\r\n  EnvironmentProviders,\r\n  inject,\r\n  Injector,\r\n  makeEnvironmentProviders,\r\n  provideEnvironmentInitializer,\r\n} from '@angular/core';\r\nimport { NGX_NOTIFY_API, NGX_NOTIFY_CONFIG, NGX_NOTIFY_DEFAULTS } from './models/notify-config';\r\nimport { NgxNotifyOptions } from './models/notify-options';\r\nimport { Notify as NotifyFacade } from './notify-facade';\r\nimport { NgxNotifyService } from './services/notify.service';\r\nexport function provideNotify(options?: NgxNotifyOptions): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    {\r\n      provide: NGX_NOTIFY_CONFIG,\r\n      useValue: { ...NGX_NOTIFY_DEFAULTS, ...(options || {}) },\r\n    },\r\n    {\r\n      provide: NGX_NOTIFY_API,\r\n      useExisting: NgxNotifyService,\r\n    },\r\n    provideEnvironmentInitializer(() => {\r\n      NotifyFacade.injector = inject(Injector);\r\n    }),\r\n  ]);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NotifyFacade"],"mappings":"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"}
+{"version":3,"file":"ngx-kit-notify.mjs","sources":["../../../projects/libs/notify/models/notify-config.ts","../../../projects/libs/notify/notify-facade.ts","../../../projects/libs/notify/components/notification.component.ts","../../../projects/libs/notify/components/notification.component.html","../../../projects/libs/notify/services/notify.service.ts","../../../projects/libs/notify/notify-provider.ts","../../../projects/libs/notify/ngx-kit-notify.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgxNotifyOptions } from './notify-options';\nimport { NgxNotifyService } from '../services/notify.service';\n\nexport const NGX_NOTIFY_CONFIG = new InjectionToken<NgxNotifyOptions>('NgxNotifyOption');\nexport const NGX_NOTIFY_API = new InjectionToken<NgxNotifyService>('NgxNotifyService');\n\nexport const NGX_NOTIFY_DEFAULTS: Required<NgxNotifyOptions> = {\n  timeout: 3000,\n  position: 'top-center',\n  maxVisible: 10,\n  allowHtml: false,\n  pauseOnHover: true,\n  dismissible: true,\n  closeOnTap: true,\n  containerClass: 'ngx-bg-notify',\n  notificationClass: 'ngx-notify',\n};\n","import { Injector } from '@angular/core';\nimport { NgxNotifyOptions } from './models/notify-options';\nimport { NGX_NOTIFY_API } from './models/notify-config';\nimport { NgxNotifyPayload } from './models/notify.model';\n\n/**\n * Static facade so call sites can use: Notify.warn('msg', opts)\n * Module will set the service instance in its constructor.\n */\nexport class Notify {\n  static injector: Injector;\n\n  static show(\n    type: 'info' | 'success' | 'warning' | 'error' = 'info',\n    message: string,\n    description?: string,\n    options?: NgxNotifyOptions,\n  ): NgxNotifyPayload {\n    if (!Notify.injector) {\n      throw new Error(\n        'ngx-notify: Error on EnvironmentProvider. Ensure \"provideNotify()\" in root provider.',\n      );\n    }\n    return Notify.injector.get(NGX_NOTIFY_API).show(message, description, type, options);\n  }\n\n  static info(message: string, description?: string, options?: NgxNotifyOptions) {\n    return this.show('info', message, description, options);\n  }\n\n  static success(message: string, description?: string, options?: NgxNotifyOptions) {\n    return this.show('success', message, description, options);\n  }\n  static warning(message: string, description?: string, options?: NgxNotifyOptions) {\n    return this.show('warning', message, description, options);\n  }\n  static error(message: string, description?: string, options?: NgxNotifyOptions) {\n    return this.show('error', message, description, options);\n  }\n}\n","import {\n  Component,\n  OnInit,\n  OnDestroy,\n  Input,\n  ChangeDetectorRef,\n  DOCUMENT,\n  inject,\n  ElementRef,\n  afterNextRender,\n  signal,\n  output,\n  input,\n  effect,\n  viewChild,\n} from '@angular/core';\nimport { INotifyEnd, NgxNotifyPayload } from '../models/notify.model';\nimport { CommonModule } from '@angular/common';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n  selector: 'ngx-notification',\n  templateUrl: './notification.component.html',\n  styleUrls: ['./notification.component.scss'],\n  imports: [CommonModule],\n})\nexport class NgxNotificationComponent implements OnInit, OnDestroy {\n  payload = input.required<NgxNotifyPayload>();\n  @Input() containerClass = 'ngx-notify';\n\n  bar = viewChild<ElementRef<HTMLElement>>('bar');\n  onClose = output<INotifyEnd>();\n  onFinish = output<INotifyEnd>();\n\n  private _rafId = 0;\n  private _duration = 0;\n  private _remaining = 0;\n  private _endTs = 0;\n  private _paused = false;\n\n  safeMessage: SafeHtml | string = '';\n  safeDescription: SafeHtml | string = '';\n  showClass = signal('');\n  protected doc = inject(DOCUMENT);\n  protected el = inject(ElementRef);\n  protected sanitizer = inject(DomSanitizer);\n  protected chdr = inject(ChangeDetectorRef);\n  constructor() {\n    afterNextRender(() => {\n      this.showClass.set('ngx-show');\n      this.chdr.detectChanges();\n    });\n    effect(() => {\n      const payload = this.payload();\n\n      // decide how to render message\n      if (payload.options.allowHtml) {\n        this.safeMessage = this.sanitizer.bypassSecurityTrustHtml(payload.message);\n        this.safeDescription = this.sanitizer.bypassSecurityTrustHtml(payload.description ?? '');\n      } else {\n        this.safeMessage = this.escapeHtml(payload.message);\n        this.safeDescription = this.escapeHtml(payload.description);\n      }\n    });\n    effect(() => {\n      const timeout = this.payload().options.timeout ?? 0;\n      this.startTimer(timeout);\n    });\n  }\n\n  ngOnInit(): void {}\n\n  ngOnDestroy(): void {\n    this.clearTimer();\n  }\n\n  // Public API to start timer (used by service when created)\n  startTimer(ms: number) {\n    this.clearTimer();\n\n    if (!this._paused) {\n      this._duration = ms;\n    }\n    this._remaining = ms;\n    this._endTs = performance.now() + ms;\n\n    const bar = this.bar()?.nativeElement;\n    if (bar) {\n      bar.style.transition = `transform ${ms}ms linear`;\n      bar.style.transform = 'scaleX(1)';\n    }\n\n    this.animateProgress();\n  }\n  pauseTimer() {\n    this._paused = true;\n    cancelAnimationFrame(this._rafId);\n    this._remaining = Math.max(0, this._endTs - performance.now());\n    const bar = this.bar()?.nativeElement;\n    if (bar) {\n      const matrix = getComputedStyle(bar).transform;\n      bar.style.transition = 'none';\n      bar.style.transform = matrix;\n    }\n  }\n\n  resumeTimer() {\n    if (!this._paused || this._remaining <= 0) {\n      return;\n    }\n\n    this._paused = false;\n\n    this.startTimer(this._remaining);\n  }\n\n  private clearTimer() {\n    cancelAnimationFrame(this._rafId);\n    this._rafId = 0;\n  }\n\n  private animateProgress() {\n    const update = () => {\n      const remaining = Math.max(0, this._endTs - performance.now());\n      if (remaining <= 0) {\n        this.onFinish.emit({\n          id: this.payload().id,\n          el: this.el.nativeElement,\n        });\n        return;\n      }\n\n      this._rafId = requestAnimationFrame(update);\n    };\n\n    this._rafId = requestAnimationFrame(update);\n  }\n\n  close(ev?: Event) {\n    if (ev) ev.stopPropagation();\n    this.onClose.emit({ id: this.payload().id, el: this.el.nativeElement });\n  }\n\n  onMouseEnter() {\n    if (this.payload().options.pauseOnHover) this.pauseTimer();\n  }\n  onMouseLeave() {\n    if (this.payload().options.pauseOnHover) this.resumeTimer();\n  }\n  onTap() {\n    if (this.payload().options.closeOnTap) this.close();\n  }\n\n  escapeHtml(input?: string) {\n    if (!input) return '';\n    const div = this.doc.createElement('div');\n    div.appendChild(this.doc.createTextNode(input));\n    return div.textContent;\n  }\n\n  ngOnDestroyCleanup() {\n    this.clearTimer();\n  }\n}\n","<div\n  class=\"{{ containerClass }} {{ containerClass }}-{{ payload().type }} {{ showClass() }}\"\n  role=\"status\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (click)=\"onTap()\"\n  [attr.aria-live]=\"\n    payload().type === 'error' || payload().type === 'warning' ? 'assertive' : 'polite'\n  \"\n  [attr.data-id]=\"payload().id\">\n  <div class=\"ngx-notify-icon-container\">\n    <div class=\"ngx-notify-icon\">\n      @switch (payload().type) {\n        @case ('success') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z\" />\n          </svg>\n        }\n        @case ('error') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M180.7 180.7C186.9 174.4 197.1 174.4 203.3 180.7L256 233.4L308.7 180.7C314.9 174.4 325.1 174.4 331.3 180.7C337.6 186.9 337.6 197.1 331.3 203.3L278.6 255.1L331.3 308.7C337.6 314.9 337.6 325.1 331.3 331.3C325.1 337.6 314.9 337.6 308.7 331.3L256 278.6L203.3 331.3C197.1 337.6 186.9 337.6 180.7 331.3C174.4 325.1 174.4 314.9 180.7 308.7L233.4 255.1L180.7 203.3C174.4 197.1 174.4 186.9 180.7 180.7V180.7zM.0669 191.5C.0669 172.4 7.652 154.1 21.16 140.6L140.6 21.15C154.1 7.648 172.4 .0625 191.5 .0625H320.5C339.6 .0625 357.9 7.648 371.4 21.15L490.8 140.6C504.3 154.1 511.9 172.4 511.9 191.5V320.5C511.9 339.6 504.3 357.9 490.8 371.4L371.4 490.8C357.9 504.3 339.6 511.9 320.5 511.9H191.5C172.4 511.9 154.1 504.3 140.6 490.8L21.15 371.4C7.652 357.9 .0666 339.6 .0666 320.5L.0669 191.5zM43.78 163.2C36.28 170.7 32.07 180.9 32.07 191.5V320.5C32.07 331.1 36.28 341.3 43.78 348.8L163.2 468.2C170.7 475.7 180.9 479.9 191.5 479.9H320.5C331.1 479.9 341.3 475.7 348.8 468.2L468.2 348.8C475.7 341.3 479.9 331.1 479.9 320.5V191.5C479.9 180.9 475.7 170.7 468.2 163.2L348.8 43.78C341.3 36.28 331.1 32.06 320.5 32.06H191.5C180.9 32.06 170.7 36.28 163.2 43.78L43.78 163.2zM43.78 348.8L21.15 371.4z\" />\n          </svg>\n        }\n        @case ('warning') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z\" />\n          </svg>\n        }\n        @case ('info') {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              fill=\"currentColor\"\n              d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z\" />\n          </svg>\n        }\n      }\n    </div>\n  </div>\n\n  <div class=\"ngx-notify-content\">\n    <div class=\"ngx-notify-title\" [innerHTML]=\"safeMessage\"></div>\n    <div class=\"ngx-notify-description\" [innerHTML]=\"safeDescription\"></div>\n  </div>\n\n  @if (payload().options.dismissible) {\n    <div class=\"ngx-notify-close-container\">\n      <button class=\"ngx-notify-close\" (click)=\"close($event)\" aria-label=\"close\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n          <path\n            d=\"M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z\" />\n        </svg>\n      </button>\n    </div>\n  }\n\n  <div class=\"ngx-notify-progress\">\n    <div class=\"progress-bar\" #bar></div>\n  </div>\n</div>\n","import {\n  Injectable,\n  ComponentRef,\n  DOCUMENT,\n  inject,\n  createComponent,\n  EnvironmentInjector,\n  ApplicationRef,\n  EventEmitter,\n} from '@angular/core';\nimport { NgxNotifyOptions } from '../models/notify-options';\nimport { INotifyEnd, NgxNotifyPayload, NgxNotifyType } from '../models/notify.model';\nimport { WINDOW } from 'ngx-kit/shared';\nimport { NGX_NOTIFY_CONFIG } from '../models/notify-config';\nimport { NgxNotificationComponent } from '../components/notification.component';\n\n// We'll include a tiny inline uuid fallback if uuid package is not available\nfunction makeId() {\n  // simple random id\n  return 'n_' + Math.random().toString(36).substr(2, 9);\n}\n\n@Injectable({ providedIn: 'root' })\nexport class NgxNotifyService {\n  private queue: NgxNotifyPayload[] = [];\n  private visible: { ref: ComponentRef<any>; payload: NgxNotifyPayload }[] = [];\n  private container: HTMLElement | null = null;\n\n  private envInjector = inject(EnvironmentInjector);\n  private appRef = inject(ApplicationRef);\n  private doc = inject(DOCUMENT);\n  private win = inject(WINDOW);\n  private defaultOptions = inject(NGX_NOTIFY_CONFIG);\n  constructor() {}\n\n  configureContainer(position: NgxNotifyOptions['position'], containerClass: string) {\n    if (!this.container) {\n      this.container = this.doc.createElement('div');\n      this.doc.body.appendChild(this.container);\n    }\n\n    this.container.className = containerClass + ' ngx-notify-container ' + `ngx-pos-${position}`;\n    this.container.style.position = 'fixed';\n    this.container.style.zIndex = '99999';\n\n    // center special\n    if (position === 'center') {\n      this.container.style.left = '50%';\n      this.container.style.top = '50%';\n      this.container.style.transform = 'translate(-50%,-50%)';\n      this.container.style.display = 'flex';\n      this.container.style.flexDirection = 'column';\n      this.container.style.alignItems = 'center';\n      this.container.style.pointerEvents = 'none';\n    } else {\n      if (position?.includes('center')) {\n        this.container.style.left = '50%';\n        this.container.style.transform = 'translateX(-50%)';\n      } else {\n        this.container.style.transform = 'translateX(0)';\n      }\n      // corners\n      if (position?.includes('top')) {\n        this.container.style.top = '20px';\n      } else {\n        this.container.style.bottom = '20px';\n      }\n      if (position?.includes('left')) {\n        this.container.style.left = '20px';\n        this.container.style.right = 'auto';\n      }\n      if (position?.includes('right')) {\n        this.container.style.right = '20px';\n        this.container.style.left = 'auto';\n      }\n      //  else container.style.right = '20px';\n      this.container.style.display = 'flex';\n      this.container.style.flexDirection = 'column';\n      if (position?.includes('bottom')) this.container.style.flexDirection = 'column-reverse';\n      this.container.style.pointerEvents = 'none';\n    }\n  }\n\n  show(\n    message: string,\n    description?: string,\n    type: NgxNotifyType = 'info',\n    options?: NgxNotifyOptions,\n  ) {\n    const opts: NgxNotifyOptions = { ...this.defaultOptions, ...(options || {}) };\n    const id =\n      typeof (this.win as any).crypto?.randomUUID === 'function'\n        ? (this.win as any).crypto.randomUUID()\n        : makeId();\n\n    const payload: NgxNotifyPayload = {\n      id,\n      message,\n      description,\n      type,\n      options: opts,\n      onClose: new EventEmitter(),\n      onFinish: new EventEmitter(),\n    };\n\n    this.configureContainer(opts.position!, opts.containerClass!);\n\n    // queue or show immediately\n    if (this.visible.length >= opts.maxVisible!) {\n      this.queue.push(payload);\n    } else {\n      this._createAndShow(payload);\n    }\n    return payload;\n  }\n\n  private _createAndShow(payload: NgxNotifyPayload) {\n    if (!this.container)\n      this.configureContainer(payload.options.position!, payload.options.containerClass!);\n    const host = document.createElement('div');\n    this.container!.appendChild(host);\n\n    const compRef = createComponent(NgxNotificationComponent, {\n      environmentInjector: this.envInjector,\n      hostElement: host,\n    });\n    compRef.setInput('payload', payload);\n    compRef.instance.onClose.subscribe((d) => {\n      this.removeEl(d);\n      payload.onClose.emit(d);\n    });\n    compRef.instance.onFinish.subscribe((d) => {\n      this.removeEl(d);\n      payload.onFinish.emit(d);\n      payload.onClose.emit(d);\n    });\n\n    // Registers the component’s view so it participates in change detection cycle.\n    this.appRef.attachView(compRef.hostView);\n    // store visible\n    this.visible.push({ ref: compRef, payload });\n  }\n  private removeNode(node: HTMLElement, id: string) {\n    node.style.opacity = '0';\n    node.style.transform = 'translateY(-30px)';\n    node.style.transition = 'all 300ms';\n    setTimeout(() => {\n      const item = this.visible.find((x) => x.payload.id === id);\n      if (item) {\n        this.appRef.attachView(item.ref.hostView);\n        item.ref.destroy();\n      }\n      this.visible = this.visible.filter((v) => v.payload.id !== id);\n      // show next in queue\n      this._showNextIfPossible();\n    }, 300);\n  }\n\n  private removeEl(d: INotifyEnd) {\n    if (d.el) this.removeNode(d.el, d.id);\n    else {\n      // if in queue remove it\n      this.queue = this.queue.filter((q) => q.id !== d.id);\n    }\n  }\n\n  private _showNextIfPossible() {\n    if (!this.queue.length) return;\n    const next = this.queue.shift()!;\n    // ensure we don't exceed maxVisible\n    if (this.visible.length < next.options.maxVisible!) {\n      this._createAndShow(next);\n    } else {\n      // push back\n      this.queue.unshift(next);\n    }\n  }\n}\n","import {\r\n  EnvironmentProviders,\r\n  inject,\r\n  Injector,\r\n  makeEnvironmentProviders,\r\n  provideEnvironmentInitializer,\r\n} from '@angular/core';\r\nimport { NGX_NOTIFY_API, NGX_NOTIFY_CONFIG, NGX_NOTIFY_DEFAULTS } from './models/notify-config';\r\nimport { NgxNotifyOptions } from './models/notify-options';\r\nimport { Notify as NotifyFacade } from './notify-facade';\r\nimport { NgxNotifyService } from './services/notify.service';\r\nexport function provideNotify(options?: NgxNotifyOptions): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    {\r\n      provide: NGX_NOTIFY_CONFIG,\r\n      useValue: { ...NGX_NOTIFY_DEFAULTS, ...(options || {}) },\r\n    },\r\n    {\r\n      provide: NGX_NOTIFY_API,\r\n      useExisting: NgxNotifyService,\r\n    },\r\n    provideEnvironmentInitializer(() => {\r\n      NotifyFacade.injector = inject(Injector);\r\n    }),\r\n  ]);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NotifyFacade"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-kit",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Angular input components",
   "author": "Mohammadreza Samani <mr.samani1368@gmail.com>",
   "license": "MIT",

package/types/ngx-kit-menu.d.ts

@@ -57,7 +57,7 @@ declare class NgxMenuItem {
 
 declare class NgxMenuDivider {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMenuDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMenuDivider, "ngx-menu-divider", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMenuDivider, "ngx-menu-divider,[ngx-menu-divider]", never, {}, {}, never, never, true, never>;
 }
 
 declare class NgxMenuModule {

package/types/ngx-kit-notify.d.ts

@@ -1,4 +1,22 @@
-import { EnvironmentProviders, Injector } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, EnvironmentProviders, Injector, OnInit, OnDestroy, ElementRef, ChangeDetectorRef, InjectionToken } from '@angular/core';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+
+type NgxNotifyType = 'success' | 'error' | 'warning' | 'info';
+type NgxNotifyPositionType = 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+interface NgxNotifyPayload {
+    id: string;
+    message: string;
+    description?: string;
+    type: NgxNotifyType;
+    options: NgxNotifyOptions;
+    onClose: EventEmitter<INotifyEnd>;
+    onFinish: EventEmitter<INotifyEnd>;
+}
+interface INotifyEnd {
+    id: string;
+    el: HTMLElement;
+}
 
 interface NgxNotifyOptions {
     /**
@@ -10,7 +28,7 @@ interface NgxNotifyOptions {
      * Notify position
      * @default top-center
      */
-    position?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+    position?: NgxNotifyPositionType;
     /**
      * How many visible at once
      * queued, prevents overlap
@@ -32,6 +50,11 @@ interface NgxNotifyOptions {
      * @default true
      */
     dismissible?: boolean;
+    /**
+     * close on tap notify
+     * @default true
+     */
+    closeOnTap?: boolean;
     /**
      * Additional container class
      */
@@ -50,11 +73,72 @@ declare function provideNotify(options?: NgxNotifyOptions): EnvironmentProviders
  */
 declare class Notify {
     static injector: Injector;
-    static show(message: string, type?: 'info' | 'success' | 'warning' | 'error', options?: NgxNotifyOptions): void;
-    static info(message: string, options?: NgxNotifyOptions): void;
-    static success(message: string, options?: NgxNotifyOptions): void;
-    static warning(message: string, options?: NgxNotifyOptions): void;
-    static error(message: string, options?: NgxNotifyOptions): void;
+    static show(type: "info" | "success" | "warning" | "error" | undefined, message: string, description?: string, options?: NgxNotifyOptions): NgxNotifyPayload;
+    static info(message: string, description?: string, options?: NgxNotifyOptions): NgxNotifyPayload;
+    static success(message: string, description?: string, options?: NgxNotifyOptions): NgxNotifyPayload;
+    static warning(message: string, description?: string, options?: NgxNotifyOptions): NgxNotifyPayload;
+    static error(message: string, description?: string, options?: NgxNotifyOptions): NgxNotifyPayload;
 }
 
-export { Notify, provideNotify };
+declare class NgxNotificationComponent implements OnInit, OnDestroy {
+    payload: _angular_core.InputSignal<NgxNotifyPayload>;
+    containerClass: string;
+    bar: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    onClose: _angular_core.OutputEmitterRef<INotifyEnd>;
+    onFinish: _angular_core.OutputEmitterRef<INotifyEnd>;
+    private _rafId;
+    private _duration;
+    private _remaining;
+    private _endTs;
+    private _paused;
+    safeMessage: SafeHtml | string;
+    safeDescription: SafeHtml | string;
+    showClass: _angular_core.WritableSignal<string>;
+    protected doc: Document;
+    protected el: ElementRef<any>;
+    protected sanitizer: DomSanitizer;
+    protected chdr: ChangeDetectorRef;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    startTimer(ms: number): void;
+    pauseTimer(): void;
+    resumeTimer(): void;
+    private clearTimer;
+    private animateProgress;
+    close(ev?: Event): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onTap(): void;
+    escapeHtml(input?: string): string;
+    ngOnDestroyCleanup(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxNotificationComponent, "ngx-notification", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; }; }, { "onClose": "onClose"; "onFinish": "onFinish"; }, never, never, true, never>;
+}
+
+declare class NgxNotifyService {
+    private queue;
+    private visible;
+    private container;
+    private envInjector;
+    private appRef;
+    private doc;
+    private win;
+    private defaultOptions;
+    constructor();
+    configureContainer(position: NgxNotifyOptions['position'], containerClass: string): void;
+    show(message: string, description?: string, type?: NgxNotifyType, options?: NgxNotifyOptions): NgxNotifyPayload;
+    private _createAndShow;
+    private removeNode;
+    private removeEl;
+    private _showNextIfPossible;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxNotifyService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxNotifyService>;
+}
+
+declare const NGX_NOTIFY_CONFIG: InjectionToken<NgxNotifyOptions>;
+declare const NGX_NOTIFY_API: InjectionToken<NgxNotifyService>;
+declare const NGX_NOTIFY_DEFAULTS: Required<NgxNotifyOptions>;
+
+export { NGX_NOTIFY_API, NGX_NOTIFY_CONFIG, NGX_NOTIFY_DEFAULTS, NgxNotificationComponent, Notify, provideNotify };
+export type { INotifyEnd, NgxNotifyOptions, NgxNotifyPayload, NgxNotifyPositionType, NgxNotifyType };