@tolle_/tolle-ui 18.3.1 → 18.3.2

package/lib/alert-dialog-dynamic.component.d.ts

@@ -8,8 +8,14 @@ export declare class AlertDialogDynamicComponent {
      * content panel plays its exit animation before the overlay is torn down.
      */
     closing: boolean;
+    /**
+     * Result recorded by the action/cancel buttons' `confirmed`/`cancelled`
+     * outputs, which fire *before* the button drives the dialog closed. The
+     * single close path (`onOpenChange`) then reads it, so a confirm reports
+     * `true` instead of racing with the button's own `false` close signal.
+     */
+    result: boolean;
     onOpenChange(open: boolean): void;
-    close(result: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogDynamicComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogDynamicComponent, "tolle-alert-dialog-dynamic", never, {}, {}, never, never, true, never>;
 }

package/lib/alert-dialog.types.d.ts

@@ -11,5 +11,7 @@ export interface AlertDialogConfig {
 export declare class AlertDialogRef {
     private readonly _afterClosed;
     afterClosed$: Observable<boolean>;
+    /** Guards against the dialog's several close paths racing to emit twice. */
+    private closed;
     close(result?: boolean): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "18.3.1",
+  "version": "18.3.2",
   "publishConfig": {
     "access": "public"
   },

package/registry/manifest.json

@@ -1,6 +1,6 @@
 {
   "package": "@tolle_/tolle-ui",
-  "version": "18.3.1",
+  "version": "18.3.2",
   "registry": "r/{name}.json",
   "components": [
     {

package/registry/r/alert-dialog-dynamic.json

@@ -15,12 +15,12 @@
     {
       "path": "alert-dialog-dynamic.component.ts",
       "target": "ui/alert-dialog-dynamic.component.ts",
-      "content": "import { Component, Inject, inject, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  AlertDialogComponent,\n  AlertDialogContentComponent,\n  AlertDialogHeaderComponent,\n  AlertDialogTitleComponent,\n  AlertDialogDescriptionComponent,\n  AlertDialogFooterComponent,\n  AlertDialogCancelComponent,\n  AlertDialogActionComponent\n} from './alert-dialog.component';\nimport { ButtonComponent } from './button.component';\nimport { AlertDialogConfig, AlertDialogRef } from './alert-dialog.types';\n\n@Component({\n  selector: 'tolle-alert-dialog-dynamic',\n  styles: [':host { display: block; }'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    AlertDialogComponent,\n    AlertDialogContentComponent,\n    AlertDialogHeaderComponent,\n    AlertDialogTitleComponent,\n    AlertDialogDescriptionComponent,\n    AlertDialogFooterComponent,\n    AlertDialogCancelComponent,\n    AlertDialogActionComponent,\n    ButtonComponent\n  ],\n  template: `\n    <tolle-alert-dialog [open]=\"!closing\" (openChange)=\"onOpenChange($event)\">\n        <tolle-alert-dialog-content [size]=\"config.size || 'lg'\">\n          <tolle-alert-dialog-header>\n            <tolle-alert-dialog-title>{{ config.title }}</tolle-alert-dialog-title>\n            <tolle-alert-dialog-description>\n              {{ config.description }}\n            </tolle-alert-dialog-description>\n          </tolle-alert-dialog-header>\n          <tolle-alert-dialog-footer>\n            <tolle-alert-dialog-cancel (click)=\"close(false)\">\n              <tolle-button variant=\"outline\">{{ config.cancelText || 'Cancel' }}</tolle-button>\n            </tolle-alert-dialog-cancel>\n            <tolle-alert-dialog-action (click)=\"close(true)\">\n              <tolle-button [variant]=\"config.variant === 'destructive' ? 'destructive' : 'default'\">\n                {{ config.actionText || 'Continue' }}\n              </tolle-button>\n            </tolle-alert-dialog-action>\n          </tolle-alert-dialog-footer>\n        </tolle-alert-dialog-content>\n    </tolle-alert-dialog>\n  `\n})\nexport class AlertDialogDynamicComponent {\n  config!: AlertDialogConfig;\n  dialogRef!: AlertDialogRef;\n\n  /**\n   * Set by `AlertDialogService` once the dialog's result is ready, so the\n   * content panel plays its exit animation before the overlay is torn down.\n   */\n  closing = false;\n\n  onOpenChange(open: boolean) {\n    if (!open) {\n      this.close(false);\n    }\n  }\n\n  close(result: boolean) {\n    this.dialogRef.close(result);\n  }\n}\n"
+      "content": "import { Component, Inject, inject, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  AlertDialogComponent,\n  AlertDialogContentComponent,\n  AlertDialogHeaderComponent,\n  AlertDialogTitleComponent,\n  AlertDialogDescriptionComponent,\n  AlertDialogFooterComponent,\n  AlertDialogCancelComponent,\n  AlertDialogActionComponent\n} from './alert-dialog.component';\nimport { ButtonComponent } from './button.component';\nimport { AlertDialogConfig, AlertDialogRef } from './alert-dialog.types';\n\n@Component({\n  selector: 'tolle-alert-dialog-dynamic',\n  styles: [':host { display: block; }'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    AlertDialogComponent,\n    AlertDialogContentComponent,\n    AlertDialogHeaderComponent,\n    AlertDialogTitleComponent,\n    AlertDialogDescriptionComponent,\n    AlertDialogFooterComponent,\n    AlertDialogCancelComponent,\n    AlertDialogActionComponent,\n    ButtonComponent\n  ],\n  template: `\n    <tolle-alert-dialog [open]=\"!closing\" (openChange)=\"onOpenChange($event)\">\n        <tolle-alert-dialog-content [size]=\"config.size || 'lg'\">\n          <tolle-alert-dialog-header>\n            <tolle-alert-dialog-title>{{ config.title }}</tolle-alert-dialog-title>\n            <tolle-alert-dialog-description>\n              {{ config.description }}\n            </tolle-alert-dialog-description>\n          </tolle-alert-dialog-header>\n          <tolle-alert-dialog-footer>\n            <tolle-alert-dialog-cancel (cancelled)=\"result = false\">\n              <tolle-button variant=\"outline\">{{ config.cancelText || 'Cancel' }}</tolle-button>\n            </tolle-alert-dialog-cancel>\n            <tolle-alert-dialog-action (confirmed)=\"result = true\">\n              <tolle-button [variant]=\"config.variant === 'destructive' ? 'destructive' : 'default'\">\n                {{ config.actionText || 'Continue' }}\n              </tolle-button>\n            </tolle-alert-dialog-action>\n          </tolle-alert-dialog-footer>\n        </tolle-alert-dialog-content>\n    </tolle-alert-dialog>\n  `\n})\nexport class AlertDialogDynamicComponent {\n  config!: AlertDialogConfig;\n  dialogRef!: AlertDialogRef;\n\n  /**\n   * Set by `AlertDialogService` once the dialog's result is ready, so the\n   * content panel plays its exit animation before the overlay is torn down.\n   */\n  closing = false;\n\n  /**\n   * Result recorded by the action/cancel buttons' `confirmed`/`cancelled`\n   * outputs, which fire *before* the button drives the dialog closed. The\n   * single close path (`onOpenChange`) then reads it, so a confirm reports\n   * `true` instead of racing with the button's own `false` close signal.\n   */\n  result = false;\n\n  onOpenChange(open: boolean) {\n    if (!open) {\n      this.dialogRef.close(this.result);\n    }\n  }\n}\n"
     },
     {
       "path": "alert-dialog.types.ts",
       "target": "ui/alert-dialog.types.ts",
-      "content": "import { Subject, Observable } from 'rxjs';\n\nexport type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AlertDialogConfig {\n    title: string;\n    description: string;\n    cancelText?: string;\n    actionText?: string;\n    variant?: 'default' | 'destructive';\n    size?: AlertDialogSize;\n}\n\nexport class AlertDialogRef {\n    private readonly _afterClosed = new Subject<boolean>();\n    afterClosed$: Observable<boolean> = this._afterClosed.asObservable();\n\n    close(result: boolean = false): void {\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n    }\n}\n"
+      "content": "import { Subject, Observable } from 'rxjs';\n\nexport type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AlertDialogConfig {\n    title: string;\n    description: string;\n    cancelText?: string;\n    actionText?: string;\n    variant?: 'default' | 'destructive';\n    size?: AlertDialogSize;\n}\n\nexport class AlertDialogRef {\n    private readonly _afterClosed = new Subject<boolean>();\n    afterClosed$: Observable<boolean> = this._afterClosed.asObservable();\n\n    /** Guards against the dialog's several close paths racing to emit twice. */\n    private closed = false;\n\n    close(result: boolean = false): void {\n        if (this.closed) return;\n        this.closed = true;\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n    }\n}\n"
     },
     {
       "path": "utils/cn.ts",

package/registry/r/alert-dialog.json

@@ -15,7 +15,7 @@
     {
       "path": "alert-dialog.types.ts",
       "target": "ui/alert-dialog.types.ts",
-      "content": "import { Subject, Observable } from 'rxjs';\n\nexport type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AlertDialogConfig {\n    title: string;\n    description: string;\n    cancelText?: string;\n    actionText?: string;\n    variant?: 'default' | 'destructive';\n    size?: AlertDialogSize;\n}\n\nexport class AlertDialogRef {\n    private readonly _afterClosed = new Subject<boolean>();\n    afterClosed$: Observable<boolean> = this._afterClosed.asObservable();\n\n    close(result: boolean = false): void {\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n    }\n}\n"
+      "content": "import { Subject, Observable } from 'rxjs';\n\nexport type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AlertDialogConfig {\n    title: string;\n    description: string;\n    cancelText?: string;\n    actionText?: string;\n    variant?: 'default' | 'destructive';\n    size?: AlertDialogSize;\n}\n\nexport class AlertDialogRef {\n    private readonly _afterClosed = new Subject<boolean>();\n    afterClosed$: Observable<boolean> = this._afterClosed.asObservable();\n\n    /** Guards against the dialog's several close paths racing to emit twice. */\n    private closed = false;\n\n    close(result: boolean = false): void {\n        if (this.closed) return;\n        this.closed = true;\n        this._afterClosed.next(result);\n        this._afterClosed.complete();\n    }\n}\n"
     },
     {
       "path": "utils/cn.ts",