@flogeez/angular-tiptap-editor 3.4.5 → 3.4.7

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 (21) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/esm2022/lib/components/edit-toggle/ate-edit-toggle.component.mjs +1 -1
  3. package/esm2022/lib/components/editor/angular-tiptap-editor.component.mjs +57 -22
  4. package/esm2022/lib/components/table-of-contents/ate-table-of-contents.component.mjs +5 -5
  5. package/esm2022/lib/components/ui/ate-button.component.mjs +4 -4
  6. package/esm2022/lib/i18n/ateTranslationsModel.mjs +1 -1
  7. package/esm2022/lib/i18n/de_ateTranslations.mjs +1 -1
  8. package/esm2022/lib/i18n/en_ateTranslations.mjs +1 -1
  9. package/esm2022/lib/i18n/fr_ateTranslations.mjs +1 -1
  10. package/esm2022/lib/services/ate-i18n.service.mjs +1 -1
  11. package/esm2022/public-api.mjs +2 -2
  12. package/fesm2022/flogeez-angular-tiptap-editor.mjs +61 -26
  13. package/fesm2022/flogeez-angular-tiptap-editor.mjs.map +1 -1
  14. package/lib/components/editor/angular-tiptap-editor.component.d.ts +19 -18
  15. package/lib/components/table-of-contents/ate-table-of-contents.component.d.ts +3 -3
  16. package/lib/components/ui/ate-button.component.d.ts +2 -2
  17. package/lib/services/ate-i18n.service.d.ts +1 -2
  18. package/package.json +1 -1
  19. package/public-api.d.ts +1 -1
  20. package/src/lib/styles/material-symbols.css +10 -0
  21. package/styles/material-symbols.css +10 -0
package/lib/components/editor/angular-tiptap-editor.component.d.ts CHANGED
@@ -26,38 +26,39 @@ export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDe
26
26
  config: import("@angular/core").InputSignal<AteEditorConfig>;
27
27
  content: import("@angular/core").InputSignal<string>;
28
28
  placeholder: import("@angular/core").InputSignal<string | undefined>;
29
- editable: import("@angular/core").InputSignal<boolean | undefined>;
30
- disabled: import("@angular/core").InputSignal<boolean | undefined>;
29
+ editable: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
30
+ disabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
31
31
  minHeight: import("@angular/core").InputSignal<string | number | undefined>;
32
32
  height: import("@angular/core").InputSignal<string | number | undefined>;
33
33
  maxHeight: import("@angular/core").InputSignal<string | number | undefined>;
34
- fillContainer: import("@angular/core").InputSignal<boolean | undefined>;
35
- showToolbar: import("@angular/core").InputSignal<boolean | undefined>;
36
- showFooter: import("@angular/core").InputSignal<boolean | undefined>;
37
- showCharacterCount: import("@angular/core").InputSignal<boolean | undefined>;
38
- showWordCount: import("@angular/core").InputSignal<boolean | undefined>;
34
+ fillContainer: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
35
+ showToolbar: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
36
+ showFooter: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
37
+ showCharacterCount: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
38
+ showWordCount: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
39
39
  maxCharacters: import("@angular/core").InputSignal<number | undefined>;
40
- enableOfficePaste: import("@angular/core").InputSignal<boolean | undefined>;
41
- enableSlashCommands: import("@angular/core").InputSignal<boolean | undefined>;
40
+ enableOfficePaste: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
41
+ enableSlashCommands: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
42
42
  slashCommands: import("@angular/core").InputSignal<AteSlashCommandsConfig | undefined>;
43
43
  customSlashCommands: import("@angular/core").InputSignal<AteCustomSlashCommands | undefined>;
44
44
  blockControls: import("@angular/core").InputSignal<AteBlockControlsMode | undefined>;
45
45
  locale: import("@angular/core").InputSignal<SupportedLocale | undefined>;
46
46
  autofocus: import("@angular/core").InputSignal<AteAutofocusMode | undefined>;
47
- seamless: import("@angular/core").InputSignal<boolean | undefined>;
48
- floatingToolbar: import("@angular/core").InputSignal<boolean | undefined>;
49
- showEditToggle: import("@angular/core").InputSignal<boolean | undefined>;
50
- spellcheck: import("@angular/core").InputSignal<boolean | undefined>;
47
+ mode: import("@angular/core").InputSignal<"classic" | "seamless" | undefined>;
48
+ seamless: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
49
+ floatingToolbar: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
50
+ showEditToggle: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
51
+ spellcheck: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
51
52
  tiptapExtensions: import("@angular/core").InputSignal<(Mark<any, any> | Node<any, any> | Extension<any, any>)[] | undefined>;
52
53
  tiptapOptions: import("@angular/core").InputSignal<Partial<EditorOptions> | undefined>;
53
- showBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
54
+ showBubbleMenu: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
54
55
  bubbleMenu: import("@angular/core").InputSignal<Partial<AteBubbleMenuConfig> | undefined>;
55
- showImageBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
56
+ showImageBubbleMenu: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
56
57
  imageBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>> | undefined>;
