@libs-ui/components-inputs-quill 0.2.350-1 → 0.2.351-0

package/interfaces/quill2x.interface.d.ts

@@ -1,79 +0,0 @@
-import { ILabel } from '@libs-ui/components-label';
-import Quill2x, { Range, EmitterSource } from 'quill2x';
-import Delta from 'quill-delta';
-import { WritableSignal } from '@angular/core';
-export type QUILL2X_TYPE_MODE_BAR_CONFIG_OPTION = 'all' | 'default' | 'basic' | 'custom';
-export interface IQuill2xCustomConfig {
-    classContainer?: WritableSignal<string>;
-    toolbar?: WritableSignal<{
-        positionFixed?: WritableSignal<boolean>;
-        styles?: WritableSignal<Record<string, unknown>>;
-        type: WritableSignal<QUILL2X_TYPE_MODE_BAR_CONFIG_OPTION>;
-        options?: WritableSignal<Array<IQuill2xToolbarConfig>>;
-        classCustomContainerToolbar?: WritableSignal<string>;
-        lessWidthToolbarRecallCalculator?: WritableSignal<number>;
-        maximumRecallCalculator?: WritableSignal<number>;
-    }>;
-    editor?: WritableSignal<{
-        classCustomContainerEditor?: WritableSignal<string>;
-    }>;
-}
-export interface IQuill2xToolbarConfig {
-    type: string;
-    mode?: Array<QUILL2X_TYPE_MODE_BAR_CONFIG_OPTION>;
-    width: number;
-    display?: boolean;
-    classInclude?: string;
-}
-export interface IQuill2xEventSave {
-    link: string;
-    width?: number;
-    height?: number;
-}
-export interface IQuill2xUploadImageConfig {
-    modeCustom: boolean;
-    showIcon?: boolean;
-    zIndex?: number;
-    maxImageSize?: number;
-    label?: ILabel;
-    onlyAcceptImageHttpsLink?: boolean;
-    functionUploadImage?: (files: Array<File>) => Promise<Array<string | ArrayBuffer>>;
-}
-export interface IQuill2xFunctionControlEvent {
-    checkIsValid: () => Promise<boolean>;
-    refreshItemValue: () => void;
-    setContent: (content: string) => Promise<void>;
-    insertText: (value: string, index?: number, focusLt?: boolean) => Promise<void>;
-    insertLink: (value: string, url: string, index?: number) => Promise<void>;
-    insertImage: (content: string, index?: number) => Promise<void>;
-    setFontSize: (size: number) => Promise<Delta | undefined>;
-    setColor: (color: string) => Promise<Delta | undefined>;
-    setBackground: (color: string) => Promise<Delta | undefined>;
-    setMessageError: (message: string) => Promise<void>;
-    quill: () => Quill2x | undefined;
-    reCalculatorToolbar: () => Promise<void>;
-}
-export interface IQuill2xLink {
-    title: string;
-    url: string;
-    range: {
-        index: number;
-        length: number;
-    };
-}
-export interface IQuill2xBlotRegister {
-    component: any;
-    className: string;
-    style: string;
-    ignoreDelete?: boolean;
-}
-export interface IQuill2xSelectionChange {
-    quill: Quill2x;
-    range: Range;
-    oldRange: Range;
-    source: EmitterSource;
-}
-export interface IQuill2xTextChange {
-    quill: Quill2x;
-    delta: Delta;
-}

package/quill2x.component.d.ts

