@libs-ui/components-inputs-quill 0.2.334-0 → 0.2.336-0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@libs-ui/components-inputs-quill",
-  "version": "0.2.334-0",
+  "version": "0.2.336-0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -8,25 +8,25 @@
     "quill2x": "npm:quill@2.0.3",
     "@ssumo/quill-resize-module": "1.0.3",
     "parchment": "1.1.4",
-    "@libs-ui/components-label": "0.2.334-0",
+    "@libs-ui/components-label": "0.2.336-0",
     "quill-delta": "5.1.0",
-    "@libs-ui/components-inputs-valid": "0.2.334-0",
-    "@libs-ui/components-modal": "0.2.334-0",
-    "@libs-ui/utils": "0.2.334-0",
-    "@libs-ui/components-buttons-button": "0.2.334-0",
-    "@libs-ui/components-buttons-select-color": "0.2.334-0",
-    "@libs-ui/components-dropdown": "0.2.334-0",
-    "@libs-ui/components-inputs-emoji": "0.2.334-0",
-    "@libs-ui/components-inputs-mention": "0.2.334-0",
-    "@libs-ui/components-list": "0.2.334-0",
-    "@libs-ui/components-popover": "0.2.334-0",
-    "@libs-ui/interfaces-types": "0.2.334-0",
-    "@libs-ui/services-dynamic-component": "0.2.334-0",
+    "@libs-ui/components-inputs-valid": "0.2.336-0",
+    "@libs-ui/components-modal": "0.2.336-0",
+    "@libs-ui/utils": "0.2.336-0",
+    "@libs-ui/components-buttons-button": "0.2.336-0",
+    "@libs-ui/components-buttons-select-color": "0.2.336-0",
+    "@libs-ui/components-dropdown": "0.2.336-0",
+    "@libs-ui/components-inputs-emoji": "0.2.336-0",
+    "@libs-ui/components-inputs-mention": "0.2.336-0",
+    "@libs-ui/components-list": "0.2.336-0",
+    "@libs-ui/components-popover": "0.2.336-0",
+    "@libs-ui/interfaces-types": "0.2.336-0",
+    "@libs-ui/services-dynamic-component": "0.2.336-0",
     "@ngx-translate/core": "^15.0.0",
     "rxjs": "~7.8.0",
-    "@libs-ui/components-spinner": "0.2.334-0",
-    "@libs-ui/services-notification": "0.2.334-0",
-    "@libs-ui/services-http-request": "0.2.334-0"
+    "@libs-ui/components-spinner": "0.2.336-0",
+    "@libs-ui/services-notification": "0.2.336-0",
+    "@libs-ui/services-http-request": "0.2.336-0"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-inputs-quill.mjs",

package/quill2x.component.d.ts

@@ -1,12 +1,13 @@
 import { OnDestroy, OnInit, TemplateRef, WritableSignal } from '@angular/core';
 import { IEmitSelectKey } from '@libs-ui/components-dropdown';
+import { IFocusAndBlurEvent } from '@libs-ui/components-inputs-input';
+import { IMentionConfig, IMentionInsert } from '@libs-ui/components-inputs-mention';
 import { IValidLength, IValidRequired } from '@libs-ui/components-inputs-valid';
 import { ILabel } from '@libs-ui/components-label';
 import { IListConfigItem } from '@libs-ui/components-list';
 import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
 import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
-import { IQuill2xToolbarConfig, IQuill2xBlotRegister, IQuill2xFunctionControlEvent, IQuill2xLink, IQuill2xSelectionChange, IQuill2xTextChange, IQuill2xUploadImageConfig } from './interfaces/quill2x.interface';
-import { IQuill2xCustomConfig } from './interfaces/quill2x.interface';
+import { IQuill2xBlotRegister, IQuill2xCustomConfig, IQuill2xFunctionControlEvent, IQuill2xLink, IQuill2xSelectionChange, IQuill2xTextChange, IQuill2xToolbarConfig, IQuill2xUploadImageConfig } from './interfaces/quill2x.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, OnDestroy {
     private quill?;
