cmat 0.0.78 → 0.0.79

package/types/cmat-components-breadcrumb.d.ts

@@ -1,242 +1,92 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 
-/**
- * This directive is used to customize the breadcrumb label behavior
- * *cmatBreadcrumbItem directive can be used in the child element of cmat-breadcrumb
- * Usage: refer to the demo - app.component.html
- */
 declare class CmatBreadcrumbItemDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatBreadcrumbItemDirective, "[cmatBreadcrumbItem]", never, {}, {}, never, never, true, never>;
 }
 
 interface CmatBreadcrumb {
-    /**
-     * actual route path with resolved param. Ex /mentor/2, connect/edit
-     */
     routeLink?: string;
-    /**
-     * route with path params converted to a RegExp
-     * path '/mentor/:id' becomes routeRegex '/mentor/[^/]+', which can be matched against when needed
-     */
     routeRegex?: string;
-    /**
-     * This is additional info on each breadcrumb item whether label is auto generated or user specified
-     * isAutoGeneratedLabel has to be present at component level but not at the service,
-     * since we may need to support multiple breadcrumb components in same app
-     */
     isAutoGeneratedLabel?: boolean;
-    /**
-     * Query params in string form.
-     */
     queryParams?: any;
     fragment?: string;
     routeInterceptor?: (breadcrumb: CmatBreadcrumb, routeLink?: string) => string;
 }
 
-/**
- * Breadcrumb config provided as part of App Route Config
- */
 interface CmatBreadcrumbObject {
-    /**
-     * breadcrumb label for a route
-     */
     label?: string | CmatBreadcrumbFunction;
-    /**
-     * unique alias name for a route path that can be used to dynamically update a route's breadcrumb label via breadcrumbService.set()
-     */
     alias?: string;
-    /**
-     * hide or show the breadcrumb item
-     */
     skip?: boolean;
-    /**
-     * disable a certain breadcrumb in the list. Not clickable.
-     * It may be needed when the routing has the path, but navigating to that path is of no use
-     */
     disable?: boolean;
-    /**
-     * custom data for each breadcrumb that is passed back to ng-template
-     */
     info?: unknown;
-    /**
-     * Interceptor for breadcrumb click action that returns the dynamic path
-     * Consumers can change the breadcrumb routing dynamically with this approach
-     */
     routeInterceptor?: (breadcrumb: CmatBreadcrumb, routeLink?: string) => string;
 }
 type CmatBreadcrumbFunction = (resolvedLabel?: string) => string;
 
 type CmatBreadcrumbDefinition = CmatBreadcrumb & CmatBreadcrumbObject;
