bways-report 0.1.9 → 0.2.1

package/lib/features/designer/designer.component.d.ts

@@ -1,14 +1,28 @@
+import { BwaysReportConfig } from '../../core/config/bways-report-config';
 import { OnInit } from '@angular/core';
 import { ReportDefinition } from '../../core/models/report-definition.model';
 import { DesignerStateService } from './services/designer-state.service';
+import { BwaysReportApiUrls } from '../../data-access/adapters/endpoint-tokens';
 import * as i0 from "@angular/core";
 export declare class DesignerComponent implements OnInit {
+    private readonly requests;
+    readonly loadError: import("@angular/core").WritableSignal<string | null>;
+    private readonly injector;
+    private readonly destroyRef;
+    private saveDialogOpen;
+    private readonly endpointScope;
+    private readonly configuration;
+    /** Page-local settings; omitted values inherit optional application defaults. */
+    set config(value: BwaysReportConfig | null | undefined);
+    /** Override any subset of configured URLs for this designer and its preview. */
+    set apiUrl(value: BwaysReportApiUrls | null | undefined);
     readonly designerState: DesignerStateService;
     private readonly persistenceAdapter;
     private readonly dataSourceAdapter;
     private readonly sessionService;
     private readonly executionService;
     private readonly dialog;
+    private readonly overlaySupport;
     private readonly router;
     private readonly reportingConfig;
     /** Optional reportId to load from persistence adapter */
@@ -46,8 +60,8 @@ export declare class DesignerComponent implements OnInit {
     private lastEmittedDef;
     constructor();
     ngOnInit(): void;
+    retryLoad(): void;
     onSave(): void;
-    private openSavedDialog;
     onPreviewExecute(event: {
         definition: ReportDefinition;
         parameters: Record<string, unknown>;
@@ -59,5 +73,5 @@ export declare class DesignerComponent implements OnInit {
     private syntaxHighlightJson;
     private showToast;
     static ɵfac: i0.ɵɵFactoryDeclaration<DesignerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DesignerComponent, "rpt-designer", never, { "reportId": { "alias": "reportId"; "required": false; "isSignal": true; }; "definition": { "alias": "initialReport"; "required": false; "isSignal": true; }; }, { "reportSaved": "save"; "definitionChanged": "definitionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesignerComponent, "rpt-designer", never, { "config": { "alias": "config"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "reportId": { "alias": "reportId"; "required": false; "isSignal": true; }; "definition": { "alias": "initialReport"; "required": false; "isSignal": true; }; }, { "reportSaved": "save"; "definitionChanged": "definitionChange"; }, never, never, true, never>;
 }

package/lib/features/designer/rpt-report-designer.component.d.ts

@@ -1,3 +1,5 @@
+import { BwaysReportConfig } from '../../core/config/bways-report-config';
+import { BwaysReportApiUrls } from '../../data-access/adapters/endpoint-tokens';
 import { ReportDefinition } from '../../core/models/report-definition.model';
 import * as i0 from "@angular/core";
 /**
@@ -16,6 +18,8 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class RptReportDesignerComponent {
+    readonly config: import("@angular/core").InputSignal<BwaysReportConfig | null>;
+    readonly apiUrl: import("@angular/core").InputSignal<BwaysReportApiUrls | null>;
     /** Report ID to automatically load via configured ReportPersistenceAdapter */
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     /** Report definition to load directly in memory */
@@ -34,5 +38,5 @@ export declare class RptReportDesignerComponent {
     onDefinitionChange(definition: ReportDefinition): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RptReportDesignerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RptReportDesignerComponent, "rpt-report-designer, rpt-designer-view", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "report": { "alias": "report"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "closed": "closed"; "definitionChange": "definitionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RptReportDesignerComponent, "rpt-report-designer, rpt-designer-view", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "apiUrl": { "alias": "apiUrl"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "report": { "alias": "report"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "closed": "closed"; "definitionChange": "definitionChange"; }, never, never, true, never>;
 }

package/lib/features/designer/services/designer-config.service.d.ts

@@ -0,0 +1,13 @@
+import { BwaysReportConfig } from '../../../core/config/bways-report-config';
+import { ReportingConfig } from '../../../core/tokens/reporting-config.token';
+import * as i0 from "@angular/core";
+export declare class DesignerConfigService {
+    private readonly inherited;
+    readonly local: import("@angular/core").WritableSignal<BwaysReportConfig | null>;
+    private readonly effective;
+    readonly reporting: ReportingConfig;
+    constructor();
+    set(value: BwaysReportConfig | null | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignerConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DesignerConfigService>;
+}

package/lib/features/designer/services/designer-endpoints.service.d.ts

@@ -0,0 +1,25 @@
+import { Provider, Type } from '@angular/core';
+import { BwaysReportApiUrls, BwaysReportEndpoints } from '../../../data-access/adapters/endpoint-tokens';
+import * as i0 from "@angular/core";
+/** Private state owned by one designer; never mutates application providers. */
+export declare class DesignerEndpointsService {
+    private readonly defaults;
+    private readonly config;
+    private readonly injector;
+    private readonly pageConfig;
+    private readonly adapters;
+    private overrides;
+    readonly revision: import("@angular/core").WritableSignal<number>;
+    private readonly resolved;
+    readonly endpoints: BwaysReportEndpoints;
+    setOverrides(value: BwaysReportApiUrls | null | undefined): void;
+    hasOverride(keys: (keyof BwaysReportApiUrls)[]): boolean;
+    adapter<T>(type: Type<T>): T;
+    isConfigured(): boolean;
+    refresh(): void;
+    usesDefaultStorageBase(): boolean;
+    private merged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignerEndpointsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DesignerEndpointsService>;
+}
+export declare const DESIGNER_ENDPOINT_PROVIDERS: Provider[];

package/lib/features/persistence/services/report-store.service.d.ts

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
 import { ReportDefinition, ReportSummary } from '../../../core/models/report-definition.model';
+import { ReportSaveOptions, ReportIdStatus } from '../../../data-access/contracts/report-persistence.contract';
 import * as i0 from "@angular/core";
 /**
  * ReportStoreService manages application-wide cached report states,
@@ -8,6 +9,12 @@ import * as i0 from "@angular/core";
 export declare class ReportStoreService {
     private readonly adapter;
     private readonly validator;
+    private readonly session;
+    private readonly endpoints;
+    private cacheContext;
+    private currentCacheContext;
+    private guardCacheContext;
+    private ensureCacheContext;
     /** List of all known report summaries */
     readonly summaries: import("@angular/core").WritableSignal<ReportSummary[]>;
     /** In-memory cache of loaded full report definitions by ID */
@@ -39,7 +46,14 @@ export declare class ReportStoreService {
     /**
      * Saves a report definition, validates it, and updates local cache.
      */
-    saveReport(report: ReportDefinition): Observable<ReportDefinition>;
+    /** Opaque endpoint/session identity for pending user confirmations. */
+    getStorageContextKey(): string;
+    inspectReportId(id: string): Observable<ReportIdStatus>;
+    checkReportId(id: string): Observable<boolean>;
+    /** Saves a validated report definition and updates the local cache. */
+    saveReport(report: ReportDefinition, options?: ReportSaveOptions): Observable<ReportDefinition>;
+    /** Accepts an already persisted report without issuing another database write. */
+    cacheSavedReport(report: ReportDefinition): void;
     /**
      * Deletes a report definition by ID.
      */

package/lib/features/persistence/services/schema-validator.service.d.ts

@@ -16,6 +16,8 @@ export interface SchemaValidationResult {
  * - Column span boundary violations
  */
 export declare function validateReportSchema(definition: ReportDefinition): SchemaValidationResult;
+/** Normalize legacy optional collections only after verifying unknown input is safe. */
+export declare function normalizeReportDefinition(value: unknown): ReportDefinition;
 /**
  * SchemaValidatorService provides schema verification methods.
  */

package/lib/features/routing/resolvers/report-route-identifier.d.ts

@@ -0,0 +1,2 @@
+import { ActivatedRouteSnapshot } from '@angular/router';
+export declare function reportRouteIdentifier(route: ActivatedRouteSnapshot): string | null;

package/lib/features/runtime/report-execution.service.d.ts

@@ -6,6 +6,9 @@ import * as i0 from "@angular/core";
  * Live Preview and the designer canvas so all three behave identically.
  */
 export declare class ReportExecutionService {
+    private readonly config;
+    private readonly endpoints;
+    private guard;
     private readonly adapter;
     private readonly session;
     private readonly apiExecutionService;

package/lib/features/runtime/report-grid-bridge.component.d.ts

@@ -30,6 +30,7 @@ export declare class RptGridOutletDirective implements OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RptGridOutletDirective, "[rptGridOutlet]", never, { "componentType": { "alias": "rptGridOutlet"; "required": false; "isSignal": true; }; "instanceKey": { "alias": "instanceKey"; "required": false; "isSignal": true; }; "inputs": { "alias": "inputs"; "required": false; "isSignal": true; }; }, { "gridStateChange": "gridStateChange"; "columnDefsChange": "columnDefsChange"; "rowClick": "rowClick"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 export declare class ReportGridBridgeComponent {
+    private readonly designerConfig;
     private readonly injectedGrid;
     private readonly storage;
     constructor();
@@ -79,6 +80,7 @@ export declare class ReportGridBridgeComponent {
     readonly gridInstanceKey: import("@angular/core").Signal<string>;
     readonly gridStateKey: import("@angular/core").Signal<string>;
     readonly gridConfig: import("@angular/core").Signal<{
+        selectable: boolean;
         rowSelection: "single" | "multiple";
         selectionMode: "single" | "multiple";
         checkboxSelection: boolean;
@@ -86,7 +88,6 @@ export declare class ReportGridBridgeComponent {
         stateKey: string;
         pageSize?: number;
         pagination?: boolean;
-        selectable?: boolean;
         showRowNumbers?: boolean;
         allowColumnReorder?: boolean;
         allowExport?: boolean;
@@ -154,6 +155,7 @@ export declare class ReportGridBridgeComponent {
         }[];
         rowData: unknown[];
         config: {
+            selectable: boolean;
             rowSelection: "single" | "multiple";
             selectionMode: "single" | "multiple";
             checkboxSelection: boolean;
@@ -161,7 +163,6 @@ export declare class ReportGridBridgeComponent {
             stateKey: string;
             pageSize?: number;
             pagination?: boolean;
-            selectable?: boolean;
             showRowNumbers?: boolean;
             allowColumnReorder?: boolean;
             allowExport?: boolean;

package/lib/features/runtime/report-runtime.component.d.ts

@@ -4,6 +4,7 @@ import { ComponentActionDefinition } from '../../core/models/component-event.mod
 import { GridRowClickAction } from '../../core/models/report-grid.model';
 import * as i0 from "@angular/core";
 export declare class ReportRuntimeComponent {
+    private readonly requests;
     private readonly persistenceAdapter;
     private readonly dataSourceAdapter;
     private readonly sessionService;

package/lib/features/runtime/rpt-report.component.d.ts

@@ -10,6 +10,10 @@ export interface ReportViewPreset {
     createdAt?: string;
 }
 export declare class RptReportComponent {
+    private readonly requests;
+    readonly presetError: import("@angular/core").WritableSignal<string | null>;
+    readonly isSavingPreset: import("@angular/core").WritableSignal<boolean>;
+    private readonly persistedDefinition;
     private readonly exportService;
     private readonly persistence;
     readonly id: import("@angular/core").InputSignal<string | undefined>;
@@ -61,6 +65,7 @@ export declare class RptReportComponent {
     closeSavePresetModal(): void;
     saveCurrentPreset(): void;
     deletePreset(presetId: string): void;
+    private persistPresets;
     onExportExcel(): void;
     onExportCsv(): void;
     onPrintReport(): void;

package/lib/primitives/components/chart-bridge/report-chart-bridge.component.d.ts

@@ -8,7 +8,9 @@ export interface ChartDataItem {
 }
 export type ChartType = 'bar' | 'line' | 'donut';
 export declare class ReportChartBridgeComponent {
-    readonly hostChartComponent: Type<unknown> | null;
+    private readonly injectedChart;
+    private readonly designerConfig;
+    get hostChartComponent(): Type<unknown> | null;
     readonly definition: import("@angular/core").InputSignal<ReportComponentDefinition | undefined>;
     readonly customData: import("@angular/core").InputSignal<ChartDataItem[] | undefined>;
     readonly customChartType: import("@angular/core").InputSignal<ChartType | undefined>;

package/lib/primitives/components/dropdown/rpt-dropdown.component.d.ts

@@ -13,7 +13,6 @@ export declare class RptDropdownComponent implements OnDestroy {
     private readonly sessionService;
     private readonly elementRef;
     private readonly reportingConfig;
-    private readonly overlay;
     readonly scrollStrategy: ScrollStrategy;
     readonly triggerWidth: import("@angular/core").WritableSignal<string | number>;
     readonly overlayPositions: ConnectedPosition[];
@@ -66,7 +65,7 @@ export declare class RptDropdownComponent implements OnDestroy {
     readonly hasExcessOptions: import("@angular/core").Signal<boolean>;
     readonly excessOptionsCount: import("@angular/core").Signal<number>;
     readonly waitingLabel: import("@angular/core").Signal<string>;
-    readonly statusKind: import("@angular/core").Signal<"error" | "idle" | "loading" | "ok" | "waiting" | "empty">;
+    readonly statusKind: import("@angular/core").Signal<"error" | "waiting" | "idle" | "loading" | "ok" | "empty">;
     readonly statusText: import("@angular/core").Signal<string>;
     readonly isInvalid: import("@angular/core").Signal<boolean>;
     readonly errorMessage: import("@angular/core").Signal<string>;

package/lib/primitives/components/searchable-select/rpt-searchable-select.component.d.ts

@@ -13,7 +13,6 @@ export interface SearchableSelectOption<T = any> {
 }
 export declare class RptSearchableSelectComponent implements ControlValueAccessor {
     private readonly elementRef;
-    private readonly overlay;
     readonly panelId: string;
     readonly scrollStrategy: ScrollStrategy;
     readonly triggerWidth: import("@angular/core").WritableSignal<string | number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bways-report",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "description": "Enterprise-grade, metadata-driven reporting engine and visual page builder for Angular 18+ ERP applications.",
   "keywords": [
     "angular",
@@ -27,6 +27,7 @@
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/forms": ">=18.0.0",
+    "@angular/router": ">=18.0.0",
     "@angular/cdk": ">=18.0.0",
     "rxjs": "^7.8.0"
   },
@@ -39,10 +40,11 @@
     "tslib": "^2.3.0"
   },
   "schematics": "./schematics/collection.json",
-  "sideEffects": false,
-  "module": "fesm2022/bways-report.mjs",
-  "typings": "index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
+    "./styles/theme.css": "./styles/theme.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -52,5 +54,7 @@
       "esm": "./esm2022/bways-report.mjs",
       "default": "./fesm2022/bways-report.mjs"
     }
-  }
+  },
+  "module": "fesm2022/bways-report.mjs",
+  "typings": "index.d.ts"
 }

package/styles/theme.css

@@ -0,0 +1,184 @@
+/**
+ * BWays-Report Default CSS Theme Variables & Design Tokens
+ *
+ * Designed according to Enterprise Precision & Data-Dense Dashboard standards.
+ * Host ERP applications can easily override any of these variables
+ * in their global styles or container elements to match their design system.
+ */
+:root {
+  /* Typography */
+  --rpt-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Helvetica, Arial, sans-serif;
+  --rpt-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Fira Code', monospace;
+  --rpt-font-size-xs: 0.6875rem; /* 11px */
+  --rpt-font-size-sm: 0.75rem;   /* 12px */
+  --rpt-font-size-base: 0.875rem; /* 14px */
+  --rpt-font-size-md: 1rem;       /* 16px */
+  --rpt-font-size-lg: 1.125rem;   /* 18px */
+  --rpt-font-size-xl: 1.375rem;   /* 22px */
+  --rpt-font-size-2xl: 1.75rem;   /* 28px */
+  --rpt-font-weight-normal: 400;
+  --rpt-font-weight-medium: 500;
+  --rpt-font-weight-semibold: 600;
+  --rpt-font-weight-bold: 700;
+
+  /* Spacing Scale (4/8px Rhythm) */
+  --rpt-space-xs: 4px;
+  --rpt-space-sm: 8px;
+  --rpt-space-md: 12px;
+  --rpt-space-lg: 16px;
+  --rpt-space-xl: 24px;
+  --rpt-space-2xl: 32px;
+
+  /* Brand / Primary Color Scale */
+  --rpt-color-primary: #2563eb;
+  --rpt-color-primary-hover: #1d4ed8;
+  --rpt-color-primary-active: #1e40af;
+  --rpt-color-primary-light: #eff6ff;
+  --rpt-color-primary-focus: rgba(37, 99, 235, 0.25);
+  --rpt-color-primary-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
+
+  /* Neutral Backgrounds & Surfaces */
+  --rpt-color-bg: #f8fafc;
+  --rpt-color-surface: #ffffff;
+  --rpt-color-surface-hover: #f1f5f9;
+  --rpt-color-surface-active: #e2e8f0;
+  --rpt-color-surface-elevated: #ffffff;
+
+  /* Text & Foreground */
+  --rpt-color-text: #0f172a;
+  --rpt-color-text-secondary: #334155;
+  --rpt-color-text-muted: #64748b;
+  --rpt-color-text-inverse: #ffffff;
+
+  /* Borders & Dividers */
+  --rpt-color-border: #cbd5e1;
+  --rpt-color-border-subtle: #e2e8f0;
+  --rpt-color-border-hover: #94a3b8;
+  --rpt-color-border-focus: #2563eb;
+
+  /* Status Colors */
+  --rpt-color-danger: #ef4444;
+  --rpt-color-danger-hover: #dc2626;
+  --rpt-color-danger-bg: #fef2f2;
+  --rpt-color-danger-border: #fecaca;
+  --rpt-color-success: #10b981;
+  --rpt-color-success-bg: #ecfdf5;
+  --rpt-color-success-border: #a7f3d0;
+  --rpt-color-warning: #f59e0b;
+  --rpt-color-warning-bg: #fffbeb;
+  --rpt-color-warning-border: #fde68a;
+  --rpt-color-info: #0284c7;
+  --rpt-color-info-bg: #f0f9ff;
+  --rpt-color-info-border: #bae6fd;
+
+  /* Border Radii */
+  --rpt-border-radius-xs: 3px;
+  --rpt-border-radius-sm: 4px;
+  --rpt-border-radius: 6px;
+  --rpt-border-radius-lg: 8px;
+  --rpt-border-radius-xl: 12px;
+  --rpt-border-radius-full: 9999px;
+
+  /* Transitions & Animation Speeds */
+  --rpt-transition-speed-fast: 100ms;
+  --rpt-transition-speed: 150ms;
+  --rpt-transition-speed-smooth: 250ms;
+  --rpt-transition-ease: cubic-bezier(0.16, 1, 0.3, 1);
+
+  /* Elevation Shadows */
+  --rpt-box-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  --rpt-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
+  --rpt-box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
+  --rpt-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
+  --rpt-box-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
+  --rpt-box-shadow-focus: 0 0 0 3px var(--rpt-color-primary-focus);
+
+  /* Glassmorphism */
+  --rpt-glass-bg: rgba(255, 255, 255, 0.85);
+  --rpt-glass-border: rgba(255, 255, 255, 0.4);
+  --rpt-glass-blur: blur(10px);
+}
+
+/* ==========================================================================
+   Global Helper & Accessibility Utilities
+   ========================================================================== */
+.rpt-tabular-nums {
+  font-variant-numeric: tabular-nums;
+}
+
+/* Universal Form Control Typography Reset */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+}
+
+/* Remove increment / decrement stepper arrows from all number inputs */
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type=number] {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+/* Accessible focus ring */
+:focus-visible {
+  outline: 2px solid var(--rpt-color-primary);
+  outline-offset: 2px;
+}
+
+/* Respect reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  *, ::before, ::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* CDK Drag and Drop Global Styles */
+.cdk-drag-preview {
+  box-sizing: border-box;
+  border-radius: var(--rpt-border-radius-lg, 8px);
+  box-shadow: 0 16px 32px -4px rgba(0, 0, 0, 0.28), 0 4px 12px rgba(0, 0, 0, 0.15);
+  opacity: 0.96;
+  background: var(--rpt-color-surface, #ffffff);
+  border: 1px solid var(--rpt-color-primary, #2563eb);
+  z-index: 10000 !important;
+  font-family: var(--rpt-font-family, system-ui, sans-serif) !important;
+}
+
+.cdk-drag-preview * {
+  font-family: inherit !important;
+}
+
+.cdk-drag-placeholder {
+  opacity: 0.25 !important;
+  border: 2px dashed var(--rpt-color-primary, #2563eb) !important;
+  border-radius: var(--rpt-border-radius-lg, 8px) !important;
+  background: var(--rpt-color-primary-light, rgba(37, 99, 235, 0.05)) !important;
+}
+
+.cdk-drag-animating {
+  transition: transform 220ms var(--rpt-transition-ease, cubic-bezier(0.16, 1, 0.3, 1));
+}
+
+.canvas-grid.cdk-drop-list-dragging .canvas-component-card:not(.cdk-drag-placeholder) {
+  transition: transform 220ms var(--rpt-transition-ease, cubic-bezier(0.16, 1, 0.3, 1));
+}
+
+/* Optional library dialog appearance. Structural positioning is installed by the library. */
+.rpt-dialog-panel {
+  max-width: 95vw;
+  max-height: 95vh;
+}
+.rpt-dialog-backdrop {
+  background-color: rgba(15, 23, 42, 0.48);
+  backdrop-filter: blur(3px);
+}

package/third-party-notices/angular-cdk-LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2024 Google LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.