@@ -17,6 +18,7 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
     private timerCalculatorToolbar;
     private totalRecallCalculatorToolbar;
     private isCalculatorToolbarSuccess;
+    private showMention;
     protected borderColor: import("@angular/core").Signal<string>;
     protected containerClass: import("@angular/core").Signal<string>;
     protected containerToolbarClass: import("@angular/core").Signal<string>;
@@ -32,10 +34,10 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
     protected listConfigAlign: WritableSignal<IListConfigItem>;
     protected alignSelected: WritableSignal<IEmitSelectKey | undefined>;
     protected iconAlignSelectedComputed: import("@angular/core").Signal<any>;
-    protected colorSelected: WritableSignal<boolean>;
-    protected backgroundSelected: WritableSignal<boolean>;
+    protected colorSelected: WritableSignal<string | undefined>;
+    protected backgroundSelected: WritableSignal<string | undefined>;
     protected messageError: WritableSignal<string>;
-    protected size: WritableSignal<{
+    protected fontSize: WritableSignal<{
         value: number;
     }>;
     protected link: WritableSignal<IQuill2xLink>;
@@ -51,6 +53,7 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
     readonly item: import("@angular/core").ModelSignal<TYPE_OBJECT>;
     readonly fieldBind: import("@angular/core").InputSignal<string>;
     readonly autoUpdateValueWhenTextChange: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly dataConfigMention: import("@angular/core").InputSignal<IMentionConfig | undefined>;
     readonly templateToolBarPersonalize: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
     readonly ignoreShowPopupEditLink: import("@angular/core").InputSignal<boolean | undefined>;
@@ -60,6 +63,8 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
         action: () => void;
     }[] | undefined>;
     readonly resizeImagePlugin: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly fontSizeDefault: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly resize: import("@angular/core").InputSignalWithTransform<"vertical" | "none", "vertical" | "none" | undefined>;
     readonly autoFocus: import("@angular/core").InputSignal<boolean | undefined>;
     readonly focusBottom: import("@angular/core").InputSignal<boolean | undefined>;
     readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
@@ -85,24 +90,26 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
     private readonly htmlContainer;
     private readonly quillBodyContainer;
     private readonly toolbarContainer;
-    private readonly inputSizeRef;
     private readonly inputLinkRef;
     private readonly destroyRef;
     private readonly notificationService;
     private readonly translate;
     private readonly cdr;
     private readonly dynamicComponentService;
+    constructor();
     ngOnInit(): Promise<void>;
     get FunctionsControl(): IQuill2xFunctionControlEvent;
     protected handlerChangeShowMoreAction(event: Event): void;
     protected handleSelectFont(event: IEmitSelectKey | undefined): void;
     protected handleSelectHeader(event: IEmitSelectKey | undefined): void;
-    protected handlerValueChangeFontSize(value: number | string): void;
+    protected handlerValueChangeFontSize(event?: IFocusAndBlurEvent): void;
     protected handleSelectAlign(event: IEmitSelectKey | undefined): void;
     protected handlerSetFormat(type: string, data: string | number): void;
     protected handlerInsertEmoji(emoji: unknown): void;
     protected handlerUnlink(event: Event): void;
     protected handlerEditLink(event: Event): void;
+    protected handleToggleMention(show: boolean): void;
+    protected handlerInsertMention(data: IMentionInsert): void;
     private handleTable;
     private handleUndo;
     private handleRedo;
@@ -127,11 +134,12 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
     protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
     private insertLink;
     private handleShowUploadLink;