-declare class CmatBreadcrumbService implements OnDestroy {
+declare class CmatBreadcrumbService {
     private _activatedRoute;
     private _router;
+    private readonly _destroyRef;
     private _baseHref;
-    private _unsubscribeAll;
-    /**
-     * dynamicBreadcrumbStore holds information about dynamically updated breadcrumbs.
-     * Breadcrumbs can be set from anywhere (component, service) in the app.
-     * On every breadcrumb update check this store and use the info if available.
-     */
-    private _dynamicBreadcrumbStore;
-    /**
-     * breadcrumbList for the current route
-     * When breadcrumb info is changed dynamically, check if the currentBreadcrumbs is effected
-     * If effected, update the change and emit a new stream
-     */
+    private readonly _dynamicBreadcrumbStore;
     private _currentBreadcrumbs;
     private _previousBreadcrumbs;
-    /**
-     * Breadcrumbs observable to be subscribed by BreadcrumbComponent
-     * Emits on every route change OR dynamic update of breadcrumb
-     */
     private _breadcrumbs;
+    private readonly _breadcrumbs$;
     constructor();
     get breadcrumbs$(): Observable<CmatBreadcrumbDefinition[]>;
-    ngOnDestroy(): void;
-    /**
-     * Update breadcrumb dynamically
-     *
-     * key can be a path | alias
-     *
-     * 1) Using complete route path. route can be passed the same way you define angular routes
-     * - path can be passed as 'exact path(routeLink)' or 'path with params(routeRegex)'
-     * - update label Ex: set('/mentor', 'Mentor'), set('/mentor/:id', 'Mentor Details')
-     * - change visibility Ex: set('/mentor/:id/edit', { skip: true })
-     * ------------------------------------------ OR ------------------------------------------
-     * 2) Using route alias (prefixed with '@'). alias should be unique for a route
-     * - update label Ex: set('@mentor', 'Enabler')
-     * - change visibility Ex: set('@mentorEdit', { skip: true })
-     *
-     *
-     * value can be string | BreadcrumbObject | BreadcrumbFunction
-     */
     set(key: string, breadcrumb: string | CmatBreadcrumbObject): void;
-    /**
-     * Whenever route changes build breadcrumb list again
-     */
     private _detectRouteChanges;
     private _setupBreadcrumbs;
     private _getRootBreadcrumb;
     private _prepareBreadcrumbItem;
     private _prepareBreadcrumbList;
     private _getFromStore;
-    /**
-     * use exact match instead of regexp.test
-     * for /mentor/[^/]+ we should match '/mentor/12' but not '/mentor/12/abc'
-     */
     private _matchRegex;
-    /**
-     * if the path segment has route params, read the param value from url
-     * for each segment of route this gets called
-     *
-     * for mentor/:id/view - it gets called with mentor, :id, view 3 times
-     */
     private _resolvePathSegment;
-    /**
-     * queryParams & fragments for previous breadcrumb path are copied over to new list
-     */
     private _getQueryParamsFromPreviousList;
-    /**
-     * set current activated route query params to the last breadcrumb item
-     */
     private _setQueryParamsForActiveBreadcrumb;
-    /**
-     * For a specific route, breadcrumb can be defined either on parent OR it's child(which has empty path)
-     * When both are defined, child takes precedence
-     *
-     * Ex: Below we are setting breadcrumb on both parent and child.
-     * So, child takes precedence and "Defined On Child" is displayed for the route 'home'
-     * { path: 'home', loadChildren: './home/home.module#HomeModule' , data: {breadcrumb: "Defined On Module"}}
-     *                                                AND
-     * children: [
-     *   { path: '', component: ShowUserComponent, data: {breadcrumb: "Defined On Child" }
-     * ]
-     */
     private _parseRouteData;
-    /**
-     * get empty children of a module or Component. Empty child is the one with path: ''
-     * When parent and it's children (that has empty route path) define data merge them both with child taking precedence
-     */
     private _mergeWithBaseChildData;
-    /**
-     * Update the store to reuse for dynamic declarations
-     * If the store already has this route definition update it, else add
-     */
     private _updateStore;
-    /**
-     * If breadcrumb is present in current breadcrumbs update it and emit new stream
-     */
     private _updateCurrentBreadcrumbs;
-    /**
-     * For a route with path param, we create regex dynamically from angular route syntax
-     * '/mentor/:id' becomes '/mentor/[^/]',
-     * breadcrumbService.set('/mentor/:id', 'Uday') should update 'Uday' as label for '/mentor/2' OR 'mentor/ada'
-     */
     private _buildRegex;
     private _ensureLeadingSlash;
-    /**
-     * In App's RouteConfig, breadcrumb can be defined as a string OR a function OR an object
-     *
-     * string: simple static breadcrumb label for a path
-     * function: callback that gets invoked with resolved path param
-     * object: additional data defined along with breadcrumb label that gets passed to *cmatBreadcrumbItem directive
-     */
     private _extractLabel;
     private _extractObject;
+    private _publishCurrentBreadcrumbs;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatBreadcrumbService>;
 }
 
-declare class CmatBreadcrumbComponent implements OnInit {
-    /**
-     * 面包屑项目可以使用此模板进行自定义
-     * 模板上下文提供标签、附加信息、第一个和最后一个索引
-     * 用例:
-     * 1) 添加图标和标签
-     * 2) i18n. {{breadcrumb | translate}}
-     * 3) 更改文本大小写 {{breadcrumb | titlecase}}
-     */
-    itemTemplate: any;
-    /**
-     * 如果为true，即使没有任何映射标签，面包屑也会自动生成
-     * 默认标签与路由segment相同
-     */
-    autoGenerate: boolean;
-    /**
-     * 默认情况下，查询参数将与breadcrumbs一起保留
-     */
+interface CmatBreadcrumbTemplateContext {
+    $implicit: string | undefined | CmatBreadcrumbFunction;
+    info: unknown;
+    last: boolean;
+    first: boolean;
+    index: number;
+    count: number;
+}
+declare class CmatBreadcrumbComponent {
+    itemTemplate: TemplateRef<CmatBreadcrumbTemplateContext> | null;
+    set autoGenerate(value: boolean);
+    get autoGenerate(): boolean;
     preserveQueryParams: boolean;
-    /**
-     * 默认情况下，fragments参数将与breadcrumbs一起保留
-     */
     preserveFragment: boolean;
-    /**
-     * 可提供覆盖样式，增加特异性
-     */
     class: string;
-    /**
-     * anchorTarget = "_blank" 使breadcrumb链接在新选项卡中打开
-     */
     anchorTarget: '_blank' | void;
-    breadcrumbs$: Observable<CmatBreadcrumbDefinition[]>;
-    separatorTemplate: TemplateRef<any> | null;
-    private _separator;
-    private _breadcrumbService;
+    separatorTemplate: TemplateRef<void> | null;
+    readonly breadcrumbs: i0.Signal<CmatBreadcrumbDefinition[]>;
+    private readonly _breadcrumbService;
+    private readonly _autoGenerate;
+    private readonly _breadcrumbItems;
+    set separator(value: string | void);
     get separator(): string | void;
-    /**
-     * 面包屑分隔符, 默认'/'.
-     * 用户可以通过传递字符串或模板来自定义分隔符
-     *
-     * 字符串 --> Ex: <cmat-breadcrumb separator="-"></cmat-breadcrumb>
-     *
-     * 模板 --> Ex: <cmat-breadcrumb [separator]="separatorTemplate"></cmat-breadcrumb>
-     * <ng-template #separatorTemplate><mat-icon>arrow_right</mat-icon></ng-template>
-     */
-    set separator(value: string | TemplateRef<void>);
-    ngOnInit(): void;
+    private _separator;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatBreadcrumbComponent, "cmat-breadcrumb", ["cmatBreadcrumb"], { "autoGenerate": { "alias": "autoGenerate"; "required": false; }; "preserveQueryParams": { "alias": "preserveQueryParams"; "required": false; }; "preserveFragment": { "alias": "preserveFragment"; "required": false; }; "class": { "alias": "class"; "required": false; }; "anchorTarget": { "alias": "anchorTarget"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, {}, ["itemTemplate"], never, true, never>;
 }

package/types/cmat-components-carousel.d.ts

@@ -2,17 +2,8 @@ import * as i0 from '@angular/core';
 import { TemplateRef, AfterContentInit, OnChanges, AfterContentChecked, OnDestroy, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
 
 interface CmatCarouselResponsiveOptions {
-    /**
-     * 响应模式的断点。
-     */
     breakpoint: string;
-    /**
-     * 断点上可见项目的数量。
-     */
     numVisible: number;
-    /**
-     * 断点上滚动的项目数。
-     */
     numScroll: number;
 }
 interface CmatCarouselPageEvent {
@@ -25,17 +16,8 @@ interface CmatCarouselTemplates {
     }): TemplateRef<{
         $implicit: any;
     }>;
-    /**
-     * previousicon自定义模板。
-     */
     previousicon(): TemplateRef<any>;
-    /**
-     * nexticon自定义模板。
-     */
     nexticon(): TemplateRef<any>;
-    /**
-     * footer自定义模板。
-     */
     footer(): TemplateRef<any>;
 }
 

package/types/cmat-components-cascade.d.ts

@@ -23,6 +23,7 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     private _breakpointObserver;
     private _bottomSheet;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     id: string;
     options: CmatCascadeOptionsInterface[];
     clearable: boolean;
@@ -41,7 +42,6 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     focused: boolean;
     touched: boolean;
     controlType: string;
-    private _unsubscribeAll;
     constructor();
     private _touchUi;
     get touchUi(): boolean;

package/types/cmat-components-chip-input.d.ts

@@ -5,7 +5,7 @@ import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
 import { MatAutocompleteSelectedEvent, MatAutocompleteActivatedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { Observable, BehaviorSubject, Subject } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 
 declare class CmatChipInputComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnDestroy {
     ngControl: NgControl;
@@ -17,7 +17,8 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     separatorKey: string;
     inputControl: FormControl<string | null>;
     filteredOptions$: Observable<string[] | null>;
-    selectedOptions$: BehaviorSubject<any>;
+    private _selectedOptions;
+    readonly selectedOptions$: Observable<any[]>;
     separatorKeysCodes: number[];
     readonly stateChanges: Subject<void>;
     focused: boolean;
@@ -25,7 +26,7 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     controlType: string;
     autocompleteOptionActive: boolean;
     private readonly _maxFilteredItems;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnDestroy(): void;
     get placeholder(): string;

package/types/cmat-components-code-editor.d.ts

@@ -2,30 +2,12 @@ import { NgxEditorModel } from 'ngx-monaco-editor-v2';
 import * as i0 from '@angular/core';
 
 declare class CmatCodeEditorComponent {
-    /**
-     * 编辑器内容。
-     */
     value: string;
-    /**
-     * 编程语言。
-     */
     language: string;
-    /**
-     * 编辑器高度。
-     */
     height: string;
-    /**
-     * 是否只读。
-     */
     readOnly: boolean;
-    /**
-     * 编辑器配置。
-     */
     options: any;
     private readonly _document;
-    /**
-     * Monaco 模型。
-     */
     get model(): NgxEditorModel;
     get editorOptions(): any;
     private get _isDarkTheme();

package/types/cmat-components-custom-formly.d.ts

@@ -87,7 +87,7 @@ interface ChipsCascadeProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCascadeProps>> implements OnInit, OnDestroy {
+declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCascadeProps>> implements OnInit {
     defaultOptions: {
         props: {
             clearable: boolean;
@@ -100,10 +100,9 @@ declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCa
     private _http;
     private _changeDetectorRef;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatCascadeTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatCascadeTypeComponent, "cmat-cascade-type", never, {}, {}, never, never, true, never>;
 }
@@ -118,7 +117,7 @@ interface CheckListProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<CheckListProps>> implements OnInit, OnDestroy {
+declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<CheckListProps>> implements OnInit {
     isIndeterminate: boolean;
     isChecked: boolean;
     urlData: [];
@@ -126,13 +125,13 @@ declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<Check
     checklist: any[];
     filteredData: any[];
     private _http;
+    private readonly _destroyRef;
     private _filteredItems;
-    private _unsubscribeAll;
+    private readonly _filteredItems$;
     constructor();
     get filteredItems$(): Observable<any[] | null>;
     get datas(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     trackByFn(index: number, item: any): any;
     filterByQuery(event: any): void;
     toggleCheckList(data: any, event: any): void;
@@ -153,14 +152,13 @@ interface ChipsInputProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatChipsInputTypeComponent extends FieldType<FieldTypeConfig<ChipsInputProps>> implements OnInit, OnDestroy {
+declare class CmatChipsInputTypeComponent extends FieldType<FieldTypeConfig<ChipsInputProps>> implements OnInit {
     autocompleteUrlData: [];
     private _http;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     get autocompleteText(): string[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatChipsInputTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatChipsInputTypeComponent, "cmat-chips-input-type", never, {}, {}, never, never, true, never>;
 }
@@ -197,7 +195,7 @@ interface DatepickerProps extends CustomFormFieldProps {
     twelvehour: boolean;
     timeInput: boolean;
 }
-declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<DatepickerProps>> implements OnInit, OnDestroy {
+declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<DatepickerProps>> implements OnInit {
     defaultOptions: {
         props: {
             startView: "month";
@@ -214,10 +212,9 @@ declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<Date
     isHandSet: boolean;
     private _changeDetectorRef;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatepickerTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatepickerTypeComponent, "cmat-datepicker-type", never, {}, {}, never, never, true, never>;
 }
@@ -234,7 +231,7 @@ interface MultiCheckboxProps extends CustomFormFieldProps {
 interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {
     type: 'multicheckbox' | Type<CmatMultiCheckboxTypeComponent>;
 }
-declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<MultiCheckboxProps>> implements OnInit, OnDestroy {
+declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<MultiCheckboxProps>> implements OnInit {
     checkboxes: QueryList<MatCheckbox>;
     defaultOptions: {
         props: {
@@ -245,13 +242,13 @@ declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<M
         };
     };
     private _http;
+    private readonly _destroyRef;
     private _urlData;
-    private _unsubscribeAll;
+    private readonly _urlData$;
     constructor();
     get urlData$(): Observable<any[]>;
     onChange(value: any, checked: boolean): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     isChecked(option: any): any;
     trackByFn(index: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatMultiCheckboxTypeComponent, never>;
@@ -308,7 +305,7 @@ interface RadioProps extends CustomFormFieldProps {
 interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {
     type: 'radio' | Type<CmatRadioTypeComponent>;
 }
-declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProps>> implements OnInit, AfterViewInit, OnDestroy {
+declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProps>> implements OnInit, AfterViewInit {
     radioGroup: MatRadioGroup;
     defaultOptions: {
         props: {
@@ -321,7 +318,8 @@ declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProp
     private _http;
     private focusObserver;
     private _urlData;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
+    private readonly _urlData$;
     constructor();
     get urlData$(): Observable<any[]>;
     ngOnInit(): void;
@@ -374,12 +372,11 @@ declare class CmatSelectTypeComponent extends FieldType<FieldTypeConfig<SelectPr
     isChecked: boolean;
     multiFilterCtrl: FormControl;
     private _http;
+    private readonly _destroyRef;
     private _urlData;
-    private _unsubscribeAll;
     constructor();
     get datas(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     getAriaLabelledby(): string;
     getAriaLabel(): string;
     toggleSelectAll(selectAllValue: boolean): void;
@@ -418,10 +415,9 @@ declare class CmatSelectTreeTypeComponent extends FieldType$1<FieldTypeConfig<Se
     urlData: [];
     private _http;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTreeTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTreeTypeComponent, "cmat-select-tree-type", never, {}, {}, never, never, true, never>;
 }
@@ -450,10 +446,9 @@ declare class CmatSelectTableTypeComponent extends FieldType$1<FieldTypeConfig<S
     urlData: CmatSelectTableDataSource<CmatSelectTableRow>;
     private _http;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTableTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTableTypeComponent, "cmat-select-table-type", never, {}, {}, never, never, true, never>;
 }
@@ -526,7 +521,7 @@ interface TagsProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>> implements OnInit, OnDestroy {
+declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>> implements OnInit {
     private _tagsPanelOrigin;
     private _tagsPanel;
     urlData: [];
@@ -535,14 +530,14 @@ declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>
     private _overlay;
     private _viewContainerRef;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _filteredItems;
+    private readonly _filteredItems$;
     private _tagsPanelOverlayRef;
-    private _unsubscribeAll;
     constructor();
     get filteredItems$(): Observable<any[] | null>;
     get tags(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     openTagsPanel(): void;
     filterTags(event: any): void;
     toggleTag(tag: any): void;
@@ -611,12 +606,11 @@ declare class CmatQuillTypeComponent extends FieldType<FieldTypeConfig<QuillProp
     private _fileService;
     private _urlStateConfigService;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _editorInstance;
     private _imgIds;
     private _config;
-    private _unsubscribeAll;
     constructor();
-    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     fileChangeEvent(file: any): void;
     editorCreated(editorInstance: any): void;