@acorex/components 20.2.3 → 20.2.4

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 (6) hide show
  1. package/fesm2022/acorex-components-form.mjs +3 -9
  2. package/fesm2022/acorex-components-form.mjs.map +1 -1
  3. package/fesm2022/acorex-components-wysiwyg.mjs +187 -438
  4. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  5. package/package.json +20 -18
  6. package/wysiwyg/index.d.ts +55 -158
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "20.2.3",
3
+ "version": "20.2.4",
4
4
  "peerDependencies": {
5
- "@acorex/core": "20.2.3",
6
- "@acorex/cdk": "20.2.3",
5
+ "@acorex/core": "20.2.4",
6
+ "@acorex/cdk": "20.2.4",
7
7
  "@angular/common": "^20.0.0",
8
8
  "@angular/core": "^20.0.0",
9
9
  "@angular/cdk": "^20.0.0",
@@ -15,6 +15,8 @@
15
15
  "leaflet": "^1.9.4",
16
16
  "leaflet-draw": "^1.0.4",
17
17
  "leaflet.locatecontrol": "^0.81.1",
18
+ "highlight.js": "^11.11.1",
19
+ "quill": "^2.0.3",
18
20
  "quill-delta-to-html": ">=0.12.1",
19
21
  "@codemirror/state": "^6.4.0",
20
22
  "@codemirror/view": "^6.30.0",
@@ -137,14 +139,6 @@
137
139
  "types": "./command/index.d.ts",
138
140
  "default": "./fesm2022/acorex-components-command.mjs"
139
141
  },
140
- "./comment": {
141
- "types": "./comment/index.d.ts",
142
- "default": "./fesm2022/acorex-components-comment.mjs"
143
- },
144
- "./conversation": {
145
- "types": "./conversation/index.d.ts",
146
- "default": "./fesm2022/acorex-components-conversation.mjs"
147
- },
148
142
  "./cron-job": {
149
143
  "types": "./cron-job/index.d.ts",
150
144
  "default": "./fesm2022/acorex-components-cron-job.mjs"
@@ -429,22 +423,22 @@
429
423
  "types": "./text-box/index.d.ts",
430
424
  "default": "./fesm2022/acorex-components-text-box.mjs"
431
425
  },
432
- "./time-duration": {
433
- "types": "./time-duration/index.d.ts",
434
- "default": "./fesm2022/acorex-components-time-duration.mjs"
435
- },
436
426
  "./time-line": {
437
427
  "types": "./time-line/index.d.ts",
438
428
  "default": "./fesm2022/acorex-components-time-line.mjs"
439
429
  },
440
- "./toolbar": {
441
- "types": "./toolbar/index.d.ts",
442
- "default": "./fesm2022/acorex-components-toolbar.mjs"
430
+ "./time-duration": {
431
+ "types": "./time-duration/index.d.ts",
432
+ "default": "./fesm2022/acorex-components-time-duration.mjs"
443
433
  },
444
434
  "./toast": {
445
435
  "types": "./toast/index.d.ts",
446
436
  "default": "./fesm2022/acorex-components-toast.mjs"
447
437
  },
438
+ "./toolbar": {
439
+ "types": "./toolbar/index.d.ts",
440
+ "default": "./fesm2022/acorex-components-toolbar.mjs"
441
+ },
448
442
  "./tooltip": {
449
443
  "types": "./tooltip/index.d.ts",
450
444
  "default": "./fesm2022/acorex-components-tooltip.mjs"
@@ -453,6 +447,14 @@
453
447
  "types": "./tree-view/index.d.ts",
454
448
  "default": "./fesm2022/acorex-components-tree-view.mjs"
455
449
  },
450
+ "./conversation": {
451
+ "types": "./conversation/index.d.ts",
452
+ "default": "./fesm2022/acorex-components-conversation.mjs"
453
+ },
454
+ "./comment": {
455
+ "types": "./comment/index.d.ts",
456
+ "default": "./fesm2022/acorex-components-comment.mjs"
457
+ },
456
458
  "./uploader": {
457
459
  "types": "./uploader/index.d.ts",
458
460
  "default": "./fesm2022/acorex-components-uploader.mjs"
package/wysiwyg/index.d.ts CHANGED
@@ -1,31 +1,19 @@
1
- import * as _angular_core from '@angular/core';
2
- import { OnDestroy } from '@angular/core';
1
+ import * as polytype from 'polytype';
2
+ import * as i0 from '@angular/core';
3
+ import { OnDestroy, ElementRef } from '@angular/core';
4
+ import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
3
5
  import * as i1 from '@acorex/components/button';
4
6
  import * as i2 from '@acorex/components/decorators';
5
7
  import * as i3 from '@acorex/components/select-box';
6
8
  import * as i4 from '@angular/forms';
7
9
  import * as i5 from '@acorex/components/color-palette';
8
10
  import * as i6 from '@acorex/components/popover';
9
- import { AXPopoverOpenTrigger, AXPopoverCloseTrigger } from '@acorex/components/popover';
10
11
  import * as i7 from '@acorex/components/text-box';
11
- import * as polytype from 'polytype';
12
- import { MXInputBaseValueComponent, MXLookComponent, AXPlacement } from '@acorex/cdk/common';
13
- import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
14
-
15
- declare class AXWysiwygService {
16
- wysiwyg: _angular_core.WritableSignal<AXWysiwyg>;
17
- isEditorClean: _angular_core.WritableSignal<boolean>;
18
- currentSelectedElemArray: _angular_core.WritableSignal<string[]>;
19
- currentSelectedElemList: _angular_core.WritableSignal<string>;
20
- currentSelectedElemAlign: _angular_core.WritableSignal<string>;
21
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygService, never>;
22
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXWysiwygService>;
23
- }
24
12
 
25
13
  declare const AXWysiwygContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
26
14
  new (): MXInputBaseValueComponent<string>;
27
- ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
28
- ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
15
+ ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
16
+ ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
29
17
  }, typeof MXLookComponent]>;
