@alfresco/adf-core 8.3.0 → 8.3.1

package/lib/card-view/public-api.d.ts

@@ -16,7 +16,6 @@
  */
 export { CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewSelectItemComponent, CardViewKeyValuePairsItemComponent, CardViewArrayItemComponent, SelectFilterInputComponent } from './components/card-view.components';
 export * from './interfaces/card-view.interfaces';
-export * from './interfaces/card-view.interfaces';
 export * from './validators/card-view.validators';
 export * from './models/card-view.models';
 export * from './services/card-view.services';

package/lib/card-view/validators/card-view-item-length.validator.d.ts

@@ -20,8 +20,8 @@ export interface LengthValidatorParams {
     maxLength: number;
 }
 export declare class CardViewItemLengthValidator implements CardViewItemValidator {
-    private minLength;
-    private maxLength;
+    private readonly minLength;
+    private readonly maxLength;
     message: string;
     constructor(minLength: number, maxLength: number);
     isValid(value: string | string[]): boolean;

package/lib/card-view/validators/card-view-item-match.validator.d.ts

@@ -21,9 +21,9 @@ export interface MatchValidatorParams {
     requiresMatch?: boolean;
 }
 export declare class CardViewItemMatchValidator implements CardViewItemValidator {
-    private expression;
-    private flags?;
-    private requiresMatch?;
+    private readonly expression;
+    private readonly flags?;
+    private readonly requiresMatch?;
     message: string;
     constructor(expression: string, flags?: string, requiresMatch?: boolean);
     isValid(value: string | string[]): boolean;

package/lib/card-view/validators/card-view-item-minmax.validator.d.ts

@@ -20,10 +20,10 @@ export interface MinMaxValidatorParams {
     maxValue: number;
 }
 export declare class CardViewItemMinMaxValidator implements CardViewItemValidator {
-    private minValue;
-    private maxValue;
+    private readonly minValue;
+    private readonly maxValue;
     message: string;
-    private intValidator;
+    private readonly intValidator;
     constructor(minValue: number, maxValue: number);
     isValid(value: number | number[] | ''): boolean;
     private isInRange;

package/lib/clipboard/clipboard.directive.d.ts

@@ -14,29 +14,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ViewContainerRef, OnInit } from '@angular/core';
-import { ClipboardService } from './clipboard.service';
+import { ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/tooltip";
 export declare class ClipboardDirective {
-    private clipboardService;
+    private readonly clipboardService;
     viewContainerRef: ViewContainerRef;
+    private readonly matTooltip;
+    private readonly translate;
     /** Translation key or message for the tooltip. */
     placeholder: string;
     /** Reference to the HTML element containing the text to copy. */
     target: HTMLInputElement | HTMLTextAreaElement;
     /** Translation key or message for snackbar notification. */
     message: string;
-    constructor(clipboardService: ClipboardService, viewContainerRef: ViewContainerRef);
     showTooltip(): void;
     closeTooltip(): void;
     copyToClipboard(event: KeyboardEvent | MouseEvent): void;
     private copyContentToClipboard;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardDirective, "[adf-clipboard]", ["adfClipboard"], { "placeholder": { "alias": "adf-clipboard"; "required": false; }; "target": { "alias": "target"; "required": false; }; "message": { "alias": "clipboard-notification"; "required": false; }; }, {}, never, never, true, never>;
-}
-export declare class ClipboardComponent implements OnInit {
-    placeholder: string;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClipboardComponent, "adf-copy-content-tooltip", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardDirective, "[adf-clipboard]", ["adfClipboard"], { "placeholder": { "alias": "adf-clipboard"; "required": false; }; "target": { "alias": "target"; "required": false; }; "message": { "alias": "clipboard-notification"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MatTooltip; inputs: {}; outputs: {}; }]>;
 }

package/lib/clipboard/clipboard.module.d.ts

@@ -1,10 +1,11 @@
-import { ClipboardDirective, ClipboardComponent } from './clipboard.directive';
+import { ClipboardDirective } from './clipboard.directive';
 import * as i0 from "@angular/core";
-import * as i1 from "./clipboard.directive";
-export declare const CLIPBOARD_DIRECTIVES: readonly [typeof ClipboardDirective, typeof ClipboardComponent];
+import * as i1 from "@angular/material/tooltip";
+import * as i2 from "./clipboard.directive";
+export declare const CLIPBOARD_DIRECTIVES: readonly [typeof ClipboardDirective];
 /** @deprecated use `...CLIPBOARD_DIRECTIVES` or import standalone directives */
 export declare class ClipboardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClipboardModule, never, [typeof i1.ClipboardDirective, typeof i1.ClipboardComponent], [typeof i1.ClipboardDirective, typeof i1.ClipboardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClipboardModule, never, [typeof i1.MatTooltipModule, typeof i2.ClipboardDirective], [typeof i1.MatTooltipModule, typeof i2.ClipboardDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClipboardModule>;
 }

package/lib/clipboard/clipboard.service.d.ts

@@ -1,9 +1,7 @@
-import { NotificationService } from '../notifications/services/notification.service';
 import * as i0 from "@angular/core";
 export declare class ClipboardService {
-    private document;
-    private notificationService;
-    constructor(document: any, notificationService: NotificationService);
+    private readonly document;
+    private readonly notificationService;
     /**
      * Checks if the target element can have its text copied.
      *

package/lib/comments/comment-list/comment-list.component.d.ts

@@ -22,7 +22,7 @@ export declare class CommentListComponent {
     comments: CommentModel[];
     /** Emitted when the user clicks on one of the comment rows. */
     clickRow: EventEmitter<CommentModel>;
-    private commentsService;
+    private readonly commentsService;
     selectComment(comment: CommentModel): void;
     getUserImage(userId: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentListComponent, never>;

package/lib/comments/comments.component.d.ts

@@ -15,10 +15,11 @@
  * limitations under the License.
  */
 import { CommentModel } from '../models/comment.model';
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class CommentsComponent implements OnChanges {
+    commentInput: ElementRef<HTMLTextAreaElement>;
     /** The numeric ID of the task. */
     id: string;
     /** Are the comments read only? */
@@ -29,7 +30,7 @@ export declare class CommentsComponent implements OnChanges {
     commentAdded: EventEmitter<CommentModel>;
     comments: CommentModel[];
     beingAdded: boolean;
-    private commentsService;
+    private readonly commentsService;
     private readonly _commentControl;
     get commentControl(): FormControl<string>;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/comments/comments.component.scss

@@ -8,35 +8,11 @@ adf-comments {
 
         .adf-comments-input-container {
             width: 100%;
-            padding-bottom: 8px;
+            padding: 10px 0;
 
-            #{ms.$mat-form-field} {
+            .adf-comments-input-form-field {
                 width: 100%;
-
-                &#{ms.$mat-form-field-invalid} {
-                    #{ms.$mat-input-element} {
-                        &::placeholder,
-                        &:focus::placeholder {
-                            color: var(--theme-warn-color);
-                        }
-                    }
-                }
-            }
-
-            #{ms.$mat-form-field-wrapper} {
-                #{ms.$mat-form-field-flex} {
-                    #{ms.$mat-form-field-infix} {
-                        padding-bottom: 2px;
-                        padding-top: 25px;
-                    }
-                }
-
-                #{ms.$mat-input-element} {
-                    &:focus::placeholder {
-                        color: var(--theme-primary-color);
-                        -webkit-font-smoothing: subpixel-antialiased;
-                    }
-                }
+                margin-bottom: 10px;
             }
 
             textarea {
@@ -46,10 +22,6 @@ adf-comments {
         }
     }
 
-    .adf-comments-divider {
-        border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
-    }
-
     .adf-comments-header {
         padding: 10px 0;
         font-size: var(--theme-body-1-font-size);
@@ -57,7 +29,6 @@ adf-comments {
     }
 
     .adf-comments-input-actions {
-        padding-top: 16px;
         display: flex;
         justify-content: flex-end;
     }

package/lib/common/index.d.ts

@@ -27,7 +27,6 @@ export * from './services/sort-by-category.service';
 export * from './services/download.service';
 export * from './services/url.service';
 export * from './models/log-levels.model';
-export * from './models/user-info-mode.enum';
 export * from './models/default-languages.model';
 export * from './interface/search-component.interface';
 export * from './mock/app-config.service.mock';

package/lib/common/services/log.service.d.ts

@@ -1,14 +1,10 @@
-import { AppConfigService } from '../../app-config/app-config.service';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-/**
- * @deprecated This service is deprecated and will be removed in future versions.
- */
 export declare class LogService {
-    private appConfig;
+    private readonly appConfig;
     get currentLogLevel(): number;
     onMessage: Subject<any>;
-    constructor(appConfig: AppConfigService);
+    constructor();
     /**
      * Logs a message at the "ERROR" level.
      *

package/lib/common/services/page-title.service.d.ts

@@ -1,14 +1,11 @@
-import { Title } from '@angular/platform-browser';
-import { AppConfigService } from '../../app-config/app-config.service';
-import { TranslationService } from '../../translation/translation.service';
 import * as i0 from "@angular/core";
 export declare class PageTitleService {
-    private titleService;
-    private appConfig;
-    private translationService;
+    private readonly titleService;
+    private readonly appConfig;
+    private readonly translationService;
     private originalTitle;
     private translatedTitle;
-    constructor(titleService: Title, appConfig: AppConfigService, translationService: TranslationService);
+    constructor();
     /**
      * Sets the page title.
      *

package/lib/common/services/thumbnail.service.d.ts

@@ -1,9 +1,7 @@
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class ThumbnailService {
     mimeTypeIcons: any;
-    constructor(matIconRegistry: MatIconRegistry, sanitizer: DomSanitizer);
+    constructor();
     /**
      * Gets a thumbnail URL for a MIME type.
      *

package/lib/common/services/url.service.d.ts

@@ -1,8 +1,6 @@
-import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class UrlService {
-    private sanitizer;
-    constructor(sanitizer: DomSanitizer);
+    private readonly sanitizer;
     /**
      * Creates a trusted object URL from the Blob.
      * WARNING: calling this method with untrusted user data exposes your application to XSS security risks!

package/lib/common/services/user-preferences.service.d.ts

@@ -1,21 +1,37 @@
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Signal } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
-import { AppConfigService } from '../../app-config/app-config.service';
-import { StorageService } from './storage.service';
 import * as i0 from "@angular/core";
-export declare enum UserPreferenceValues {
-    PaginationSize = "paginationSize",
-    Locale = "locale",
-    SupportedPageSizes = "supportedPageSizes",
-    ExpandedSideNavStatus = "expandedSidenav"
-}
+export declare const UserPreferenceValues: {
+    readonly PaginationSize: "paginationSize";
+    readonly Locale: "locale";
+    readonly SupportedPageSizes: "supportedPageSizes";
+    readonly ExpandedSideNavStatus: "expandedSidenav";
+};
+export type UserPreferenceValues = (typeof UserPreferenceValues)[keyof typeof UserPreferenceValues];
 export declare class UserPreferencesService {
     translate: TranslateService;
-    private appConfig;
-    private storage;
-    private document;
-    private rendererFactory;
-    private directionality;
+    private readonly appConfig;
+    private readonly storage;
+    private readonly document;
+    private readonly rendererFactory;
+    private readonly directionality;
     defaults: {
         paginationSize: number;
         supportedPageSizes: number[];
@@ -23,10 +39,57 @@ export declare class UserPreferencesService {
         expandedSidenav: boolean;
     };
     private userPreferenceStatus;
-    private onChangeSubject;
+    private readonly onChangeSubject;
     onChange: Observable<any>;
-    constructor(translate: TranslateService, appConfig: AppConfigService, storage: StorageService);
+    /**
+     * Observable that emits the current locale whenever it changes.
+     * This is a convenience property that simplifies subscribing to locale changes.
+     *
+     * @example Observable usage (requires manual unsubscription):
+     * ```typescript
+     * constructor(private userPreferencesService: UserPreferencesService) {
+     *   this.userPreferencesService.locale$
+     *     .pipe(takeUntilDestroyed())
+     *     .subscribe(locale => {
+     *       this.currentLocale = locale;
+     *     });
+     * }
+     * ```
+     *
+     * @example Signal usage (automatic cleanup, recommended):
+     * ```typescript
+     * export class MyComponent {
+     *   private userPreferencesService = inject(UserPreferencesService);
+     *   currentLocale = this.userPreferencesService.localeSignal; // Signal - no subscription needed!
+     * }
+     * ```
+     */
+    readonly locale$: Observable<string>;
+    /**
+     * Signal that provides the current locale value.
+     * Automatically handles cleanup - no need for takeUntilDestroyed or manual unsubscription.
+     * This is the recommended way to access locale in components.
+     */
+    readonly localeSignal: Signal<string>;
+    /**
+     * Observable that emits the current pagination size whenever it changes.
+     */
+    readonly paginationSize$: Observable<number>;
+    /**
+     * Signal that provides the current pagination size value.
+     */
+    readonly paginationSizeSignal: Signal<number>;
+    /**
+     * Observable that emits the supported page sizes whenever they change.
+     */
+    readonly supportedPageSizes$: Observable<number[]>;
+    /**
+     * Signal that provides the supported page sizes array.
+     */
+    readonly supportedPageSizesSignal: Signal<number[]>;
+    constructor();
     private initUserPreferenceStatus;
+    private initPaginationPreferences;
     private initUserLanguage;
     /**
      * Sets up a callback to notify when a property has changed.

package/lib/common/utils/date-fns-adapter.d.ts

@@ -16,8 +16,6 @@
  */
 import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
 import { MatDateFormats } from '@angular/material/core';
-import { UserPreferencesService } from '../services/user-preferences.service';
-import { Locale } from 'date-fns';
 import * as i0 from "@angular/core";
 /**
  * Date-fns adapter with moment-to-date-fns conversion.
@@ -49,14 +47,14 @@ export declare const DEFAULT_DATE_FORMAT = "dd-MM-yyyy";
  */
 export declare const ADF_DATE_FORMATS: MatDateFormats;
 export declare class AdfDateFnsAdapter extends DateFnsAdapter {
-    private formats;
+    private readonly formats;
     private _displayFormat?;
     get displayFormat(): string | null;
     set displayFormat(value: string | null);
-    constructor(matDateLocale: Locale, formats: MatDateFormats, preferences: UserPreferencesService);
+    constructor();
     parse(value: any, parseFormat: string | string[]): Date;
     format(date: Date, displayFormat: string): string;
     private parseAndValidateDate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AdfDateFnsAdapter, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdfDateFnsAdapter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AdfDateFnsAdapter>;
 }

package/lib/common/utils/date-fns-utils.d.ts

@@ -16,7 +16,7 @@
  */
 export declare class DateFnsUtils {
     static getLocaleFromString(locale: string): Locale;
-    private static momentToDateFnsMap;
+    private static readonly momentToDateFnsMap;
     /**
      * Converts a Moment.js date format string to the equivalent date-fns format string.
      *

package/lib/common/utils/datetime-fns-adapter.d.ts

@@ -1,17 +1,15 @@
 import { DatetimeAdapter, MatDatetimeFormats } from '@mat-datetimepicker/core';
-import { DateAdapter } from '@angular/material/core';
-import { Locale } from 'date-fns';
 import * as i0 from "@angular/core";
 /**
  * Material date/time formats for Date-fns (mat-datetimepicker)
  */
 export declare const ADF_DATETIME_FORMATS: MatDatetimeFormats;
 export declare class AdfDateTimeFnsAdapter extends DatetimeAdapter<Date> {
-    private formats;
+    private readonly formats;
     private _displayFormat?;
     get displayFormat(): string | null;
     set displayFormat(value: string | null);
-    constructor(matDateLocale: Locale, formats: MatDatetimeFormats, dateAdapter: DateAdapter<Date, Locale>);
+    constructor();
     getHour(date: Date): number;
     getMinute(date: Date): number;
     getFirstDateOfMonth(date: Date): Date;
@@ -24,6 +22,6 @@ export declare class AdfDateTimeFnsAdapter extends DatetimeAdapter<Date> {
     private getDateInNextMonth;
     parse(value: any, parseFormat: any): Date;
     format(date: Date, displayFormat: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AdfDateTimeFnsAdapter, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdfDateTimeFnsAdapter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AdfDateTimeFnsAdapter>;
 }

package/lib/common/utils/moment-date-adapter.d.ts

@@ -1,5 +1,4 @@
 import { DateAdapter } from '@angular/material/core';
-import { UserPreferencesService } from '../services/user-preferences.service';
 import * as i0 from "@angular/core";
 type Moment = any;
 /**
@@ -9,7 +8,7 @@ type Moment = any;
 export declare class MomentDateAdapter extends DateAdapter<Moment> {
     private localeData;
     overrideDisplayFormat: string;
-    constructor(preferences: UserPreferencesService);
+    constructor();
     getYear(date: Moment): number;
     getMonth(date: Moment): number;
     getDate(date: Moment): number;

package/lib/context-menu/context-menu-list.component.d.ts

@@ -1,18 +1,18 @@
 import { MatMenuItem } from '@angular/material/menu';
-import { ContextMenuOverlayRef } from './context-menu-overlay';
 import { AfterViewInit, QueryList } from '@angular/core';
+import { ContextMenuItem } from './interfaces';
 import * as i0 from "@angular/core";
 export declare class ContextMenuListComponent implements AfterViewInit {
-    private contextMenuOverlayRef;
-    private data;
+    private readonly contextMenuOverlayRef;
+    private readonly data;
     private keyManager;
     items: QueryList<MatMenuItem>;
-    links: any[];
-    handleKeydownEscape(event: KeyboardEvent): void;
+    links: ContextMenuItem[];
+    handleKeydownEscape(event: Event): void;
     handleKeydownEvent(event: KeyboardEvent): void;
-    constructor(contextMenuOverlayRef: ContextMenuOverlayRef, data: any);
-    onMenuItemClick(event: Event, menuItem: any): void;
+    constructor();
+    onMenuItemClick(event: Event, menuItem: ContextMenuItem): void;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuListComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuListComponent, "adf-context-menu", never, {}, {}, never, never, true, never>;
 }

package/lib/context-menu/context-menu-overlay.d.ts

@@ -16,7 +16,7 @@
  */
 import { OverlayRef } from '@angular/cdk/overlay';
 export declare class ContextMenuOverlayRef {
-    private overlayRef;
+    private readonly overlayRef;
     constructor(overlayRef: OverlayRef);
     close(): void;
 }

package/lib/context-menu/context-menu-overlay.service.d.ts

@@ -1,28 +1,9 @@
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { Injector } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
 import { ContextMenuOverlayRef } from './context-menu-overlay';
 import { ContextMenuOverlayConfig } from './interfaces';
 import * as i0 from "@angular/core";
 export declare class ContextMenuOverlayService {
-    private injector;
-    private overlay;
-    constructor(injector: Injector, overlay: Overlay);
+    private readonly injector;
+    private readonly overlay;
     open(config: ContextMenuOverlayConfig): ContextMenuOverlayRef;
     private createOverlay;
     private attachDialogContainer;

package/lib/context-menu/context-menu.directive.d.ts

@@ -1,12 +1,10 @@
-import { ContextMenuOverlayService } from './context-menu-overlay.service';
 import * as i0 from "@angular/core";
 export declare class ContextMenuDirective {
-    private contextMenuService;
+    private readonly contextMenuService;
     /** Items for the menu. */
     links: any[] | (() => any[]);
     /** Is the menu enabled? */
     enabled: boolean;
-    constructor(contextMenuService: ContextMenuOverlayService);
     onShowContextMenu(event?: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ContextMenuDirective, "[adf-context-menu]", never, { "links": { "alias": "adf-context-menu"; "required": false; }; "enabled": { "alias": "adf-context-menu-enabled"; "required": false; }; }, {}, never, never, true, never>;

package/lib/context-menu/context-menu.tokens.d.ts

@@ -15,4 +15,5 @@
  * limitations under the License.
  */
 import { InjectionToken } from '@angular/core';
-export declare const CONTEXT_MENU_DATA: InjectionToken<any>;
+import { ContextMenuItem } from './interfaces';
+export declare const CONTEXT_MENU_DATA: InjectionToken<ContextMenuItem[]>;

package/lib/context-menu/interfaces.d.ts

@@ -19,5 +19,18 @@ export interface ContextMenuOverlayConfig {
     hasBackdrop?: boolean;
     backdropClass?: string;
     source?: MouseEvent;
-    data?: any;
+    data?: ContextMenuItem[];
+}
+export interface ContextMenuItem {
+    title?: string;
+    model?: {
+        title?: string;
+        visible?: boolean;
+        disabled?: boolean;
+        icon?: string;
+        tooltip?: string;
+    };
+    subject: {
+        next: (value: ContextMenuItem) => void;
+    };
 }