57
58
  toolbar: import("@angular/core").InputSignal<Partial<AteToolbarConfig> | undefined>;
58
- showTableBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
59
+ showTableBubbleMenu: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
59
60
  tableBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>> | undefined>;
60
- showCellBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
61
+ showCellBubbleMenu: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
61
62
  cellBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"mergeCells" | "splitCell", boolean>>> | undefined>;
62
63
  /**
63
64
  * Additionnal state calculators to extend the reactive editor state.
@@ -249,5 +250,5 @@ export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDe
249
250
  private setupFormControlSubscription;
250
251
  onEditorClick(event: Event): void;
251
252
  static ɵfac: i0.ɵɵFactoryDeclaration<AngularTiptapEditorComponent, never>;
252
- static ɵcmp: i0.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "fillContainer": { "alias": "fillContainer"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; "isSignal": true; }; "showWordCount": { "alias": "showWordCount"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "enableOfficePaste": { "alias": "enableOfficePaste"; "required": false; "isSignal": true; }; "enableSlashCommands": { "alias": "enableSlashCommands"; "required": false; "isSignal": true; }; "slashCommands": { "alias": "slashCommands"; "required": false; "isSignal": true; }; "customSlashCommands": { "alias": "customSlashCommands"; "required": false; "isSignal": true; }; "blockControls": { "alias": "blockControls"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "seamless": { "alias": "seamless"; "required": false; "isSignal": true; }; "floatingToolbar": { "alias": "floatingToolbar"; "required": false; "isSignal": true; }; "showEditToggle": { "alias": "showEditToggle"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "tiptapExtensions": { "alias": "tiptapExtensions"; "required": false; "isSignal": true; }; "tiptapOptions": { "alias": "tiptapOptions"; "required": false; "isSignal": true; }; "showBubbleMenu": { "alias": "showBubbleMenu"; "required": false; "isSignal": true; }; "bubbleMenu": { "alias": "bubbleMenu"; "required": false; "isSignal": true; }; "showImageBubbleMenu": { "alias": "showImageBubbleMenu"; "required": false; "isSignal": true; }; "imageBubbleMenu": { "alias": "imageBubbleMenu"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "showTableBubbleMenu": { "alias": "showTableBubbleMenu"; "required": false; "isSignal": true; }; "tableBubbleMenu": { "alias": "tableBubbleMenu"; "required": false; "isSignal": true; }; "showCellBubbleMenu": { "alias": "showCellBubbleMenu"; "required": false; "isSignal": true; }; "cellBubbleMenu": { "alias": "cellBubbleMenu"; "required": false; "isSignal": true; }; "stateCalculators": { "alias": "stateCalculators"; "required": false; "isSignal": true; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; "editorId": { "alias": "editorId"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "editableChange": "editableChange"; "imageUploaded": "imageUploaded"; }, never, never, true, [{ directive: typeof i1.AteNoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
253
+ static ɵcmp: i0.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "fillContainer": { "alias": "fillContainer"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; "isSignal": true; }; "showWordCount": { "alias": "showWordCount"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "enableOfficePaste": { "alias": "enableOfficePaste"; "required": false; "isSignal": true; }; "enableSlashCommands": { "alias": "enableSlashCommands"; "required": false; "isSignal": true; }; "slashCommands": { "alias": "slashCommands"; "required": false; "isSignal": true; }; "customSlashCommands": { "alias": "customSlashCommands"; "required": false; "isSignal": true; }; "blockControls": { "alias": "blockControls"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "seamless": { "alias": "seamless"; "required": false; "isSignal": true; }; "floatingToolbar": { "alias": "floatingToolbar"; "required": false; "isSignal": true; }; "showEditToggle": { "alias": "showEditToggle"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "tiptapExtensions": { "alias": "tiptapExtensions"; "required": false; "isSignal": true; }; "tiptapOptions": { "alias": "tiptapOptions"; "required": false; "isSignal": true; }; "showBubbleMenu": { "alias": "showBubbleMenu"; "required": false; "isSignal": true; }; "bubbleMenu": { "alias": "bubbleMenu"; "required": false; "isSignal": true; }; "showImageBubbleMenu": { "alias": "showImageBubbleMenu"; "required": false; "isSignal": true; }; "imageBubbleMenu": { "alias": "imageBubbleMenu"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "showTableBubbleMenu": { "alias": "showTableBubbleMenu"; "required": false; "isSignal": true; }; "tableBubbleMenu": { "alias": "tableBubbleMenu"; "required": false; "isSignal": true; }; "showCellBubbleMenu": { "alias": "showCellBubbleMenu"; "required": false; "isSignal": true; }; "cellBubbleMenu": { "alias": "cellBubbleMenu"; "required": false; "isSignal": true; }; "stateCalculators": { "alias": "stateCalculators"; "required": false; "isSignal": true; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; "editorId": { "alias": "editorId"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "editableChange": "editableChange"; "imageUploaded": "imageUploaded"; }, never, never, true, [{ directive: typeof i1.AteNoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
253
254
  }
package/lib/components/table-of-contents/ate-table-of-contents.component.d.ts CHANGED
@@ -11,12 +11,12 @@ import * as i0 from "@angular/core";
11
11
  export declare class AteTableOfContentsComponent implements OnDestroy {
12
12
  editor: import("@angular/core").InputSignal<string | Editor | AteEditorRef | null | undefined>;
13
13
  title: import("@angular/core").InputSignal<string | null>;
14
- showTitle: import("@angular/core").InputSignal<boolean>;
15
- floating: import("@angular/core").InputSignal<boolean>;
14
+ showTitle: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
15
+ floating: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
16
16
  positionMode: import("@angular/core").InputSignal<"fixed" | "absolute">;
17
17
  position: import("@angular/core").InputSignal<"left" | "right">;
18
18
  variant: import("@angular/core").InputSignal<AteTocVariant>;
19
- hoverExpand: import("@angular/core").InputSignal<boolean>;
19
+ hoverExpand: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
20
20
  maxDepth: import("@angular/core").InputSignalWithTransform<number, string | number>;
21
21
  private readonly registry;
22
22
  private readonly i18n;
package/lib/components/ui/ate-button.component.d.ts CHANGED
@@ -11,8 +11,8 @@ export interface AteButtonConfig {
11
11
  export declare class AteButtonComponent {
12
12
  icon: import("@angular/core").InputSignal<string>;
13
13
  title: import("@angular/core").InputSignal<string>;
14
- active: import("@angular/core").InputSignal<boolean>;
15
- disabled: import("@angular/core").InputSignal<boolean>;
14
+ active: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
15
+ disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
16
16
  color: import("@angular/core").InputSignal<string | undefined>;
17
17
  backgroundColor: import("@angular/core").InputSignal<string | undefined>;
18
18
  variant: import("@angular/core").InputSignal<"text" | "default" | "danger">;
package/lib/services/ate-i18n.service.d.ts CHANGED
@@ -31,12 +31,11 @@ export declare class AteI18nService {
31
31
  alignJustify: string;
32
32
  link: string;
33
33
  image: string;
34
- /** All loaded translations (useful for dynamic key access) */
35
34
  horizontalRule: string;