30
18
  /**
31
19
  * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
@@ -33,16 +21,18 @@ declare const AXWysiwygContainerComponent_base: polytype.Polytype.ClusteredConst
33
21
  */
34
22
  declare class AXWysiwygContainerComponent extends AXWysiwygContainerComponent_base implements OnDestroy {
35
23
  #private;
36
- /** @ignore */
37
- protected service: AXWysiwygService;
38
- /** @ignore */
39
- private zone;
40
24
  /**
41
25
  * Specifies the placeholder text.
42
26
  *
43
27
  */
44
- placeHolder: _angular_core.InputSignal<string>;
45
- protected isQuillLoaded: _angular_core.WritableSignal<boolean>;
28
+ placeHolder: i0.InputSignal<string>;
29
+ private wysiwygService;
30
+ protected isQuillLoaded: i0.WritableSignal<boolean>;
31
+ private isEditorClean;
32
+ private wysiwyg;
33
+ private container;
34
+ private toolbar;
35
+ private platformId;
46
36
  /** @ignore */
47
37
  protected changeHandler(): void;
48
38
  /** @ignore */
@@ -73,23 +63,19 @@ declare class AXWysiwygContainerComponent extends AXWysiwygContainerComponent_ba
73
63
  */
74
64
  setDisabledState(isDisabled: boolean): void;
75
65
  private get __hostName();
76
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygContainerComponent, never>;
77
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygContainerComponent, "ax-wysiwyg-container", never, { "look": { "alias": "look"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["*", "ax-validation-rule"], true, never>;
66
+ get __hostClass(): string;
67
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygContainerComponent, never>;
68
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygContainerComponent, "ax-wysiwyg-container", never, { "look": { "alias": "look"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, ["container", "toolbar"], ["*", "ax-validation-rule"], true, never>;
78
69
  }
79
70
 
80
71
  /**
81
72
  * @category Components
82
73
  * A component for viewing WYSIWYG content.
83
74
  */
84
- declare class AXWysiwygViewComponent {
85
- classes: _angular_core.InputSignal<string>;
86
- /** @ignore */
87
- protected wysiwygService: AXWysiwygService;
88
- get __hostClass(): string;
89
- protected onKeydownHandler(e: any): void;
90
- protected editorStateHandler(e: any): void;
91
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygViewComponent, never>;
92
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygViewComponent, "ax-wysiwyg-view", never, { "classes": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
75
+ declare class AXWysiwygToolbarComponent {
76
+ toolbar: i0.Signal<ElementRef<HTMLDivElement>>;
77
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygToolbarComponent, never>;
78
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygToolbarComponent, "ax-wysiwyg-toolbar", never, {}, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
93
79
  }
94
80
 
95
81
  /**
@@ -97,24 +83,15 @@ declare class AXWysiwygViewComponent {
97
83
  * @category Components
98
84
  */
99
85
  declare class AXWysiwygAlignmentComponent {
100
- /** @ignore */
101
- service: AXWysiwygService;
102
- /** @ignore */
103
- protected alignState: _angular_core.WritableSignal<string>;
104
- /** @ignore */
105
- protected popoverOption: {
106
- openOn: AXPopoverOpenTrigger;
107
- closeOn: AXPopoverCloseTrigger;
108
- placement: AXPlacement;
109
- offsetX: number;
110
- offsetY: number;
111
- };
112
- /** @ignore */
113
- constructor();
114
- /** @ignore */
115
- protected alignStateHandler(e: any): void;
116
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygAlignmentComponent, never>;
117
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygAlignmentComponent, "ax-wysiwyg-alignment", never, {}, {}, never, never, true, never>;
86
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygAlignmentComponent, never>;
87
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygAlignmentComponent, "ax-wysiwyg-alignment", never, {}, {}, never, never, true, never>;
88
+ }
89
+
90
+ declare class WysiwygService {
91
+ selectedColor: i0.WritableSignal<string>;
92
+ selectedBackgroundColor: i0.WritableSignal<string>;
93
+ static ɵfac: i0.ɵɵFactoryDeclaration<WysiwygService, never>;
94
+ static ɵprov: i0.ɵɵInjectableDeclaration<WysiwygService>;
118
95
  }
119
96
 
120
97
  /**
@@ -122,36 +99,9 @@ declare class AXWysiwygAlignmentComponent {
122
99
  * @category Components
123
100
  */
124
101
  declare class AXWysiwygColorsComponent {
125
- /** @ignore */
126
- service: AXWysiwygService;
127
- /** @ignore */
128
- protected selectedColor: _angular_core.WritableSignal<string>;
129
- /** @ignore */
130
- protected selectedHighlightColor: _angular_core.WritableSignal<string>;
131
- /** @ignore */
132
- protected userInteractColor: _angular_core.WritableSignal<boolean>;
133
- /** @ignore */
134
- protected userInteractHighligh: _angular_core.WritableSignal<boolean>;
135
- /** @ignore */
136
- protected popoverOption: {
137
- openOn: AXPopoverOpenTrigger;
138
- closeOn: AXPopoverCloseTrigger;
139
- placement: AXPlacement;
140
- offsetX: number;
141
- offsetY: number;
142
- };
143
- /** @ignore */
144
- constructor();
145
- /** @ignore */
146
- protected changeColorHandler(e: string): void;
147
- /** @ignore */
148
- protected changeHighlightColorHandler(e: string): void;
149
- /** @ignore */
150
- protected initialHighlightHandler(): void;
151
- /** @ignore */
152
- protected initialColorHandler(): void;
153
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygColorsComponent, never>;
154
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygColorsComponent, "ax-wysiwyg-colors", never, {}, {}, never, never, true, never>;
102
+ protected wysiwygService: WysiwygService;
103
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygColorsComponent, never>;
104
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygColorsComponent, "ax-wysiwyg-colors", never, {}, {}, never, never, true, never>;
155
105
  }
156
106
 
157
107
  /**
@@ -159,34 +109,8 @@ declare class AXWysiwygColorsComponent {
159
109
  * @category Components
160
110
  */
161
111
  declare class AXWysiwygFontStyleComponent {
162
- /** @ignore */
163
- parent: AXWysiwygContainerComponent;
164
- /** @ignore */
165
- protected boldState: _angular_core.WritableSignal<boolean>;
166
- /** @ignore */
167
- protected italicState: _angular_core.WritableSignal<boolean>;
168
- /** @ignore */
169
- protected underLineState: _angular_core.WritableSignal<boolean>;
170
- /** @ignore */
171
- protected strikeLineState: _angular_core.WritableSignal<boolean>;
172
- /** @ignore */
173
- protected selectedFont: _angular_core.WritableSignal<string>;
174
- /** @ignore */
175
- service: AXWysiwygService;
176
- /** @ignore */
177
- constructor();
178
- /** @ignore */
179
- protected bold(): void;
180
- /** @ignore */
181
- protected italic(): void;
182
- /** @ignore */
183
- protected underLine(): void;
184
- /** @ignore */
185
- protected strike(): void;
186
- /** @ignore */
187
- protected fontSizeHandler(e: 'medium' | 'small' | 'large' | 'huge'): void;
188
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygFontStyleComponent, never>;
189
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygFontStyleComponent, "ax-wysiwyg-font-style", never, {}, {}, never, never, true, never>;
112
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygFontStyleComponent, never>;
113
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygFontStyleComponent, "ax-wysiwyg-font-style", never, {}, {}, never, never, true, never>;
190
114
  }
191
115
 
192
116
  /**
@@ -194,14 +118,8 @@ declare class AXWysiwygFontStyleComponent {
194
118
  * @category Components
195
119
  */
196
120
  declare class AXWysiwygHistoryComponent {
197
- /** @ignore */
198
- service: AXWysiwygService;
199
- /** @ignore */
200
- protected undo(): void;
201
- /** @ignore */
202
- protected redo(): void;
203
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygHistoryComponent, never>;
204
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygHistoryComponent, "ax-wysiwyg-history", never, {}, {}, never, never, true, never>;
121
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygHistoryComponent, never>;
122
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygHistoryComponent, "ax-wysiwyg-history", never, {}, {}, never, never, true, never>;
205
123
  }
206
124
 
207
125
  /**
@@ -209,29 +127,8 @@ declare class AXWysiwygHistoryComponent {
209
127
  * @category Components
210
128
  */
211
129
  declare class AXWysiwygInsertComponent {
212
- #private;
213
- /** @ignore */
214
- service: AXWysiwygService;
215
- protected isCodeActive: _angular_core.WritableSignal<boolean>;
216
- /** @ignore */
217
- textBoxOptions: {
218
- text: string;
219
- placeholder: string;
220
- size: string;
221
- };
222
- /** @ignore */
223
- protected popoverOption: {
224
- openOn: AXPopoverOpenTrigger;
225
- closeOn: AXPopoverCloseTrigger;
226
- placement: AXPlacement;
227
- offsetX: number;
228
- offsetY: number;
229
- };
230
- /** @ignore */
231
- protected submitLink(): void;
232
- protected codeBlock(): void;
233
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygInsertComponent, never>;
234
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygInsertComponent, "ax-wysiwyg-insert", never, {}, {}, never, never, true, never>;
130
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygInsertComponent, never>;
131
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygInsertComponent, "ax-wysiwyg-insert", never, {}, {}, never, never, true, never>;
235
132
  }
236
133
 
237
134
  /**
@@ -239,24 +136,24 @@ declare class AXWysiwygInsertComponent {
239
136
  * @category Components
240
137
  */
241
138
  declare class AXWysiwygListComponent {
242
- /** @ignore */
243
- service: AXWysiwygService;
244
- /** @ignore */
245
- protected listState: _angular_core.WritableSignal<string>;
246
- /** @ignore */
247
- constructor();
248
- /** @ignore */
249
- protected orderList(): void;
250
- /** @ignore */
251
- protected unOrderList(): void;
252
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygListComponent, never>;
253
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXWysiwygListComponent, "ax-wysiwyg-list", never, {}, {}, never, never, true, never>;
139
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygListComponent, never>;
140
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygListComponent, "ax-wysiwyg-list", never, {}, {}, never, never, true, never>;
141
+ }
142
+
143
+ /**
144
+ * @category Components
145
+ * A component for viewing WYSIWYG content.
146
+ */
147
+ declare class AXWysiwygViewComponent {
148
+ editor: i0.Signal<ElementRef<HTMLDivElement>>;
149
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygViewComponent, never>;
150
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygViewComponent, "ax-wysiwyg-view", never, {}, {}, never, never, true, never>;
254
151
  }
255
152
 
256
153
  declare class AXWysiwygModule {
257
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwygModule, never>;
258
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXWysiwygModule, never, [typeof i1.AXButtonModule, typeof i2.AXDecoratorModule, typeof i3.AXSelectBoxModule, typeof i4.FormsModule, typeof i5.AXColorPaletteModule, typeof i6.AXPopoverModule, typeof i7.AXTextBoxModule, typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent], [typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent]>;
259
- static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXWysiwygModule>;
154
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygModule, never>;
155
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXWysiwygModule, never, [typeof i1.AXButtonModule, typeof i2.AXDecoratorModule, typeof i3.AXSelectBoxModule, typeof i4.FormsModule, typeof i5.AXColorPaletteModule, typeof i6.AXPopoverModule, typeof i7.AXTextBoxModule, typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent, typeof AXWysiwygToolbarComponent], [typeof AXWysiwygContainerComponent, typeof AXWysiwygViewComponent, typeof AXWysiwygAlignmentComponent, typeof AXWysiwygColorsComponent, typeof AXWysiwygFontStyleComponent, typeof AXWysiwygHistoryComponent, typeof AXWysiwygInsertComponent, typeof AXWysiwygListComponent, typeof AXWysiwygToolbarComponent]>;
156
+ static ɵinj: i0.ɵɵInjectorDeclaration<AXWysiwygModule>;
260
157
  }
261
158
 
262
- export { AXWysiwygAlignmentComponent, AXWysiwygColorsComponent, AXWysiwygContainerComponent, AXWysiwygFontStyleComponent, AXWysiwygHistoryComponent, AXWysiwygInsertComponent, AXWysiwygListComponent, AXWysiwygModule, AXWysiwygViewComponent };
159
+ export { AXWysiwygAlignmentComponent, AXWysiwygColorsComponent, AXWysiwygContainerComponent, AXWysiwygFontStyleComponent, AXWysiwygHistoryComponent, AXWysiwygInsertComponent, AXWysiwygListComponent, AXWysiwygModule, AXWysiwygToolbarComponent, AXWysiwygViewComponent };