@talrace/ngx-noder 0.0.4 → 0.0.6
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/README.md +72 -64
- package/esm2022/lib/+shared/abstract/base-api.service.mjs +4 -4
- package/esm2022/lib/+shared/abstract/observer.component.mjs +4 -4
- package/esm2022/lib/+shared/add-link-dialog/add-link-dialog.component.mjs +11 -7
- package/esm2022/lib/+shared/confirm-dialog/confirm-dialog.component.mjs +12 -8
- package/esm2022/lib/+shared/editor/core/components/edges/edge.component.mjs +4 -4
- package/esm2022/lib/+shared/editor/core/editor.mjs +7 -14
- package/esm2022/lib/+shared/editor/core/helpers/rendering.helper.mjs +9 -8
- package/esm2022/lib/+shared/editor/core/layers/text.layer.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/external-element/external.component.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/image/components/image.component.mjs +7 -6
- package/esm2022/lib/+shared/editor/custom-components/image/resizer/resizer.component.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/image/services/image-api.service.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/shared/abstract/base.component.mjs +6 -4
- package/esm2022/lib/+shared/editor/custom-components/shared/services/component/component.service.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/shared/services/custom-content/custom-content.service.mjs +9 -15
- package/esm2022/lib/+shared/editor/custom-components/shared/services/overlay/overlay.service.mjs +4 -4
- package/esm2022/lib/+shared/editor/custom-components/tab/tab.component.mjs +6 -5
- package/esm2022/lib/+shared/editor/custom-components/table/components/table-cell.component.mjs +8 -6
- package/esm2022/lib/+shared/editor/custom-components/table/components/table.component.mjs +10 -8
- package/esm2022/lib/+shared/editor/custom-components/table/overlay-menu/overlay-menu.component.mjs +4 -4
- package/esm2022/lib/+shared/editor/editor.component.mjs +7 -14
- package/esm2022/lib/+shared/editor/editor.module.mjs +5 -8
- package/esm2022/lib/+shared/editor/execution/models/general-properties.model.mjs +1 -1
- package/esm2022/lib/+shared/editor/execution/regulator.service.mjs +18 -8
- package/esm2022/lib/+shared/editor/interaction/editor.service.mjs +4 -4
- package/esm2022/lib/+shared/editor-search/editor-search-dialog.component.mjs +4 -4
- package/esm2022/lib/+shared/editor-title/editor-title.component.mjs +83 -0
- package/esm2022/lib/+shared/editor-toolbar/color-picker/color-picker.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/editor-toolbar.component.mjs +78 -92
- package/esm2022/lib/+shared/editor-toolbar/editor-toolbar.module.mjs +15 -5
- package/esm2022/lib/+shared/editor-toolbar/font/font.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/font-size/font-size.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/font-style/font-style.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/format/format.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/heading/heading.component.mjs +4 -4
- package/esm2022/lib/+shared/editor-toolbar/menu-dropdowns/menu-dropdowns.component.mjs +194 -0
- package/esm2022/lib/+shared/editor-toolbar/numbering/numbering.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/print/print.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/toolbar-actions/toolbar-actions.component.mjs +126 -0
- package/esm2022/lib/+shared/editor-toolbar/undo-redo/undo-redo.component.mjs +5 -5
- package/esm2022/lib/+shared/editor-toolbar/zoom/zoom.component.mjs +4 -4
- package/esm2022/lib/+shared/helpers/scaling.helper.mjs +9 -0
- package/esm2022/lib/+shared/insert-table/insert-table.component.mjs +4 -4
- package/esm2022/lib/+shared/services/commands.service.mjs +4 -4
- package/esm2022/lib/+shared/services/custom-icon.service.mjs +4 -4
- package/esm2022/public-api.mjs +2 -2
- package/fesm2022/talrace-ngx-noder.mjs +545 -488
- package/fesm2022/talrace-ngx-noder.mjs.map +1 -1
- package/lib/+shared/add-link-dialog/add-link-dialog.component.d.ts +1 -0
- package/lib/+shared/confirm-dialog/confirm-dialog.component.d.ts +1 -0
- package/lib/+shared/editor/core/editor.d.ts +3 -3
- package/lib/+shared/editor/core/helpers/rendering.helper.d.ts +3 -3
- package/lib/+shared/editor/custom-components/shared/abstract/base.component.d.ts +3 -1
- package/lib/+shared/editor/custom-components/shared/services/custom-content/custom-content.service.d.ts +1 -1
- package/lib/+shared/editor/custom-components/table/components/table-cell.component.d.ts +2 -2
- package/lib/+shared/editor/custom-components/table/components/table.component.d.ts +0 -2
- package/lib/+shared/editor/editor.component.d.ts +1 -5
- package/lib/+shared/editor/editor.module.d.ts +15 -16
- package/lib/+shared/editor/execution/models/general-properties.model.d.ts +1 -0
- package/lib/+shared/editor/execution/regulator.service.d.ts +2 -2
- package/lib/+shared/editor-title/editor-title.component.d.ts +24 -0
- package/lib/+shared/editor-toolbar/editor-toolbar.component.d.ts +31 -30
- package/lib/+shared/editor-toolbar/editor-toolbar.module.d.ts +19 -16
- package/lib/+shared/editor-toolbar/menu-dropdowns/menu-dropdowns.component.d.ts +73 -0
- package/lib/+shared/editor-toolbar/toolbar-actions/toolbar-actions.component.d.ts +49 -0
- package/lib/+shared/helpers/scaling.helper.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/src/_ngx-noder.theme.scss +10 -8
- package/src/lib/+shared/add-link-dialog/_add-link-dialog.theme.scss +3 -3
- package/src/lib/+shared/confirm-dialog/_theme.scss +6 -6
- package/src/lib/+shared/editor/_editor.theme.scss +84 -15
- package/src/lib/+shared/editor/_theme.scss +0 -2
- package/src/lib/+shared/editor-title/_editor-title.theme.scss +28 -0
- package/src/lib/+shared/editor-toolbar/_editor-toolbar.theme.scss +1 -24
- package/src/lib/+shared/editor-toolbar/_theme.scss +16 -2
- package/src/lib/+shared/editor-toolbar/font/_font.theme.scss +12 -0
- package/src/lib/+shared/editor-toolbar/font-size/_font-size.theme.scss +14 -0
- package/src/lib/+shared/editor-toolbar/font-style/_font-style.theme.scss +21 -0
- package/src/lib/+shared/editor-toolbar/format/_format.theme.scss +21 -0
- package/src/lib/+shared/editor-toolbar/menu-dropdowns/_menu-dropdowns.theme.scss +26 -0
- package/src/lib/+shared/editor-toolbar/numbering/_numbering.theme.scss +52 -11
- package/src/lib/+shared/editor-toolbar/toolbar-actions/_toolbar-actions.theme.scss +21 -0
- package/src/lib/+shared/editor-toolbar/undo-redo/_undo-redo.theme.scss +16 -0
- package/src/lib/+shared/insert-table/_insert-table.theme.scss +9 -6
- package/src/scss/_mixins.scss +2 -37
- package/esm2022/lib/+shared/editor/custom-components/external-element/element-toolbar/element-toolbar.component.mjs +0 -35
- package/esm2022/lib/+shared/editor-header/editor-header.component.mjs +0 -314
- package/lib/+shared/editor/custom-components/external-element/element-toolbar/element-toolbar.component.d.ts +0 -14
- package/lib/+shared/editor-header/editor-header.component.d.ts +0 -101
- package/src/lib/+shared/editor/custom-components/external-element/element-toolbar/_element-toolbar.theme.scss +0 -10
- 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
|
-
}
|