@brickclay-org/ui 0.0.50 → 0.0.51

package/fesm2022/brickclay-org-ui.mjs

@@ -11,7 +11,7 @@ import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i1$2 from '@angular/cdk/scrolling';
 import { ScrollingModule, CdkScrollable } from '@angular/cdk/scrolling';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
-import { DIALOG_DATA as DIALOG_DATA$1, CdkDialogContainer, Dialog, DialogModule } from '@angular/cdk/dialog';
+import { DIALOG_DATA, CdkDialogContainer, Dialog, DialogModule } from '@angular/cdk/dialog';
 import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import { CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
 
@@ -4336,8 +4336,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *   as before.
  *
  * • `INTERNAL_DIALOG_CONFIG` — Internal-only token used to pass our
- *   full `DialogConfig` (including animation fields) to the custom
- *   `DialogContainerComponent`.  Not part of the public API.
+ *   full `BkDialogConfig` (including animation fields) to the custom
+ *   `BkDialogContainerComponent`.  Not part of the public API.
  */
 // ──── Public ─────────────────────────────────────────────────────────────
 /**
@@ -4349,10 +4349,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *
  * Usage inside a dialog component:
  * ```ts
- * constructor(@Inject(DIALOG_DATA) public data: MyDataType) {}
+ * constructor(@Inject(BK_DIALOG_DATA) public data: MyDataType) {}
  * ```
  */
-const DIALOG_DATA = DIALOG_DATA$1;
+const BK_DIALOG_DATA = DIALOG_DATA;
 /**
  * Optional token for providing global dialog defaults at the
  * application level.
@@ -4360,19 +4360,19 @@ const DIALOG_DATA = DIALOG_DATA$1;
  * Usage in `app.config.ts` or a module's `providers` array:
  * ```ts
  * providers: [
- *   { provide: DIALOG_GLOBAL_CONFIG, useValue: { animation: 'zoom', width: '600px' } }
+ *   { provide: BK_DIALOG_GLOBAL_CONFIG, useValue: { animation: 'zoom', width: '600px' } }
  * ]
  * ```
  */
-const DIALOG_GLOBAL_CONFIG = new InjectionToken('DIALOG_GLOBAL_CONFIG');
+const BK_DIALOG_GLOBAL_CONFIG = new InjectionToken('BK_DIALOG_GLOBAL_CONFIG');
 // ──── Internal ───────────────────────────────────────────────────────────
 /**
- * Internal token that carries our full `DialogConfig` (with animation
- * settings, position offsets, etc.) into the `DialogContainerComponent`.
+ * Internal token that carries our full `BkDialogConfig` (with animation
+ * settings, position offsets, etc.) into the `BkDialogContainerComponent`.
  *
  * @internal — not exported from the barrel; do not depend on it.
  */
-const INTERNAL_DIALOG_CONFIG = new InjectionToken('INTERNAL_DIALOG_CONFIG');
+const BK_INTERNAL_DIALOG_CONFIG = new InjectionToken('BK_INTERNAL_DIALOG_CONFIG');
 
 /**
  * Dialog Animations
@@ -4387,7 +4387,7 @@ const INTERNAL_DIALOG_CONFIG = new InjectionToken('INTERNAL_DIALOG_CONFIG');
  *  3. Future presets can be added without touching the component template.
  *
  * Each preset exports an `enter` and `leave` keyframe array plus a
- * recommended timing object. The DialogContainerComponent plays these
+ * recommended timing object. The BkDialogContainerComponent plays these
  * via `element.animate()`.
  */
 /**
@@ -4539,7 +4539,7 @@ function getDialogBackdropAnimation(enterDuration, leaveDuration) {
 }
 
 /**
- * DialogContainerComponent
+ * BkDialogContainerComponent
  *
  * Architecture Decision:
  * ─────────────────────
@@ -4559,19 +4559,19 @@ function getDialogBackdropAnimation(enterDuration, leaveDuration) {
  *   • Position-offset application via CSS margin.
  *
  * This component is **never** used directly — it is created internally
- * by `DialogService` via CDK's `Dialog.open()`.
+ * by `BkDialogService` via CDK's `Dialog.open()`.
  */
-class DialogContainerComponent extends CdkDialogContainer {
+class BkDialogContainerComponent extends CdkDialogContainer {
     /**
      * Our full config (including animation fields).
-     * Provided by DialogService via the INTERNAL_DIALOG_CONFIG token.
+     * Provided by BkDialogService via the INTERNAL_DIALOG_CONFIG token.
      */
-    _dialogConfig = inject(INTERNAL_DIALOG_CONFIG);
+    _dialogConfig = inject(BK_INTERNAL_DIALOG_CONFIG);
     // ──── Opened promise ─────────────────────────────────────────────────
     /**
      * Resolves when the enter animation finishes (or immediately for 'none').
-     * `DialogService` subscribes via `.then()` to emit `afterOpened` on the
-     * `DialogRef`.
+     * `BkDialogService` subscribes via `.then()` to emit `afterOpened` on the
+     * `BkDialogRef`.
      */
     _resolveOpened;
     opened = new Promise(resolve => {
@@ -4629,7 +4629,7 @@ class DialogContainerComponent extends CdkDialogContainer {
     }
     /**
      * Play the leave animation.  Returns a Promise that resolves when done.
-     * Called by `DialogRef._runCloseSequence()` before CDK tears down the
+     * Called by `BkDialogRef._runCloseSequence()` before CDK tears down the
      * overlay.
      */
     playLeaveAnimation() {
@@ -4681,10 +4681,10 @@ class DialogContainerComponent extends CdkDialogContainer {
         const pane = this._elementRef.nativeElement.closest('.cdk-overlay-pane');
         return pane?.parentElement?.querySelector('.cdk-overlay-backdrop') ?? null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DialogContainerComponent, isStandalone: true, selector: "bk-dialog-container", host: { classAttribute: "bk-dialog-container" }, usesInheritance: true, ngImport: i0, template: "<!--\r\n  Dialog Container Template (CDK-based)\r\n\r\n  Architecture:\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  CDK Overlay manages the full overlay stack:\r\n\r\n  \u250C\u2500 .cdk-overlay-container (fixed, z-index managed by CDK) \u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n  \u2502  \u250C\u2500 .cdk-global-overlay-wrapper (flex-center) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502\r\n  \u2502  \u2502  .cdk-overlay-backdrop (click \u2192 close, CDK transition)   \u2502 \u2502\r\n  \u2502  \u2502  \u250C\u2500 .cdk-overlay-pane (width/height from config) \u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502 \u2502\r\n  \u2502  \u2502  \u2502  <bk-dialog-container>  \u2190 this component (panel)     \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502    <ng-template cdkPortalOutlet />  \u2190 user component  \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502      <UserDialogComponent>                            \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <h2 bk-dialog-title>Title</h2>                 \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <div bk-dialog-content>Scrollable body</div>   \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <div bk-dialog-actions>Pinned buttons</div>    \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502      </UserDialogComponent>                           \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502  </bk-dialog-container>                               \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502 \u2502\r\n  \u2502  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502\r\n  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\r\n  The host element IS the visible panel (background, radius, shadow).\r\n  CDK Portal projects the caller's component as a direct child.\r\n\r\n  Directives (BkDialogTitle, BkDialogContent, BkDialogActions, BkDialogClose)\r\n  apply the corresponding CSS classes and add accessibility features.\r\n-->\r\n\r\n<ng-template cdkPortalOutlet />\r\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0;max-height:inherit;background:var(--bk-dialog-panel-bg, #ffffff);border-radius:var(--bk-dialog-panel-radius, 8px);box-shadow:var( --bk-dialog-panel-shadow, 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) );outline:0;box-sizing:border-box;overflow:hidden;will-change:transform,opacity}:host ::ng-deep>:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}:host ::ng-deep .bk-dialog-content{flex:1 1 auto;overflow:auto;min-height:0;display:block;-webkit-overflow-scrolling:touch}:host ::ng-deep .bk-dialog-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-height:52px}:host ::ng-deep .bk-dialog-title{flex:0 0 auto;margin:0}:host ::ng-deep .bk-dialog-actions-align-start{justify-content:flex-start}:host ::ng-deep .bk-dialog-actions-align-center{justify-content:center}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BkDialogContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: BkDialogContainerComponent, isStandalone: true, selector: "bk-dialog-container", host: { classAttribute: "bk-dialog-container" }, usesInheritance: true, ngImport: i0, template: "<!--\r\n  Dialog Container Template (CDK-based)\r\n\r\n  Architecture:\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  CDK Overlay manages the full overlay stack:\r\n\r\n  \u250C\u2500 .cdk-overlay-container (fixed, z-index managed by CDK) \u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n  \u2502  \u250C\u2500 .cdk-global-overlay-wrapper (flex-center) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502\r\n  \u2502  \u2502  .cdk-overlay-backdrop (click \u2192 close, CDK transition)   \u2502 \u2502\r\n  \u2502  \u2502  \u250C\u2500 .cdk-overlay-pane (width/height from config) \u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u2502 \u2502\r\n  \u2502  \u2502  \u2502  <bk-dialog-container>  \u2190 this component (panel)     \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502    <ng-template cdkPortalOutlet />  \u2190 user component  \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502      <UserDialogComponent>                            \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <h2 bk-dialog-title>Title</h2>                 \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <div bk-dialog-content>Scrollable body</div>   \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502        <div bk-dialog-actions>Pinned buttons</div>    \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502      </UserDialogComponent>                           \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2502  </bk-dialog-container>                               \u2502 \u2502 \u2502\r\n  \u2502  \u2502  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502 \u2502\r\n  \u2502  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2502\r\n  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\r\n  The host element IS the visible panel (background, radius, shadow).\r\n  CDK Portal projects the caller's component as a direct child.\r\n\r\n  Directives (BkDialogTitle, BkDialogContent, BkDialogActions, BkDialogClose)\r\n  apply the corresponding CSS classes and add accessibility features.\r\n-->\r\n\r\n<ng-template cdkPortalOutlet />\r\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0;max-height:inherit;background:var(--bk-dialog-panel-bg, #ffffff);border-radius:var(--bk-dialog-panel-radius, 8px);box-shadow:var( --bk-dialog-panel-shadow, 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) );outline:0;box-sizing:border-box;overflow:hidden;will-change:transform,opacity}:host ::ng-deep>:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}:host ::ng-deep .bk-dialog-content{flex:1 1 auto;overflow:auto;min-height:0;display:block;-webkit-overflow-scrolling:touch}:host ::ng-deep .bk-dialog-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-height:52px}:host ::ng-deep .bk-dialog-title{flex:0 0 auto;margin:0}:host ::ng-deep .bk-dialog-actions-align-start{justify-content:flex-start}:host ::ng-deep .bk-dialog-actions-align-center{justify-content:center}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BkDialogContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bk-dialog-container', standalone: true, imports: [CdkPortalOutlet], host: {
                         'class': 'bk-dialog-container',
@@ -4692,7 +4692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }] });
 
 /**
- * DialogRef — Handle returned to callers by `DialogService.open()`.
+ * BkDialogRef — Handle returned to callers by `BkDialogService.open()`.
  *
  * Architecture Decision:
  * ─────────────────────
@@ -4707,13 +4707,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Ours keeps `<T, R>` (Component first, Result second) to match the
  * convention consumers already use.
  */
-class DialogRef {
+class BkDialogRef {
     _cdkRef;
     /** Unique dialog identifier (managed by CDK). */
     id;
     /** Instance of the component rendered inside the dialog. */
     componentInstance;
-    // ──── Internal wiring (set by DialogService) ──────────────────────────
+    // ──── Internal wiring (set by BkDialogService) ──────────────────────────
     /** @internal Container reference for leave animation. */
     _containerInstance;
     /** @internal Prevent double-close. */
@@ -4791,14 +4791,14 @@ class DialogRef {
  *
  * Architecture Decision:
  * ─────────────────────
- * Our `DialogConfig` mirrors the fields from CDK's `DialogConfig` that we
+ * Our `BkDialogConfig` mirrors the fields from CDK's `DialogConfig` that we
  * expose, plus adds custom animation properties powered by WAAPI.
  *
- * When `DialogService.open()` is called these values are:
+ * When `BkDialogService.open()` is called these values are:
  *  1. Merged with global defaults and per-call overrides.
  *  2. Mapped onto CDK's native `DialogConfig` for overlay, backdrop, scroll,
  *     position, ARIA, and focus-trap management.
- *  3. Passed to `DialogContainerComponent` via an internal token for
+ *  3. Passed to `BkDialogContainerComponent` via an internal token for
  *     animation playback and position offsets.
  *
  * CDK handles: unique IDs, z-index stacking, scroll blocking, focus trap,
@@ -4806,7 +4806,7 @@ class DialogRef {
  * We handle: WAAPI animations, panel appearance, convenience config sugar.
  */
 // ──── Defaults ───────────────────────────────────────────────────────────
-const DEFAULT_DIALOG_CONFIG = {
+const BK_DEFAULT_DIALOG_CONFIG = {
     id: undefined,
     width: undefined,
     height: undefined,
@@ -4836,7 +4836,7 @@ const DEFAULT_DIALOG_CONFIG = {
 };
 
 /**
- * DialogService — The core engine of the custom dialog system.
+ * BkDialogService — The core engine of the custom dialog system.
  *
  * Architecture Decision:
  * ─────────────────────
@@ -4847,10 +4847,10 @@ const DEFAULT_DIALOG_CONFIG = {
  *     z-index stacking, and unique ID management — battle-tested infra
  *     shared with every Angular Material dialog in the ecosystem.
  *
- *  2. We provide our own `DialogContainerComponent` (extending
+ *  2. We provide our own `BkDialogContainerComponent` (extending
  *     `CdkDialogContainer`) for WAAPI animations and panel styling.
  *
- *  3. We wrap CDK's `DialogRef` in our own `DialogRef` to add the
+ *  3. We wrap CDK's `DialogRef` in our own `BkDialogRef` to add the
  *     leave-animation step before CDK tears down the overlay, and to
  *     expose the same familiar API shape (`afterClosed()`, etc.).
  *
@@ -4873,13 +4873,13 @@ const DEFAULT_DIALOG_CONFIG = {
  * ─────────────
  * CDK manages the full lifecycle: on close it detaches the overlay,
  * destroys the container, and disposes the overlay ref.
- * Our DialogRef subjects complete via CDK's `closed` observable,
+ * Our BkDialogRef subjects complete via CDK's `closed` observable,
  * preventing lingering subscriptions.
  */
-class DialogService {
+class BkDialogService {
     _cdkDialog = inject(Dialog);
     _overlay = inject(Overlay);
-    _globalConfig = inject(DIALOG_GLOBAL_CONFIG, { optional: true });
+    _globalConfig = inject(BK_DIALOG_GLOBAL_CONFIG, { optional: true });
     /** Stack of currently open dialog refs (most recent = last). */
     _openDialogRefs = [];
     // ════════════════════════════════════════════════════════════════════
@@ -4891,7 +4891,7 @@ class DialogService {
      * @param component  The component class to render inside the dialog.
      * @param config     Optional per-dialog configuration (merged on top
      *                   of global and default settings).
-     * @returns          A strongly-typed `DialogRef` to interact with.
+     * @returns          A strongly-typed `BkDialogRef` to interact with.
      *
      * @example
      * ```ts
@@ -4905,7 +4905,7 @@ class DialogService {
     open(component, config) {
         // ── 1. Merge configs: DEFAULT ← GLOBAL ← per-call ──────────────
         const mergedConfig = {
-            ...DEFAULT_DIALOG_CONFIG,
+            ...BK_DEFAULT_DIALOG_CONFIG,
             ...(this._globalConfig ?? {}),
             ...(config ?? {}),
         };
@@ -4947,23 +4947,23 @@ class DialogService {
             positionStrategy: this._buildPositionStrategy(mergedConfig),
             // ── Custom container ──────────────────────────────────────────
             container: {
-                type: DialogContainerComponent,
+                type: BkDialogContainerComponent,
                 providers: () => [
-                    { provide: INTERNAL_DIALOG_CONFIG, useValue: mergedConfig },
+                    { provide: BK_INTERNAL_DIALOG_CONFIG, useValue: mergedConfig },
                 ],
             },
             // ── Provider callback ─────────────────────────────────────────
             // Runs after the container is created but before the user
-            // component.  We create our `DialogRef` wrapper here and make
+            // component.  We create our `BkDialogRef` wrapper here and make
             // it available for injection in the user component.
             providers: (cdkRef, _cdkConfig, containerInstance) => {
-                ourRef = new DialogRef(cdkRef);
+                ourRef = new BkDialogRef(cdkRef);
                 ourRef._containerInstance = containerInstance;
                 // Wire up afterOpened emission.
                 containerInstance.opened
                     .then(() => ourRef._emitOpened());
                 return [
-                    { provide: DialogRef, useValue: ourRef },
+                    { provide: BkDialogRef, useValue: ourRef },
                 ];
             },
         };
@@ -4992,7 +4992,7 @@ class DialogService {
         }
     }
     /**
-     * Returns the `DialogRef` of the most recently opened dialog,
+     * Returns the `BkDialogRef` of the most recently opened dialog,
      * or `undefined` if none are open.
      */
     getTopDialog() {
@@ -5013,7 +5013,7 @@ class DialogService {
     /**
      * Read-only snapshot of currently open dialog refs.
      * Used internally by content directives (`BkDialogTitle`, `BkDialogActions`,
-     * `BkDialogClose`) for the DOM-walk fallback when `DialogRef` is not
+     * `BkDialogClose`) for the DOM-walk fallback when `BkDialogRef` is not
      * available via injection (e.g. inside `<ng-template>`).
      */
     get openDialogsRef() {
@@ -5135,10 +5135,10 @@ class DialogService {
         }
         return strategy;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BkDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BkDialogService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BkDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -5172,7 +5172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 let nextTitleId = 0;
 // ──── Helper ─────────────────────────────────────────────────────────────
 /**
- * Finds the closest `DialogRef` by walking up the DOM from the given
+ * Finds the closest `BkDialogRef` by walking up the DOM from the given
  * element to the nearest `bk-dialog-container` host, then matching its
  * `id` attribute against the currently open dialogs.
  *
@@ -5193,15 +5193,15 @@ function getClosestDialog(element, openDialogs) {
 }
 // ──── Base for Title / Actions ───────────────────────────────────────────
 /**
- * Shared abstract base that resolves the owning `DialogRef` (via DI or
+ * Shared abstract base that resolves the owning `BkDialogRef` (via DI or
  * DOM walk) and invokes `_onAdd()` / `_onRemove()` lifecycle hooks.
  *
  * Same pattern as Material's internal `MatDialogLayoutSection`.
  */
 class BkDialogLayoutSection {
-    _dialogRef = inject(DialogRef, { optional: true });
+    _dialogRef = inject(BkDialogRef, { optional: true });
     _elementRef = inject((ElementRef));
-    _dialogService = inject(DialogService);
+    _dialogService = inject(BkDialogService);
     ngOnInit() {
         if (!this._dialogRef) {
             this._dialogRef = getClosestDialog(this._elementRef, this._dialogService.openDialogsRef);
@@ -5375,9 +5375,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * ```
  */
 class BkDialogClose {
-    _dialogRef = inject(DialogRef, { optional: true });
+    _dialogRef = inject(BkDialogRef, { optional: true });
     _elementRef = inject((ElementRef));
-    _dialogService = inject(DialogService);
+    _dialogService = inject(BkDialogService);
     /** Screen-reader label for the button. */
     ariaLabel;
     /** Prevents accidental form submits. Default: `'button'`. */
@@ -5440,7 +5440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *
  *  • All components/directives are **standalone**.
  *  • This module simply imports + re-exports them for convenience.
- *  • `DialogService` is `providedIn: 'root'`, so it does NOT need to
+ *  • `BkDialogService` is `providedIn: 'root'`, so it does NOT need to
  *    be listed in `providers` here — it is tree-shakeable and available
  *    app-wide automatically.
  *
@@ -5473,7 +5473,7 @@ class BkDialogModule {
             OverlayModule,
             PortalModule,
             // ── Our standalone pieces ───────────────────────────────────────
-            DialogContainerComponent,
+            BkDialogContainerComponent,
             BkDialogTitle,
             BkDialogContent,
             BkDialogActions,
@@ -5500,7 +5500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         OverlayModule,
                         PortalModule,
                         // ── Our standalone pieces ───────────────────────────────────────
-                        DialogContainerComponent,
+                        BkDialogContainerComponent,
                         BkDialogTitle,
                         BkDialogContent,
                         BkDialogActions,
@@ -5777,5 +5777,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarProfile, BKTooltipDirective, BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogTitle, BkGrid, BkIconButton, BkInput, BkInputChips, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_GLOBAL_CONFIG, DialogRef, DialogService, getDialogBackdropAnimation, getDialogPanelAnimation };
+export { AvatarProfile, BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkGrid, BkIconButton, BkInput, BkInputChips, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, getDialogBackdropAnimation, getDialogPanelAnimation };
 //# sourceMappingURL=brickclay-org-ui.mjs.map