qms-angular 1.1.20 → 1.1.22

package/lib/common/models/qms-flat-node.model.d.ts

@@ -10,4 +10,6 @@ export declare class QMSFlatNodeTree {
     itemIcon?: string;
     itemIconSvg?: string;
     itemMatIcon?: string;
+    isGroup?: boolean;
+    groupId?: string;
 }

package/lib/common/models/qms-tree-node.model.d.ts

@@ -11,6 +11,8 @@ export interface QMSTreeNode {
     disabled?: boolean;
     markedGetChildren?: boolean;
     tooltip?: string;
+    isGroup?: boolean;
+    groupId?: string;
 }
 export declare class QMSTreeModel implements QMSTreeNode {
     id: string;
@@ -24,5 +26,8 @@ export declare class QMSTreeModel implements QMSTreeNode {
     childCount?: number;
     disabled?: boolean;
     markedGetChildren?: boolean;
+    tooltip?: string | undefined;
+    isGroup?: boolean;
+    groupId?: string;
     constructor(id: string, parentId: string, name: string);
 }

package/lib/components/select-access-dialog/model/access-paging.model.d.ts

@@ -0,0 +1,9 @@
+import { PageEvent } from "@angular/material/paginator";
+import { OptionSelectAccessEnum } from "../common/option-select-access.enum";
+export declare class QMSAccessPagingChangeModel extends PageEvent {
+    type: OptionSelectAccessEnum;
+}
+export declare class QMSAccessPagingModel<T> extends PageEvent {
+    data: T[];
+    constructor();
+}

package/lib/components/select-access-dialog/model/filter-person.model.d.ts

@@ -0,0 +1,6 @@
+export declare class FilterPersonModel {
+    userGroupId?: string;
+    departmentId?: string;
+    keyword: string;
+    recursive?: boolean;
+}

package/lib/components/select-access-dialog/model/select-access-config.model.d.ts

@@ -14,5 +14,6 @@ export declare class QMSSelectAccessDialog {
         enableTreeSearch: boolean;
     };
     data: QMSSelectAccessData;
+    sizeUpdateDefault: string;
     constructor();
 }

package/lib/components/select-access-dialog/model/select-access-data.d.ts

@@ -1,15 +1,17 @@
 import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
 import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
 import { QMSAccessItem } from "./access-item.model";
+import { QMSAccessPagingModel } from "./access-paging.model";
 export declare class QMSSelectAccessResult {
     userGroups: QMSAccessItem[];
     departments: QMSTreeNode[];
     persons: QMSAccessItem[];
 }
 export declare class QMSSelectAccessData {
-    accessUserGroups: QMSAccessItem[];
+    accessUserGroups: QMSAccessPagingModel<QMSAccessItem>;
     accessDepartments: QMSFlatNodeTree[];
-    accessPersons: QMSAccessItem[];
+    accessPersons: QMSAccessPagingModel<QMSAccessItem>;
     selectedData: QMSSelectAccessResult;
     selectIncludeChildTreeLabel?: string;
+    constructor();
 }

package/lib/components/select-access-dialog/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './common/option-select-access.enum';
+export * from './common/animation';
 export * from './model/select-access-data';
 export * from './model/access-item.model';
 export * from './model/option-select-access.model';
@@ -6,3 +7,5 @@ export * from './service/select-access-global.service';
 export * from './select-access-dialog.component';
 export * from './select-access-dialog.module';
 export * from './model/select-access-config.model';
+export * from './model/filter-person.model';
+export * from './model/access-paging.model';

package/lib/components/select-access-dialog/select-access-dialog.component.d.ts

@@ -1,18 +1,23 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 import { PageEvent } from '@angular/material/paginator';
-import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
+import { MatSelectChange } from '@angular/material/select';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
 import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
 import { TranslateLibraryService } from "../../services/translation-registry.service";
-import { PaginationSize } from '../qms-paginator';
+import { PaginationSize, QMSPaginatorComponent } from '../qms-paginator';
+import { ISelectionNodeChange } from '../select-department-tree';
 import { SelectDepartmentTreeComponent } from '../select-department-tree/select-department-tree.component';
 import { OptionSelectAccessEnum } from './common/option-select-access.enum';
 import { QMSAccessItem } from './model/access-item.model';