@@ -1,162 +0,0 @@
-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 { IOutputColorChangeMultipleType } from '@libs-ui/components-color-picker';
-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 displayEditor;
-    private isPaste;
-    private quill;
-    private addEditLinkComponentRef;
-    private uploadImageComponentRef;
-    private handlers;
-    private timerSetFontSize;
-    private timerCalculatorToolbar;
-    private totalRecallCalculatorToolbar;
-    private isCalculatorToolbarSuccess;
-    private showMention;
-    private handlerTextChangeBind;
-    private handlerSelectionChangeBind;
-    protected borderColor: import("@angular/core").Signal<string>;
-    protected containerClass: import("@angular/core").Signal<string>;
-    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<string | undefined>;
-    protected backgroundSelected: WritableSignal<string | undefined>;
-    protected listCheckboxSelected: WritableSignal<boolean>;
-    protected adjustSelected: WritableSignal<string | undefined>;
-    protected messageError: WritableSignal<string>;
-    protected fontSize: WritableSignal<{
-        value: number;
-    }>;
-    protected link: WritableSignal<IQuill2xLink>;
-    protected showMoreAction: WritableSignal<boolean>;
-    protected toolbarOptionsConfig: WritableSignal<Array<IQuill2xToolbarConfig>>;
-    protected loadingUploadImage: WritableSignal<boolean>;
-    readonly uploadImageConfig: import("@angular/core").InputSignalWithTransform<IQuill2xUploadImageConfig, IQuill2xUploadImageConfig | undefined>;
-    readonly displayToolbar: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
-    readonly placeholder: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
-    readonly blotsRegister: import("@angular/core").InputSignal<IQuill2xBlotRegister[] | undefined>;
-    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
-    readonly quillCustomConfig: import("@angular/core").InputSignal<IQuill2xCustomConfig | undefined>;
-    readonly label: import("@angular/core").InputSignal<ILabel | undefined>;
-    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>;
-    readonly ignoreCommunicateMicroEventPopup: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly handlersExpand: import("@angular/core").InputSignal<{
-        title: string;
-        action: () => void;
-    }[] | undefined>;
-    readonly resizeImagePlugin: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly fontSizeDefault: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
-    readonly heightEditorContentDefault: import("@angular/core").InputSignal<number | undefined>;
-    readonly minHeightEditorContentDefault: import("@angular/core").InputSignal<number | undefined>;
-    readonly maxHeightEditorContentDefault: import("@angular/core").InputSignal<number | undefined>;
-    readonly removeNearWhiteColorsOnPaste: import("@angular/core").InputSignal<boolean>;
-    readonly resize: import("@angular/core").InputSignalWithTransform<"vertical" | "none", "vertical" | "none" | undefined>;
-    readonly autoFocus: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly focusTimerOnInit: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
-    readonly focusBottom: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
-    readonly validMinLength: import("@angular/core").InputSignal<IValidLength | undefined>;
-    readonly validMaxLength: import("@angular/core").InputSignal<IValidLength | undefined>;
-    readonly showErrorLabel: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
-    readonly showErrorBorder: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly ignoreShowBorderErrorToolbar: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly outShowPopupEditLink: import("@angular/core").OutputEmitterRef<{
-        dataLink: IQuill2xLink;
-        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<IQuill2xSelectionChange>;
-    readonly outTextChange: import("@angular/core").OutputEmitterRef<IQuill2xTextChange>;
-    readonly outContextMenu: import("@angular/core").OutputEmitterRef<MouseEvent>;
-    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IQuill2xFunctionControlEvent>;
-    private readonly htmlContainer;
-    private readonly quillBodyContainer;
-    private readonly toolbarContainer;
-    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(event?: IFocusAndBlurEvent): void;
-    protected handleSelectAlign(event: IEmitSelectKey | undefined): void;
-    protected handlerSetFormat(type: string, data: IOutputColorChangeMultipleType): 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;
-    private handlerShowUploadImage;
-    private insertText;
-    private handlerSelectionChange;
-    private handlerCopy;
-    private handlerPaste;
-    private handlerTextChange;
-    private updateStateToolbarByFormatInCursor;
-    private validate;
-    private updateHandlerFunction;
-    private noPreventEmbedDeletion;
-    private setFontSizeSelected;
-    private setFontSelected;
-    private setColorSelected;
-    private calculatorToolbar;
-    private setStyleForContent;
-    private setContent;
-    private adjustIndexForImages;
-    private uploadImagesAndInsert;
-    private insertImage;
-    protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
-    private insertLink;
-    private handleShowUploadLink;
-    private insertMention;
-    private updateValueByRootQuillHtml;
-    private convertInnerHTMLAndSetValue;
-    private removeUnwantedPart;
-    private detectLink;
-    private getIndexUrlMatch;
-    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; }; "displayToolbar": { "alias": "displayToolbar"; "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; }; "heightEditorContentDefault": { "alias": "heightEditorContentDefault"; "required": false; "isSignal": true; }; "minHeightEditorContentDefault": { "alias": "minHeightEditorContentDefault"; "required": false; "isSignal": true; }; "maxHeightEditorContentDefault": { "alias": "maxHeightEditorContentDefault"; "required": false; "isSignal": true; }; "removeNearWhiteColorsOnPaste": { "alias": "removeNearWhiteColorsOnPaste"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "focusTimerOnInit": { "alias": "focusTimerOnInit"; "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; }; "ignoreShowBorderErrorToolbar": { "alias": "ignoreShowBorderErrorToolbar"; "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

@@ -1,23 +0,0 @@
-import { TranslateService } from '@ngx-translate/core';
-import Delta from 'quill-delta';
-import Quill2x from 'quill2x';
-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): void;
-export declare const mergeCells: (startCell: HTMLElement, endCell: HTMLElement) => void;
-export declare function splitCells(cellSplit: HTMLElement): void;
-export declare const getAllTablesWithSpan: (quill: any) => void;
-export declare const registerQuill2x: () => void;
-export declare const isEmptyQuill2x: (quill: Quill2x | null) => boolean;
-export declare const getHTMLFromDeltaOfQuill2x: (delta: Delta, options?: {
-    getRootHtml?: boolean;
-    replaceNewLineTo?: string;
-    replaceTagBRTo?: string;
-    replaceBrToDiv?: boolean;
-    functionReplaceDelta?: (op: Delta) => void;
-    replaceTags?: {
-        tag: string;
-        replaceTo: string;
-    }[];
-}) => string;
-export declare const getDeltaOfQuill2xFromHTML: (html: string) => Promise<Delta>;