@cleavelandprice/ngx-lib 4.0.8 → 4.1.0
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/esm2022/quill/components/editor/editor.component.mjs +113 -110
- package/esm2022/quill/components/raw/raw.component.mjs +5 -3
- package/esm2022/quill/mention/components/editor/editor.component.mjs +36 -39
- package/esm2022/quill/mention/quill-mention.api.mjs +4 -3
- package/esm2022/quill/model/buttons.mjs +51 -52
- package/esm2022/quill/model/config.mjs +10 -19
- package/esm2022/quill/model/icons.mjs +14 -9
- package/esm2022/quill/model/tooltips.mjs +54 -55
- package/fesm2022/cleavelandprice-ngx-lib-quill-mention.mjs +44 -52
- package/fesm2022/cleavelandprice-ngx-lib-quill-mention.mjs.map +1 -1
- package/fesm2022/cleavelandprice-ngx-lib-quill.mjs +235 -229
- package/fesm2022/cleavelandprice-ngx-lib-quill.mjs.map +1 -1
- package/package.json +7 -7
- package/quill/components/editor/editor.component.d.ts +25 -18
- package/quill/mention/components/editor/editor.component.d.ts +2 -3
- package/quill/mention/quill-mention.api.d.ts +1 -5
- package/quill/model/buttons.d.ts +29 -28
- package/quill/model/config.d.ts +22 -9
- package/quill/model/icons.d.ts +6 -5
- package/quill/model/tooltips.d.ts +32 -31
- package/esm2022/quill/mention/model/buttons.mjs +0 -4
- package/esm2022/quill/mention/model/config.mjs +0 -4
- package/esm2022/quill/mention/model/icons.mjs +0 -4
- package/esm2022/quill/mention/model/tooltips.mjs +0 -4
- package/quill/mention/model/buttons.d.ts +0 -3
- package/quill/mention/model/config.d.ts +0 -3
- package/quill/mention/model/icons.d.ts +0 -3
- package/quill/mention/model/tooltips.d.ts +0 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
export class
|
|
1
|
+
import { DefaultButtons } from "./buttons";
|
|
2
|
+
import { DefaultIcons } from "./icons";
|
|
3
|
+
import { DefaultTooltips } from "./tooltips";
|
|
4
|
+
export class DefaultConfig {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.buttons =
|
|
7
|
-
this.
|
|
8
|
-
this.
|
|
9
|
-
//#region These can be overriden via
|
|
6
|
+
this.buttons = DefaultButtons;
|
|
7
|
+
this.icons = DefaultIcons;
|
|
8
|
+
this.tooltips = DefaultTooltips;
|
|
9
|
+
//#region These can be overriden via input()
|
|
10
10
|
this.format = 'html';
|
|
11
11
|
this.height = '50vh';
|
|
12
12
|
this.width = '100%';
|
|
@@ -22,19 +22,10 @@ export class Config {
|
|
|
22
22
|
//#region Optional Quill modules
|
|
23
23
|
this.imageResizeModule = true;
|
|
24
24
|
this.imageDropModule = true;
|
|
25
|
-
//mentionModule = true;
|
|
26
25
|
this.syntaxModule = true;
|
|
27
26
|
//#endregion
|
|
28
27
|
//#endregion
|
|
29
|
-
//#region Groups
|
|
30
|
-
this.showBlockStyle = () => this.buttons.blockquote || this.buttons.codeblock;
|
|
31
|
-
this.showFontStyle = () => this.buttons.bold || this.buttons.italic || this.buttons.strike || this.buttons.underline;
|
|
32
|
-
this.showQuickHeadingStyle = () => this.buttons.h1 || this.buttons.h2;
|
|
33
|
-
this.showIndentStyle = () => this.buttons.decreaseIndent || this.buttons.increaseIndent;
|
|
34
|
-
this.showListStyle = () => this.buttons.bulleted || this.buttons.ordered;
|
|
35
|
-
this.showMedia = () => this.buttons.link || this.buttons.image || this.buttons.video;
|
|
36
|
-
this.showScriptStyle = () => this.buttons.subScript || this.buttons.superScript;
|
|
37
|
-
//#endregion
|
|
38
28
|
}
|
|
39
29
|
}
|
|
40
|
-
|
|
30
|
+
;
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xlYXZlbGFuZHByaWNlL25neC1saWIvcXVpbGwvc3JjL21vZGVsL2NvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVcsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQVMsTUFBTSxTQUFTLENBQUM7QUFDOUMsT0FBTyxFQUFFLGVBQWUsRUFBWSxNQUFNLFlBQVksQ0FBQztBQUV2RCxNQUFNLE9BQU8sYUFBYTtJQUExQjtRQUNJLFlBQU8sR0FBRyxjQUFjLENBQUM7UUFDekIsVUFBSyxHQUFHLFlBQVksQ0FBQztRQUNyQixhQUFRLEdBQUcsZUFBZSxDQUFDO1FBRTNCLDRDQUE0QztRQUM1QyxXQUFNLEdBQXdDLE1BQU0sQ0FBQztRQUNyRCxXQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ2hCLFVBQUssR0FBRyxNQUFNLENBQUM7UUFDZixxQkFBZ0IsR0FBRyxNQUFNLENBQUM7UUFDMUIsb0JBQWUsR0FBRyxNQUFNLENBQUM7UUFDekIsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFDdEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixtQkFBYyxHQUF3QixRQUFRLENBQUM7UUFDL0MsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQix1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUVsQixnQ0FBZ0M7UUFDaEMsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLFlBQVk7UUFFWixZQUFZO0lBQ2hCLENBQUM7Q0FBQTtBQXVCQSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9ucywgRGVmYXVsdEJ1dHRvbnMgfSBmcm9tIFwiLi9idXR0b25zXCI7XHJcbmltcG9ydCB7IERlZmF1bHRJY29ucywgSWNvbnMgfSBmcm9tIFwiLi9pY29uc1wiO1xyXG5pbXBvcnQgeyBEZWZhdWx0VG9vbHRpcHMsIFRvb2x0aXBzIH0gZnJvbSBcIi4vdG9vbHRpcHNcIjtcclxuXHJcbmV4cG9ydCBjbGFzcyBEZWZhdWx0Q29uZmlnIGltcGxlbWVudHMgQ29uZmlnIHtcclxuICAgIGJ1dHRvbnMgPSBEZWZhdWx0QnV0dG9ucztcclxuICAgIGljb25zID0gRGVmYXVsdEljb25zO1xyXG4gICAgdG9vbHRpcHMgPSBEZWZhdWx0VG9vbHRpcHM7XHJcblxyXG4gICAgLy8jcmVnaW9uIFRoZXNlIGNhbiBiZSBvdmVycmlkZW4gdmlhIGlucHV0KClcclxuICAgIGZvcm1hdDogJ29iamVjdCcgfCAnaHRtbCcgfCAndGV4dCcgfCAnanNvbicgPSAnaHRtbCc7XHJcbiAgICBoZWlnaHQgPSAnNTB2aCc7XHJcbiAgICB3aWR0aCA9ICcxMDAlJztcclxuICAgIGZ1bGxzY3JlZW5IZWlnaHQgPSAnODV2aCc7XHJcbiAgICBmdWxsc2NyZWVuV2lkdGggPSAnMTAwJSc7XHJcbiAgICBlbmFibGVUb29sdGlwcyA9IHRydWU7XHJcbiAgICBmdWxsc2NyZWVuID0gZmFsc2U7XHJcbiAgICBmdWxsc2NyZWVuTW9kZTogJ2V4cGFuZCcgfCAncG9wb3V0JyA9ICdwb3BvdXQnO1xyXG4gICAgcmVhZG9ubHkgPSBmYWxzZTtcclxuICAgIGFwcGx5UmVhZG9ubHlTdHlsZSA9IHRydWU7XHJcbiAgICBzaG93VG9vbGJhciA9IHRydWU7XHJcbiAgICBzaG93Qm9yZGVyID0gdHJ1ZTtcclxuXHJcbiAgICAvLyNyZWdpb24gT3B0aW9uYWwgUXVpbGwgbW9kdWxlc1xyXG4gICAgaW1hZ2VSZXNpemVNb2R1bGUgPSB0cnVlO1xyXG4gICAgaW1hZ2VEcm9wTW9kdWxlID0gdHJ1ZTtcclxuICAgIHN5bnRheE1vZHVsZSA9IHRydWU7XHJcbiAgICAvLyNlbmRyZWdpb25cclxuXHJcbiAgICAvLyNlbmRyZWdpb25cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDb25maWcge1xyXG4gICAgYnV0dG9ucz86IEJ1dHRvbnM7XHJcbiAgICBpY29ucz86IEljb25zO1xyXG4gICAgdG9vbHRpcHM/OiBUb29sdGlwcztcclxuXHJcbiAgICBmb3JtYXQ/OiAnb2JqZWN0JyB8ICdodG1sJyB8ICd0ZXh0JyB8ICdqc29uJztcclxuICAgIGhlaWdodD86IHN0cmluZztcclxuICAgIHdpZHRoPzogc3RyaW5nO1xyXG4gICAgZnVsbHNjcmVlbkhlaWdodD86IHN0cmluZztcclxuICAgIGZ1bGxzY3JlZW5XaWR0aD86IHN0cmluZztcclxuICAgIGVuYWJsZVRvb2x0aXBzPzogYm9vbGVhbjtcclxuICAgIGZ1bGxzY3JlZW4/OiBib29sZWFuO1xyXG4gICAgZnVsbHNjcmVlbk1vZGU/OiAnZXhwYW5kJyB8ICdwb3BvdXQnO1xyXG4gICAgcmVhZG9ubHk/OiBib29sZWFuO1xyXG4gICAgYXBwbHlSZWFkb25seVN0eWxlPzogYm9vbGVhbjtcclxuICAgIHNob3dUb29sYmFyPzogYm9vbGVhbjtcclxuICAgIHNob3dCb3JkZXI/OiBib29sZWFuO1xyXG5cclxuICAgIGltYWdlUmVzaXplTW9kdWxlPzogYm9vbGVhbjtcclxuICAgIGltYWdlRHJvcE1vZHVsZT86IGJvb2xlYW47XHJcbiAgICBzeW50YXhNb2R1bGU/OiBib29sZWFuO1xyXG59OyJdfQ==
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
export class Icons {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
/*export class Icons {
|
|
2
|
+
maximize = 'open_in_full';
|
|
3
|
+
minimize = 'close_fullscreen';
|
|
4
|
+
popout = 'open_in_full';
|
|
5
|
+
popin = 'done';
|
|
6
|
+
}*/
|
|
7
|
+
;
|
|
8
|
+
export const DefaultIcons = {
|
|
9
|
+
maximize: 'open_in_full',
|
|
10
|
+
minimize: 'close_fullscreen',
|
|
11
|
+
popout: 'open_in_full',
|
|
12
|
+
popin: 'done'
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGVhdmVsYW5kcHJpY2Uvbmd4LWxpYi9xdWlsbC9zcmMvbW9kZWwvaWNvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFPRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFVO0lBQy9CLFFBQVEsRUFBRSxjQUFjO0lBQ3hCLFFBQVEsRUFBRSxrQkFBa0I7SUFDNUIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsS0FBSyxFQUFFLE1BQU07Q0FDaEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qZXhwb3J0IGNsYXNzIEljb25zIHtcclxuICAgIG1heGltaXplID0gJ29wZW5faW5fZnVsbCc7XHJcbiAgICBtaW5pbWl6ZSA9ICdjbG9zZV9mdWxsc2NyZWVuJztcclxuICAgIHBvcG91dCA9ICdvcGVuX2luX2Z1bGwnO1xyXG4gICAgcG9waW4gPSAnZG9uZSc7XHJcbn0qL1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29ucyB7XHJcbiAgICBtYXhpbWl6ZT86IHN0cmluZztcclxuICAgIG1pbmltaXplPzogc3RyaW5nO1xyXG4gICAgcG9wb3V0Pzogc3RyaW5nO1xyXG4gICAgcG9waW4/OiBzdHJpbmc7XHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgRGVmYXVsdEljb25zOiBJY29ucyA9IHtcclxuICAgIG1heGltaXplOiAnb3Blbl9pbl9mdWxsJyxcclxuICAgIG1pbmltaXplOiAnY2xvc2VfZnVsbHNjcmVlbicsXHJcbiAgICBwb3BvdXQ6ICdvcGVuX2luX2Z1bGwnLFxyXG4gICAgcG9waW46ICdkb25lJ1xyXG59OyJdfQ==
|
|
@@ -1,55 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGVhdmVsYW5kcHJpY2Uvbmd4LWxpYi9xdWlsbC9zcmMvbW9kZWwvdG9vbHRpcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLFFBQVE7SUFBckI7UUFDSSxvQkFBb0I7UUFDcEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUNkLFdBQU0sR0FBRyxRQUFRLENBQUM7UUFDbEIsV0FBTSxHQUFHLGVBQWUsQ0FBQztRQUN6QixjQUFTLEdBQUcsV0FBVyxDQUFDO1FBQ3hCLFlBQVk7UUFFWixlQUFlO1FBQ2YsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUNkLFVBQUssR0FBRyxjQUFjLENBQUM7UUFDdkIsVUFBSyxHQUFHLGNBQWMsQ0FBQztRQUN2QixZQUFZO1FBRVoscUJBQXFCO1FBQ3JCLGVBQVUsR0FBRyxZQUFZLENBQUM7UUFDMUIsY0FBUyxHQUFHLFlBQVksQ0FBQztRQUN6QixZQUFZO1FBRVosdUJBQXVCO1FBQ3ZCLE9BQUUsR0FBRyxXQUFXLENBQUM7UUFDakIsT0FBRSxHQUFHLFdBQVcsQ0FBQztRQUNqQixZQUFZO1FBRVosZUFBZTtRQUNmLFVBQUssR0FBRyx5QkFBeUIsQ0FBQztRQUNsQyxZQUFZO1FBRVosb0JBQW9CO1FBQ3BCLGFBQVEsR0FBRyxlQUFlLENBQUM7UUFDM0IsWUFBTyxHQUFHLGNBQWMsQ0FBQztRQUN6QixZQUFZO1FBRVosc0JBQXNCO1FBQ3RCLGNBQVMsR0FBRyxXQUFXLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFDNUIsWUFBWTtRQUVaLHNCQUFzQjtRQUN0QixtQkFBYyxHQUFHLGlCQUFpQixDQUFDO1FBQ25DLG1CQUFjLEdBQUcsaUJBQWlCLENBQUM7UUFDbkMsWUFBWTtRQUVaLG1CQUFtQjtRQUNuQixVQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ2hCLFNBQUksR0FBRyxNQUFNLENBQUM7UUFDZCxhQUFRLEdBQUcsV0FBVyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBQ3pCLFlBQVk7UUFFWix3QkFBd0I7UUFDeEIsVUFBSyxHQUFHLE9BQU8sQ0FBQztRQUNoQixZQUFPLEdBQUcsU0FBUyxDQUFDO1FBQ3BCLFFBQUcsR0FBRyxlQUFlLENBQUM7UUFDdEIsYUFBUSxHQUFHLFVBQVUsQ0FBQztRQUN0QixhQUFRLEdBQUcsVUFBVSxDQUFDO1FBQ3RCLFdBQU0sR0FBRyxRQUFRLENBQUM7UUFDbEIsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLGNBQVMsR0FBRyw0QkFBNEIsQ0FBQTtRQUN4QyxZQUFZO0lBQ2hCLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBUb29sdGlwcyB7XHJcbiAgICAvLyNyZWdpb24gRm9udCBTdHlsZVxyXG4gICAgYm9sZCA9ICdCb2xkJztcclxuICAgIGl0YWxpYyA9ICdJdGFsaWMnO1xyXG4gICAgc3RyaWtlID0gJ1N0cmlrZXRocm91Z2gnO1xyXG4gICAgdW5kZXJsaW5lID0gJ1VuZGVybGluZSc7XHJcbiAgICAvLyNlbmRyZWdpb25cclxuXHJcbiAgICAvLyNyZWdpb24gTWVkaWFcclxuICAgIGxpbmsgPSAnTGluayc7XHJcbiAgICBpbWFnZSA9ICdJbnNlcnQgSW1hZ2UnO1xyXG4gICAgdmlkZW8gPSAnSW5zZXJ0IFZpZGVvJztcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBCbG9jayBTdHlsZVxyXG4gICAgYmxvY2txdW90ZSA9ICdCbG9ja3F1b3RlJztcclxuICAgIGNvZGVibG9jayA9ICdDb2RlIEJsb2NrJztcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBIZWFkaW5nIFN0eWxlXHJcbiAgICBoMSA9ICdIZWFkaW5nIDEnO1xyXG4gICAgaDIgPSAnSGVhZGluZyAyJztcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBDb2xvclxyXG4gICAgY29sb3IgPSAnRm9udCAvIEJhY2tncm91bmQgQ29sb3InO1xyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIExpc3QgU3R5bGVcclxuICAgIGJ1bGxldGVkID0gJ0J1bGxldGVkIExpc3QnO1xyXG4gICAgb3JkZXJlZCA9ICdPcmRlcmVkIExpc3QnO1xyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIFNjcmlwdCBTdHlsZVxyXG4gICAgc3ViU2NyaXB0ID0gJ1N1YnNjcmlwdCc7XHJcbiAgICBzdXBlclNjcmlwdCA9ICdTdXBlcnNjcmlwdCc7XHJcbiAgICAvLyNlbmRyZWdpb25cclxuXHJcbiAgICAvLyNyZWdpb24gSW5kZW50IFN0eWxlXHJcbiAgICBpbmNyZWFzZUluZGVudCA9ICdJbmNyZWFzZSBJbmRlbnQnO1xyXG4gICAgZGVjcmVhc2VJbmRlbnQgPSAnRGVjcmVhc2UgSW5kZW50JztcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBEcm9wRG93bnNcclxuICAgIGFsaWduID0gJ0FsaWduJztcclxuICAgIGZvbnQgPSAnRm9udCc7XHJcbiAgICBmb250U2l6ZSA9ICdGb250IFNpemUnO1xyXG4gICAgaGVhZGluZ1N0eWxlID0gJ0hlYWRpbmcnO1xyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIFNpbmdsZSBCdXR0b25zXHJcbiAgICBjbGVhbiA9ICdDbGVhbic7XHJcbiAgICBmb3JtdWxhID0gJ0Zvcm11bGEnO1xyXG4gICAgcnRsID0gJ1JpZ2h0LVRvLUxlZnQnO1xyXG4gICAgbWF4aW1pemUgPSAnTWF4aW1pemUnO1xyXG4gICAgbWluaW1pemUgPSAnTWluaW1pemUnO1xyXG4gICAgcG9wb3V0ID0gJ1BvcG91dCc7XHJcbiAgICBwb3BpbiA9ICdEb25lJztcclxuICAgIHJhd0VkaXRvciA9ICdFZGl0IHJhdyBIVE1MIChkYW5nZXJvdXMhKSdcclxuICAgIC8vI2VuZHJlZ2lvblxyXG59Il19
|
|
1
|
+
;
|
|
2
|
+
export const DefaultTooltips = {
|
|
3
|
+
//#region Font Style
|
|
4
|
+
bold: 'Bold',
|
|
5
|
+
italic: 'Italic',
|
|
6
|
+
strike: 'Strikethrough',
|
|
7
|
+
underline: 'Underline',
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region Media
|
|
10
|
+
link: 'Link',
|
|
11
|
+
image: 'Insert Image',
|
|
12
|
+
video: 'Insert Video',
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region Block Style
|
|
15
|
+
blockquote: 'Blockquote',
|
|
16
|
+
codeblock: 'Code Block',
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region Heading Style
|
|
19
|
+
h1: 'Heading 1',
|
|
20
|
+
h2: 'Heading 2',
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region Color
|
|
23
|
+
color: 'Font / Background Color',
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region List Style
|
|
26
|
+
bulleted: 'Bulleted List',
|
|
27
|
+
ordered: 'Ordered List',
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region Script Style
|
|
30
|
+
subScript: 'Subscript',
|
|
31
|
+
superScript: 'Superscript',
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region Indent Style
|
|
34
|
+
increaseIndent: 'Increase Indent',
|
|
35
|
+
decreaseIndent: 'Decrease Indent',
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region DropDowns
|
|
38
|
+
align: 'Align',
|
|
39
|
+
font: 'Font',
|
|
40
|
+
fontSize: 'Font Size',
|
|
41
|
+
headingStyle: 'Heading',
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region Single Buttons
|
|
44
|
+
clean: 'Clean',
|
|
45
|
+
formula: 'Formula',
|
|
46
|
+
rtl: 'Right-To-Left',
|
|
47
|
+
maximize: 'Maximize',
|
|
48
|
+
minimize: 'Minimize',
|
|
49
|
+
popout: 'Popout',
|
|
50
|
+
popin: 'Done',
|
|
51
|
+
rawEditor: 'Edit raw HTML (dangerous!)'
|
|
52
|
+
//#endregion
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGVhdmVsYW5kcHJpY2Uvbmd4LWxpYi9xdWlsbC9zcmMvbW9kZWwvdG9vbHRpcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQWE7SUFDckMsb0JBQW9CO0lBQ3BCLElBQUksRUFBRSxNQUFNO0lBQ1osTUFBTSxFQUFFLFFBQVE7SUFDaEIsTUFBTSxFQUFFLGVBQWU7SUFDdkIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsWUFBWTtJQUVaLGVBQWU7SUFDZixJQUFJLEVBQUUsTUFBTTtJQUNaLEtBQUssRUFBRSxjQUFjO0lBQ3JCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLFlBQVk7SUFFWixxQkFBcUI7SUFDckIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsU0FBUyxFQUFFLFlBQVk7SUFDdkIsWUFBWTtJQUVaLHVCQUF1QjtJQUN2QixFQUFFLEVBQUUsV0FBVztJQUNmLEVBQUUsRUFBRSxXQUFXO0lBQ2YsWUFBWTtJQUVaLGVBQWU7SUFDZixLQUFLLEVBQUUseUJBQXlCO0lBQ2hDLFlBQVk7SUFFWixvQkFBb0I7SUFDcEIsUUFBUSxFQUFFLGVBQWU7SUFDekIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsWUFBWTtJQUVaLHNCQUFzQjtJQUN0QixTQUFTLEVBQUUsV0FBVztJQUN0QixXQUFXLEVBQUUsYUFBYTtJQUMxQixZQUFZO0lBRVosc0JBQXNCO0lBQ3RCLGNBQWMsRUFBRSxpQkFBaUI7SUFDakMsY0FBYyxFQUFFLGlCQUFpQjtJQUNqQyxZQUFZO0lBRVosbUJBQW1CO0lBQ25CLEtBQUssRUFBRSxPQUFPO0lBQ2QsSUFBSSxFQUFFLE1BQU07SUFDWixRQUFRLEVBQUUsV0FBVztJQUNyQixZQUFZLEVBQUUsU0FBUztJQUN2QixZQUFZO0lBRVosd0JBQXdCO0lBQ3hCLEtBQUssRUFBRSxPQUFPO0lBQ2QsT0FBTyxFQUFFLFNBQVM7SUFDbEIsR0FBRyxFQUFFLGVBQWU7SUFDcEIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsTUFBTSxFQUFFLFFBQVE7SUFDaEIsS0FBSyxFQUFFLE1BQU07SUFDYixTQUFTLEVBQUUsNEJBQTRCO0lBQ3ZDLFlBQVk7Q0FDZixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBUb29sdGlwcyB7XHJcbiAgICBib2xkPzogc3RyaW5nO1xyXG4gICAgaXRhbGljPzogc3RyaW5nO1xyXG4gICAgc3RyaWtlPzogc3RyaW5nO1xyXG4gICAgdW5kZXJsaW5lPzogc3RyaW5nO1xyXG4gICAgbGluaz86IHN0cmluZztcclxuICAgIGltYWdlPzogc3RyaW5nO1xyXG4gICAgdmlkZW8/OiBzdHJpbmc7XHJcbiAgICBibG9ja3F1b3RlPzogc3RyaW5nO1xyXG4gICAgY29kZWJsb2NrPzogc3RyaW5nO1xyXG4gICAgaDE/OiBzdHJpbmc7XHJcbiAgICBoMj86IHN0cmluZztcclxuICAgIGNvbG9yPzogc3RyaW5nO1xyXG4gICAgYnVsbGV0ZWQ/OiBzdHJpbmc7XHJcbiAgICBvcmRlcmVkPzogc3RyaW5nO1xyXG4gICAgc3ViU2NyaXB0Pzogc3RyaW5nO1xyXG4gICAgc3VwZXJTY3JpcHQ/OiBzdHJpbmc7XHJcbiAgICBpbmNyZWFzZUluZGVudD86IHN0cmluZztcclxuICAgIGRlY3JlYXNlSW5kZW50Pzogc3RyaW5nO1xyXG4gICAgYWxpZ24/OiBzdHJpbmc7XHJcbiAgICBmb250Pzogc3RyaW5nO1xyXG4gICAgZm9udFNpemU/OiBzdHJpbmc7XHJcbiAgICBoZWFkaW5nU3R5bGU/OiBzdHJpbmc7XHJcbiAgICBjbGVhbj86IHN0cmluZztcclxuICAgIGZvcm11bGE/OiBzdHJpbmc7XHJcbiAgICBydGw/OiBzdHJpbmc7XHJcbiAgICBtYXhpbWl6ZT86IHN0cmluZztcclxuICAgIG1pbmltaXplPzogc3RyaW5nO1xyXG4gICAgcG9wb3V0Pzogc3RyaW5nO1xyXG4gICAgcG9waW4/OiBzdHJpbmc7XHJcbiAgICByYXdFZGl0b3I/OiBzdHJpbmc7XHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgRGVmYXVsdFRvb2x0aXBzOiBUb29sdGlwcyA9IHtcclxuICAgIC8vI3JlZ2lvbiBGb250IFN0eWxlXHJcbiAgICBib2xkOiAnQm9sZCcsXHJcbiAgICBpdGFsaWM6ICdJdGFsaWMnLFxyXG4gICAgc3RyaWtlOiAnU3RyaWtldGhyb3VnaCcsXHJcbiAgICB1bmRlcmxpbmU6ICdVbmRlcmxpbmUnLFxyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIE1lZGlhXHJcbiAgICBsaW5rOiAnTGluaycsXHJcbiAgICBpbWFnZTogJ0luc2VydCBJbWFnZScsXHJcbiAgICB2aWRlbzogJ0luc2VydCBWaWRlbycsXHJcbiAgICAvLyNlbmRyZWdpb25cclxuXHJcbiAgICAvLyNyZWdpb24gQmxvY2sgU3R5bGVcclxuICAgIGJsb2NrcXVvdGU6ICdCbG9ja3F1b3RlJyxcclxuICAgIGNvZGVibG9jazogJ0NvZGUgQmxvY2snLFxyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIEhlYWRpbmcgU3R5bGVcclxuICAgIGgxOiAnSGVhZGluZyAxJyxcclxuICAgIGgyOiAnSGVhZGluZyAyJyxcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBDb2xvclxyXG4gICAgY29sb3I6ICdGb250IC8gQmFja2dyb3VuZCBDb2xvcicsXHJcbiAgICAvLyNlbmRyZWdpb25cclxuXHJcbiAgICAvLyNyZWdpb24gTGlzdCBTdHlsZVxyXG4gICAgYnVsbGV0ZWQ6ICdCdWxsZXRlZCBMaXN0JyxcclxuICAgIG9yZGVyZWQ6ICdPcmRlcmVkIExpc3QnLFxyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIFNjcmlwdCBTdHlsZVxyXG4gICAgc3ViU2NyaXB0OiAnU3Vic2NyaXB0JyxcclxuICAgIHN1cGVyU2NyaXB0OiAnU3VwZXJzY3JpcHQnLFxyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIEluZGVudCBTdHlsZVxyXG4gICAgaW5jcmVhc2VJbmRlbnQ6ICdJbmNyZWFzZSBJbmRlbnQnLFxyXG4gICAgZGVjcmVhc2VJbmRlbnQ6ICdEZWNyZWFzZSBJbmRlbnQnLFxyXG4gICAgLy8jZW5kcmVnaW9uXHJcblxyXG4gICAgLy8jcmVnaW9uIERyb3BEb3duc1xyXG4gICAgYWxpZ246ICdBbGlnbicsXHJcbiAgICBmb250OiAnRm9udCcsXHJcbiAgICBmb250U2l6ZTogJ0ZvbnQgU2l6ZScsXHJcbiAgICBoZWFkaW5nU3R5bGU6ICdIZWFkaW5nJyxcclxuICAgIC8vI2VuZHJlZ2lvblxyXG5cclxuICAgIC8vI3JlZ2lvbiBTaW5nbGUgQnV0dG9uc1xyXG4gICAgY2xlYW46ICdDbGVhbicsXHJcbiAgICBmb3JtdWxhOiAnRm9ybXVsYScsXHJcbiAgICBydGw6ICdSaWdodC1Uby1MZWZ0JyxcclxuICAgIG1heGltaXplOiAnTWF4aW1pemUnLFxyXG4gICAgbWluaW1pemU6ICdNaW5pbWl6ZScsXHJcbiAgICBwb3BvdXQ6ICdQb3BvdXQnLFxyXG4gICAgcG9waW46ICdEb25lJyxcclxuICAgIHJhd0VkaXRvcjogJ0VkaXQgcmF3IEhUTUwgKGRhbmdlcm91cyEpJ1xyXG4gICAgLy8jZW5kcmVnaW9uXHJcbn07Il19
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EditorComponent as EditorComponent$1 } from '@cleavelandprice/ngx-lib/quill';
|
|
2
|
+
export { DefaultButtons, DefaultConfig, DefaultIcons, DefaultTooltips } from '@cleavelandprice/ngx-lib/quill';
|
|
2
3
|
import * as i0 from '@angular/core';
|
|
3
|
-
import {
|
|
4
|
+
import { model, inject, forwardRef, Component, NgModule, Optional, SkipSelf } from '@angular/core';
|
|
4
5
|
import * as i1 from '@angular/forms';
|
|
5
6
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
7
|
import { MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
|
|
@@ -13,22 +14,10 @@ import * as i1$1 from 'ngx-quill';
|
|
|
13
14
|
import { QuillEditorComponent, QuillModule } from 'ngx-quill';
|
|
14
15
|
import { MatButtonModule } from '@angular/material/button';
|
|
15
16
|
|
|
16
|
-
class Buttons extends Buttons$1 {
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
class Config extends Config$1 {
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
class Icons extends Icons$1 {
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
class Tooltips extends Tooltips$1 {
|
|
26
|
-
}
|
|
27
|
-
|
|
28
17
|
class EditorComponent extends EditorComponent$1 {
|
|
29
18
|
constructor() {
|
|
30
19
|
super(...arguments);
|
|
31
|
-
this.users =
|
|
20
|
+
this.users = model();
|
|
32
21
|
this.#dlgRef = inject((MatDialogRef), { optional: true });
|
|
33
22
|
this.#dlg = inject(MatDialog);
|
|
34
23
|
this.#activeDirectoryService = inject(ActiveDirectoryService);
|
|
@@ -38,49 +27,46 @@ class EditorComponent extends EditorComponent$1 {
|
|
|
38
27
|
#activeDirectoryService;
|
|
39
28
|
ngOnInit() {
|
|
40
29
|
this.initialize();
|
|
41
|
-
if (this.users()) {
|
|
42
|
-
this.
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
this.#activeDirectoryService.getUsers().subscribe(users => this._users = users);
|
|
30
|
+
if (!this.users()) {
|
|
31
|
+
this.#activeDirectoryService.getUsers().subscribe(users => this.users.set(users));
|
|
46
32
|
}
|
|
47
33
|
}
|
|
48
34
|
toggleFullscreen() {
|
|
49
|
-
if (this.fullscreenMode === 'expand') {
|
|
50
|
-
this.fullscreen
|
|
51
|
-
this.fullscreenChanged.emit(this.fullscreen);
|
|
35
|
+
if (this.fullscreenMode() === 'expand') {
|
|
36
|
+
this.fullscreen.set(!this.fullscreen());
|
|
37
|
+
this.fullscreenChanged.emit(this.fullscreen());
|
|
52
38
|
}
|
|
53
39
|
else {
|
|
54
|
-
if (this.fullscreen) {
|
|
40
|
+
if (this.fullscreen()) {
|
|
55
41
|
this.#dlgRef?.close(this.value);
|
|
56
42
|
this.fullscreenChanged.emit(false);
|
|
57
43
|
}
|
|
58
44
|
else {
|
|
59
45
|
const data = {
|
|
60
46
|
value: this.value,
|
|
61
|
-
config: this.config,
|
|
62
|
-
placeholder: this.placeholder,
|
|
63
|
-
format: this.format,
|
|
64
|
-
height: this.fullscreenHeight,
|
|
47
|
+
config: this.config(),
|
|
48
|
+
placeholder: this.placeholder(),
|
|
49
|
+
format: this.format(),
|
|
50
|
+
height: this.fullscreenHeight(),
|
|
65
51
|
width: '100%',
|
|
66
|
-
maxHeight: this.fullscreenHeight,
|
|
52
|
+
maxHeight: this.fullscreenHeight(),
|
|
67
53
|
maxWidth: '100%',
|
|
68
|
-
enableTooltips: this.enableTooltips,
|
|
54
|
+
enableTooltips: this.enableTooltips(),
|
|
69
55
|
fullscreen: true,
|
|
70
|
-
fullscreenMode: this.fullscreenMode,
|
|
71
|
-
readonly: this.readonly,
|
|
72
|
-
applyReadonlyStyle: this.applyReadonlyStyle,
|
|
73
|
-
showToolbar: this.showToolbar,
|
|
74
|
-
showBorder: this.showBorder,
|
|
75
|
-
imageResizeModule: this.imageResizeModule,
|
|
76
|
-
imageDropModule: this.imageDropModule,
|
|
77
|
-
syntaxModule: this.syntaxModule,
|
|
78
|
-
users: this.
|
|
56
|
+
fullscreenMode: this.fullscreenMode(),
|
|
57
|
+
readonly: this.readonly(),
|
|
58
|
+
applyReadonlyStyle: this.applyReadonlyStyle(),
|
|
59
|
+
showToolbar: this.showToolbar(),
|
|
60
|
+
showBorder: this.showBorder(),
|
|
61
|
+
imageResizeModule: this.imageResizeModule(),
|
|
62
|
+
imageDropModule: this.imageDropModule(),
|
|
63
|
+
syntaxModule: this.syntaxModule(),
|
|
64
|
+
users: this.users()
|
|
79
65
|
};
|
|
80
66
|
this.#dlg.open(EditorComponent, {
|
|
81
67
|
disableClose: true,
|
|
82
|
-
width: this.fullscreenWidth,
|
|
83
|
-
height: this.fullscreenHeight,
|
|
68
|
+
width: this.fullscreenWidth(),
|
|
69
|
+
height: this.fullscreenHeight(),
|
|
84
70
|
data
|
|
85
71
|
})
|
|
86
72
|
.afterClosed()
|
|
@@ -93,7 +79,7 @@ class EditorComponent extends EditorComponent$1 {
|
|
|
93
79
|
}
|
|
94
80
|
}
|
|
95
81
|
get modules() {
|
|
96
|
-
if (!this.
|
|
82
|
+
if (!this.users()) {
|
|
97
83
|
return {};
|
|
98
84
|
}
|
|
99
85
|
const modules = {
|
|
@@ -107,11 +93,11 @@ class EditorComponent extends EditorComponent$1 {
|
|
|
107
93
|
},
|
|
108
94
|
source: (searchTerm, renderList) => {
|
|
109
95
|
if (searchTerm.length === 0) {
|
|
110
|
-
renderList(this.
|
|
96
|
+
renderList(this.users()?.map(u => ({ value: `${u.displayName} (${u.sAMAccountName.toLowerCase()})` })), searchTerm);
|
|
111
97
|
}
|
|
112
98
|
else {
|
|
113
99
|
const matches = [];
|
|
114
|
-
this.
|
|
100
|
+
this.users().forEach((entry) => {
|
|
115
101
|
if (entry.displayName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1 ||
|
|
116
102
|
entry.sAMAccountName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1) {
|
|
117
103
|
matches.push({ value: `${entry.displayName} (${entry.sAMAccountName.toLowerCase()})` });
|
|
@@ -122,26 +108,26 @@ class EditorComponent extends EditorComponent$1 {
|
|
|
122
108
|
}
|
|
123
109
|
}
|
|
124
110
|
};
|
|
125
|
-
if (!this.showToolbar) {
|
|
111
|
+
if (!this.showToolbar()) {
|
|
126
112
|
modules['toolbar'] = [];
|
|
127
113
|
}
|
|
128
|
-
if (this.imageResizeModule) {
|
|
114
|
+
if (this.imageResizeModule()) {
|
|
129
115
|
modules['imageResize'] = {};
|
|
130
116
|
}
|
|
131
|
-
if (this.imageDropModule) {
|
|
117
|
+
if (this.imageDropModule()) {
|
|
132
118
|
modules['imageDrop'] = true;
|
|
133
119
|
}
|
|
134
|
-
if (this.syntaxModule) {
|
|
120
|
+
if (this.syntaxModule()) {
|
|
135
121
|
modules['syntax'] = true;
|
|
136
122
|
}
|
|
137
123
|
return modules;
|
|
138
124
|
}
|
|
139
125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
140
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: EditorComponent, isStandalone: true, selector: "cpquill-editor-with-mention", inputs: { users: { classPropertyName: "users", publicName: "users", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: EditorComponent, isStandalone: true, selector: "cpquill-editor-with-mention", inputs: { users: { classPropertyName: "users", publicName: "users", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { users: "usersChange" }, providers: [{
|
|
141
127
|
provide: NG_VALUE_ACCESSOR,
|
|
142
128
|
useExisting: forwardRef(() => EditorComponent),
|
|
143
129
|
multi: true
|
|
144
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (_users) {\n <form>\n <quill-editor name=\"editor\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n [placeholder]=\"placeholder ?? ''\"\n [format]=\"format\"\n [style.height]=\"fullscreen ? fullscreenHeight : height\"\n [style.width]=\"fullscreen ? fullscreenWidth : width\"\n [readOnly]=\"readonly ?? false\"\n [class.readonly]=\"readonly && applyReadonlyStyle\"\n [class.no-toolbar]=\"!showToolbar\"\n [class.no-border]=\"!showBorder\"\n [modules]=\"modules\"\n (onBlur)=\"onBlur.emit($event)\"\n (onContentChanged)=\"onContentChanged.emit($event)\"\n (onEditorChanged)=\"onEditorChanged.emit($event)\"\n (onEditorCreated)=\"onEditorCreated.emit()\"\n (onFocus)=\"onFocus.emit($event)\"\n (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n @if (showToolbar) {\n <div quill-editor-toolbar>\n <ng-container [ngTemplateOutlet]=\"toolbar\"/>\n <ng-container [ngTemplateOutlet]=\"editorSize\"/>\n </div>\n }\n </quill-editor>\n </form>\n}\n\n<ng-template #toolbar>\n <div>\n <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\n <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\n <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\n <ng-container [ngTemplateOutlet]=\"listStyle\"/>\n <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\n <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\n <ng-container [ngTemplateOutlet]=\"rtl\"/>\n <ng-container [ngTemplateOutlet]=\"fontSize\"/>\n <ng-container [ngTemplateOutlet]=\"heading\"/>\n <ng-container [ngTemplateOutlet]=\"color\"/>\n <ng-container [ngTemplateOutlet]=\"font\"/>\n <ng-container [ngTemplateOutlet]=\"align\"/>\n <ng-container [ngTemplateOutlet]=\"clean\"/>\n <ng-container [ngTemplateOutlet]=\"formula\"/>\n <ng-container [ngTemplateOutlet]=\"media\"/>\n </div>\n</ng-template>\n\n<ng-template #fontStyle>\n @if (config!.showFontStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.bold) {\n <button class=\"ql-bold\" [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\n }\n @if (config!.buttons.italic) {\n <button class=\"ql-italic\" [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\n }\n @if (config!.buttons.underline) {\n <button class=\"ql-underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\n }\n @if (config!.buttons.strike) {\n <button class=\"ql-strike\" [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #blockStyle>\n @if (config!.showBlockStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.blockquote) {\n <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\n }\n @if (config!.buttons.codeblock) {\n <button class=\"ql-code-block\" [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #headingStyle>\n @if (config!.showQuickHeadingStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.h1) {\n <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\n }\n @if (config!.buttons.h2) {\n <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #listStyle>\n @if (config!.showListStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.ordered) {\n <button class=\"ql-list\" value=\"ordered\" [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\n }\n @if (config!.buttons.bulleted) {\n <button class=\"ql-list\" value=\"bullet\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #scriptStyle>\n @if (config!.showScriptStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.subScript) {\n <button class=\"ql-script\" value=\"sub\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\n }\n @if (config!.buttons.superScript) {\n <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #indentStyle>\n @if (config!.showIndentStyle()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.decreaseIndent) {\n <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\n }\n @if (config!.buttons.increaseIndent) {\n <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #rtl>\n @if (config!.buttons.rtl) {\n <span class=\"ql-formats\">\n <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #fontSize>\n @if (config!.buttons.fontSize) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\n <select class=\"ql-size\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #heading>\n @if (config!.buttons.headingStyle) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\n <select class=\"ql-header\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option>\n <option selected=\"selected\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #color>\n @if (config!.buttons.color) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\"></select>\n </span>\n }\n</ng-template>\n\n<ng-template #font>\n @if (config!.buttons.font) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\n <select class=\"ql-font\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #align>\n @if (config!.buttons.align) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\n <select class=\"ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #clean>\n @if (config!.buttons.clean) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\n <button class=\"ql-clean\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #media>\n @if (config!.showMedia()) {\n <span class=\"ql-formats\">\n @if (config!.buttons.link) {\n <button class=\"ql-link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\n }\n @if (config!.buttons.image) {\n <button class=\"ql-image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\n }\n @if (config!.buttons.video) {\n <button class=\"ql-video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #editorSize>\n <div>\n @if (config!.buttons.rawEditor) {\n <span class=\"ql-formats\">\n <button id=\"rawdog\"\n [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\n <mat-icon (click)=\"rawEdit()\">\n code\n </mat-icon>\n </button>\n </span>\n }\n\n @if (config!.buttons.editorSize) {\n <span class=\"ql-formats\">\n <button id=\"fullscreen\"\n [matTooltip]=\"tooltip(fullscreen ?\n (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\n (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\n <mat-icon (click)=\"toggleFullscreen()\">\n {{ fullscreen ?\n (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\n (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\n }}\n </mat-icon>\n </button>\n </span>\n }\n </div>\n</ng-template>\n\n<ng-template #formula>\n @if (config!.buttons.formula) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\n <button class=\"ql-formula\"></button>\n </span>\n }\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }] }); }
|
|
130
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (users()) {\n <form>\n <quill-editor name=\"editor\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n [placeholder]=\"placeholder() ?? ''\"\n [format]=\"format()\"\n [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\n [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\n [readOnly]=\"readonly() ?? false\"\n [class.readonly]=\"readonly() && applyReadonlyStyle()\"\n [class.no-toolbar]=\"!showToolbar()\"\n [class.no-border]=\"!showBorder()\"\n [modules]=\"modules\"\n (onBlur)=\"onBlur.emit($event)\"\n (onContentChanged)=\"onContentChanged.emit($event)\"\n (onEditorChanged)=\"onEditorChanged.emit($event)\"\n (onEditorCreated)=\"onEditorCreated.emit()\"\n (onFocus)=\"onFocus.emit($event)\"\n (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n @if (showToolbar()) {\n <div quill-editor-toolbar>\n <ng-container [ngTemplateOutlet]=\"toolbar\"/>\n <ng-container [ngTemplateOutlet]=\"editorSize\"/>\n </div>\n }\n </quill-editor>\n </form>\n}\n\n<ng-template #toolbar>\n <div>\n <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\n <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\n <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\n <ng-container [ngTemplateOutlet]=\"listStyle\"/>\n <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\n <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\n <ng-container [ngTemplateOutlet]=\"rtl\"/>\n <ng-container [ngTemplateOutlet]=\"fontSize\"/>\n <ng-container [ngTemplateOutlet]=\"heading\"/>\n <ng-container [ngTemplateOutlet]=\"color\"/>\n <ng-container [ngTemplateOutlet]=\"font\"/>\n <ng-container [ngTemplateOutlet]=\"align\"/>\n <ng-container [ngTemplateOutlet]=\"clean\"/>\n <ng-container [ngTemplateOutlet]=\"formula\"/>\n <ng-container [ngTemplateOutlet]=\"media\"/>\n </div>\n</ng-template>\n\n<ng-template #fontStyle>\n @if (showFontStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.bold!) {\n <button class=\"ql-bold\" [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\n }\n @if (config()!.buttons!.italic!) {\n <button class=\"ql-italic\" [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\n }\n @if (config()!.buttons!.underline!) {\n <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\n }\n @if (config()!.buttons!.strike!) {\n <button class=\"ql-strike\" [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #blockStyle>\n @if (showBlockStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.blockquote!) {\n <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\n }\n @if (config()!.buttons!.codeblock!) {\n <button class=\"ql-code-block\" [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #headingStyle>\n @if (showQuickHeadingStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.h1!) {\n <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\n }\n @if (config()!.buttons!.h2!) {\n <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #listStyle>\n @if (showListStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.ordered!) {\n <button class=\"ql-list\" value=\"ordered\" [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\n }\n @if (config()!.buttons!.bulleted!) {\n <button class=\"ql-list\" value=\"bullet\" [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #scriptStyle>\n @if (showScriptStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.subScript!) {\n <button class=\"ql-script\" value=\"sub\" [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\n }\n @if (config()!.buttons!.superScript!) {\n <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #indentStyle>\n @if (showIndentStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.decreaseIndent!) {\n <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\n }\n @if (config()!.buttons!.increaseIndent!) {\n <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #rtl>\n @if (config()!.buttons!.rtl!) {\n <span class=\"ql-formats\">\n <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #fontSize>\n @if (config()!.buttons!.fontSize!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\n <select class=\"ql-size\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #heading>\n @if (config()!.buttons!.headingStyle!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\n <select class=\"ql-header\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option>\n <option selected=\"selected\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #color>\n @if (config()!.buttons!.color!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\"></select>\n </span>\n }\n</ng-template>\n\n<ng-template #font>\n @if (config()!.buttons!.font!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\n <select class=\"ql-font\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #align>\n @if (config()!.buttons!.align!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\n <select class=\"ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #clean>\n @if (config()!.buttons!.clean!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\n <button class=\"ql-clean\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #media>\n @if (showMedia) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.link!) {\n <button class=\"ql-link\" [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\n }\n @if (config()!.buttons!.image!) {\n <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\n }\n @if (config()!.buttons!.video!) {\n <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #editorSize>\n <div>\n @if (config()!.buttons!.rawEditor!) {\n <span class=\"ql-formats\">\n <button id=\"rawdog\"\n [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\n <mat-icon (click)=\"rawEdit()\">\n code\n </mat-icon>\n </button>\n </span>\n }\n\n @if (config()!.buttons!.editorSize!) {\n <span class=\"ql-formats\">\n <button id=\"fullscreen\"\n [matTooltip]=\"tooltip(fullscreen() ?\n (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\n (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\n <mat-icon (click)=\"toggleFullscreen()\">\n {{ fullscreen() ?\n (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\n (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\n }}\n </mat-icon>\n </button>\n </span>\n }\n </div>\n</ng-template>\n\n<ng-template #formula>\n @if (config()!.buttons!.formula!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\n <button class=\"ql-formula\"></button>\n </span>\n }\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }] }); }
|
|
145
131
|
}
|
|
146
132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: EditorComponent, decorators: [{
|
|
147
133
|
type: Component,
|
|
@@ -155,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
155
141
|
provide: NG_VALUE_ACCESSOR,
|
|
156
142
|
useExisting: forwardRef(() => EditorComponent),
|
|
157
143
|
multi: true
|
|
158
|
-
}], template: "@if (
|
|
144
|
+
}], template: "@if (users()) {\n <form>\n <quill-editor name=\"editor\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"updateChanges()\"\n [placeholder]=\"placeholder() ?? ''\"\n [format]=\"format()\"\n [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\n [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\n [readOnly]=\"readonly() ?? false\"\n [class.readonly]=\"readonly() && applyReadonlyStyle()\"\n [class.no-toolbar]=\"!showToolbar()\"\n [class.no-border]=\"!showBorder()\"\n [modules]=\"modules\"\n (onBlur)=\"onBlur.emit($event)\"\n (onContentChanged)=\"onContentChanged.emit($event)\"\n (onEditorChanged)=\"onEditorChanged.emit($event)\"\n (onEditorCreated)=\"onEditorCreated.emit()\"\n (onFocus)=\"onFocus.emit($event)\"\n (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n @if (showToolbar()) {\n <div quill-editor-toolbar>\n <ng-container [ngTemplateOutlet]=\"toolbar\"/>\n <ng-container [ngTemplateOutlet]=\"editorSize\"/>\n </div>\n }\n </quill-editor>\n </form>\n}\n\n<ng-template #toolbar>\n <div>\n <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\n <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\n <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\n <ng-container [ngTemplateOutlet]=\"listStyle\"/>\n <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\n <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\n <ng-container [ngTemplateOutlet]=\"rtl\"/>\n <ng-container [ngTemplateOutlet]=\"fontSize\"/>\n <ng-container [ngTemplateOutlet]=\"heading\"/>\n <ng-container [ngTemplateOutlet]=\"color\"/>\n <ng-container [ngTemplateOutlet]=\"font\"/>\n <ng-container [ngTemplateOutlet]=\"align\"/>\n <ng-container [ngTemplateOutlet]=\"clean\"/>\n <ng-container [ngTemplateOutlet]=\"formula\"/>\n <ng-container [ngTemplateOutlet]=\"media\"/>\n </div>\n</ng-template>\n\n<ng-template #fontStyle>\n @if (showFontStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.bold!) {\n <button class=\"ql-bold\" [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\n }\n @if (config()!.buttons!.italic!) {\n <button class=\"ql-italic\" [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\n }\n @if (config()!.buttons!.underline!) {\n <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\n }\n @if (config()!.buttons!.strike!) {\n <button class=\"ql-strike\" [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #blockStyle>\n @if (showBlockStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.blockquote!) {\n <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\n }\n @if (config()!.buttons!.codeblock!) {\n <button class=\"ql-code-block\" [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #headingStyle>\n @if (showQuickHeadingStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.h1!) {\n <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\n }\n @if (config()!.buttons!.h2!) {\n <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #listStyle>\n @if (showListStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.ordered!) {\n <button class=\"ql-list\" value=\"ordered\" [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\n }\n @if (config()!.buttons!.bulleted!) {\n <button class=\"ql-list\" value=\"bullet\" [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #scriptStyle>\n @if (showScriptStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.subScript!) {\n <button class=\"ql-script\" value=\"sub\" [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\n }\n @if (config()!.buttons!.superScript!) {\n <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #indentStyle>\n @if (showIndentStyle) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.decreaseIndent!) {\n <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\n }\n @if (config()!.buttons!.increaseIndent!) {\n <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #rtl>\n @if (config()!.buttons!.rtl!) {\n <span class=\"ql-formats\">\n <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #fontSize>\n @if (config()!.buttons!.fontSize!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\n <select class=\"ql-size\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #heading>\n @if (config()!.buttons!.headingStyle!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\n <select class=\"ql-header\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option>\n <option selected=\"selected\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #color>\n @if (config()!.buttons!.color!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\"></select>\n </span>\n }\n</ng-template>\n\n<ng-template #font>\n @if (config()!.buttons!.font!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\n <select class=\"ql-font\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #align>\n @if (config()!.buttons!.align!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\n <select class=\"ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n }\n</ng-template>\n\n<ng-template #clean>\n @if (config()!.buttons!.clean!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\n <button class=\"ql-clean\"></button>\n </span>\n }\n</ng-template>\n\n<ng-template #media>\n @if (showMedia) {\n <span class=\"ql-formats\">\n @if (config()!.buttons!.link!) {\n <button class=\"ql-link\" [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\n }\n @if (config()!.buttons!.image!) {\n <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\n }\n @if (config()!.buttons!.video!) {\n <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\n }\n </span>\n }\n</ng-template>\n\n<ng-template #editorSize>\n <div>\n @if (config()!.buttons!.rawEditor!) {\n <span class=\"ql-formats\">\n <button id=\"rawdog\"\n [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\n <mat-icon (click)=\"rawEdit()\">\n code\n </mat-icon>\n </button>\n </span>\n }\n\n @if (config()!.buttons!.editorSize!) {\n <span class=\"ql-formats\">\n <button id=\"fullscreen\"\n [matTooltip]=\"tooltip(fullscreen() ?\n (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\n (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\n <mat-icon (click)=\"toggleFullscreen()\">\n {{ fullscreen() ?\n (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\n (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\n }}\n </mat-icon>\n </button>\n </span>\n }\n </div>\n</ng-template>\n\n<ng-template #formula>\n @if (config()!.buttons!.formula!) {\n <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\n <button class=\"ql-formula\"></button>\n </span>\n }\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
|
|
159
145
|
}] });
|
|
160
146
|
|
|
161
147
|
class QuillMentionModule {
|
|
@@ -212,9 +198,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
212
198
|
type: SkipSelf
|
|
213
199
|
}] }] });
|
|
214
200
|
|
|
201
|
+
/*export * from './model/buttons';
|
|
202
|
+
export * from './model/config';
|
|
203
|
+
export * from './model/dialog-data';
|
|
204
|
+
export * from './model/icons';
|
|
205
|
+
export * from './model/tooltips';*/
|
|
206
|
+
|
|
215
207
|
/**
|
|
216
208
|
* Generated bundle index. Do not edit.
|
|
217
209
|
*/
|
|
218
210
|
|
|
219
|
-
export {
|
|
211
|
+
export { EditorComponent, QuillMentionModule };
|
|
220
212
|
//# sourceMappingURL=cleavelandprice-ngx-lib-quill-mention.mjs.map
|