@libs-ui/components-inputs-quill 0.2.335-0 → 0.2.336-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/esm2022/quill2x.component.mjs +74 -28
  2. package/esm2022/utils/quill2x.define.mjs +4 -3
  3. package/fesm2022/libs-ui-components-inputs-quill.mjs +71 -25
  4. package/fesm2022/libs-ui-components-inputs-quill.mjs.map +1 -1
  5. package/package.json +17 -17
  6. package/quill2x.component.d.ts +17 -8
  7. package/utils/quill2x.define.d.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@libs-ui/components-inputs-quill",
3
- "version": "0.2.335-0",
3
+ "version": "0.2.336-1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
@@ -8,25 +8,25 @@
8
8
  "quill2x": "npm:quill@2.0.3",
9
9
  "@ssumo/quill-resize-module": "1.0.3",
10
10
  "parchment": "1.1.4",
11
- "@libs-ui/components-label": "0.2.335-0",
11
+ "@libs-ui/components-label": "0.2.336-1",
12
12
  "quill-delta": "5.1.0",
13
- "@libs-ui/components-inputs-valid": "0.2.335-0",
14
- "@libs-ui/components-modal": "0.2.335-0",
15
- "@libs-ui/utils": "0.2.335-0",
16
- "@libs-ui/components-buttons-button": "0.2.335-0",
17
- "@libs-ui/components-buttons-select-color": "0.2.335-0",
18
- "@libs-ui/components-dropdown": "0.2.335-0",
19
- "@libs-ui/components-inputs-emoji": "0.2.335-0",
20
- "@libs-ui/components-inputs-mention": "0.2.335-0",
21
- "@libs-ui/components-list": "0.2.335-0",
22
- "@libs-ui/components-popover": "0.2.335-0",
23
- "@libs-ui/interfaces-types": "0.2.335-0",
24
- "@libs-ui/services-dynamic-component": "0.2.335-0",
13
+ "@libs-ui/components-inputs-valid": "0.2.336-1",
14
+ "@libs-ui/components-modal": "0.2.336-1",
15
+ "@libs-ui/utils": "0.2.336-1",
16
+ "@libs-ui/components-buttons-button": "0.2.336-1",
17
+ "@libs-ui/components-buttons-select-color": "0.2.336-1",
18
+ "@libs-ui/components-dropdown": "0.2.336-1",
19
+ "@libs-ui/components-inputs-emoji": "0.2.336-1",
20
+ "@libs-ui/components-inputs-mention": "0.2.336-1",
21
+ "@libs-ui/components-list": "0.2.336-1",
22
+ "@libs-ui/components-popover": "0.2.336-1",
23
+ "@libs-ui/interfaces-types": "0.2.336-1",
24
+ "@libs-ui/services-dynamic-component": "0.2.336-1",
25
25
  "@ngx-translate/core": "^15.0.0",
26
26
  "rxjs": "~7.8.0",
27
- "@libs-ui/components-spinner": "0.2.335-0",
28
- "@libs-ui/services-notification": "0.2.335-0",
29
- "@libs-ui/services-http-request": "0.2.335-0"
27
+ "@libs-ui/components-spinner": "0.2.336-1",
28
+ "@libs-ui/services-notification": "0.2.336-1",
29
+ "@libs-ui/services-http-request": "0.2.336-1"
30
30
  },
31
31
  "sideEffects": false,
32
32
  "module": "fesm2022/libs-ui-components-inputs-quill.mjs",
package/quill2x.component.d.ts CHANGED
@@ -1,12 +1,13 @@
1
1
  import { OnDestroy, OnInit, TemplateRef, WritableSignal } from '@angular/core';
2
2
  import { IEmitSelectKey } from '@libs-ui/components-dropdown';
3
+ import { IFocusAndBlurEvent } from '@libs-ui/components-inputs-input';
4
+ import { IMentionConfig, IMentionInsert } from '@libs-ui/components-inputs-mention';
3
5
  import { IValidLength, IValidRequired } from '@libs-ui/components-inputs-valid';
4
6
  import { ILabel } from '@libs-ui/components-label';
5
7
  import { IListConfigItem } from '@libs-ui/components-list';
6
8
  import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
7
9
  import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
8
- import { IQuill2xToolbarConfig, IQuill2xBlotRegister, IQuill2xFunctionControlEvent, IQuill2xLink, IQuill2xSelectionChange, IQuill2xTextChange, IQuill2xUploadImageConfig } from './interfaces/quill2x.interface';
9
- import { IQuill2xCustomConfig } from './interfaces/quill2x.interface';
10
+ import { IQuill2xBlotRegister, IQuill2xCustomConfig, IQuill2xFunctionControlEvent, IQuill2xLink, IQuill2xSelectionChange, IQuill2xTextChange, IQuill2xToolbarConfig, IQuill2xUploadImageConfig } from './interfaces/quill2x.interface';
10
11
  import * as i0 from "@angular/core";
