@libs-ui/components-inputs-quill 0.2.325-0 → 0.2.326-1

package/index.d.ts

@@ -1,2 +1,3 @@
 export * from './quill.component';
+export * from './quill2x.component';
 export * from './interfaces/quill.interface';

package/package.json

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

package/quill2x.component.d.ts

@@ -0,0 +1,126 @@
+import { OnInit, TemplateRef, WritableSignal } from '@angular/core';
+import { IEmitSelectKey } from '@libs-ui/components-dropdown';
+import { ILabel } from '@libs-ui/components-label';
+import { IListConfigItem } from '@libs-ui/components-list';
+import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IQuillBlotRegister, IQuillFunctionControlEvent, IQuillLink, IQuillSelectionChange, IQuillTextChange, IQuillToolbarConfig, IQuillUploadImageConfig, TYPE_MODE_BAR_CONFIG_OPTION } from './interfaces/quill.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit {
+    private quill?;
+    private addEditLinkComponentRef;
+    private uploadImageComponentRef;
+    private handlers;
+    private timerSetFontSize;
+    protected containerToolbarClass: import("@angular/core").Signal<string>;
+    protected containerEditorClass: import("@angular/core").Signal<string>;
+    protected showButtonMoreToolbar: import("@angular/core").Signal<boolean>;
+    protected displaySkeletonToolbar: import("@angular/core").Signal<boolean>;
+    protected labelFontSelectedComputed: import("@angular/core").Signal<any>;
+    protected fontSelected: WritableSignal<IEmitSelectKey | undefined>;
+    protected listConfigFont: WritableSignal<IListConfigItem>;
+    protected listConfigHeader: WritableSignal<IListConfigItem>;
+    protected headerSelected: WritableSignal<IEmitSelectKey | undefined>;
+    protected labelHeaderSelectedComputed: import("@angular/core").Signal<any>;
+    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 size: WritableSignal<{
+        value: number;
+    }>;
+    protected link: WritableSignal<IQuillLink>;
+    protected showMoreAction: WritableSignal<boolean>;
+    protected toolbarOptionsConfig: WritableSignal<Array<IQuillToolbarConfig>>;
+    protected loadingUploadImage: WritableSignal<boolean>;
+    readonly uploadImageConfig: import("@angular/core").InputSignalWithTransform<IQuillUploadImageConfig, IQuillUploadImageConfig | undefined>;
+    readonly placeholder: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly blotsRegister: import("@angular/core").InputSignal<IQuillBlotRegister[] | undefined>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly quillCustomConfig: import("@angular/core").InputSignal<{
+        toolbar?: {
+            hidden?: boolean;
+            type: TYPE_MODE_BAR_CONFIG_OPTION;
+            options?: Array<IQuillToolbarConfig>;
+            classCustomContainerToolbar?: string;
+        };
+        editor?: {
+            classCustomContainerEditor?: string;
+        };
+    } | undefined>;
+    readonly label: import("@angular/core").InputSignal<ILabel | undefined>;
+    readonly item: import("@angular/core").ModelSignal<Record<string, unknown>>;
+    readonly fieldBind: import("@angular/core").InputSignal<string>;
+    readonly autoUpdateValueWhenTextChange: import("@angular/core").InputSignalWithTransform<boolean, boolean | 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>;
+    readonly ignoreCommunicateMicroEventPopup: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly handlersExpand: import("@angular/core").InputSignal<{
+        title: string;
+        action: () => void;
+    }[] | undefined>;
+    readonly outShowPopupEditLink: import("@angular/core").OutputEmitterRef<{
+        dataLink: IQuillLink;
+        callback: (linkEdit: {
+            title: string;
+            link: string;
+        }) => Promise<void>;
+    }>;
+    readonly outMessageError: import("@angular/core").OutputEmitterRef<string>;
+    readonly outBlur: import("@angular/core").OutputEmitterRef<void>;
+    readonly outFocus: import("@angular/core").OutputEmitterRef<void>;
+    readonly outChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly outSelectionChange: import("@angular/core").OutputEmitterRef<IQuillSelectionChange>;
+    readonly outTextChange: import("@angular/core").OutputEmitterRef<IQuillTextChange>;
+    readonly outContextMenu: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IQuillFunctionControlEvent>;
+    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;
+    ngOnInit(): void;
+    get FunctionsControl(): any;
+    protected handlerChangeShowMoreAction(event: Event): void;
+    protected handleSelectFont(event: IEmitSelectKey | undefined): void;
+    protected handleSelectHeader(event: IEmitSelectKey | undefined): void;
+    protected handlerValueChangeFontSize(value: number | string): void;
+    protected handleSelectAlign(event: IEmitSelectKey | undefined): void;
+    protected handlerSetFormat(type: string, data: string | number): void;
+    protected handlerInsertEmoji(emoji: unknown): void;
+    private handleTable;
+    private handleUndo;
+    private handleRedo;
+    private handlerShowUploadImage;
+    private insertText;
+    private handlerSelectionChange;
+    private handlerPaste;
+    private handlerTextChange;
+    private updateHandlerFunction;
+    private noPreventEmbedDeletion;
+    private setFontSizeSelected;
+    private setFontSelected;
+    private setColorSelected;
+    private calculatorToolbar;
+    private setStyleForContent;
+    private setContent;
+    private adjustIndexForImages;
+    private uploadImagesAndInsert;
+    private scrollToSelectionWithElementScrollHeightAuto;
+    private insertImage;
+    protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
+    private insertLink;
+    protected handlerEditLink(event: Event): void;
+    protected handleShowUploadLink(event: unknown): void;
+    protected handlerUnlink(event: Event): void;
+    private handlerUnInsertLink;
+    private removeUnwantedPart;
+    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; }; }, { "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/quill.define.d.ts

@@ -22,3 +22,4 @@ export declare const iconList: () => Array<{
 }>;
 export declare const uploadImageConfigDefault: () => IQuillUploadImageConfig;
 export declare const linkDefault: () => IQuillLink;
+export declare const fontSizeWhiteList: () => string[];

package/utils/quill2x.define.d.ts

@@ -0,0 +1,5 @@
+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 const registerQuill2x: () => void;

package/esm2022/indent-attributor/indent-attributor.component.mjs

@@ -1,20 +0,0 @@
-import Quill from 'quill';
-const parchment = Quill.import('parchment');
-const pixelLevels = [1, 2, 3, 4, 5, 6, 7, 8];
-const tabMultiplier = 3;
-class IndentAttributor extends parchment.Attributor.Style {
-    constructor(formatName, styleProperty, attributorOptions) {
-        super(formatName, styleProperty, attributorOptions);
-    }
-    add(node, value) {
-        return super.add(node, `${+value * tabMultiplier}em`);
-    }
-    value(node) {
-        return parseFloat(super.value(node)) / tabMultiplier || undefined; // Don't return NaN
-    }
-}
-export const indentStyle = new IndentAttributor('indent', 'margin-left', {
-    scope: parchment.Scope.BLOCK,
-    whitelist: pixelLevels.map((value) => `${value * tabMultiplier}em`),
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZW50LWF0dHJpYnV0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2lucHV0cy9xdWlsbC9zcmMvaW5kZW50LWF0dHJpYnV0b3IvaW5kZW50LWF0dHJpYnV0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBQzVDLE1BQU0sV0FBVyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBQzdDLE1BQU0sYUFBYSxHQUFHLENBQUMsQ0FBQztBQUV4QixNQUFNLGdCQUFpQixTQUFTLFNBQVMsQ0FBQyxVQUFVLENBQUMsS0FHbkQ7SUFDQSxZQUFZLFVBQWtCLEVBQUUsYUFBcUIsRUFBRSxpQkFBMEI7UUFDL0UsS0FBSyxDQUFDLFVBQVUsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRU0sR0FBRyxDQUFDLElBQWlCLEVBQUUsS0FBYTtRQUN6QyxPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLEdBQUcsYUFBYSxJQUFJLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRU0sS0FBSyxDQUFDLElBQWlCO1FBQzVCLE9BQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxhQUFhLElBQUksU0FBUyxDQUFDLENBQUMsbUJBQW1CO0lBQ3hGLENBQUM7Q0FDRjtBQUVELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxJQUFJLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLEVBQUU7SUFDdkUsS0FBSyxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSztJQUM1QixTQUFTLEVBQUUsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsYUFBYSxJQUFJLENBQUM7Q0FDcEUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFF1aWxsIGZyb20gJ3F1aWxsJztcblxuY29uc3QgcGFyY2htZW50ID0gUXVpbGwuaW1wb3J0KCdwYXJjaG1lbnQnKTtcbmNvbnN0IHBpeGVsTGV2ZWxzID0gWzEsIDIsIDMsIDQsIDUsIDYsIDcsIDhdO1xuY29uc3QgdGFiTXVsdGlwbGllciA9IDM7XG5cbmNsYXNzIEluZGVudEF0dHJpYnV0b3IgZXh0ZW5kcyAocGFyY2htZW50LkF0dHJpYnV0b3IuU3R5bGUgYXMge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBuZXcgKGZvcm1hdE5hbWU6IHN0cmluZywgc3R5bGVQcm9wZXJ0eTogc3RyaW5nLCBhdHRyaWJ1dG9yT3B0aW9uczogdW5rbm93bik6IGFueTtcbn0pIHtcbiAgY29uc3RydWN0b3IoZm9ybWF0TmFtZTogc3RyaW5nLCBzdHlsZVByb3BlcnR5OiBzdHJpbmcsIGF0dHJpYnV0b3JPcHRpb25zOiB1bmtub3duKSB7XG4gICAgc3VwZXIoZm9ybWF0TmFtZSwgc3R5bGVQcm9wZXJ0eSwgYXR0cmlidXRvck9wdGlvbnMpO1xuICB9XG5cbiAgcHVibGljIGFkZChub2RlOiBIVE1MRWxlbWVudCwgdmFsdWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBzdXBlci5hZGQobm9kZSwgYCR7K3ZhbHVlICogdGFiTXVsdGlwbGllcn1lbWApO1xuICB9XG5cbiAgcHVibGljIHZhbHVlKG5vZGU6IEhUTUxFbGVtZW50KTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gcGFyc2VGbG9hdChzdXBlci52YWx1ZShub2RlKSkgLyB0YWJNdWx0aXBsaWVyIHx8IHVuZGVmaW5lZDsgLy8gRG9uJ3QgcmV0dXJuIE5hTlxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBpbmRlbnRTdHlsZSA9IG5ldyBJbmRlbnRBdHRyaWJ1dG9yKCdpbmRlbnQnLCAnbWFyZ2luLWxlZnQnLCB7XG4gIHNjb3BlOiBwYXJjaG1lbnQuU2NvcGUuQkxPQ0ssXG4gIHdoaXRlbGlzdDogcGl4ZWxMZXZlbHMubWFwKCh2YWx1ZSkgPT4gYCR7dmFsdWUgKiB0YWJNdWx0aXBsaWVyfWVtYCksXG59KTtcbiJdfQ==