36
35
  table: string;
37
36
  undo: string;
38
37
  redo: string;
39
- clear: string;
38
+ clear: string; /** All loaded translations (useful for dynamic key access) */
40
39
  textColor: string;
41
40
  customColor: string;
42
41
  presets: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flogeez/angular-tiptap-editor",
3
- "version": "3.4.5",
3
+ "version": "3.4.7",
4
4
  "description": "A modern, customizable rich-text editor for Angular (18+), built with Tiptap and featuring complete internationalization support",
5
5
  "keywords": [
6
6
  "angular",
package/public-api.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from "./lib/components/editor/angular-tiptap-editor.component";
2
2
  export { AteTableOfContentsComponent } from "./lib/components/table-of-contents/ate-table-of-contents.component";
3
- export { AteTocNodeComponent, AteTocNodeOptions, getAteTocNodeExtension } from "./lib/components/table-of-contents/ate-toc-node.component";
3
+ export { AteTocNodeComponent, AteTocNodeOptions, getAteTocNodeExtension, } from "./lib/components/table-of-contents/ate-toc-node.component";
4
4
  export * from "./lib/ate-editor.provider";
5
5
  export * from "./lib/directives/ate-noop-value-accessor.directive";
6
6
  export * from "./lib/directives/ate-tooltip.directive";
package/src/lib/styles/material-symbols.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* Standard Material Symbols definition */
1
2
  .material-symbols-outlined {
2
3
  font-family: "Material Symbols Outlined";
3
4
  font-weight: normal;
@@ -19,3 +20,12 @@
19
20
  "GRAD" 0,
20
21
  "opsz" 24;
21
22
  }
23
+
24
+ /* Protection de la police d'icônes scopée aux composants de la librairie */
25
+ angular-tiptap-editor .material-symbols-outlined,
26
+ ate-table-of-contents .material-symbols-outlined {
27
+ font-family: "Material Symbols Outlined" !important;
28
+ text-transform: none !important;
29
+ font-feature-settings: "liga" !important;
30
+ -webkit-font-feature-settings: "liga" !important;
31
+ }
package/styles/material-symbols.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* Standard Material Symbols definition */
1
2
  .material-symbols-outlined {
2
3
  font-family: "Material Symbols Outlined";
3
4
  font-weight: normal;
@@ -19,3 +20,12 @@
19
20
  "GRAD" 0,
20
21
  "opsz" 24;
21
22
  }
23
+
24
+ /* Protection de la police d'icônes scopée aux composants de la librairie */
25
+ angular-tiptap-editor .material-symbols-outlined,
26
+ ate-table-of-contents .material-symbols-outlined {
27
+ font-family: "Material Symbols Outlined" !important;
28
+ text-transform: none !important;
29
+ font-feature-settings: "liga" !important;
30
+ -webkit-font-feature-settings: "liga" !important;
31
+ }