ng-primitives 0.60.0 → 0.62.0

package/fesm2022/ng-primitives-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toast.mjs","sources":["../../../../packages/ng-primitives/toast/src/config/toast-config.ts","../../../../packages/ng-primitives/toast/src/toast/toast-ref.ts","../../../../packages/ng-primitives/toast/src/toast/toast.ts","../../../../packages/ng-primitives/toast/src/ng-primitives-toast.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpToastGravity, NgpToastPosition } from '../toast/toast-ref';\n\nexport interface NgpToastConfig {\n  /**\n   * The duration of each toast.\n   */\n  duration: number;\n\n  /**\n   * The gravity of each toast.\n   */\n  gravity: NgpToastGravity;\n\n  /**\n   * The position of each toast.\n   */\n  position: NgpToastPosition;\n\n  /**\n   * Whether we should stop on hover.\n   */\n  stopOnHover: boolean;\n\n  /**\n   * The aria live setting.\n   */\n  ariaLive: string;\n\n  /**\n   * The gap between each toast.\n   */\n  gap: number;\n}\n\nexport const defaultToastConfig: NgpToastConfig = {\n  gap: 16,\n  duration: 3000,\n  gravity: 'top',\n  position: 'end',\n  stopOnHover: true,\n  ariaLive: 'polite',\n};\n\nexport const NgpToastConfigToken = new InjectionToken<NgpToastConfig>('NgpToastConfigToken');\n\n/**\n * Provide the default Toast configuration\n * @param config The Toast configuration\n * @returns The provider\n */\nexport function provideToastConfig(config: Partial<NgpToastConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToastConfigToken,\n      useValue: { ...defaultToastConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Toast configuration\n * @returns The global Toast configuration\n */\nexport function injectToastConfig(): NgpToastConfig {\n  return inject(NgpToastConfigToken, { optional: true }) ?? defaultToastConfig;\n}\n","export type NgpToastPosition = 'start' | 'center' | 'end';\nexport type NgpToastGravity = 'top' | 'bottom';\n\nexport class NgpToastRef {\n  /** Store the current timeout */\n  private timeoutId: number | null = null;\n\n  /** Get the toast height */\n  get height(): number {\n    return this.toastElement.offsetHeight;\n  }\n\n  constructor(\n    /** Store the toast element */\n    private readonly toastElement: HTMLElement,\n    /** Store the duration */\n    private readonly duration: number,\n    /** The position of the toast */\n    public readonly position: NgpToastPosition,\n    /** The gravity of the toast */\n    public readonly gravity: NgpToastGravity,\n    /** Whether we should stop on focus */\n    private readonly stopOnHover: boolean,\n    /** The aria live setting */\n    private readonly ariaLive: string,\n    private readonly onDismiss: () => void,\n  ) {\n    this.toastElement.setAttribute('data-toast', 'visible');\n\n    this.setPosition(position);\n    this.setGravity(gravity);\n    this.setAriaLive(ariaLive);\n    this.setupTimeouts();\n    this.setupListeners();\n  }\n\n  dismiss(): void {\n    // determine if there is a transition on the element\n    const transitionDuration = parseFloat(getComputedStyle(this.toastElement).transitionDuration);\n\n    // if there is no transition, dismiss immediately\n    if (transitionDuration === 0) {\n      this.removeElement();\n      return;\n    }\n\n    // wait for the transition to end\n    this.toastElement.addEventListener('transitionend', () => this.removeElement());\n\n    this.toastElement.setAttribute('data-toast', 'hidden');\n  }\n\n  private removeElement(): void {\n    this.toastElement.parentNode?.removeChild(this.toastElement);\n    this.onDismiss();\n  }\n\n  /** Setup duration timeouts */\n  private setupTimeouts(): void {\n    // if the duration is 0 skip\n    if (this.duration === 0) {\n      return;\n    }\n\n    this.timeoutId = window.setTimeout(() => this.dismiss(), this.duration);\n  }\n\n  private setupListeners(): void {\n    if (!this.stopOnHover) {\n      return;\n    }\n\n    // setup event listeners if we should stop on focus\n    this.toastElement.addEventListener('mouseover', () => {\n      window.clearTimeout(this.timeoutId!);\n      this.timeoutId = null;\n    });\n\n    this.toastElement.addEventListener('mouseleave', () => this.setupTimeouts());\n  }\n\n  /** Set the position attribute */\n  private setPosition(position: NgpToastPosition): void {\n    this.toastElement.setAttribute('data-position', position);\n  }\n\n  /** Set the gravity attribute */\n  private setGravity(gravity: NgpToastGravity): void {\n    this.toastElement.setAttribute('data-gravity', gravity);\n  }\n\n  /** Set the aria live attribute */\n  private setAriaLive(ariaLive: string): void {\n    this.toastElement.setAttribute('aria-live', ariaLive);\n  }\n\n  /**\n   * @internal\n   */\n  setInset(property: 'top' | 'bottom', value: string): void {\n    this.toastElement.style[property] = value;\n  }\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  booleanAttribute,\n  Directive,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  TemplateRef,\n  ViewContainerRef,\n} from '@angular/core';\nimport { injectToastConfig } from '../config/toast-config';\nimport { NgpToastGravity, NgpToastPosition, NgpToastRef } from './toast-ref';\n\nexport interface NgpToastContext {\n  dismiss: () => void;\n}\n\n@Directive({\n  selector: '[ngpToast]',\n  exportAs: 'ngpToast',\n})\nexport class NgpToast {\n  private readonly config = injectToastConfig();\n\n  /** Access the ng-template */\n  private readonly template = inject<TemplateRef<NgpToastContext>>(TemplateRef);\n\n  /** Access the view container */\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  /** Access the injector */\n  private readonly injector = inject(Injector);\n\n  /** Access the document */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * The duration the toast will display for before it is automatically dismissed in milliseconds.\n   * @default 3000\n   */\n  readonly duration = input<number, NumberInput>(this.config.duration, {\n    alias: 'ngpToastDuration',\n    transform: numberAttribute,\n  });\n\n  /**\n   * The direction the toast will appear from.\n   * @default 'top'\n   */\n  readonly gravity = input<NgpToastGravity>(this.config.gravity, {\n    alias: 'ngpToastGravity',\n  });\n\n  /**\n   * The position the toast will on the horizontal axis.\n   * @default 'end'\n   */\n  readonly position = input<NgpToastPosition>(this.config.position, {\n    alias: 'ngpToastPosition',\n  });\n\n  /**\n   * Whether the automatic dismissal of the toast should be paused when the user hovers over it.\n   * @default true\n   */\n  readonly stopOnHover = input<boolean, BooleanInput>(this.config.stopOnHover, {\n    alias: 'ngpToastStopOnHover',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the toast should be announced to assistive technologies.\n   * @default 'polite'\n   */\n  readonly ariaLive = input(this.config.ariaLive, {\n    alias: 'ngpToastAriaLive',\n  });\n\n  /** Store the list of toasts */\n  private static toasts: NgpToastRef[] = [];\n\n  /** Show the toast. */\n  show(): void {\n    this.createToast();\n    this.reposition();\n  }\n\n  /** Build the toast */\n  private createToast(): void {\n    const portal = new TemplatePortal<NgpToastContext>(\n      this.template,\n      this.viewContainer,\n      {\n        dismiss: () => toastRef.dismiss(),\n      },\n      this.injector,\n    );\n\n    const domOutlet = new DomPortalOutlet(\n      this.document.body,\n      undefined,\n      undefined,\n      Injector.create({\n        parent: this.injector,\n        providers: [],\n      }),\n    );\n\n    const viewRef = domOutlet.attach(portal);\n    viewRef.detectChanges();\n\n    const toastElement = viewRef.rootNodes[0];\n\n    const toastRef = new NgpToastRef(\n      toastElement,\n      this.duration(),\n      this.position(),\n      this.gravity(),\n      this.stopOnHover(),\n      this.ariaLive(),\n      () => {\n        NgpToast.toasts = NgpToast.toasts.filter(t => t !== toastRef);\n        this.reposition();\n      },\n    );\n\n    NgpToast.toasts = [...NgpToast.toasts, toastRef];\n  }\n\n  /** Position the toast on the DOM */\n  private reposition(): void {\n    const topStartOffsetSize = {\n      top: this.config.gap,\n      bottom: this.config.gap,\n    };\n\n    const topEndOffsetSize = {\n      top: this.config.gap,\n      bottom: this.config.gap,\n    };\n\n    let position: 'top' | 'bottom';\n\n    // update the position of the toasts\n    for (const toast of NgpToast.toasts) {\n      // Getting the applied gravity\n      position = toast.gravity;\n\n      const height = toast.height;\n\n      if (toast.position === 'start') {\n        toast.setInset(position, `${topStartOffsetSize[position]}px`);\n        topStartOffsetSize[position] += height + this.config.gap;\n      } else {\n        toast.setInset(position, `${topEndOffsetSize[position]}px`);\n        topEndOffsetSize[position] += height + this.config.gap;\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAmCO,MAAM,kBAAkB,GAAmB;AAChD,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,QAAQ,EAAE,QAAQ;CACnB;AAEM,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAiB,qBAAqB,CAAC;AAE5F;;;;AAIG;AACG,SAAU,kBAAkB,CAAC,MAA+B,EAAA;IAChE,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,QAAQ,EAAE,EAAE,GAAG,kBAAkB,EAAE,GAAG,MAAM,EAAE;AAC/C,SAAA;KACF;AACH;AAEA;;;AAGG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,kBAAkB;AAC9E;;MC/Da,WAAW,CAAA;;AAKtB,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY;IACvC;AAEA,IAAA,WAAA;;IAEmB,YAAyB;;IAEzB,QAAgB;;IAEjB,QAA0B;;IAE1B,OAAwB;;IAEvB,WAAoB;;AAEpB,IAAA,QAAgB,EAChB,SAAqB,EAAA;QAXrB,IAAA,CAAA,YAAY,GAAZ,YAAY;QAEZ,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAET,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAER,IAAA,CAAA,OAAO,GAAP,OAAO;QAEN,IAAA,CAAA,WAAW,GAAX,WAAW;QAEX,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,SAAS,GAAT,SAAS;;QApBpB,IAAA,CAAA,SAAS,GAAkB,IAAI;QAsBrC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC;AAEvD,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AAC1B,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,cAAc,EAAE;IACvB;IAEA,OAAO,GAAA;;AAEL,QAAA,MAAM,kBAAkB,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,kBAAkB,CAAC;;AAG7F,QAAA,IAAI,kBAAkB,KAAK,CAAC,EAAE;YAC5B,IAAI,CAAC,aAAa,EAAE;YACpB;QACF;;AAGA,QAAA,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAE/E,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC;IACxD;IAEQ,aAAa,GAAA;QACnB,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;QAC5D,IAAI,CAAC,SAAS,EAAE;IAClB;;IAGQ,aAAa,GAAA;;AAEnB,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;YACvB;QACF;AAEA,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC;IACzE;IAEQ,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB;QACF;;QAGA,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAK;AACnD,YAAA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAU,CAAC;AACpC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACvB,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9E;;AAGQ,IAAA,WAAW,CAAC,QAA0B,EAAA;QAC5C,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;IAC3D;;AAGQ,IAAA,UAAU,CAAC,OAAwB,EAAA;QACzC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC;IACzD;;AAGQ,IAAA,WAAW,CAAC,QAAgB,EAAA;QAClC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;IACvD;AAEA;;AAEG;IACH,QAAQ,CAAC,QAA0B,EAAE,KAAa,EAAA;QAChD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK;IAC3C;AACD;;MC9EY,QAAQ,CAAA;AAJrB,IAAA,WAAA,GAAA;QAKmB,IAAA,CAAA,MAAM,GAAG,iBAAiB,EAAE;;AAG5B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAA+B,WAAW,CAAC;;AAG5D,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAGxC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;;AAG3B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAE5C;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAsB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AACnE,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,SAAS,EAAE,eAAe;AAC3B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAC7D,YAAA,KAAK,EAAE,iBAAiB;AACzB,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAmB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AAChE,YAAA,KAAK,EAAE,kBAAkB;AAC1B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAwB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;AAC3E,YAAA,KAAK,EAAE,qBAAqB;AAC5B,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC9C,YAAA,KAAK,EAAE,kBAAkB;AAC1B,SAAA,CAAC;AAmFH,IAAA;;aAhFgB,IAAA,CAAA,MAAM,GAAkB,EAAlB,CAAqB;;IAG1C,IAAI,GAAA;QACF,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,UAAU,EAAE;IACnB;;IAGQ,WAAW,GAAA;AACjB,QAAA,MAAM,MAAM,GAAG,IAAI,cAAc,CAC/B,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,EAClB;AACE,YAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,OAAO,EAAE;AAClC,SAAA,EACD,IAAI,CAAC,QAAQ,CACd;AAED,QAAA,MAAM,SAAS,GAAG,IAAI,eAAe,CACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAClB,SAAS,EACT,SAAS,EACT,QAAQ,CAAC,MAAM,CAAC;YACd,MAAM,EAAE,IAAI,CAAC,QAAQ;AACrB,YAAA,SAAS,EAAE,EAAE;AACd,SAAA,CAAC,CACH;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACxC,OAAO,CAAC,aAAa,EAAE;QAEvB,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAEzC,QAAA,MAAM,QAAQ,GAAG,IAAI,WAAW,CAC9B,YAAY,EACZ,IAAI,CAAC,QAAQ,EAAE,EACf,IAAI,CAAC,QAAQ,EAAE,EACf,IAAI,CAAC,OAAO,EAAE,EACd,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,QAAQ,EAAE,EACf,MAAK;AACH,YAAA,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC;YAC7D,IAAI,CAAC,UAAU,EAAE;AACnB,QAAA,CAAC,CACF;QAED,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAClD;;IAGQ,UAAU,GAAA;AAChB,QAAA,MAAM,kBAAkB,GAAG;AACzB,YAAA,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;SACxB;AAED,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;SACxB;AAED,QAAA,IAAI,QAA0B;;AAG9B,QAAA,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,MAAM,EAAE;;AAEnC,YAAA,QAAQ,GAAG,KAAK,CAAC,OAAO;AAExB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AAE3B,YAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC9B,gBAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA,EAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAA,EAAA,CAAI,CAAC;gBAC7D,kBAAkB,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG;YAC1D;iBAAO;AACL,gBAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA,EAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA,EAAA,CAAI,CAAC;gBAC3D,gBAAgB,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG;YACxD;QACF;IACF;+GAzIW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAJpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,UAAU;AACrB,iBAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"ng-primitives-toast.mjs","sources":["../../../../packages/ng-primitives/toast/src/config/toast-config.ts","../../../../packages/ng-primitives/toast/src/toast/toast-context.ts","../../../../packages/ng-primitives/toast/src/toast/toast-options.ts","../../../../packages/ng-primitives/toast/src/toast/toast-manager.ts","../../../../packages/ng-primitives/toast/src/toast/toast-timer.ts","../../../../packages/ng-primitives/toast/src/toast/toast.ts","../../../../packages/ng-primitives/toast/src/ng-primitives-toast.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpToastSwipeDirection } from '../toast/toast';\n\nexport interface NgpToastConfig {\n  /**\n   * The duration of each toast.\n   */\n  duration: number;\n\n  /**\n   * The width of each toast in pixels.\n   */\n  width: number;\n\n  /**\n   * The offset from the top of the viewport in pixels.\n   */\n  offsetTop: number;\n\n  /**\n   * The offset from the bottom of the viewport in pixels.\n   */\n  offsetBottom: number;\n\n  /**\n   * The offset from the left of the viewport in pixels.\n   */\n  offsetLeft: number;\n\n  /**\n   * The offset from the right of the viewport in pixels.\n   */\n  offsetRight: number;\n\n  /**\n   * Whether a toast can be dismissed by swiping.\n   */\n  dismissible: boolean;\n\n  /**\n   * The amount a toast must be swiped before it is considered dismissed.\n   */\n  swipeThreshold: number;\n\n  /**\n   * The default swipe directions supported by the toast.\n   */\n  swipeDirections: NgpToastSwipeDirection[];\n\n  /**\n   * The maximum number of toasts that can be displayed at once.\n   */\n  maxToasts: number;\n\n  /**\n   * The aria live setting.\n   */\n  ariaLive: string;\n\n  /**\n   * The gap between each toast.\n   */\n  gap: number;\n\n  /**\n   * The z-index of the toast container.\n   * This is used to ensure that the toast container is always on top of other elements.\n   */\n  zIndex: number;\n}\n\nexport const defaultToastConfig: NgpToastConfig = {\n  gap: 14,\n  duration: 3000,\n  width: 360,\n  offsetTop: 24,\n  offsetBottom: 24,\n  offsetLeft: 24,\n  offsetRight: 24,\n  swipeThreshold: 45,\n  swipeDirections: ['left', 'right', 'top', 'bottom'],\n  dismissible: true,\n  maxToasts: 3,\n  zIndex: 9999999,\n  ariaLive: 'polite',\n};\n\nexport const NgpToastConfigToken = new InjectionToken<NgpToastConfig>('NgpToastConfigToken');\n\n/**\n * Provide the default Toast configuration\n * @param config The Toast configuration\n * @returns The provider\n */\nexport function provideToastConfig(config: Partial<NgpToastConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToastConfigToken,\n      useValue: { ...defaultToastConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Toast configuration\n * @returns The global Toast configuration\n */\nexport function injectToastConfig(): NgpToastConfig {\n  return inject(NgpToastConfigToken, { optional: true }) ?? defaultToastConfig;\n}\n","import { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nconst NgpToastContext = new InjectionToken<unknown>('NgpToastContext');\n\nexport function provideToastContext<T>(context: T): ValueProvider {\n  return { provide: NgpToastContext, useValue: context };\n}\n\nexport function injectToastContext<T>(): T {\n  return inject(NgpToastContext) as T;\n}\n","import { inject, InjectionToken, Signal, ValueProvider } from '@angular/core';\nimport type { NgpToast, NgpToastSwipeDirection } from './toast';\n\nconst NgpToastOptions = new InjectionToken<NgpToastOptions>('NgpToastOptions');\n\nexport function provideToastOptions(context: NgpToastOptions): ValueProvider {\n  return { provide: NgpToastOptions, useValue: context };\n}\n\nexport function injectToastOptions(): NgpToastOptions {\n  return inject(NgpToastOptions);\n}\n\nexport interface NgpToastOptions {\n  /**\n   * The position of the toast.\n   */\n  placement:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top-center'\n    | 'bottom-center';\n  /**\n   * The duration of the toast in milliseconds.\n   */\n  duration: number;\n\n  /**\n   * A function to register the toast instance with the manager.\n   * @internal\n   */\n  register: (toast: NgpToast) => void;\n\n  /**\n   * Whether the toast region is expanded.\n   * @internal\n   */\n  expanded: Signal<boolean>;\n\n  /**\n   * Whether the toast supports swipe dismiss.\n   * @internal\n   */\n  dismissible: boolean;\n\n  /**\n   * The swipe directions supported by the toast.\n   * @internal\n   */\n  swipeDirections: NgpToastSwipeDirection[];\n}\n","import {\n  ApplicationRef,\n  computed,\n  inject,\n  Injectable,\n  Injector,\n  RendererFactory2,\n  signal,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n} from '@angular/core';\nimport { createPortal, NgpPortal } from 'ng-primitives/portal';\nimport { injectToastConfig } from '../config/toast-config';\nimport { NgpToast, NgpToastSwipeDirection } from './toast';\nimport { provideToastContext } from './toast-context';\nimport { provideToastOptions } from './toast-options';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgpToastManager {\n  private readonly config = injectToastConfig();\n  private readonly applicationRef = inject(ApplicationRef);\n  private readonly rendererFactory = inject(RendererFactory2);\n  private readonly renderer = this.rendererFactory.createRenderer(null, null);\n  private readonly injector = inject(Injector);\n  // Map to store containers by placement\n  private readonly containers = new Map<string, HTMLElement>();\n\n  readonly toasts = signal<NgpToastRecord[]>([]);\n\n  /** Signal that tracks which placements are expanded */\n  private readonly expanded = signal<NgpToastPlacement[]>([]);\n\n  /** Show a toast notification */\n  show(toast: TemplateRef<void> | Type<unknown>, options: NgpToastOptions = {}): NgpToastRef {\n    // services can't access the view container directly, so this is a workaround\n    const viewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n\n    let instance: NgpToast | null = null;\n    const placement = options.placement ?? 'top-end';\n    const container = this.getOrCreateContainer(placement);\n\n    const portal = createPortal(\n      toast,\n      viewContainerRef,\n      Injector.create({\n        parent: this.injector,\n        providers: [\n          provideToastContext(options.context),\n          provideToastOptions({\n            placement,\n            duration: options.duration ?? 5000,\n            register: (toast: NgpToast) => (instance = toast),\n            expanded: computed(() => this.expanded().includes(placement)),\n            dismissible: options.dismissible ?? this.config.dismissible,\n            swipeDirections: options.swipeDirections ?? this.config.swipeDirections,\n          }),\n        ],\n      }),\n      {\n        // Hide the toast when the dismiss method is called\n        dismiss: () => this.dismiss(instance!),\n        context: options.context,\n      },\n    );\n\n    portal.attach(container);\n\n    // Add the toast to the list of toasts\n    if (!instance) {\n      throw new Error('A toast must have the NgpToast directive applied.');\n    }\n\n    this.toasts.update(toasts => [{ instance: instance!, portal }, ...toasts]);\n\n    return {\n      dismiss: () => this.dismiss(instance!),\n    };\n  }\n\n  /** Hide a toast notification */\n  async dismiss(toast: NgpToast): Promise<void> {\n    const ref = this.toasts().find(t => t.instance === toast);\n\n    if (ref) {\n      // Detach the portal from the container\n      await ref.portal.detach();\n\n      // Remove the toast from the list of toasts\n      this.toasts.update(toasts => toasts.filter(t => t !== ref));\n\n      // if there are no more toasts, ensure the container is no longer considered expanded\n      if (this.toasts().length === 0) {\n        this.expanded.update(expanded => expanded.filter(p => p !== toast.context.placement));\n      }\n    }\n  }\n\n  /**\n   * Lazily create or get a container for a given placement.\n   */\n  private getOrCreateContainer(placement: string): HTMLElement {\n    if (this.containers.has(placement)) {\n      return this.containers.get(placement)!;\n    }\n    const container = this.createContainer(placement);\n    this.containers.set(placement, container);\n    return container;\n  }\n\n  /**\n   * Create a section in which toasts will be rendered for a specific placement.\n   */\n  private createContainer(placement: string): HTMLElement {\n    const container = this.renderer.createElement('section') as HTMLElement;\n    this.renderer.setAttribute(container, 'aria-live', this.config.ariaLive);\n    this.renderer.setAttribute(container, 'aria-atomic', 'false');\n    this.renderer.setAttribute(container, 'tabindex', '-1');\n    this.renderer.setAttribute(container, 'data-ngp-toast-container', placement);\n\n    container.style.setProperty('position', 'fixed');\n    container.style.setProperty('z-index', `${this.config.zIndex}`);\n    container.style.setProperty('width', `${this.config.width}px`);\n\n    container.style.setProperty('--ngp-toast-offset-top', `${this.config.offsetTop}px`);\n    container.style.setProperty('--ngp-toast-offset-bottom', `${this.config.offsetBottom}px`);\n    container.style.setProperty('--ngp-toast-offset-left', `${this.config.offsetLeft}px`);\n    container.style.setProperty('--ngp-toast-offset-right', `${this.config.offsetRight}px`);\n    container.style.setProperty('--ngp-toast-gap', `${this.config.gap}px`);\n    container.style.setProperty('--ngp-toast-width', `${this.config.width}px`);\n\n    // mark the container as expanded\n    this.renderer.listen(container, 'mouseenter', () =>\n      this.expanded.update(expanded => [...expanded, placement as NgpToastPlacement]),\n    );\n\n    this.renderer.listen(container, 'mouseleave', () => {\n      this.expanded.update(expanded =>\n        expanded.filter(p => p !== (placement as NgpToastPlacement)),\n      );\n    });\n\n    // Set placement styles\n    switch (placement) {\n      case 'top-start':\n        container.style.setProperty('top', `${this.config.offsetTop}px`);\n        container.style.setProperty('left', `${this.config.offsetLeft}px`);\n        break;\n      case 'top-center':\n        container.style.setProperty('top', '0');\n        container.style.setProperty('left', '50%');\n        container.style.setProperty('transform', 'translateX(-50%)');\n        break;\n      case 'top-end':\n        container.style.setProperty('top', `${this.config.offsetTop}px`);\n        container.style.setProperty('right', `${this.config.offsetRight}px`);\n        break;\n      case 'bottom-start':\n        container.style.setProperty('bottom', `${this.config.offsetBottom}px`);\n        container.style.setProperty('left', `${this.config.offsetLeft}px`);\n        break;\n      case 'bottom-center':\n        container.style.setProperty('bottom', '0');\n        container.style.setProperty('left', '50%');\n        container.style.setProperty('transform', 'translateX(-50%)');\n        break;\n      case 'bottom-end':\n        container.style.setProperty('bottom', `${this.config.offsetBottom}px`);\n        container.style.setProperty('right', `${this.config.offsetRight}px`);\n        break;\n      default:\n        throw new Error(`Unknown toast placement: ${placement}`);\n    }\n\n    this.renderer.appendChild(document.body, container);\n    return container;\n  }\n}\n\nexport type NgpToastPlacement =\n  | 'top-start'\n  | 'top-end'\n  | 'top-center'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom-center';\n\nexport interface NgpToastOptions<T = unknown> {\n  /** The position of the toast */\n  placement?: NgpToastPlacement;\n\n  /** The duration of the toast in milliseconds */\n  duration?: number;\n\n  /** Whether the toast is dismissible */\n  dismissible?: boolean;\n\n  /** The swipe directions supported by the toast */\n  swipeDirections?: NgpToastSwipeDirection[];\n\n  /** The context to make available to the toast */\n  context?: T;\n}\n\ninterface NgpToastRecord {\n  instance: NgpToast;\n  portal: NgpPortal;\n}\n\ninterface NgpToastRef {\n  dismiss(): Promise<void>;\n}\n","class NgpToastTimer {\n  private startTime: number | null = null;\n  private remaining: number;\n  private timeoutId: ReturnType<typeof setTimeout> | null = null;\n  private isRunning = false;\n\n  constructor(\n    private duration: number,\n    private callback: () => void,\n  ) {\n    this.remaining = duration;\n  }\n\n  start(): void {\n    if (this.isRunning) return;\n\n    this.isRunning = true;\n    this.startTime = Date.now();\n\n    this.timeoutId = setTimeout(() => {\n      this.isRunning = false;\n      this.callback();\n    }, this.remaining);\n  }\n\n  pause(): void {\n    if (!this.isRunning || this.startTime === null) return;\n\n    this.isRunning = false;\n    clearTimeout(this.timeoutId!);\n\n    const elapsed = Date.now() - this.startTime;\n    this.remaining -= elapsed;\n    this.startTime = null;\n    this.timeoutId = null;\n  }\n\n  stop(): void {\n    this.isRunning = false;\n    clearTimeout(this.timeoutId!);\n    this.timeoutId = null;\n    this.startTime = null;\n    this.remaining = this.duration;\n  }\n}\n\nexport function toastTimer(duration: number, callback: () => void): NgpToastTimer {\n  return new NgpToastTimer(duration, callback);\n}\n","import { InteractivityChecker } from '@angular/cdk/a11y';\nimport {\n  afterNextRender,\n  computed,\n  Directive,\n  HostListener,\n  inject,\n  Injector,\n  signal,\n} from '@angular/core';\nimport { explicitEffect } from 'ng-primitives/internal';\nimport { injectDimensions } from 'ng-primitives/utils';\nimport { injectToastConfig } from '../config/toast-config';\nimport { NgpToastManager } from './toast-manager';\nimport { injectToastOptions } from './toast-options';\nimport { toastTimer } from './toast-timer';\n\n@Directive({\n  selector: '[ngpToast]',\n  exportAs: 'ngpToast',\n  host: {\n    '[attr.data-position-x]': 'x',\n    '[attr.data-position-y]': 'y',\n    '[attr.data-visible]': 'visible()',\n    '[attr.data-front]': 'index() === 0',\n    '[attr.data-swiping]': 'swiping()',\n    '[attr.data-swipe-direction]': 'swipeOutDirection()',\n    '[attr.data-expanded]': 'context.expanded()',\n    '[style.--ngp-toast-gap.px]': 'config.gap',\n    '[style.--ngp-toast-z-index]': 'zIndex()',\n    '[style.--ngp-toasts-before]': 'index()',\n    '[style.--ngp-toast-index]': 'index() + 1',\n    '[style.--ngp-toast-width.px]': 'config.width',\n    '[style.--ngp-toast-height.px]': 'dimensions().height',\n    '[style.--ngp-toast-offset.px]': 'offset()',\n    '[style.--ngp-toast-front-height.px]': 'frontToastHeight()',\n    '[style.--ngp-toast-swipe-amount-x.px]': 'swipeAmount().x',\n    '[style.--ngp-toast-swipe-amount-y.px]': 'swipeAmount().y',\n    '[style.--ngp-toast-swipe-x]': 'swipeAmount().x',\n    '[style.--ngp-toast-swipe-y]': 'swipeAmount().y',\n  },\n})\nexport class NgpToast {\n  private readonly manager = inject(NgpToastManager);\n  private readonly injector = inject(Injector);\n  protected readonly config = injectToastConfig();\n  /** @internal */\n  readonly context = injectToastOptions();\n  private readonly interactivityChecker = inject(InteractivityChecker);\n  private readonly isInteracting = signal(false);\n\n  private pointerStartRef: { x: number; y: number } | null = null;\n  private dragStartTime: Date | null = null;\n  protected readonly swiping = signal(false);\n  protected readonly swipeDirection = signal<'x' | 'y' | null>(null);\n  protected readonly swipeAmount = signal({ x: 0, y: 0 });\n\n  protected readonly swipeOutDirection = computed(() => {\n    const direction = this.swipeDirection();\n    if (direction === 'x') {\n      return this.swipeAmount().x > 0 ? 'right' : 'left';\n    } else if (direction === 'y') {\n      return this.swipeAmount().y > 0 ? 'bottom' : 'top';\n    }\n    return null;\n  });\n\n  /**\n   * Get all toasts that are currently being displayed in the same position.\n   */\n  private readonly toasts = computed(() =>\n    this.manager\n      .toasts()\n      .filter(toast => toast.instance.context.placement === this.context.placement),\n  );\n\n  /**\n   * The number of toasts that are currently being displayed before this toast.\n   */\n  protected readonly index = computed(() => {\n    return this.toasts().findIndex(toast => toast.instance === this);\n  });\n\n  /**\n   * Determine the position of the toast in the list of toasts.\n   * This is the combination of the heights of all the toasts before this one, plus the gap between them.\n   */\n  protected readonly offset = computed(() => {\n    const gap = this.config.gap;\n\n    return this.toasts()\n      .slice(0, this.index())\n      .reduce((acc, toast) => acc + toast.instance.dimensions().height + gap, 0);\n  });\n\n  /**\n   * Determine if this toast is visible.\n   * Visible considers the maximum number of toasts that can be displayed at once, and the last x toasts that are currently being displayed.\n   */\n  protected readonly visible = computed(() => {\n    const maxToasts = this.config.maxToasts;\n    // determine if this toast is within the maximum number of toasts that can be displayed\n    return this.index() < maxToasts || this.toasts().length <= maxToasts;\n  });\n\n  /**\n   * Determine the height of the front toast.\n   * This is used to determine the height of the toast when it is not expanded.\n   */\n  protected readonly frontToastHeight = computed(() => {\n    // get the first toast in the list with height - as when a new toast is added, it may not initially have dimensions\n    return (\n      this.toasts()\n        .find(toast => toast.instance.dimensions().height)\n        ?.instance.dimensions().height || 0\n    );\n  });\n\n  /**\n   * Determine the z-index of the toast. This is the inverse of the index.\n   * The first toast will have the highest z-index, and the last toast will have the lowest z-index.\n   * This is used to ensure that the first toast is always on top of the others.\n   */\n  protected readonly zIndex = computed(() => this.toasts().length - this.index());\n\n  /**\n   * The height of the toast in pixels.\n   */\n  protected readonly dimensions = injectDimensions();\n\n  /**\n   * The x position of the toast.\n   */\n  readonly x = this.context.placement.split('-')[1] || 'end';\n\n  /**\n   * The y position of the toast.\n   */\n  readonly y = this.context.placement.split('-')[0] || 'top';\n\n  /**\n   * The toast timer instance.\n   */\n  private readonly timer = toastTimer(this.config.duration, () => this.manager.dismiss(this));\n\n  constructor() {\n    this.context.register(this);\n\n    // Start the timer when the toast is created\n    this.timer.start();\n\n    // Pause the timer when the toast is expanded or when the user is interacting with it\n    explicitEffect([this.context.expanded, this.isInteracting], ([expanded, interacting]) => {\n      // If the toast is expanded, or if the user is interacting with it, reset the timer\n      if (expanded || interacting) {\n        this.timer.pause();\n      } else {\n        this.timer.start();\n      }\n    });\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  protected onPointerDown(event: PointerEvent): void {\n    // right click should not trigger swipe and we check if the toast is dismissible\n    if (event.button === 2 || !this.context.dismissible) {\n      return;\n    }\n\n    this.isInteracting.set(true);\n\n    // we need to check if the pointer is on an interactive element, if so, we should not start swiping\n    if (this.interactivityChecker.isFocusable(event.target as HTMLElement)) {\n      return;\n    }\n\n    this.dragStartTime = new Date();\n    // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\n    (event.target as HTMLElement).setPointerCapture(event.pointerId);\n    this.swiping.set(true);\n    this.pointerStartRef = { x: event.clientX, y: event.clientY };\n  }\n\n  @HostListener('pointermove', ['$event'])\n  protected onPointerMove(event: PointerEvent): void {\n    if (!this.pointerStartRef || !this.context.dismissible) {\n      return;\n    }\n\n    const isHighlighted = window.getSelection()?.toString().length ?? 0 > 0;\n\n    if (isHighlighted) {\n      return;\n    }\n\n    const yDelta = event.clientY - this.pointerStartRef.y;\n    const xDelta = event.clientX - this.pointerStartRef.x;\n\n    const swipeDirections = this.context.swipeDirections;\n\n    // Determine swipe direction if not already locked\n    if (!this.swipeDirection() && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) {\n      this.swipeDirection.set(Math.abs(xDelta) > Math.abs(yDelta) ? 'x' : 'y');\n    }\n\n    const swipeAmount = { x: 0, y: 0 };\n\n    const getDampening = (delta: number) => {\n      const factor = Math.abs(delta) / 20;\n\n      return 1 / (1.5 + factor);\n    };\n\n    // Only apply swipe in the locked direction\n    if (this.swipeDirection() === 'y') {\n      // Handle vertical swipes\n      if (swipeDirections.includes('top') || swipeDirections.includes('bottom')) {\n        if (\n          (swipeDirections.includes('top') && yDelta < 0) ||\n          (swipeDirections.includes('bottom') && yDelta > 0)\n        ) {\n          swipeAmount.y = yDelta;\n        } else {\n          // Smoothly transition to dampened movement\n          const dampenedDelta = yDelta * getDampening(yDelta);\n          // Ensure we don't jump when transitioning to dampened movement\n          swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;\n        }\n      }\n    } else if (this.swipeDirection() === 'x') {\n      // Handle horizontal swipes\n      if (swipeDirections.includes('left') || swipeDirections.includes('right')) {\n        if (\n          (swipeDirections.includes('left') && xDelta < 0) ||\n          (swipeDirections.includes('right') && xDelta > 0)\n        ) {\n          swipeAmount.x = xDelta;\n        } else {\n          // Smoothly transition to dampened movement\n          const dampenedDelta = xDelta * getDampening(xDelta);\n          // Ensure we don't jump when transitioning to dampened movement\n          swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;\n        }\n      }\n    }\n\n    this.swipeAmount.set({ x: swipeAmount.x, y: swipeAmount.y });\n\n    if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) {\n      this.swiping.set(true);\n    }\n  }\n\n  @HostListener('pointerup')\n  protected onPointerUp(): void {\n    this.isInteracting.set(false);\n\n    if (\n      !this.config.dismissible ||\n      !this.pointerStartRef ||\n      !this.swiping() ||\n      !this.dragStartTime\n    ) {\n      return;\n    }\n\n    this.pointerStartRef = null;\n\n    const swipeAmountX = this.swipeAmount().x;\n    const swipeAmountY = this.swipeAmount().y;\n    const timeTaken = new Date().getTime() - this.dragStartTime.getTime();\n\n    const swipeAmount = this.swipeDirection() === 'x' ? swipeAmountX : swipeAmountY;\n    const velocity = Math.abs(swipeAmount) / timeTaken;\n\n    if (Math.abs(swipeAmount) >= this.config.swipeThreshold || velocity > 0.11) {\n      afterNextRender({ write: () => this.manager.dismiss(this) }, { injector: this.injector });\n      return;\n    } else {\n      this.swipeAmount.set({ x: 0, y: 0 });\n    }\n\n    // Reset swipe state\n    this.swipeDirection.set(null);\n    this.swiping.set(false);\n  }\n}\n\nexport type NgpToastSwipeDirection = 'top' | 'right' | 'bottom' | 'left';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.60.0",
+  "version": "0.62.0",
   "keywords": [
     "angular",
     "primitives",

package/schematics/ng-generate/templates/toast/toast.__fileSuffix@dasherize__.ts.template

@@ -1,28 +1,30 @@
-import { Component, input, viewChild } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { NgpButton } from 'ng-primitives/button';
-import { NgpToast } from 'ng-primitives/toast';
+import { injectToastContext, NgpToast, NgpToastManager } from 'ng-primitives/toast';
 
 @Component({
   selector: '<%= prefix %>-toast',
-  imports: [NgpButton, NgpToast],
+  imports: [NgpButton],
+  hostDirectives: [NgpToast],
   template: `
-    <ng-template #toast="ngpToast" ngpToast let-dismiss="dismiss">
-      <div class="toast">
-        <p class="toast-title">{{ header() }}</p>
-        <p class="toast-description">{{ description() }}</p>
-        <button class="toast-dismiss" (click)="dismiss()" ngpButton>Dismiss</button>
-      </div>
-    </ng-template>
+    <p class="toast-title">{{ context.header }}</p>
+    <p class="toast-description">{{ context.description }}</p>
+    <button class="toast-dismiss" (click)="dismiss()" ngpButton>Dismiss</button>
   `,
   styles: `
 /* These styles rely on CSS variables that can be imported from ng-primitives/example-theme/index.css in your global styles */
 
     :host {
-      display: none;
-    }
-
-    .toast {
-      position: fixed;
+      position: absolute;
+      touch-action: none;
+      transition:
+        transform 0.4s,
+        opacity 0.4s,
+        height 0.4s,
+        box-shadow 0.2s;
+      box-sizing: border-box;
+      align-items: center;
+      gap: 6px;
       display: inline-grid;
       background: var(--ngp-background);
       box-shadow: var(--ngp-shadow);
@@ -31,11 +33,14 @@ import { NgpToast } from 'ng-primitives/toast';
       opacity: 0;
       transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
       border-radius: 8px;
-      z-index: 9999;
+      z-index: var(--ngp-toast-z-index);
       grid-template-columns: 1fr auto;
       grid-template-rows: auto auto;
       column-gap: 12px;
       align-items: center;
+      width: var(--ngp-toast-width);
+      height: fit-content;
+      transform: var(--y);
     }
 
     .toast-title {
@@ -46,6 +51,7 @@ import { NgpToast } from 'ng-primitives/toast';
       grid-column: 1 / 2;
       grid-row: 1;
       line-height: 16px;
+      user-select: none;
     }
 
     .toast-description {
@@ -55,6 +61,7 @@ import { NgpToast } from 'ng-primitives/toast';
       grid-column: 1 / 2;
       grid-row: 2;
       line-height: 16px;
+      user-select: none;
     }
 
     .toast-dismiss {
@@ -71,41 +78,102 @@ import { NgpToast } from 'ng-primitives/toast';
       max-height: 27px;
     }
 
-    .toast[data-toast='visible'] {
-      opacity: 1;
+    :host[data-position-x='end'] {
+      right: 0;
     }
 
-    .toast[data-position='end'] {
-      right: 16px;
+    :host[data-position-x='start'] {
+      left: 0;
     }
 
-    .toast[data-position='start'] {
-      left: 16px;
+    :host[data-position-y='top'] {
+      top: 0;
+      --lift: 1;
+      --lift-amount: calc(var(--lift) * var(--ngp-toast-gap));
+      --y: translateY(-100%);
     }
 
-    .toast[data-gravity='top'] {
-      top: -150px;
+    :host[data-position-y='bottom'] {
+      bottom: 0;
+      --lift: -1;
+      --lift-amount: calc(var(--lift) * var(--ngp-toast-gap));
+      --y: translateY(100%);
     }
 
-    .toast[data-gravity='bottom'] {
-      bottom: -150px;
+    :host[data-enter] {
+      opacity: 1;
+      --y: translateY(0);
     }
 
-    .toast[data-position='center'] {
-      margin-left: auto;
-      margin-right: auto;
+    :host[data-exit] {
+      opacity: 0;
+      --y: translateY(calc(calc(var(--lift) * var(--ngp-toast-gap)) * -1));
+    }
+
+    :host[data-visible='false'] {
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    :host[data-expanded='true']::after {
+      content: '';
+      position: absolute;
       left: 0;
-      right: 0;
-      max-width: fit-content;
+      height: calc(var(--ngp-toast-gap) + 1px);
+      bottom: 100%;
+      width: 100%;
+    }
+
+    :host[data-expanded='false'][data-front='false'] {
+      --scale: var(--ngp-toasts-before) * 0.05 + 1;
+      --y: translateY(calc(var(--lift-amount) * var(--ngp-toasts-before)))
+        scale(calc(-1 * var(--scale)));
+      height: var(--ngp-toast-front-height);
+    }
+
+    :host[data-expanded='true'] {
+      --y: translateY(calc(var(--lift) * var(--ngp-toast-offset)));
+      height: var(--ngp-toast-height);
+    }
+
+    :host[data-swiping='true'] {
+      transform: var(--y) translateY(var(--ngp-toast-swipe-amount-y, 0))
+        translateX(var(--ngp-toast-swipe-amount-x, 0));
+      transition: none;
+    }
+
+    :host[data-swiping='true'][data-swipe-direction='left'] {
+      /* Fade out from -45px to -100px swipe */
+      opacity: calc(1 - clamp(0, ((-1 * var(--ngp-toast-swipe-x, 0px)) - 45) / 55, 1));
+    }
+
+    :host[data-swiping='true'][data-swipe-direction='right'] {
+      /* Fade out from 45px to 100px swipe */
+      opacity: calc(1 - clamp(0, (var(--ngp-toast-swipe-x, 0px) - 45) / 55, 1));
+    }
+
+    :host[data-swiping='true'][data-swipe-direction='top'] {
+      /* Fade out from -45px to -100px swipe */
+      opacity: calc(1 - clamp(0, ((-1 * var(--ngp-toast-swipe-y, 0px)) - 45) / 55, 1));
+    }
+
+    :host[data-swiping='true'][data-swipe-direction='bottom'] {
+      /* Fade out from 45px to 100px swipe */
+      opacity: calc(1 - clamp(0, (var(--ngp-toast-swipe-y, 0px) - 45) / 55, 1));
     }
   `,
 })
 export class Toast<%= componentSuffix %> {
-  readonly header = input.required<string>();
-  readonly description = input.required<string>();
-  protected readonly template = viewChild.required(NgpToast);
+  private readonly toastManager = inject(NgpToastManager);
+  private readonly toast = inject(NgpToast);
+  protected readonly context = injectToastContext<ToastContext>();
 
-  show(): void {
-    this.template().show();
+  dismiss(): void {
+    this.toastManager.dismiss(this.toast);
   }
 }
+
+interface ToastContext {
+  header: string;
+  description: string;
+}

package/toast/config/toast-config.d.ts

@@ -1,22 +1,46 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { NgpToastGravity, NgpToastPosition } from '../toast/toast-ref';
+import { NgpToastSwipeDirection } from '../toast/toast';
 export interface NgpToastConfig {
     /**
      * The duration of each toast.
      */
     duration: number;
     /**
-     * The gravity of each toast.
+     * The width of each toast in pixels.
      */
-    gravity: NgpToastGravity;
+    width: number;
     /**
-     * The position of each toast.
+     * The offset from the top of the viewport in pixels.
      */
-    position: NgpToastPosition;
+    offsetTop: number;
     /**
-     * Whether we should stop on hover.
+     * The offset from the bottom of the viewport in pixels.
      */
-    stopOnHover: boolean;
+    offsetBottom: number;
+    /**
+     * The offset from the left of the viewport in pixels.
+     */
+    offsetLeft: number;
+    /**
+     * The offset from the right of the viewport in pixels.
+     */
+    offsetRight: number;
+    /**
+     * Whether a toast can be dismissed by swiping.
+     */
+    dismissible: boolean;
+    /**
+     * The amount a toast must be swiped before it is considered dismissed.
+     */
+    swipeThreshold: number;
+    /**
+     * The default swipe directions supported by the toast.
+     */
+    swipeDirections: NgpToastSwipeDirection[];
+    /**
+     * The maximum number of toasts that can be displayed at once.
+     */
+    maxToasts: number;
     /**
      * The aria live setting.
      */
@@ -25,6 +49,11 @@ export interface NgpToastConfig {
      * The gap between each toast.
      */
     gap: number;
+    /**
+     * The z-index of the toast container.
+     * This is used to ensure that the toast container is always on top of other elements.
+     */
+    zIndex: number;
 }
 export declare const defaultToastConfig: NgpToastConfig;
 export declare const NgpToastConfigToken: InjectionToken<NgpToastConfig>;

package/toast/index.d.ts

@@ -1,3 +1,4 @@
 export { NgpToastConfig, provideToastConfig } from './config/toast-config';
 export { NgpToast } from './toast/toast';
-export { NgpToastGravity, NgpToastPosition, NgpToastRef } from './toast/toast-ref';
+export { injectToastContext } from './toast/toast-context';
+export { NgpToastManager } from './toast/toast-manager';

package/toast/toast/toast-context.d.ts

@@ -0,0 +1,3 @@
+import { ValueProvider } from '@angular/core';
+export declare function provideToastContext<T>(context: T): ValueProvider;
+export declare function injectToastContext<T>(): T;

package/toast/toast/toast-manager.d.ts

@@ -0,0 +1,50 @@
+import { TemplateRef, Type } from '@angular/core';
+import { NgpPortal } from 'ng-primitives/portal';
+import { NgpToast, NgpToastSwipeDirection } from './toast';
+import * as i0 from "@angular/core";
+export declare class NgpToastManager {
+    private readonly config;
+    private readonly applicationRef;
+    private readonly rendererFactory;
+    private readonly renderer;
+    private readonly injector;
+    private readonly containers;
+    readonly toasts: import("@angular/core").WritableSignal<NgpToastRecord[]>;
+    /** Signal that tracks which placements are expanded */
+    private readonly expanded;
+    /** Show a toast notification */
+    show(toast: TemplateRef<void> | Type<unknown>, options?: NgpToastOptions): NgpToastRef;
+    /** Hide a toast notification */
+    dismiss(toast: NgpToast): Promise<void>;
+    /**
+     * Lazily create or get a container for a given placement.
+     */
+    private getOrCreateContainer;
+    /**
+     * Create a section in which toasts will be rendered for a specific placement.
+     */
+    private createContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpToastManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgpToastManager>;
+}
+export type NgpToastPlacement = 'top-start' | 'top-end' | 'top-center' | 'bottom-start' | 'bottom-end' | 'bottom-center';
+export interface NgpToastOptions<T = unknown> {
+    /** The position of the toast */
+    placement?: NgpToastPlacement;
+    /** The duration of the toast in milliseconds */
+    duration?: number;
+    /** Whether the toast is dismissible */
+    dismissible?: boolean;
+    /** The swipe directions supported by the toast */
+    swipeDirections?: NgpToastSwipeDirection[];
+    /** The context to make available to the toast */
+    context?: T;
+}
+interface NgpToastRecord {
+    instance: NgpToast;
+    portal: NgpPortal;
+}
+interface NgpToastRef {
+    dismiss(): Promise<void>;
+}
+export {};

package/toast/toast/toast-options.d.ts

@@ -0,0 +1,34 @@
+import { Signal, ValueProvider } from '@angular/core';
+import type { NgpToast, NgpToastSwipeDirection } from './toast';
+export declare function provideToastOptions(context: NgpToastOptions): ValueProvider;
+export declare function injectToastOptions(): NgpToastOptions;
+export interface NgpToastOptions {
+    /**
+     * The position of the toast.
+     */
+    placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'top-center' | 'bottom-center';
+    /**
+     * The duration of the toast in milliseconds.
+     */
+    duration: number;
+    /**
+     * A function to register the toast instance with the manager.
+     * @internal
+     */
+    register: (toast: NgpToast) => void;
+    /**
+     * Whether the toast region is expanded.
+     * @internal
+     */
+    expanded: Signal<boolean>;
+    /**
+     * Whether the toast supports swipe dismiss.
+     * @internal
+     */
+    dismissible: boolean;
+    /**
+     * The swipe directions supported by the toast.
+     * @internal
+     */
+    swipeDirections: NgpToastSwipeDirection[];
+}

package/toast/toast/toast-timer.d.ts

@@ -0,0 +1,14 @@
+declare class NgpToastTimer {
+    private duration;
+    private callback;
+    private startTime;
+    private remaining;
+    private timeoutId;
+    private isRunning;
+    constructor(duration: number, callback: () => void);
+    start(): void;
+    pause(): void;
+    stop(): void;
+}
+export declare function toastTimer(duration: number, callback: () => void): NgpToastTimer;
+export {};

package/toast/toast/toast.d.ts

@@ -1,52 +1,75 @@
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { NgpToastGravity, NgpToastPosition } from './toast-ref';
 import * as i0 from "@angular/core";
-export interface NgpToastContext {
-    dismiss: () => void;
-}
 export declare class NgpToast {
-    private readonly config;
-    /** Access the ng-template */
-    private readonly template;
-    /** Access the view container */
-    private readonly viewContainer;
-    /** Access the injector */
+    private readonly manager;
     private readonly injector;
-    /** Access the document */
-    private readonly document;
+    protected readonly config: import("../config/toast-config").NgpToastConfig;
+    /** @internal */
+    readonly context: import("./toast-options").NgpToastOptions;
+    private readonly interactivityChecker;
+    private readonly isInteracting;
+    private pointerStartRef;
+    private dragStartTime;
+    protected readonly swiping: import("@angular/core").WritableSignal<boolean>;
+    protected readonly swipeDirection: import("@angular/core").WritableSignal<"x" | "y" | null>;
+    protected readonly swipeAmount: import("@angular/core").WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    protected readonly swipeOutDirection: import("@angular/core").Signal<"right" | "left" | "bottom" | "top" | null>;
+    /**
+     * Get all toasts that are currently being displayed in the same position.
+     */
+    private readonly toasts;
+    /**
+     * The number of toasts that are currently being displayed before this toast.
+     */
+    protected readonly index: import("@angular/core").Signal<number>;
+    /**
+     * Determine the position of the toast in the list of toasts.
+     * This is the combination of the heights of all the toasts before this one, plus the gap between them.
+     */
+    protected readonly offset: import("@angular/core").Signal<number>;
+    /**
+     * Determine if this toast is visible.
+     * Visible considers the maximum number of toasts that can be displayed at once, and the last x toasts that are currently being displayed.
+     */
+    protected readonly visible: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine the height of the front toast.
+     * This is used to determine the height of the toast when it is not expanded.
+     */
+    protected readonly frontToastHeight: import("@angular/core").Signal<number>;
     /**
-     * The duration the toast will display for before it is automatically dismissed in milliseconds.
-     * @default 3000
+     * Determine the z-index of the toast. This is the inverse of the index.
+     * The first toast will have the highest z-index, and the last toast will have the lowest z-index.
+     * This is used to ensure that the first toast is always on top of the others.
      */
-    readonly duration: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    protected readonly zIndex: import("@angular/core").Signal<number>;
     /**
-     * The direction the toast will appear from.
-     * @default 'top'
+     * The height of the toast in pixels.
      */
-    readonly gravity: import("@angular/core").InputSignal<NgpToastGravity>;
+    protected readonly dimensions: import("@angular/core").WritableSignal<{
+        width: number;
+        height: number;
+        mounted: boolean;
+    }>;
     /**
-     * The position the toast will on the horizontal axis.
-     * @default 'end'
+     * The x position of the toast.
      */
-    readonly position: import("@angular/core").InputSignal<NgpToastPosition>;
+    readonly x: string;
     /**
-     * Whether the automatic dismissal of the toast should be paused when the user hovers over it.
-     * @default true
+     * The y position of the toast.
      */
-    readonly stopOnHover: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly y: string;
     /**
-     * Whether the toast should be announced to assistive technologies.
-     * @default 'polite'
+     * The toast timer instance.
      */
-    readonly ariaLive: import("@angular/core").InputSignal<string>;
-    /** Store the list of toasts */
-    private static toasts;
-    /** Show the toast. */
-    show(): void;
-    /** Build the toast */
-    private createToast;
-    /** Position the toast on the DOM */
-    private reposition;
+    private readonly timer;
+    constructor();
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpToast, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpToast, "[ngpToast]", ["ngpToast"], { "duration": { "alias": "ngpToastDuration"; "required": false; "isSignal": true; }; "gravity": { "alias": "ngpToastGravity"; "required": false; "isSignal": true; }; "position": { "alias": "ngpToastPosition"; "required": false; "isSignal": true; }; "stopOnHover": { "alias": "ngpToastStopOnHover"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ngpToastAriaLive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpToast, "[ngpToast]", ["ngpToast"], {}, {}, never, never, true, never>;
 }
+export type NgpToastSwipeDirection = 'top' | 'right' | 'bottom' | 'left';