@libs-ui/components-inputs-quill 0.2.145 → 0.2.147
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.
- package/blots-custom/div.component.d.ts +5 -0
- package/blots-custom/image.component.d.ts +6 -0
- package/{mention → blots-custom}/mention.component.d.ts +3 -0
- package/esm2022/blots-custom/div.component.mjs +6 -0
- package/esm2022/blots-custom/image.component.mjs +13 -0
- package/esm2022/blots-custom/mention.component.mjs +34 -0
- package/esm2022/interfaces/quill.interface.mjs +1 -1
- package/esm2022/quill.component.mjs +100 -83
- package/fesm2022/libs-ui-components-inputs-quill.mjs +146 -114
- package/fesm2022/libs-ui-components-inputs-quill.mjs.map +1 -1
- package/interfaces/quill.interface.d.ts +1 -1
- package/package.json +1 -1
- package/quill.component.d.ts +9 -5
- package/esm2022/mention/mention.component.mjs +0 -34
package/quill.component.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
|
|
|
9
9
|
import { IQuillBlotRegister, IQuillFunctionControlEvent, IQuillLink, IQuillSelectionChange, IQuillTextChange, IQuillToolbarConfig, IQuillUploadImageConfig, TYPE_MODE_BAR_CONFIG_OPTION } from './interfaces/quill.interface';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export declare class LibsUiComponentsInputsQuillComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
12
|
+
protected loadingUploadImage: import("@angular/core").WritableSignal<boolean>;
|
|
13
|
+
protected readonly timeDelayInit: import("@angular/core").WritableSignal<number>;
|
|
12
14
|
protected messageError: import("@angular/core").WritableSignal<string>;
|
|
13
15
|
protected display: import("@angular/core").WritableSignal<boolean>;
|
|
14
16
|
protected listConfigAlign: import("@angular/core").WritableSignal<IListConfigItem>;
|
|
@@ -36,7 +38,7 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
|
|
|
36
38
|
private dynamicComponentService;
|
|
37
39
|
private translate;
|
|
38
40
|
readonly isShowToolBar: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
|
|
39
|
-
readonly
|
|
41
|
+
readonly isToolbarPositionFixed: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
|
|
40
42
|
readonly classIncludeToolbar: import("@angular/core").InputSignal<string>;
|
|
41
43
|
readonly stylesIncludeToolbar: import("@angular/core").InputSignal<TYPE_OBJECT | undefined>;
|
|
42
44
|
readonly toolbarConfig: import("@angular/core").InputSignal<{
|
|
@@ -65,7 +67,7 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
|
|
|
65
67
|
readonly blotsRegister: import("@angular/core").InputSignal<IQuillBlotRegister[] | undefined>;
|
|
66
68
|
readonly heightAuto: import("@angular/core").InputSignal<boolean | undefined>;
|
|
67
69
|
readonly autoFocus: import("@angular/core").InputSignal<boolean | undefined>;
|
|
68
|
-
readonly
|
|
70
|
+
readonly blockUndoRedoKeyboard: import("@angular/core").InputSignal<boolean | undefined>;
|
|
69
71
|
readonly templateToolBarPersonalize: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
|
|
70
72
|
readonly template: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
|
|
71
73
|
readonly uploadImageConfig: import("@angular/core").InputSignalWithTransform<IQuillUploadImageConfig, IQuillUploadImageConfig | undefined>;
|
|
@@ -85,9 +87,10 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
|
|
|
85
87
|
readonly itemsEl: import("@angular/core").Signal<readonly ElementRef<any>[]>;
|
|
86
88
|
constructor();
|
|
87
89
|
ngOnInit(): void;
|
|
88
|
-
ngAfterViewInit(): void
|
|
90
|
+
ngAfterViewInit(): Promise<void>;
|
|
89
91
|
private initQuill;
|
|
90
|
-
private
|
|
92
|
+
private setupUndoRedoBlocking;
|
|
93
|
+
private noPreventEmbedDeletion;
|
|
91
94
|
private setHandlerFunction;
|
|
92
95
|
private adjustIndexForImages;
|
|
93
96
|
private handlerSelectionChange;
|
|
@@ -115,6 +118,7 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
|
|
|
115
118
|
private setStyleForContent;
|
|
116
119
|
protected handleToggleMention(show: boolean): void;
|
|
117
120
|
private handlerShowUploadImage;
|
|
121
|
+
private uploadImagesAndInsert;
|
|
118
122
|
private insertMention;
|
|
119
123
|
protected handlerInsertMention(data: IMentionInsert): void;
|
|
120
124
|
protected setFontSize(size: number): Promise<void>;
|
|
@@ -124,5 +128,5 @@ export declare class LibsUiComponentsInputsQuillComponent implements OnInit, Aft
|
|
|
124
128
|
protected handlerChangeShowMoreAction(event: Event): void;
|
|
125
129
|
ngOnDestroy(): void;
|
|
126
130
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsQuillComponent, never>;
|
|
127
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuillComponent, "libs_ui-components-inputs-quill", never, { "isShowToolBar": { "alias": "isShowToolBar"; "required": false; "isSignal": true; }; "
|
|
131
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsQuillComponent, "libs_ui-components-inputs-quill", never, { "isShowToolBar": { "alias": "isShowToolBar"; "required": false; "isSignal": true; }; "isToolbarPositionFixed": { "alias": "isToolbarPositionFixed"; "required": false; "isSignal": true; }; "classIncludeToolbar": { "alias": "classIncludeToolbar"; "required": false; "isSignal": true; }; "stylesIncludeToolbar": { "alias": "stylesIncludeToolbar"; "required": false; "isSignal": true; }; "toolbarConfig": { "alias": "toolbarConfig"; "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; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "dataConfigMention": { "alias": "dataConfigMention"; "required": false; "isSignal": true; }; "blotsRegister": { "alias": "blotsRegister"; "required": false; "isSignal": true; }; "heightAuto": { "alias": "heightAuto"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "blockUndoRedoKeyboard": { "alias": "blockUndoRedoKeyboard"; "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"; "outTextChange": "outTextChange"; "outContextMenu": "outContextMenu"; }, never, never, true, never>;
|
|
128
132
|
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import Quill from "quill";
|
|
2
|
-
const Embed = Quill.import("blots/embed");
|
|
3
|
-
export class QuillMentionBlot extends Embed {
|
|
4
|
-
static create(data) {
|
|
5
|
-
const node = super.create();
|
|
6
|
-
node.innerText += data.value;
|
|
7
|
-
node.setAttribute('id', data.id);
|
|
8
|
-
node.setAttribute('feId', data.feId);
|
|
9
|
-
node.setAttribute('value', data.value);
|
|
10
|
-
return node;
|
|
11
|
-
}
|
|
12
|
-
static value(domNode) {
|
|
13
|
-
return {
|
|
14
|
-
id: domNode.getAttribute('id'),
|
|
15
|
-
feId: domNode.getAttribute('feId'),
|
|
16
|
-
value: domNode.getAttribute('value')
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
attach() {
|
|
20
|
-
super.attach();
|
|
21
|
-
if (!this.mounted) {
|
|
22
|
-
this.mounted = true;
|
|
23
|
-
this.clickHandler = this.getClickHandler;
|
|
24
|
-
this.domNode.addEventListener("click", this.clickHandler, false);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
getClickHandler(event) {
|
|
28
|
-
event.stopPropagation();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
QuillMentionBlot.blotName = "mention";
|
|
32
|
-
QuillMentionBlot.tagName = "span";
|
|
33
|
-
QuillMentionBlot.className = "libs-ui-quill-mention";
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvaW5wdXRzL3F1aWxsL3NyYy9tZW50aW9uL21lbnRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0FBRTFDLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxLQUFLO0lBQ3pDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBaUQ7UUFDN0QsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQW9CO1FBQy9CLE9BQU87WUFDTCxFQUFFLEVBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDOUIsSUFBSSxFQUFFLE9BQU8sQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxPQUFPLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztTQUNyQyxDQUFDO0lBQ0osQ0FBQztJQUVELE1BQU07UUFDSixLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztZQUN6QyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ25FLENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVk7UUFDMUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7Q0FDRjtBQUVELGdCQUFnQixDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUM7QUFDdEMsZ0JBQWdCLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztBQUNsQyxnQkFBZ0IsQ0FBQyxTQUFTLEdBQUcsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUXVpbGwgZnJvbSBcInF1aWxsXCI7XG5cbmNvbnN0IEVtYmVkID0gUXVpbGwuaW1wb3J0KFwiYmxvdHMvZW1iZWRcIik7XG5cbmV4cG9ydCBjbGFzcyBRdWlsbE1lbnRpb25CbG90IGV4dGVuZHMgRW1iZWQge1xuICBzdGF0aWMgY3JlYXRlKGRhdGE6IHsgaWQ6IHN0cmluZywgZmVJZDogc3RyaW5nLCB2YWx1ZTogc3RyaW5nIH0pIHtcbiAgICBjb25zdCBub2RlID0gc3VwZXIuY3JlYXRlKCk7XG4gICAgbm9kZS5pbm5lclRleHQgKz0gZGF0YS52YWx1ZTtcbiAgICBub2RlLnNldEF0dHJpYnV0ZSgnaWQnLCBkYXRhLmlkKTtcbiAgICBub2RlLnNldEF0dHJpYnV0ZSgnZmVJZCcsIGRhdGEuZmVJZCk7XG4gICAgbm9kZS5zZXRBdHRyaWJ1dGUoJ3ZhbHVlJywgZGF0YS52YWx1ZSk7XG4gICAgcmV0dXJuIG5vZGU7XG4gIH1cblxuICBzdGF0aWMgdmFsdWUoZG9tTm9kZTogSFRNTEVsZW1lbnQpIHtcbiAgICByZXR1cm4ge1xuICAgICAgaWQ6IGRvbU5vZGUuZ2V0QXR0cmlidXRlKCdpZCcpLFxuICAgICAgZmVJZDogZG9tTm9kZS5nZXRBdHRyaWJ1dGUoJ2ZlSWQnKSxcbiAgICAgIHZhbHVlOiBkb21Ob2RlLmdldEF0dHJpYnV0ZSgndmFsdWUnKVxuICAgIH07XG4gIH1cblxuICBhdHRhY2goKSB7XG4gICAgc3VwZXIuYXR0YWNoKCk7XG4gICAgaWYgKCF0aGlzLm1vdW50ZWQpIHtcbiAgICAgIHRoaXMubW91bnRlZCA9IHRydWU7XG4gICAgICB0aGlzLmNsaWNrSGFuZGxlciA9IHRoaXMuZ2V0Q2xpY2tIYW5kbGVyO1xuICAgICAgdGhpcy5kb21Ob2RlLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0aGlzLmNsaWNrSGFuZGxlciwgZmFsc2UpO1xuICAgIH1cbiAgfVxuXG4gIGdldENsaWNrSGFuZGxlcihldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxufVxuXG5RdWlsbE1lbnRpb25CbG90LmJsb3ROYW1lID0gXCJtZW50aW9uXCI7XG5RdWlsbE1lbnRpb25CbG90LnRhZ05hbWUgPSBcInNwYW5cIjtcblF1aWxsTWVudGlvbkJsb3QuY2xhc3NOYW1lID0gXCJsaWJzLXVpLXF1aWxsLW1lbnRpb25cIjsiXX0=
|