+    private insertMention;
     private updateValueByRootQuillHtml;
     private convertInnerHTMLAndSetValue;
     private removeUnwantedPart;
     private focus;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsQuill2xComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuill2xComponent, "libs_ui-components-inputs-quill2x", never, { "uploadImageConfig": { "alias": "uploadImageConfig"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "blotsRegister": { "alias": "blotsRegister"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "quillCustomConfig": { "alias": "quillCustomConfig"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "fieldBind": { "alias": "fieldBind"; "required": true; "isSignal": true; }; "autoUpdateValueWhenTextChange": { "alias": "autoUpdateValueWhenTextChange"; "required": false; "isSignal": true; }; "templateToolBarPersonalize": { "alias": "templateToolBarPersonalize"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ignoreShowPopupEditLink": { "alias": "ignoreShowPopupEditLink"; "required": false; "isSignal": true; }; "ignoreCommunicateMicroEventPopup": { "alias": "ignoreCommunicateMicroEventPopup"; "required": false; "isSignal": true; }; "handlersExpand": { "alias": "handlersExpand"; "required": false; "isSignal": true; }; "resizeImagePlugin": { "alias": "resizeImagePlugin"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "focusBottom": { "alias": "focusBottom"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "validMinLength": { "alias": "validMinLength"; "required": false; "isSignal": true; }; "validMaxLength": { "alias": "validMaxLength"; "required": false; "isSignal": true; }; "showErrorLabel": { "alias": "showErrorLabel"; "required": false; "isSignal": true; }; "showErrorBorder": { "alias": "showErrorBorder"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outShowPopupEditLink": "outShowPopupEditLink"; "outMessageError": "outMessageError"; "outBlur": "outBlur"; "outFocus": "outFocus"; "outChange": "outChange"; "outSelectionChange": "outSelectionChange"; "outTextChange": "outTextChange"; "outContextMenu": "outContextMenu"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuill2xComponent, "libs_ui-components-inputs-quill2x", never, { "uploadImageConfig": { "alias": "uploadImageConfig"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "blotsRegister": { "alias": "blotsRegister"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "quillCustomConfig": { "alias": "quillCustomConfig"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "fieldBind": { "alias": "fieldBind"; "required": true; "isSignal": true; }; "autoUpdateValueWhenTextChange": { "alias": "autoUpdateValueWhenTextChange"; "required": false; "isSignal": true; }; "dataConfigMention": { "alias": "dataConfigMention"; "required": false; "isSignal": true; }; "templateToolBarPersonalize": { "alias": "templateToolBarPersonalize"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ignoreShowPopupEditLink": { "alias": "ignoreShowPopupEditLink"; "required": false; "isSignal": true; }; "ignoreCommunicateMicroEventPopup": { "alias": "ignoreCommunicateMicroEventPopup"; "required": false; "isSignal": true; }; "handlersExpand": { "alias": "handlersExpand"; "required": false; "isSignal": true; }; "resizeImagePlugin": { "alias": "resizeImagePlugin"; "required": false; "isSignal": true; }; "fontSizeDefault": { "alias": "fontSizeDefault"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "focusBottom": { "alias": "focusBottom"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "validMinLength": { "alias": "validMinLength"; "required": false; "isSignal": true; }; "validMaxLength": { "alias": "validMaxLength"; "required": false; "isSignal": true; }; "showErrorLabel": { "alias": "showErrorLabel"; "required": false; "isSignal": true; }; "showErrorBorder": { "alias": "showErrorBorder"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outShowPopupEditLink": "outShowPopupEditLink"; "outMessageError": "outMessageError"; "outBlur": "outBlur"; "outFocus": "outFocus"; "outChange": "outChange"; "outSelectionChange": "outSelectionChange"; "outTextChange": "outTextChange"; "outContextMenu": "outContextMenu"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
 }

package/utils/quill2x.define.d.ts

@@ -2,7 +2,7 @@ import Quill2x from 'quill2x';
 import { TranslateService } from '@ngx-translate/core';
 export declare const createTableSelector: (quill: Quill2x, anchorEl: HTMLElement | null, translate: TranslateService) => void;
 export declare const createContextMenuOptionTable: (quill: Quill2x, translate: TranslateService) => void;
-export declare function enableTableSelection(container: HTMLElement, quill: any): void;
+export declare function enableTableSelection(container: HTMLElement): void;
 export declare const mergeCells: (startCell: HTMLElement, endCell: HTMLElement) => void;
 export declare function splitCells(cellSplit: HTMLElement): void;
 export declare const registerQuill2x: () => void;