11
12
  export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, OnDestroy {
12
13
  private quill?;
@@ -17,6 +18,7 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
17
18
  private timerCalculatorToolbar;
18
19
  private totalRecallCalculatorToolbar;
19
20
  private isCalculatorToolbarSuccess;
21
+ private showMention;
20
22
  protected borderColor: import("@angular/core").Signal<string>;
21
23
  protected containerClass: import("@angular/core").Signal<string>;
22
24
  protected containerToolbarClass: import("@angular/core").Signal<string>;
@@ -32,10 +34,10 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
32
34
  protected listConfigAlign: WritableSignal<IListConfigItem>;
33
35
  protected alignSelected: WritableSignal<IEmitSelectKey | undefined>;
34
36
  protected iconAlignSelectedComputed: import("@angular/core").Signal<any>;
35
- protected colorSelected: WritableSignal<boolean>;
36
- protected backgroundSelected: WritableSignal<boolean>;
37
+ protected colorSelected: WritableSignal<string | undefined>;
38
+ protected backgroundSelected: WritableSignal<string | undefined>;
37
39
  protected messageError: WritableSignal<string>;
38
- protected size: WritableSignal<{
40
+ protected fontSize: WritableSignal<{
39
41
  value: number;
40
42
  }>;
41
43
  protected link: WritableSignal<IQuill2xLink>;
@@ -51,6 +53,7 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
51
53
  readonly item: import("@angular/core").ModelSignal<TYPE_OBJECT>;
52
54
  readonly fieldBind: import("@angular/core").InputSignal<string>;
53
55
  readonly autoUpdateValueWhenTextChange: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
56
+ readonly dataConfigMention: import("@angular/core").InputSignal<IMentionConfig | undefined>;
54
57
  readonly templateToolBarPersonalize: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
55
58
  readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
56
59
  readonly ignoreShowPopupEditLink: import("@angular/core").InputSignal<boolean | undefined>;
@@ -60,6 +63,9 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
60
63
  action: () => void;
61
64
  }[] | undefined>;
62
65
  readonly resizeImagePlugin: import("@angular/core").InputSignal<boolean | undefined>;
66
+ readonly fontSizeDefault: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
67
+ readonly heightEditorContentDefault: import("@angular/core").InputSignal<number | undefined>;
68
+ readonly resize: import("@angular/core").InputSignalWithTransform<"vertical" | "none", "vertical" | "none" | undefined>;
63
69
  readonly autoFocus: import("@angular/core").InputSignal<boolean | undefined>;
64
70
  readonly focusBottom: import("@angular/core").InputSignal<boolean | undefined>;
65
71
  readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
@@ -85,24 +91,26 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
85
91
  private readonly htmlContainer;
86
92
  private readonly quillBodyContainer;
87
93
  private readonly toolbarContainer;
88
- private readonly inputSizeRef;
89
94
  private readonly inputLinkRef;
90
95
  private readonly destroyRef;
91
96
  private readonly notificationService;
92
97
  private readonly translate;
93
98
  private readonly cdr;
94
99
  private readonly dynamicComponentService;
100
+ constructor();
95
101
  ngOnInit(): Promise<void>;
96
102
  get FunctionsControl(): IQuill2xFunctionControlEvent;
97
103
  protected handlerChangeShowMoreAction(event: Event): void;
98
104
  protected handleSelectFont(event: IEmitSelectKey | undefined): void;
99
105
  protected handleSelectHeader(event: IEmitSelectKey | undefined): void;
100
- protected handlerValueChangeFontSize(value: number | string): void;
106
+ protected handlerValueChangeFontSize(event?: IFocusAndBlurEvent): void;
101
107
  protected handleSelectAlign(event: IEmitSelectKey | undefined): void;
102
108
  protected handlerSetFormat(type: string, data: string | number): void;
103
109
  protected handlerInsertEmoji(emoji: unknown): void;
104
110
  protected handlerUnlink(event: Event): void;
105
111
  protected handlerEditLink(event: Event): void;
112
+ protected handleToggleMention(show: boolean): void;
113
+ protected handlerInsertMention(data: IMentionInsert): void;
106
114
  private handleTable;
107
115
  private handleUndo;
108
116
  private handleRedo;
@@ -127,11 +135,12 @@ export declare class LibsUiComponentsInputsQuill2xComponent implements OnInit, O
127
135
  protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
128
136
  private insertLink;
129
137
  private handleShowUploadLink;
138
+ private insertMention;
130
139
  private updateValueByRootQuillHtml;
131
140
  private convertInnerHTMLAndSetValue;
132
141
  private removeUnwantedPart;
133
142
  private focus;
134
143
  ngOnDestroy(): void;
135
144
  static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsQuill2xComponent, never>;
136
- 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>;
145
+ 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; }; "heightEditorContentDefault": { "alias": "heightEditorContentDefault"; "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>;
137
146
  }
package/utils/quill2x.define.d.ts CHANGED
@@ -2,7 +2,7 @@ import Quill2x from 'quill2x';
2
2
  import { TranslateService } from '@ngx-translate/core';
3
3
  export declare const createTableSelector: (quill: Quill2x, anchorEl: HTMLElement | null, translate: TranslateService) => void;
4
4
  export declare const createContextMenuOptionTable: (quill: Quill2x, translate: TranslateService) => void;
5
- export declare function enableTableSelection(container: HTMLElement, quill: any): void;
5
+ export declare function enableTableSelection(container: HTMLElement): void;
6
6
  export declare const mergeCells: (startCell: HTMLElement, endCell: HTMLElement) => void;
7
7
  export declare function splitCells(cellSplit: HTMLElement): void;
8
8
  export declare const registerQuill2x: () => void;