otimus-library 0.4.93 → 0.5.2

package/index.d.ts

@@ -5,7 +5,7 @@ import { Observable } from 'rxjs';
 import { Overlay } from '@angular/cdk/overlay';
 import { MaterialSymbol } from 'material-symbols';
 import { HttpClient } from '@angular/common/http';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
 
 declare class OtimusLibraryComponent {
@@ -190,11 +190,12 @@ declare class OcAccordionItemComponent {
     ocIsOpen: boolean;
     ocTitle: string;
     ocStyle: OcStyleThemeType;
+    ocDensity: 'default' | 'compact';
     ocToggle: EventEmitter<boolean>;
     closeAllItems: EventEmitter<any>;
     protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionItemComponent, "oc-accordion-item", never, { "ocIsOpen": { "alias": "ocIsOpen"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocToggle": "ocToggle"; "closeAllItems": "closeAllItems"; }, never, ["[ocHeader]", "[ocHeaderExtra]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionItemComponent, "oc-accordion-item", never, { "ocIsOpen": { "alias": "ocIsOpen"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDensity": { "alias": "ocDensity"; "required": false; }; }, { "ocToggle": "ocToggle"; "closeAllItems": "closeAllItems"; }, never, ["[ocHeader]", "[ocHeaderExtra]", "*"], true, never>;
 }
 
 declare class OcAccordionComponent implements AfterViewInit, OnDestroy {
@@ -203,6 +204,7 @@ declare class OcAccordionComponent implements AfterViewInit, OnDestroy {
     ocAlternate: boolean;
     ocCurrentIndex?: number;
     ocStyle: OcStyleThemeType;
+    ocDensity: 'default' | 'compact';
     ocDynamicItems: boolean;
     private itemSubscriptions;
     private changesSubscription?;
@@ -214,7 +216,7 @@ declare class OcAccordionComponent implements AfterViewInit, OnDestroy {
     closeAllItems(): void;
     alternateToIndex(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OcAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionComponent, "oc-accordion", never, { "ocAlternate": { "alias": "ocAlternate"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDynamicItems": { "alias": "ocDynamicItems"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcAccordionComponent, "oc-accordion", never, { "ocAlternate": { "alias": "ocAlternate"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocDensity": { "alias": "ocDensity"; "required": false; }; "ocDynamicItems": { "alias": "ocDynamicItems"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
 }
 
 interface OcAutoCompleteType {
@@ -466,17 +468,28 @@ declare class OcCalendarComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<OcCalendarComponent, "oc-calendar", never, { "ocSelectionMode": { "alias": "ocSelectionMode"; "required": false; }; "ocStartDate": { "alias": "ocStartDate"; "required": false; }; "ocEndDate": { "alias": "ocEndDate"; "required": false; }; "ocSelectedDates": { "alias": "ocSelectedDates"; "required": false; }; "ocCurrentDate": { "alias": "ocCurrentDate"; "required": false; }; "ocMinDate": { "alias": "ocMinDate"; "required": false; }; "ocMaxDate": { "alias": "ocMaxDate"; "required": false; }; "ocWeekStartsOn": { "alias": "ocWeekStartsOn"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocLanguage": { "alias": "ocLanguage"; "required": false; }; "ocSelectWholeWeek": { "alias": "ocSelectWholeWeek"; "required": false; }; "ocSelectDaysCount": { "alias": "ocSelectDaysCount"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocDateSelected": "ocDateSelected"; "ocRangeSelected": "ocRangeSelected"; "ocMultipleDatesSelected": "ocMultipleDatesSelected"; "ocCurrentDateChange": "ocCurrentDateChange"; }, never, never, true, never>;
 }
 
+type OcCardVariant = 'card' | 'paper';
 declare class OcCardComponent {
     readonly ocSelected: i0.InputSignal<boolean>;
     readonly ocColor: i0.InputSignal<"default" | "green" | "red" | "yellow">;
     readonly ocClickable: i0.InputSignal<boolean>;
+    /**
+     * Visual variant.
+     * - `card` (default): the classic accent-bordered card with header/body/footer slots.
+     * - `paper`: a freeform floating surface (white, rounded, soft shadow) with a single
+     *   content slot — no enforced header/footer chrome. Theme-aware (purple-tinted shadow
+     *   under otimus, neutral under shui).
+     */
+    readonly ocVariant: i0.InputSignal<OcCardVariant>;
     ocClick: EventEmitter<void>;
     protected onClick(): void;
+    protected get isPaper(): boolean;
+    protected get cardClasses(): string[];
     protected get color(): string;
     protected get isSelected(): string;
     protected get isClickable(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OcCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcCardComponent, "oc-card", never, { "ocSelected": { "alias": "ocSelected"; "required": false; "isSignal": true; }; "ocColor": { "alias": "ocColor"; "required": false; "isSignal": true; }; "ocClickable": { "alias": "ocClickable"; "required": false; "isSignal": true; }; }, { "ocClick": "ocClick"; }, never, ["[header]", "*", "[footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcCardComponent, "oc-card", never, { "ocSelected": { "alias": "ocSelected"; "required": false; "isSignal": true; }; "ocColor": { "alias": "ocColor"; "required": false; "isSignal": true; }; "ocClickable": { "alias": "ocClickable"; "required": false; "isSignal": true; }; "ocVariant": { "alias": "ocVariant"; "required": false; "isSignal": true; }; }, { "ocClick": "ocClick"; }, never, ["[header]", "*", "[footer]"], true, never>;
 }
 
 declare class OcCheckboxComponent implements ControlValueAccessor, AfterViewInit {
@@ -515,7 +528,7 @@ declare class OcCheckboxComponent implements ControlValueAccessor, AfterViewInit
 declare class OcChipComponent {
     ocSelected: boolean;
     ocType: 'select' | 'remove' | 'tag' | 'select_remove';
-    ocBg: 'green' | 'red' | 'yellow' | 'default';
+    ocBg: 'green' | 'red' | 'yellow' | 'default' | 'purple';
     ocBgHexColor?: string;
     ocTextHexColor?: string;
     ocText: string;
@@ -599,6 +612,14 @@ declare class OcDrawerComponent implements AfterViewInit, AfterContentInit {
     ocWidth: string;
     ocStyle: OcStyleThemeType;
     ocLoading: boolean;
+    /**
+     * Opt-in: pins the projected `<oc-drawer-footer>` to the bottom of the scroll
+     * area (sticky, with a hairline top divider) and — when combined with a custom
+     * `<oc-drawer-header>` — restores horizontal gutter padding inside the body so
+     * the content isn't flush with the drawer edges. Off by default for backwards
+     * compatibility with consumers that relied on the previous in-flow behavior.
+     */
+    ocStickyFooter: boolean;
     ocOnClose: EventEmitter<any>;
     ocOnOpen: EventEmitter<any>;
     isOpen: boolean;
@@ -612,7 +633,7 @@ declare class OcDrawerComponent implements AfterViewInit, AfterContentInit {
         [key: string]: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<OcDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcDrawerComponent, "oc-drawer", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, ["customHeader"], ["oc-drawer-header", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcDrawerComponent, "oc-drawer", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "ocStickyFooter": { "alias": "ocStickyFooter"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, ["customHeader"], ["oc-drawer-header", "*", "oc-drawer-footer"], true, never>;
 }
 
 declare class OcDrawerFooterComponent {
@@ -665,7 +686,7 @@ declare class OcDropdownDirective implements OnInit {
     protected readonly dropdownService: OcDropdownService;
     protected readonly isThisDropdownOpen: i0.Signal<boolean>;
     readonly ocDropdownMenu: i0.InputSignal<OcDropdownMenuContentComponent | undefined>;
-    readonly ocTrigger: i0.InputSignal<"click" | "hover">;
+    readonly ocTrigger: i0.InputSignal<"hover" | "click">;
     readonly ocDisabled: i0.InputSignal<boolean>;
     readonly ocAlign: i0.InputSignal<"start" | "end">;
     ngOnInit(): void;
@@ -698,18 +719,66 @@ declare class OcDropdownMenuLabelComponent {
 
 declare const OcDropdownImports: readonly [typeof OcDropdownDirective, typeof OcDropdownMenuContentComponent, typeof OcDropdownMenuItemComponent, typeof OcDropdownMenuLabelComponent];
 
-declare class OcFilterComponent implements AfterViewInit {
-    private styleThemeService;
-    isOpen: boolean;
-    ocText: string;
-    ocActive: number;
-    ocSide: 'left' | 'right';
-    ocStyle: OcStyleThemeType;
-    constructor(styleThemeService: StyleThemeService);
-    ngAfterViewInit(): void;
-    toggleOpen(): void;
+type OcFilterVariant = 'single' | 'panel' | 'drawer';
+interface OcFilterPreset {
+    id: string;
+    name: string;
+    icon?: string;
+    patch: Record<string, unknown>;
+    readonly?: boolean;
+}
+
+declare class OcFilterComponent {
+    private readonly styleThemeService;
+    readonly ocVariant: i0.InputSignal<OcFilterVariant>;
+    readonly ocText: i0.InputSignal<string>;
+    readonly ocActive: i0.InputSignal<number>;
+    readonly ocSide: i0.InputSignal<"left" | "right">;
+    readonly ocStyle: i0.InputSignal<OcStyleThemeType | undefined>;
+    readonly ocPlaceholder: i0.InputSignal<string>;
+    readonly ocValue: i0.InputSignal<string>;
+    readonly ocDebounce: i0.InputSignal<number>;
+    readonly ocDraftForm: i0.InputSignal<FormGroup<any> | null>;
+    readonly ocDraftActive: i0.InputSignal<number>;
+    readonly ocPresets: i0.InputSignal<OcFilterPreset[]>;
+    readonly ocBuiltInReset: i0.InputSignal<boolean>;
+    readonly ocDensity: i0.InputSignal<"default" | "compact">;
+    readonly isOpen: i0.InputSignal<boolean>;
+    readonly ocChange: EventEmitter<string>;
+    readonly isOpenChange: EventEmitter<boolean>;
+    readonly ocApply: EventEmitter<void>;
+    readonly ocClear: EventEmitter<void>;
+    readonly ocCancel: EventEmitter<void>;
+    readonly ocChipRemove: EventEmitter<string>;
+    readonly ocPresetSelect: EventEmitter<OcFilterPreset>;
+    protected innerDrawer?: OcDrawerComponent;
+    protected drawerBodyEl?: ElementRef<HTMLElement>;
+    protected readonly _open: i0.WritableSignal<boolean>;
+    protected readonly _searchValue: i0.WritableSignal<string>;
+    protected readonly _drawerSearch: i0.WritableSignal<string>;
+    private debounceTimer;
+    private formSnapshot;
+    private applyingClose;
+    protected readonly resolvedStyle: i0.Signal<OcStyleThemeType>;
+    protected readonly activePresetId: i0.Signal<string | null>;
+    constructor();
+    protected onFiltersButtonClick(): void;
+    private openInternal;
+    private closeFromButton;
+    protected onSearchInput(event: Event): void;
+    protected clearSearch(): void;
+    protected onBuiltInResetClick(): void;
+    protected onChipRowClick(event: Event): void;
+    protected onDrawerSearchInput(event: Event): void;
+    protected clearDrawerSearch(): void;
+    protected selectPreset(preset: OcFilterPreset): void;
+    protected applyDrawer(): void;
+    protected cancelDrawer(): void;
+    protected onDrawerClosed(): void;
+    onEscape(): void;
+    protected filteredPresets(): OcFilterPreset[];
     static ɵfac: i0.ɵɵFactoryDeclaration<OcFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "ocText": { "alias": "ocText"; "required": false; }; "ocActive": { "alias": "ocActive"; "required": false; }; "ocSide": { "alias": "ocSide"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, never, ["[row]", "[body]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "ocVariant": { "alias": "ocVariant"; "required": false; "isSignal": true; }; "ocText": { "alias": "ocText"; "required": false; "isSignal": true; }; "ocActive": { "alias": "ocActive"; "required": false; "isSignal": true; }; "ocSide": { "alias": "ocSide"; "required": false; "isSignal": true; }; "ocStyle": { "alias": "ocStyle"; "required": false; "isSignal": true; }; "ocPlaceholder": { "alias": "ocPlaceholder"; "required": false; "isSignal": true; }; "ocValue": { "alias": "ocValue"; "required": false; "isSignal": true; }; "ocDebounce": { "alias": "ocDebounce"; "required": false; "isSignal": true; }; "ocDraftForm": { "alias": "ocDraftForm"; "required": false; "isSignal": true; }; "ocDraftActive": { "alias": "ocDraftActive"; "required": false; "isSignal": true; }; "ocPresets": { "alias": "ocPresets"; "required": false; "isSignal": true; }; "ocBuiltInReset": { "alias": "ocBuiltInReset"; "required": false; "isSignal": true; }; "ocDensity": { "alias": "ocDensity"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "ocChange": "ocChange"; "isOpenChange": "isOpenChange"; "ocApply": "ocApply"; "ocClear": "ocClear"; "ocCancel": "ocCancel"; "ocChipRemove": "ocChipRemove"; "ocPresetSelect": "ocPresetSelect"; }, never, ["[row]", "[right-actions]", "[body]", "[drawer-body]"], true, never>;
 }
 
 declare class OcInputComponent implements AfterContentInit, AfterViewInit, OnChanges {
@@ -897,7 +966,7 @@ declare class OcNotFoundComponent {
 
 declare class OcOtpComponent implements AfterViewInit, OnDestroy {
     private readonly cdr;
-    readonly ocLength: i0.InputSignal<6 | 8>;
+    readonly ocLength: i0.InputSignal<8 | 6>;
     readonly ocSeparator: i0.InputSignal<boolean>;
     readonly ocError: i0.InputSignal<string | null | undefined>;
     readonly ocDisabled: i0.InputSignal<boolean>;
@@ -1074,7 +1143,24 @@ declare class OcTableComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<OcTableComponent, "oc-table", never, { "ocData": { "alias": "ocData"; "required": false; }; "ocPage": { "alias": "ocPage"; "required": false; }; "ocMaxPage": { "alias": "ocMaxPage"; "required": false; }; "ocPerPage": { "alias": "ocPerPage"; "required": false; }; }, { "ocGetPage": "ocGetPage"; "ocSelect": "ocSelect"; }, never, never, true, never>;
 }
 
-declare class OcTabsComponent implements AfterContentInit, OnDestroy {
+/**
+ * A single item for the declarative navigation mode of `oc-tabs`
+ * (`[ocItems]` / `(ocSelect)`). Use this when the tab strip is a navigation bar
+ * (each item triggers a route/view change) rather than a set of projected
+ * `oc-tab` content panels.
+ */
+interface OcTabItem {
+    /** Stable identifier emitted on select and matched against `ocActiveId`. */
+    id: string | number;
+    /** Visible label. */
+    label: string;
+    /** Optional leading Material Symbols icon name. */
+    icon?: string;
+    /** When true the item renders dimmed and is not selectable. */
+    disabled?: boolean;
+}
+
+declare class OcTabsComponent implements AfterContentInit, AfterViewInit, OnChanges, OnDestroy {
     private styleThemeService;
     private cdr;
     constructor(styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
@@ -1083,15 +1169,37 @@ declare class OcTabsComponent implements AfterContentInit, OnDestroy {
     set ocStyle(value: OcStyleThemeType);
     get ocStyle(): OcStyleThemeType;
     ocClick: EventEmitter<void>;
+    ocItems: OcTabItem[] | null;
+    ocActiveId: string | number | null;
+    ocSelect: EventEmitter<OcTabItem>;
+    private measureRef?;
+    private navContainerRef?;
+    protected visibleItems: OcTabItem[];
+    protected overflowItems: OcTabItem[];
+    protected showOverflow: boolean;
+    private itemWidths;
+    private resizeObserver?;
     activeTabIndex: number;
     private tabsChangesSubscription?;
+    get isNavMode(): boolean;
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     updateTabIndices(): void;
     selectTab(index: number): void;
     handleTabClick(): void;
+    protected isActive(item: OcTabItem): boolean;
+    protected selectItem(item: OcTabItem): void;
+    protected toggleOverflow(event: Event): void;
+    protected closeOverflow(): void;
+    private setupResizeObserver;
+    private measure;
+    private calculateVisible;
+    private applyVisibleCount;
+    private _lastItemsRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<OcTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OcTabsComponent, "oc-tabs", never, { "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocClick": "ocClick"; }, ["ocTabs"], ["[row]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcTabsComponent, "oc-tabs", never, { "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocItems": { "alias": "ocItems"; "required": false; }; "ocActiveId": { "alias": "ocActiveId"; "required": false; }; }, { "ocClick": "ocClick"; "ocSelect": "ocSelect"; }, ["ocTabs"], ["[row]", "*"], true, never>;
 }
 
 declare class OcNotificationComponent {
@@ -1500,4 +1608,4 @@ interface OcTableActionsType {
 }
 
 export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcBreadcrumbComponent, OcButtonMenuComponent, OcCalendarComponent, OcCardComponent, OcChatComponent, OcChatErrorComponent, OcChatHeaderComponent, OcChatInputComponent, OcChatMessageComponent, OcChatMessageListComponent, OcChatToolProposalComponent, OcChatTypingIndicatorComponent, OcChatWelcomeComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcDiffComponent, OcDividerComponent, OcDrawerComponent, OcDrawerFooterComponent, OcDrawerHeaderComponent, OcDropdownDirective, OcDropdownImports, OcDropdownMenuContentComponent, OcDropdownMenuItemComponent, OcDropdownMenuLabelComponent, OcDropdownService, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcNotificationComponent, OcOtpComponent, OcOverlayComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcSkeletonComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTableBodyDirective, OcTableCellDirective, OcTableComponent, OcTableDirective, OcTableFootDirective, OcTableHeadDirective, OcTableHeaderCellDirective, OcTableImports, OcTableRowDetailDirective, OcTableRowDirective, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
-export type { OcAutoCompleteType, OcBreadcrumbItem, OcChatActivity, OcChatMessage, OcChatMessageRole, OcChatMode, OcChatSendEvent, OcChatStatus, OcChatSuggestion, OcChatToolApprovalEvent, OcChatToolCall, OcChatToolProposal, OcChatToolResult, OcChatWelcomeConfig, OcDiffMode, OcDividerOrientation, OcDropdownMenuItemVariant, OcMenuCanOpenFn, OcMenuHorizType, OcMenuOpenMode, OcMenuType, OcStyleThemeType, OcTableType, ToastType };
+export type { OcAutoCompleteType, OcBreadcrumbItem, OcCardVariant, OcChatActivity, OcChatMessage, OcChatMessageRole, OcChatMode, OcChatSendEvent, OcChatStatus, OcChatSuggestion, OcChatToolApprovalEvent, OcChatToolCall, OcChatToolProposal, OcChatToolResult, OcChatWelcomeConfig, OcDiffMode, OcDividerOrientation, OcDropdownMenuItemVariant, OcFilterPreset, OcFilterVariant, OcMenuCanOpenFn, OcMenuHorizType, OcMenuOpenMode, OcMenuType, OcStyleThemeType, OcTabItem, OcTableType, ToastType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "otimus-library",
-  "version": "0.4.93",
+  "version": "0.5.2",
   "license": "MIT",
   "peerDependencies": {
     "@angular/cdk": "^20.2.5",