+import { QMSAccessPagingChangeModel, QMSAccessPagingModel } from './model/access-paging.model';
+import { FilterPersonModel } from './model/filter-person.model';
 import { OptionSelectAccessModel } from './model/option-select-access.model';
 import { QMSSelectAccessDialog } from './model/select-access-config.model';
 import { QMSSelectAccessResult } from './model/select-access-data';
-export declare class QMSSelectAccessDialogComponent implements OnInit, OnDestroy, AfterViewInit {
+export declare class QMSSelectAccessDialogComponent implements OnInit, OnDestroy, AfterViewInit, AfterContentInit {
     private dialogRef;
     dialogData: QMSSelectAccessDialog;
     translate: TranslateLibraryService;
@@ -23,54 +28,72 @@ export declare class QMSSelectAccessDialogComponent implements OnInit, OnDestroy
     optionSelect: FormControl;
     OPTION_ENUM: typeof OptionSelectAccessEnum;
     options: OptionSelectAccessModel[];
+    private _departmentSelected;
+    get selectedDepartments(): QMSTreeNode[];
     personForm: FormGroup;
     userGroupForm: FormControl;
     getLoading$: BehaviorSubject<boolean>;
-    onSearchPersonEvent: EventEmitter<any>;
+    onSearchPersonEvent: EventEmitter<FilterPersonModel>;
     onSearchPersonFreeTextEvent: EventEmitter<any>;
-    onSearchUserGroupEvent: EventEmitter<any>;
+    onSearchUserGroupEvent: EventEmitter<string>;
     onSearchDepartmentEvent: EventEmitter<any>;
+    onPagingEvent: EventEmitter<QMSAccessPagingChangeModel>;
+    onSelectOptionChange$: Subject<MatSelectChange>;
+    departmentResultClone: QMSTreeNode[];
     treeDepartment: SelectDepartmentTreeComponent;
     set tree(data: SelectDepartmentTreeComponent);
+    pagingPerson: QMSPaginatorComponent;
+    pagingUserGroup: QMSPaginatorComponent;
     /** list filtered by search keyword */
+    optionFilterPersonDataGlobal: {
+        departments: QMSFlatNodeTree[];
+        userGroups: QMSAccessItem[];
+    };
     filteredSearchTextBox: {
-        department: ReplaySubject<any>;
-        role: ReplaySubject<any>;
+        department: BehaviorSubject<QMSFlatNodeTree[]>;
+        userGroup: BehaviorSubject<QMSAccessItem[]>;
     };
-    private getPerson$;
+    getPerson$: BehaviorSubject<QMSAccessPagingModel<QMSAccessItem>>;
     get personFiltered(): QMSAccessItem[];
-    private getUserGroup$;
+    getUserGroup$: BehaviorSubject<QMSAccessPagingModel<QMSAccessItem>>;
     get userGroupFiltered(): QMSAccessItem[];
     PAGINATION_SIZE: typeof PaginationSize;
+    PAGE_SIZE_OPTION: number[];
     resultAccess: QMSSelectAccessResult;
-    private currentPaginationConfig;
+    arrSkeleton: any[];
     constructor(dialogRef: MatDialogRef<QMSSelectAccessDialogComponent>, dialogData: QMSSelectAccessDialog, translate: TranslateLibraryService, _fb: FormBuilder, cdRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _buildOptionSelect;
+    private _filterOptionPersonChange;
     getResultTabActive(): any;
     checkExistOptionSelect(option: OptionSelectAccessEnum): boolean;
     private buildPersonForm;
-    private resetPagingConfig;
     onFilterPerson(): void;
+    private _resetPagingator;
     onSearchPersonFreeText(): void;
     onFilterUserGroup(): void;
     onSelectItem(type: OptionSelectAccessEnum, item: QMSAccessItem): void;
     onRemoveChip(type: OptionSelectAccessEnum, item: any, index: any): void;
-    onSelectionTypeChange(event: any): void;
+    onSelectionTypeChange(event: MatSelectChange): void;
     setFormControlValue(formControlNames: string[], values: any): void;
     isCheckAll(type: OptionSelectAccessEnum): boolean;
     isIndeterminate(type: OptionSelectAccessEnum): boolean;
     onCheckAll(type: OptionSelectAccessEnum, $event: any): void;
+    onSelectionNodeDepartmentChange({ added, removed, updated }: ISelectionNodeChange<QMSTreeNode>): void;
     onScollToNodeTreeDepartment(node: QMSTreeNode): void;
-    onRemoveTreeNodeDepartment(node: QMSTreeNode): void;
     trackByFn(index: any, item: any): any;
-    updatePersonFilter(data: QMSAccessItem[]): void;
-    updateUserGroupFilter(data: QMSAccessItem[]): void;
-    onPagingEvent(val: PageEvent): void;
-    getPaging(source: any[]): any[];
+    updatePersonFilter(data: QMSAccessPagingModel<QMSAccessItem>): void;
+    updateUserGroupFilter(data: QMSAccessPagingModel<QMSAccessItem>): void;
+    onPaginatorEvent(val: PageEvent, type: OptionSelectAccessEnum): void;
     onResultDepartmentChange(event: QMSTreeNode[]): void;
+    updateResultSearchDepartment(data?: QMSAccessPagingModel<QMSFlatNodeTree>): void;
+    generateTootip(node: any): string;
     private formatString;
     hasItemSelected(): boolean;
+    updateDepartment(data?: QMSTreeNode[]): void;
+    updateOptionPersonFilter(departmentFilter?: QMSFlatNodeTree[], userGroupFilter?: QMSAccessItem[]): void;
+    setDefaultPageSizeOption(data: number[]): void;
 }

package/lib/components/select-department/select-department.component.d.ts

@@ -1,14 +1,13 @@
 import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
+import { PageEvent } from '@angular/material/paginator';
 import { Subject } from 'rxjs';
 import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
 import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
-import { SelectDepartmentTreeComponent } from '../select-department-tree';
-import { SelectDepartmentPopupData } from './model/select-department-popup-data.model';
-import { QMSSelectDepartmentGlobalService } from './service/select-department-global.service';
 import { TranslateLibraryService } from '../../services/translation-registry.service';
+import { QMSDepartmentPagingModel, SelectDepartmentTreeComponent } from '../select-department-tree';
+import { SelectDepartmentPopupData } from './model/select-department-popup-data.model';
 export declare class SelectDepartmentComponent implements OnInit, OnDestroy, AfterViewInit {
-    private selectDepartmentService;
     private cdRef;
     private dialogRef;
     private data;
@@ -16,14 +15,14 @@ export declare class SelectDepartmentComponent implements OnInit, OnDestroy, Aft
     ngUnsubscribe: Subject<void>;
     LANG: any;
     treeDepartment: SelectDepartmentTreeComponent;
+    onPagingEvent: EventEmitter<PageEvent>;
     popupData: SelectDepartmentPopupData;
     groupIncludeChild: QMSTreeNode[];
-    singleItem: QMSTreeNode[];
     resultSelected: QMSTreeNode[];
     onSearchEvent: EventEmitter<string>;
     resultSearch: QMSFlatNodeTree[];
     isActiveViewSearch: boolean;
-    constructor(selectDepartmentService: QMSSelectDepartmentGlobalService, cdRef: ChangeDetectorRef, dialogRef: MatDialogRef<SelectDepartmentComponent>, data: SelectDepartmentPopupData, trans: TranslateLibraryService);
+    constructor(cdRef: ChangeDetectorRef, dialogRef: MatDialogRef<SelectDepartmentComponent>, data: SelectDepartmentPopupData, trans: TranslateLibraryService);
     ngAfterViewInit(): void;
     onCloseDialog(): void;
     ngOnInit(): void;
@@ -33,5 +32,7 @@ export declare class SelectDepartmentComponent implements OnInit, OnDestroy, Aft
     onRemoveNode(node: QMSTreeNode): void;
     getChildrenNode(node: QMSTreeNode): void;
     onResultDepartmentChange(data: QMSTreeNode[]): void;
+    generateTootip(node: QMSTreeNode): string;
+    updateResultSearch(data: QMSDepartmentPagingModel<QMSFlatNodeTree>): void;
     private formatString;
 }

package/lib/components/select-department-tree/model/department-paging.model.d.ts

@@ -0,0 +1,5 @@
+import { PageEvent } from "@angular/material/paginator";
+export declare class QMSDepartmentPagingModel<T> extends PageEvent {
+    data: T[];
+    constructor();
+}

package/lib/components/select-department-tree/model/selection-change.model.d.ts

@@ -0,0 +1,4 @@
+import { SelectionChange } from "@angular/cdk/collections";
+export interface ISelectionNodeChange<T> extends SelectionChange<T> {
+    updated: T[];
+}

package/lib/components/select-department-tree/public-api.d.ts

@@ -4,3 +4,5 @@ export * from './select-department-tree.module';
 export * from './select-department-tree.component';
 export * from './animation/animation';
 export * from './model/department-search-result.model';
+export * from './model/selection-change.model';
+export * from './model/department-paging.model';

package/lib/components/select-department-tree/select-department-tree.component.d.ts

@@ -1,6 +1,6 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatIconRegistry } from '@angular/material/icon';
 import { PageEvent } from '@angular/material/paginator';
@@ -11,23 +11,32 @@ import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
 import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
 import { TranslateLibraryService } from '../../services/translation-registry.service';
 import { QMSIconRegistryService } from '../app-icon/icon-registry.service';
-import { PaginationSize } from '../qms-paginator';
+import { PaginationSize, QMSPaginatorComponent } from '../qms-paginator';
 import { ItemIconType } from '../related/common/item-icon-type.enum';
+import { QMSDepartmentPagingModel } from './model/department-paging.model';
 import { DepartmentLocationBreadCrumb, DepartmentSearchResultModel } from './model/department-search-result.model';
 import { QMSSelectDepartmentTreeConfig } from './model/select-department-tree.config';
-export declare class SelectDepartmentTreeComponent implements OnInit {
+import { ISelectionNodeChange } from './model/selection-change.model';
+import { QMSSelectDepartmentTreeGlobalService } from './service/select-department-tree-global.service';
+export declare class SelectDepartmentTreeComponent implements OnInit, AfterViewInit, AfterContentInit {
     private cdRef;
     private domSanitizer;
     private appIconService;
     private iconRegistry;
     private eleRef;
     trans: TranslateLibraryService;
+    private treeDepartmentGlobalService;
     LANG: any;
     enableIncludeChild: boolean;
     enableTreeSearch: boolean;
     isSelectOne: boolean;
     activeViewSearch: boolean;
+    height: string;
+    customClass: string;
+    arrSkeleton: any[];
+    set rowsSkeleton(value: number);
     treeDataSourceConfig: QMSSelectDepartmentTreeConfig;
+    isIncludeChildren: boolean;
     set treeData(value: QMSTreeNode[]);
     set selectedList(value: QMSTreeNode[]);
     set selectIncludeLabel(label: string);
@@ -37,16 +46,15 @@ export declare class SelectDepartmentTreeComponent implements OnInit {
     onPagingSearchEvent: EventEmitter<PageEvent>;
     ngUnsubscribe: Subject<void>;
     isLoaded: boolean;
-    resultGroupSelected: QMSTreeNode[];
-    resultSingleSelected: QMSTreeNode[];
     resultSearchSelected: QMSTreeNode[];
     resultSelected: QMSTreeNode[];
     get currentTreeData(): QMSTreeNode[];
     getDataTree$: BehaviorSubject<QMSTreeNode[]>;
     onValueChangeEvent: EventEmitter<QMSTreeNode[]>;
-    searchDepartment$: Subject<QMSFlatNodeTree[]>;
+    selectionNodeChangeEvent: EventEmitter<ISelectionNodeChange<QMSTreeNode>>;
+    searchDepartment$: BehaviorSubject<QMSDepartmentPagingModel<QMSFlatNodeTree>>;
+    paginatorSearch: QMSPaginatorComponent;
     resultSearch: DepartmentSearchResultModel[];
-    pagingResultSearch: DepartmentSearchResultModel[];
     isSelectAllResultSearch: boolean;
     indeterminateSearchResult: boolean;
     private currentPaginationConfig;
@@ -72,16 +80,21 @@ export declare class SelectDepartmentTreeComponent implements OnInit {
     private _getChild;
     private isExpandable;
     hasChild: (_: number, node: QMSFlatNodeTree) => boolean;
-    constructor(cdRef: ChangeDetectorRef, domSanitizer: DomSanitizer, appIconService: QMSIconRegistryService, iconRegistry: MatIconRegistry, eleRef: ElementRef, trans: TranslateLibraryService);
+    constructor(cdRef: ChangeDetectorRef, domSanitizer: DomSanitizer, appIconService: QMSIconRegistryService, iconRegistry: MatIconRegistry, eleRef: ElementRef, trans: TranslateLibraryService, treeDepartmentGlobalService: QMSSelectDepartmentTreeGlobalService);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _initTreeData;
     private _initCheckListSelected;
+    private _handleItemSelectionChanged;
+    private _onSelectionNodeChangeEvent;
+    private _handleSearchEvent;
+    private _handleActiveNodeEvent;
     updateDataTree(data: QMSTreeNode[]): void;
-    setResultSearch(data: QMSFlatNodeTree[]): void;
+    setResultSearch(data: QMSDepartmentPagingModel<QMSFlatNodeTree>): void;
     onExpandNode(node: QMSFlatNodeTree): void;
     onOptionSearchSelected(value: QMSFlatNodeTree): void;
-    onSlideToggleChange(): void;
     displayWhenSelectDepartmentOption($event: any): string | null;
     onCheckNode(node: QMSFlatNodeTree): void;
     private _handleSelectOne;
@@ -90,16 +103,12 @@ export declare class SelectDepartmentTreeComponent implements OnInit {
     isIndeterminate(node: QMSFlatNodeTree): boolean;
     isCheckAll(node: QMSFlatNodeTree): boolean;
     private _handleCheckNode;
-    private _updateGroupResult;
-    private _updateSingleResult;
-    private _checkGroupSelected;
-    private _getExistedGroup;
+    private resetNode;
     getChildrenSelected(node: QMSFlatNodeTree): QMSFlatNodeTree[];
     getListChildrenOfNode(node: QMSFlatNodeTree): QMSFlatNodeTree[];
     private _mapToNestedListNode;
     convertToNestedNode(node: QMSFlatNodeTree): QMSTreeNode;
     convertToFlatNode(node: QMSTreeNode): QMSFlatNodeTree;
-    private _getRootSelected;
     private _getAllParentNode;
     private _getParentNode;
     getItemIconType(item: QMSFlatNodeTree): ItemIconType.name | ItemIconType.path | ItemIconType.svg;

package/lib/components/select-process-document/models/pop-up-data.model.d.ts

@@ -7,6 +7,7 @@ export declare class SelectProcessDocumentPopupData {
     treeData2: Array<NewTreeModel>;
     treeConfig1: TreeConfig;
     treeConfig2: TreeConfig;
+    checkedNodeList?: Array<any>;
     selectedNode?: Array<any>;
     disabledList?: Array<any>;
     disabledList2?: Array<any>;

package/lib/components/select-process-document/select-process-document.component.d.ts

@@ -78,6 +78,7 @@ export declare class SelectProcessDocumentPopupComponent implements OnInit, OnDe
     ngOnDestroy(): void;
     onMessage(event: any): void;
     ngOnInit(): void;
+    setSelectedData(): void;
     ngAfterViewChecked(): void;
     removeCheckedNodeList(item: SelectedProcessDocumentItem): void;
     setResultHeight(arr?: QMSProcessDocumentItem[]): void;

package/lib/directives/content-changes.directive.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+export declare class QMSContentChangesDirective {
+    private viewContainer;
+    private templateRef;
+    private currentValue;
+    private existView;
+    set qmsContentChanges(val: any);
+    constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<any>);
+}

package/lib/directives/tooltip/tooltip-elipsify.directive.d.ts

@@ -0,0 +1,13 @@
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
+import { QMSToolTipRendererDirective } from './tooltip-renderer.directive';
+export declare class EllipsifyDirective extends QMSToolTipRendererDirective implements AfterViewInit {
+    private renderer;
+    private elementRef;
+    private overlay;
+    private overlayPositionBuilder;
+    domElement: any;
+    constructor(renderer: Renderer2, elementRef: ElementRef, overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder);
+    ngAfterViewInit(): void;
+    isTitleAttribute(): void;
+}

package/lib/directives/tooltip/tooltip-renderer.directive.d.ts

@@ -1,4 +1,4 @@
-import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { Overlay, OverlayPositionBuilder, OverlayRef } from "@angular/cdk/overlay";
 import { ElementRef, TemplateRef } from "@angular/core";
 export declare class QMSToolTipRendererDirective {
     private _overlay;
@@ -13,7 +13,7 @@ export declare class QMSToolTipRendererDirective {
     text: string;
     contentTemplate: TemplateRef<any>;
     position: string;
-    private _overlayRef;
+    _overlayRef: OverlayRef;
     constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef);
     /**
      * Init life cycle event handler

package/lib/model/en.d.ts

@@ -67,7 +67,8 @@ export declare const en: {
     TYPE: string;
     SEARCH_WITH_NAME: string;
     RESULT_SEARCH_FOR: string;
-    TOOLTIP_INCLUDE_CHILD: string;
+    TOOLTIP_INCLUDE_SUB_DEPARTMENT: string;
+    NO_RESULT: string;
     ERROR: {
         SELECT_DANGER: string;
     };

package/lib/model/no.d.ts

@@ -67,7 +67,8 @@ export declare const no: {
     TYPE: string;
     SEARCH_WITH_NAME: string;
     RESULT_SEARCH_FOR: string;
-    TOOLTIP_INCLUDE_CHILD: string;
+    TOOLTIP_INCLUDE_SUB_DEPARTMENT: string;
+    NO_RESULT: string;
     ERROR: {
         SELECT_DANGER: string;
     };

package/lib/qms-ckeditor-components/common/models/qms-ckeditor-data.model.d.ts

@@ -7,7 +7,7 @@ export declare class QMSCKEditorData {
     mathtypeServiceUrl?: string;
     timestampFormat?: string;
     linkJavaScriptLinksAllowed?: boolean;
-    toggleToolbar?: string;
+    toggledToolbarItems?: string;
     wproofreader?: WProofreaderConfig;
     tableOfContentHeadings?: string;
     maxFileSizeMB?: number;

package/lib/qms-ckeditor-components/qms-ckeditor.component.d.ts

@@ -22,6 +22,7 @@ export declare class QMSCKEditorComponent extends QMSCKEditorBaseComponent imple
     qmsckContentInput: string;
     isDisabled: boolean;
     required: boolean;
+    editorId: string;
     qmsckContentOutput: EventEmitter<string>;
     LANG: any;
     ckEditor: any;
@@ -32,6 +33,8 @@ export declare class QMSCKEditorComponent extends QMSCKEditorBaseComponent imple
     countChar: number;
     editorInstance: any;
     ckTagname: string;
+    toolbarItemPrefixId: string;
+    isToolbarItemsIdSet: boolean;
     onMessage(event: any): void;
     /**
      * Constructor
@@ -96,6 +99,7 @@ export declare class QMSCKEditorComponent extends QMSCKEditorBaseComponent imple
     bpmnEventHandling(id: string): void;
     aboutCKEditorEventHandling(version: string): void;
     toggleToolbarEventHandling(): void;
+    private _setToolbarViewMode;
     /**
    * Flowchart
    */
@@ -104,4 +108,6 @@ export declare class QMSCKEditorComponent extends QMSCKEditorBaseComponent imple
      * Browse Video
      */
     browseVideoEventHandling(value: any): void;
+    private _setEditorInstanceObserver;
+    private _setIdForToolbarItems;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qms-angular",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/public-api.d.ts

@@ -176,3 +176,5 @@ export * from './lib/components/qms-nav-drawer';
 export * from './lib/components/select-department-tree';
 export * from './lib/components/select-department';
 export * from './lib/components/select-access-dialog';
+export * from './lib/directives/content-changes.directive';
+export * from './lib/directives/tooltip/tooltip-elipsify.directive';