@libs-ui/components-inputs-quill 0.2.80 → 0.2.82

package/quill.component.d.ts

@@ -4,7 +4,8 @@ import { IMentionConfig, IMentionInsert } from '@libs-ui/components-inputs-menti
 import { IValidLength, IValidRequired } from '@libs-ui/components-inputs-valid';
 import { ILabel } from '@libs-ui/components-label';
 import { IListConfigItem } from '@libs-ui/components-list';
-import { IQuillFunctionControl, IToolbarConfig, IUploadImageConfig } from './interfaces/quill.interface';
+import { IPopoverFunctionControlEvent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { ILink, IQuillFunctionControlEvent, IToolbarConfig, IUploadImageConfig } from './interfaces/quill.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsInputsQuillComponent implements OnInit, AfterViewInit, OnDestroy {
     protected messageError: import("@angular/core").WritableSignal<string>;
@@ -18,12 +19,15 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     protected size: import("@angular/core").WritableSignal<{
         value: number;
     }>;
-    protected itemShow: import("@angular/core").WritableSignal<number[]>;
+    protected itemHiddenExpand: import("@angular/core").WritableSignal<number[]>;
+    protected itemHidden: import("@angular/core").WritableSignal<number[]>;
     protected showMoreAction: import("@angular/core").WritableSignal<boolean>;
+    protected link: import("@angular/core").WritableSignal<ILink>;
+    private popoverFunctionControl;
     private quill;
     private handlers;
     private showMention;
-    private addLinkComponentRef;
+    private addEditLinkComponentRef;
     private uploadImageComponentRef;
     private dynamicComponentService;
     private translate;
@@ -33,9 +37,9 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     readonly classIncludeToolbar: import("@angular/core").InputSignal<string>;
     readonly placeholder: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly label: import("@angular/core").InputSignal<ILabel | undefined>;
-    readonly item: import("@angular/core").InputSignal<Record<string, unknown> | undefined>;
+    readonly item: import("@angular/core").ModelSignal<Record<string, unknown> | undefined>;
     readonly fieldNameBind: import("@angular/core").InputSignal<string>;
-    readonly readonly: import("@angular/core").InputSignal<boolean>;
+    readonly readonly: import("@angular/core").InputSignal<boolean | undefined>;
     readonly showErrorLabel: import("@angular/core").InputSignal<boolean>;
     readonly showErrorBorder: import("@angular/core").InputSignal<boolean>;
     readonly onlyShowErrorBorderInContent: import("@angular/core").InputSignal<boolean>;
@@ -61,7 +65,7 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     readonly outBlur: import("@angular/core").OutputEmitterRef<void>;
     readonly outFocus: import("@angular/core").OutputEmitterRef<void>;
     readonly outChange: import("@angular/core").OutputEmitterRef<string>;
-    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IQuillFunctionControl>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IQuillFunctionControlEvent>;
     readonly outSelectionChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly wrapperEditorEl: import("@angular/core").Signal<ElementRef<any> | undefined>;
     readonly editorEl: import("@angular/core").Signal<ElementRef<any> | undefined>;
@@ -72,7 +76,18 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     readonly itemsEl: import("@angular/core").Signal<readonly ElementRef<any>[]>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    private calc;
+    private initQuill;
+    private setHandlerFunction;
+    private setClassIncludeAndReadOnly;
+    private adjustIndexForImages;
+    private handlerSelectionChange;
+    private handlerPaste;
+    private handlerTextChange;
+    protected handlerPopoverFunctionControl(event: IPopoverFunctionControlEvent): void;
+    protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
+    protected handlerUnlink(event: Event): void;
+    protected handlerEdit(event: Event): void;
+    private calculatorToolbar;
     protected setStyle(type: string, data: string | number): void;
     private getFontSize;
     private getFont;
@@ -80,7 +95,7 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     protected handleRedo(): void;
     protected setContent(content: string): Promise<void>;
     protected handlerAddEmoji(emoji: unknown): void;
-    protected handleShowUploadLink(): void;
+    protected handleShowUploadLink(event: unknown): void;
     protected handlerUnInsertLink(): void;
     protected validate(): Promise<boolean>;
     protected insertHtml(tagName: string, content: string, index?: number): Promise<void>;
@@ -102,5 +117,5 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
     protected handlerChangeShowMoreAction(event: Event): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsQuillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuillComponent, "libs_ui-components-inputs-quill", never, { "optionsToolbar": { "alias": "optionsToolbar"; "required": false; "isSignal": true; }; "showToolBar": { "alias": "showToolBar"; "required": false; "isSignal": true; }; "classIncludeToolbar": { "alias": "classIncludeToolbar"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "fieldNameBind": { "alias": "fieldNameBind"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showErrorLabel": { "alias": "showErrorLabel"; "required": false; "isSignal": true; }; "showErrorBorder": { "alias": "showErrorBorder"; "required": false; "isSignal": true; }; "onlyShowErrorBorderInContent": { "alias": "onlyShowErrorBorderInContent"; "required": false; "isSignal": true; }; "classIncludeTemplate": { "alias": "classIncludeTemplate"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "handlersExpand": { "alias": "handlersExpand"; "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; }; "onlyShowContent": { "alias": "onlyShowContent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "dataConfigMention": { "alias": "dataConfigMention"; "required": false; "isSignal": true; }; "heightAuto": { "alias": "heightAuto"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "autoFocusBottom": { "alias": "autoFocusBottom"; "required": false; "isSignal": true; }; "templateToolBarPersonalize": { "alias": "templateToolBarPersonalize"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "uploadImageConfig": { "alias": "uploadImageConfig"; "required": false; "isSignal": true; }; }, { "outMessageError": "outMessageError"; "outBlur": "outBlur"; "outFocus": "outFocus"; "outChange": "outChange"; "outFunctionsControl": "outFunctionsControl"; "outSelectionChange": "outSelectionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuillComponent, "libs_ui-components-inputs-quill", never, { "optionsToolbar": { "alias": "optionsToolbar"; "required": false; "isSignal": true; }; "showToolBar": { "alias": "showToolBar"; "required": false; "isSignal": true; }; "classIncludeToolbar": { "alias": "classIncludeToolbar"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "fieldNameBind": { "alias": "fieldNameBind"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showErrorLabel": { "alias": "showErrorLabel"; "required": false; "isSignal": true; }; "showErrorBorder": { "alias": "showErrorBorder"; "required": false; "isSignal": true; }; "onlyShowErrorBorderInContent": { "alias": "onlyShowErrorBorderInContent"; "required": false; "isSignal": true; }; "classIncludeTemplate": { "alias": "classIncludeTemplate"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "handlersExpand": { "alias": "handlersExpand"; "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; }; "onlyShowContent": { "alias": "onlyShowContent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "dataConfigMention": { "alias": "dataConfigMention"; "required": false; "isSignal": true; }; "heightAuto": { "alias": "heightAuto"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "autoFocusBottom": { "alias": "autoFocusBottom"; "required": false; "isSignal": true; }; "templateToolBarPersonalize": { "alias": "templateToolBarPersonalize"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "uploadImageConfig": { "alias": "uploadImageConfig"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outMessageError": "outMessageError"; "outBlur": "outBlur"; "outFocus": "outFocus"; "outChange": "outChange"; "outFunctionsControl": "outFunctionsControl"; "outSelectionChange": "outSelectionChange"; }, never, never, true, never>;
 }

package/utils/quill.define.d.ts

@@ -1,5 +1,5 @@
 import { IListConfigItem } from '@libs-ui/components-list';
-import { IToolbarConfig, IUploadImageConfig } from '../interfaces/quill.interface';
+import { ILink, IToolbarConfig, IUploadImageConfig } from '../interfaces/quill.interface';
 export declare const listDataAlign: () => {
     key: string;
     icon: string;
@@ -10,9 +10,10 @@ export declare const listFont: () => {
 }[];
 export declare const listConfigAlign: () => IListConfigItem;
 export declare const listConfigFont: () => IListConfigItem;
-export declare const toolBarOptionDefault: Array<IToolbarConfig>;
-export declare const iconList: {
+export declare const toolBarOptionDefault: () => Array<IToolbarConfig>;
+export declare const iconList: () => Array<{
     key: string;
     icon: string;
-}[];
-export declare const uploadImageConfigDefault: IUploadImageConfig;
+}>;
+export declare const uploadImageConfigDefault: () => IUploadImageConfig;
+export declare const linkDefault: () => ILink;