@talrace/ngx-noder 0.0.4 → 0.0.5

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 (75) hide show
  1. package/README.md +72 -64
  2. package/esm2022/lib/+shared/add-link-dialog/add-link-dialog.component.mjs +9 -5
  3. package/esm2022/lib/+shared/confirm-dialog/confirm-dialog.component.mjs +10 -6
  4. package/esm2022/lib/+shared/editor/core/editor.mjs +7 -14
  5. package/esm2022/lib/+shared/editor/core/helpers/rendering.helper.mjs +9 -8
  6. package/esm2022/lib/+shared/editor/core/layers/text.layer.mjs +4 -4
  7. package/esm2022/lib/+shared/editor/custom-components/image/components/image.component.mjs +4 -3
  8. package/esm2022/lib/+shared/editor/custom-components/shared/abstract/base.component.mjs +4 -2
  9. package/esm2022/lib/+shared/editor/custom-components/shared/services/custom-content/custom-content.service.mjs +6 -12
  10. package/esm2022/lib/+shared/editor/custom-components/tab/tab.component.mjs +3 -2
  11. package/esm2022/lib/+shared/editor/custom-components/table/components/table-cell.component.mjs +6 -4
  12. package/esm2022/lib/+shared/editor/custom-components/table/components/table.component.mjs +7 -5
  13. package/esm2022/lib/+shared/editor/editor.component.mjs +5 -12
  14. package/esm2022/lib/+shared/editor/editor.module.mjs +1 -4
  15. package/esm2022/lib/+shared/editor/execution/models/general-properties.model.mjs +1 -1
  16. package/esm2022/lib/+shared/editor/execution/regulator.service.mjs +15 -5
  17. package/esm2022/lib/+shared/editor-title/editor-title.component.mjs +83 -0
  18. package/esm2022/lib/+shared/editor-toolbar/color-picker/color-picker.component.mjs +2 -2
  19. package/esm2022/lib/+shared/editor-toolbar/editor-toolbar.component.mjs +77 -91
  20. package/esm2022/lib/+shared/editor-toolbar/editor-toolbar.module.mjs +11 -1
  21. package/esm2022/lib/+shared/editor-toolbar/font/font.component.mjs +3 -3
  22. package/esm2022/lib/+shared/editor-toolbar/font-size/font-size.component.mjs +2 -2
  23. package/esm2022/lib/+shared/editor-toolbar/font-style/font-style.component.mjs +2 -2
  24. package/esm2022/lib/+shared/editor-toolbar/menu-dropdowns/menu-dropdowns.component.mjs +194 -0
  25. package/esm2022/lib/+shared/editor-toolbar/numbering/numbering.component.mjs +3 -3
  26. package/esm2022/lib/+shared/editor-toolbar/print/print.component.mjs +2 -2
  27. package/esm2022/lib/+shared/editor-toolbar/toolbar-actions/toolbar-actions.component.mjs +126 -0
  28. package/esm2022/lib/+shared/editor-toolbar/undo-redo/undo-redo.component.mjs +2 -2
  29. package/esm2022/lib/+shared/helpers/scaling.helper.mjs +9 -0
  30. package/esm2022/public-api.mjs +2 -2
  31. package/fesm2022/talrace-ngx-noder.mjs +455 -398
  32. package/fesm2022/talrace-ngx-noder.mjs.map +1 -1
  33. package/lib/+shared/add-link-dialog/add-link-dialog.component.d.ts +1 -0
  34. package/lib/+shared/confirm-dialog/confirm-dialog.component.d.ts +1 -0
  35. package/lib/+shared/editor/core/editor.d.ts +3 -3
  36. package/lib/+shared/editor/core/helpers/rendering.helper.d.ts +3 -3
  37. package/lib/+shared/editor/custom-components/shared/abstract/base.component.d.ts +3 -1
  38. package/lib/+shared/editor/custom-components/shared/services/custom-content/custom-content.service.d.ts +1 -1
  39. package/lib/+shared/editor/custom-components/table/components/table-cell.component.d.ts +2 -2
  40. package/lib/+shared/editor/custom-components/table/components/table.component.d.ts +0 -2
  41. package/lib/+shared/editor/editor.component.d.ts +1 -5
  42. package/lib/+shared/editor/editor.module.d.ts +15 -16
  43. package/lib/+shared/editor/execution/models/general-properties.model.d.ts +1 -0
  44. package/lib/+shared/editor/execution/regulator.service.d.ts +2 -2
  45. package/lib/+shared/editor-title/editor-title.component.d.ts +24 -0
  46. package/lib/+shared/editor-toolbar/editor-toolbar.component.d.ts +31 -30
  47. package/lib/+shared/editor-toolbar/editor-toolbar.module.d.ts +19 -16
  48. package/lib/+shared/editor-toolbar/menu-dropdowns/menu-dropdowns.component.d.ts +73 -0
  49. package/lib/+shared/editor-toolbar/toolbar-actions/toolbar-actions.component.d.ts +49 -0
  50. package/lib/+shared/helpers/scaling.helper.d.ts +4 -0
  51. package/package.json +1 -1
  52. package/public-api.d.ts +1 -1
  53. package/src/_ngx-noder.theme.scss +10 -8
  54. package/src/lib/+shared/add-link-dialog/_add-link-dialog.theme.scss +3 -3
  55. package/src/lib/+shared/confirm-dialog/_theme.scss +6 -6
  56. package/src/lib/+shared/editor/_editor.theme.scss +84 -15
  57. package/src/lib/+shared/editor/_theme.scss +0 -2
  58. package/src/lib/+shared/editor-title/_editor-title.theme.scss +28 -0
  59. package/src/lib/+shared/editor-toolbar/_editor-toolbar.theme.scss +1 -24
  60. package/src/lib/+shared/editor-toolbar/_theme.scss +14 -2
  61. package/src/lib/+shared/editor-toolbar/font-size/_font-size.theme.scss +14 -0
  62. package/src/lib/+shared/editor-toolbar/font-style/_font-style.theme.scss +21 -0
  63. package/src/lib/+shared/editor-toolbar/format/_format.theme.scss +21 -0
  64. package/src/lib/+shared/editor-toolbar/menu-dropdowns/_menu-dropdowns.theme.scss +22 -0
  65. package/src/lib/+shared/editor-toolbar/numbering/_numbering.theme.scss +52 -11
  66. package/src/lib/+shared/editor-toolbar/toolbar-actions/_toolbar-actions.theme.scss +21 -0
  67. package/src/lib/+shared/editor-toolbar/undo-redo/_undo-redo.theme.scss +16 -0
  68. package/src/lib/+shared/insert-table/_insert-table.theme.scss +9 -6
  69. package/src/scss/_mixins.scss +2 -37
  70. package/esm2022/lib/+shared/editor/custom-components/external-element/element-toolbar/element-toolbar.component.mjs +0 -35
  71. package/esm2022/lib/+shared/editor-header/editor-header.component.mjs +0 -314
  72. package/lib/+shared/editor/custom-components/external-element/element-toolbar/element-toolbar.component.d.ts +0 -14
  73. package/lib/+shared/editor-header/editor-header.component.d.ts +0 -101
  74. package/src/lib/+shared/editor/custom-components/external-element/element-toolbar/_element-toolbar.theme.scss +0 -10
  75. package/src/lib/+shared/editor-header/_editor-header.theme.scss +0 -106
@@ -1,101 +0,0 @@
1
- import { EventEmitter, Injector, ChangeDetectorRef, ElementRef } from '@angular/core';
2
- import { MatMenu } from '@angular/material/menu';
3
- import { Alignment } from '../editor-toolbar/enums/alignment.enum';
4
- import { CustomIconService } from '../services/custom-icon.service';
5
- import { ElementDataModel } from '../editor/custom-components/external-element/models/element-data.model';
6
- import { ExternalElementModel } from '../editor/custom-components/external-element/models/external-element.model';
7
- import { IToolbarStyles } from '../editor/core/interfaces/toolbar-styles.interface';
8
- import { Mode } from '../enums/mode.enum';
9
- import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
10
- import { NumberingTemplateType } from '../editor-toolbar/enums/numbering-template-type.enum';
11
- import { OperationsHistoryInfoModel } from '../editor/operation-history/operations-history-info.model';
12
- import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
13
- import { TextStyleModel } from '../../models/generated/text-style.model';
14
- import * as i0 from "@angular/core";
15
- export declare class EditorHeaderComponent {
16
- private cdr;
17
- private injector;
18
- private customIconService;
19
- isViewOnly: boolean;
20
- hasSelection: boolean;
21
- clipboardData: string;
22
- title: string;
23
- set historyInfo(value: OperationsHistoryInfoModel);
24
- openFileFromDisk: EventEmitter<any>;
25
- addCustomElement: EventEmitter<ElementDataModel>;
26
- saveAs: EventEmitter<any>;
27
- print: EventEmitter<any>;
28
- insertPageBreak: EventEmitter<any>;
29
- createDocument: EventEmitter<any>;
30
- insertImage: EventEmitter<any>;
31
- changeMode: EventEmitter<Mode>;
32
- renameDocumentTitle: EventEmitter<string>;
33
- delete: EventEmitter<string>;
34
- openEditMenu: EventEmitter<any>;
35
- undo: EventEmitter<string>;
36
- redo: EventEmitter<string>;
37
- cutSelected: EventEmitter<any>;
38
- copySelected: EventEmitter<any>;
39
- pasteClipboardData: EventEmitter<any>;
40
- selectAll: EventEmitter<any>;
41
- removeSelected: EventEmitter<any>;
42
- insertLink: EventEmitter<any>;
43
- createElement: EventEmitter<ElementDataModel>;
44
- changeParagraphStyle: EventEmitter<ParagraphStyleModel>;
45
- changeTextStyle: EventEmitter<TextStyleModel>;
46
- setNumberingTemplateType: EventEmitter<NumberingLevelModel[]>;
47
- removeNumberings: EventEmitter<void>;
48
- titleSpan: ElementRef<HTMLElement>;
49
- set styles(value: IToolbarStyles);
50
- get styles(): IToolbarStyles;
51
- private _styles;
52
- insertTable: EventEmitter<{
53
- rows: number;
54
- columns: number;
55
- }>;
56
- tableInsertMenu: MatMenu;
57
- readonly elements: ExternalElementModel[];
58
- readonly mode: typeof Mode;
59
- readonly alignments: typeof Alignment;
60
- selectedMode: Mode;
61
- canUndo: boolean;
62
- canRedo: boolean;
63
- numberingTemplateType: NumberingTemplateType | null;
64
- numberingTemplateTypes: typeof NumberingTemplateType;
65
- modeOptions: {
66
- id: Mode;
67
- name: string;
68
- text: string;
69
- icon: string;
70
- }[];
71
- showInsertTableMenu: boolean;
72
- constructor(cdr: ChangeDetectorRef, injector: Injector, customIconService: CustomIconService);
73
- onOpenFileFromDisk(event: any): void;
74
- onSaveAs(): void;
75
- onPrint(): void;
76
- onDelete(): void;
77
- onInsertImage(event: any): void;
78
- onInsertLink(): void;
79
- onRenameTitle(event: FocusEvent): void;
80
- onRename(): void;
81
- onFocus(event: MouseEvent): void;
82
- menuOpened(): void;
83
- onUndo(): void;
84
- onRedo(): void;
85
- onCut(): void;
86
- onCopy(): void;
87
- onPaste(): void;
88
- onSelectAll(): void;
89
- onRemoveSelected(): void;
90
- onSelectFormat(alignment: Alignment): void;
91
- onApplyBold(): void;
92
- onApplyUnderline(): void;
93
- onApplyItalic(): void;
94
- onSelectNumberingTemplate(numberingTemplateType: NumberingTemplateType): void;
95
- onCreate(model: ExternalElementModel): Promise<void>;
96
- private setTitleActive;
97
- private checkFontLoadedAndApplyStyle;
98
- onTableInsertMenuClosed(): void;
99
- static ɵfac: i0.ɵɵFactoryDeclaration<EditorHeaderComponent, never>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<EditorHeaderComponent, "app-editor-header", never, { "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "hasSelection": { "alias": "hasSelection"; "required": false; }; "clipboardData": { "alias": "clipboardData"; "required": false; }; "title": { "alias": "title"; "required": false; }; "historyInfo": { "alias": "historyInfo"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; }, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "print": "print"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "insertImage": "insertImage"; "changeMode": "changeMode"; "renameDocumentTitle": "renameDocumentTitle"; "delete": "delete"; "openEditMenu": "openEditMenu"; "undo": "undo"; "redo": "redo"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; "insertLink": "insertLink"; "createElement": "createElement"; "changeParagraphStyle": "changeParagraphStyle"; "changeTextStyle": "changeTextStyle"; "setNumberingTemplateType": "setNumberingTemplateType"; "removeNumberings": "removeNumberings"; "insertTable": "insertTable"; }, never, never, true, never>;
101
- }
@@ -1,10 +0,0 @@
1
- @use '@angular/material' as mat;
2
- @use 'sass:map';
3
-
4
- @mixin element-toolbar-theme($theme) {
5
- $background: map.get($theme, background);
6
-
7
- .mat-mdc-raised-button:not(:disabled), .menu-items {
8
- background-color: mat.get-color-from-palette($background, new-item-menu-background);
9
- }
10
- }
@@ -1,106 +0,0 @@
1
- @use '@angular/material' as mat;
2
- @use 'sass:map';
3
-
4
- @mixin editor-header-component-theme($theme) {
5
- $background: map.get($theme, background);
6
- $foreground: map.get($theme, foreground);
7
-
8
- app-editor-header {
9
- background-color: mat.get-color-from-palette($background, page-header);
10
-
11
- .file-name {
12
- color: mat.get-color-from-palette($foreground, text);
13
- }
14
- }
15
-
16
- .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
17
- color: unset;
18
- }
19
-
20
- div.mat-mdc-select-panel {
21
- background-color: mat.get-color-from-palette($background, new-item-menu-background);
22
-
23
- .mat-mdc-option.mdc-list-item--selected,
24
- .mat-mdc-option:hover {
25
- background-color: mat.get-color-from-palette($background, new-item-menu-hover);
26
- }
27
- }
28
-
29
- .mat-mdc-menu-content {
30
- button {
31
- .mat-mdc-menu-submenu-icon {
32
- color: mat.get-color-from-palette($foreground, secondary-text);
33
- }
34
- }
35
-
36
- button:hover {
37
- background-color: mat.get-color-from-palette($background, focused-button);
38
-
39
- .mat-mdc-menu-submenu-icon {
40
- color: mat.get-color-from-palette($foreground, text);
41
- }
42
- }
43
-
44
- #editor-header-menu-item-print, #editor-header-menu-item-redo, #editor-header-menu-item-paste, #editor-header-menu-item-link, #editor-header-menu-item-image {
45
- border-bottom-color: mat.get-color-from-palette($background, new-item-menu-hover);
46
- }
47
- }
48
-
49
- .hot-keys {
50
- color: mat.get-color-from-palette($foreground, secondary-text);
51
- }
52
-
53
- app-editor-header .editor-mode {
54
- border-color: mat.get-color-from-palette($foreground, menu-separator);
55
- }
56
-
57
- .item-text {
58
- color: mat.get-color-from-palette($foreground, secondary-text);
59
- }
60
-
61
- .separator {
62
- border-color: mat.get-color-from-palette($foreground, text);
63
- }
64
-
65
- .mat-mdc-select-arrow svg {
66
- color: mat.get-color-from-palette($foreground, text);
67
- }
68
-
69
- .list-marker, .list-number {
70
- mat-icon {
71
- stroke: mat.get-color-from-palette($foreground, numbering-line);
72
-
73
- .line {
74
- fill: mat.get-color-from-palette($foreground, numbering-line);
75
- }
76
-
77
- .bullet {
78
- stroke: mat.get-color-from-palette($foreground, numbering-bullet);
79
- }
80
-
81
- .filled {
82
- fill: mat.get-color-from-palette($foreground, numbering-bullet);
83
- }
84
- }
85
-
86
- mat-icon:hover {
87
- background-color: mat.get-color-from-palette($background, numbering-hover);
88
- }
89
- }
90
-
91
- .list-number mat-icon svg path {
92
- fill: mat.get-color-from-palette($foreground, text);
93
- }
94
-
95
- .mat-mdc-menu-panel .mat-mdc-menu-content {
96
- .list-icon, .list-number {
97
- .selected {
98
- border-color: mat.get-color-from-palette($foreground, text-accent-secondary)!important;
99
- }
100
-
101
- .selected:hover {
102
- border-color: mat.get-color-from-palette($foreground, text-accent-secondary);
103
- }
104
- }
105
- }
106
- }