@progress/kendo-angular-editor 17.0.0-develop.21 → 17.0.0-develop.23
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/common/commands.d.ts +5 -5
- package/common/direction.d.ts +1 -1
- package/common/plugins-function.d.ts +1 -1
- package/common/predicate.d.ts +1 -1
- package/config/utils.d.ts +2 -2
- package/dialogs/colorpicker-dialog.component.d.ts +1 -1
- package/dialogs/file-link-dialog.component.d.ts +1 -1
- package/dialogs/font-family-dialog.component.d.ts +1 -1
- package/dialogs/font-size-dialog.component.d.ts +1 -1
- package/dialogs/format-dialog.component.d.ts +1 -1
- package/dialogs/image-dialog.component.d.ts +1 -1
- package/dialogs/insert-table-dialog.component.d.ts +1 -1
- package/dialogs/source-dialog.component.d.ts +1 -1
- package/editor.component.d.ts +1 -1
- package/{esm2020 → esm2022}/common/provider.service.mjs +4 -3
- package/{esm2020 → esm2022}/dialogs/colorpicker-dialog.component.mjs +16 -4
- package/{esm2020 → esm2022}/dialogs/file-link-dialog.component.mjs +14 -9
- package/{esm2020 → esm2022}/dialogs/font-family-dialog.component.mjs +12 -5
- package/{esm2020 → esm2022}/dialogs/font-size-dialog.component.mjs +12 -5
- package/{esm2020 → esm2022}/dialogs/format-dialog.component.mjs +12 -5
- package/{esm2020 → esm2022}/dialogs/image-dialog.component.mjs +28 -20
- package/{esm2020 → esm2022}/dialogs/insert-table-dialog.component.mjs +7 -4
- package/{esm2020 → esm2022}/dialogs/source-dialog.component.mjs +9 -5
- package/{esm2020 → esm2022}/editor.component.mjs +218 -179
- package/{esm2020 → esm2022}/editor.module.mjs +4 -4
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/localization/editor-localization.service.mjs +3 -3
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +7 -6
- package/esm2022/localization/messages.mjs +364 -0
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/preventable-events/paste-event.mjs +12 -0
- package/{esm2020 → esm2022}/preventable-events/preventable-event.mjs +1 -3
- package/{esm2020 → esm2022}/tools/alignment/editor-align-center-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/alignment/editor-align-justify-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/alignment/editor-align-left-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/alignment/editor-align-right-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/blockquote/editor-blockquote-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/colorpicker/editor-back-color.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tools/colorpicker/editor-colorpicker.component.mjs +59 -33
- package/{esm2020 → esm2022}/tools/colorpicker/editor-fore-color.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tools/editor-clean-formatting-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/fontfamily/editor-fontfamily-dropdownlist.component.mjs +14 -7
- package/{esm2020 → esm2022}/tools/fontfamily/editor-fontfamily.component.mjs +53 -41
- package/{esm2020 → esm2022}/tools/fontsize/editor-fontsize-dropdownlist.component.mjs +14 -7
- package/{esm2020 → esm2022}/tools/fontsize/editor-fontsize.component.mjs +48 -36
- package/{esm2020 → esm2022}/tools/format/editor-format-dropdownlist.component.mjs +14 -7
- package/{esm2020 → esm2022}/tools/format/editor-format.component.mjs +41 -36
- package/{esm2020 → esm2022}/tools/history/editor-redo-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/history/editor-undo-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/image/editor-insert-image-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/indentation/editor-indent-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/indentation/editor-outdent-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/link/editor-create-link-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/link/editor-insert-file-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/link/editor-unlink-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/list/editor-insert-ordered-list-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/list/editor-insert-unordered-list-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/print/editor-print-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/select-all/select-all-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/shared/dropdown-tool.directive.mjs +11 -9
- package/{esm2020 → esm2022}/tools/shared/editor-command-base.mjs +9 -3
- package/{esm2020 → esm2022}/tools/shared/editor-command-button.mjs +5 -0
- package/{esm2020 → esm2022}/tools/shared/editor-command-dialog.mjs +5 -0
- package/{esm2020 → esm2022}/tools/source/editor-view-source-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-add-column-after-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-add-column-before-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-add-row-after-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-add-row-before-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-delete-column-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-delete-row-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-delete-table-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-insert-table-button.component.mjs +26 -15
- package/{esm2020 → esm2022}/tools/tables/editor-merge-cells-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/editor-split-cell-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/tables/popup-table-grid.component.mjs +11 -10
- package/{esm2020 → esm2022}/tools/tools.service.mjs +5 -4
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-bold-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-italic-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-strikethrough-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-subscript-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-superscript-button.directive.mjs +3 -3
- package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-underline-button.directive.mjs +3 -3
- package/{fesm2020 → fesm2022}/progress-kendo-angular-editor.mjs +1027 -581
- package/localization/messages.d.ts +1 -1
- package/package.json +23 -29
- package/schematics/ngAdd/index.js +4 -4
- package/tools/colorpicker/editor-colorpicker.component.d.ts +2 -4
- package/tools/fontfamily/editor-fontfamily-dropdownlist.component.d.ts +1 -1
- package/tools/fontfamily/editor-fontfamily.component.d.ts +2 -4
- package/tools/fontsize/editor-fontsize-dropdownlist.component.d.ts +1 -1
- package/tools/fontsize/editor-fontsize.component.d.ts +2 -4
- package/tools/format/editor-format-dropdownlist.component.d.ts +1 -1
- package/tools/format/editor-format.component.d.ts +2 -4
- package/tools/tables/editor-insert-table-button.component.d.ts +0 -2
- package/esm2020/localization/messages.mjs +0 -132
- package/fesm2015/progress-kendo-angular-editor.mjs +0 -6406
- /package/{esm2020 → esm2022}/common/active-marks.mjs +0 -0
- /package/{esm2020 → esm2022}/common/apply-to-word-options.mjs +0 -0
- /package/{esm2020 → esm2022}/common/commands.mjs +0 -0
- /package/{esm2020 → esm2022}/common/css-settings.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/direction.mjs +0 -0
- /package/{esm2020 → esm2022}/common/error-messages.mjs +0 -0
- /package/{esm2020 → esm2022}/common/font-family-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/font-size-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/format-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/image-data.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/link-data.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/paste-cleanup-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/common/plugins-function.mjs +0 -0
- /package/{esm2020 → esm2022}/common/predicate.mjs +0 -0
- /package/{esm2020 → esm2022}/common/resizable-options.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/styles.mjs +0 -0
- /package/{esm2020 → esm2022}/common/table-data.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/config/command-icons.mjs +0 -0
- /package/{esm2020 → esm2022}/config/commands.mjs +0 -0
- /package/{esm2020 → esm2022}/config/schema.mjs +0 -0
- /package/{esm2020 → esm2022}/config/semantic-nodes.mjs +0 -0
- /package/{esm2020 → esm2022}/config/table-commands.mjs +0 -0
- /package/{esm2020 → esm2022}/config/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/editor-toolbar-state.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-editor.mjs +0 -0
- /package/{esm2020 → esm2022}/util.mjs +0 -0
|
@@ -17,16 +17,17 @@ import * as i1 from "./editor-colorpicker.component";
|
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
19
|
export class EditorForeColorDirective {
|
|
20
|
+
colorPicker;
|
|
20
21
|
constructor(colorPicker) {
|
|
21
22
|
this.colorPicker = colorPicker;
|
|
22
23
|
this.colorPicker.icon = commandIcons.foreColor;
|
|
23
24
|
this.colorPicker.svgIcon = commandSVGIcons.foreColor;
|
|
24
25
|
this.colorPicker.editorCommand = 'foreColor';
|
|
25
26
|
}
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorForeColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
|
|
26
29
|
}
|
|
27
|
-
|
|
28
|
-
EditorForeColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorForeColorDirective, decorators: [{
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorForeColorDirective, decorators: [{
|
|
30
31
|
type: Directive,
|
|
31
32
|
args: [{
|
|
32
33
|
selector: '[kendoEditorForeColor]',
|
|
@@ -27,10 +27,10 @@ export class EditorCleanFormattingButtonDirective extends EditorCommandButton {
|
|
|
27
27
|
constructor(button, localization, providerService, toolsService) {
|
|
28
28
|
super('cleanFormatting', button, localization, providerService, toolsService);
|
|
29
29
|
}
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
|
|
30
32
|
}
|
|
31
|
-
|
|
32
|
-
EditorCleanFormattingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]',
|
|
@@ -11,18 +11,24 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class FontFamilyDropDownListComponent {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
data;
|
|
15
|
+
value;
|
|
16
|
+
defaultItem;
|
|
17
|
+
itemDisabled;
|
|
18
|
+
title;
|
|
19
|
+
disabled;
|
|
20
|
+
tabindex;
|
|
21
|
+
valueChange = new EventEmitter();
|
|
22
|
+
element;
|
|
23
|
+
dropDownList;
|
|
17
24
|
onValueChange(tag) {
|
|
18
25
|
this.valueChange.emit(tag);
|
|
19
26
|
}
|
|
20
27
|
focus() {
|
|
21
28
|
this.dropDownList.focus();
|
|
22
29
|
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontFamilyDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
26
32
|
<kendo-dropdownlist
|
|
27
33
|
#element
|
|
28
34
|
kendoEditorDropDownTool
|
|
@@ -46,7 +52,8 @@ FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
|
|
|
46
52
|
</ng-template>
|
|
47
53
|
</kendo-dropdownlist>
|
|
48
54
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
49
|
-
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontFamilyDropDownListComponent, decorators: [{
|
|
50
57
|
type: Component,
|
|
51
58
|
args: [{
|
|
52
59
|
selector: 'kendo-editor-fontfamily-dropdownlist',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
|
-
import { Component,
|
|
6
|
+
import { Component, ViewChild, ElementRef, forwardRef, Input, Output, EventEmitter, Renderer2 } from '@angular/core';
|
|
7
7
|
import { NgIf } from '@angular/common';
|
|
8
8
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
9
9
|
import { DialogService } from '@progress/kendo-angular-dialog';
|
|
@@ -32,36 +32,13 @@ import * as i4 from "../tools.service";
|
|
|
32
32
|
* ```
|
|
33
33
|
*/
|
|
34
34
|
export class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
this.tabindex = -1;
|
|
43
|
-
/**
|
|
44
|
-
* Fires when the user updates the value of the drop-down list.
|
|
45
|
-
*/
|
|
46
|
-
this.valueChange = new EventEmitter();
|
|
47
|
-
this.fontFamilySVGIcon = fontFamilyIcon;
|
|
48
|
-
this._data = [
|
|
49
|
-
{ text: 'Arial', fontName: 'Arial,"Helvetica Neue",Helvetica,sans-serif' },
|
|
50
|
-
{ text: 'Courier New', fontName: '"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace' },
|
|
51
|
-
{ text: 'Georgia', fontName: 'Georgia,Times,"Times New Roman",serif' },
|
|
52
|
-
{
|
|
53
|
-
fontName: 'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
|
|
54
|
-
text: 'Impact'
|
|
55
|
-
},
|
|
56
|
-
{ text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
|
|
57
|
-
{ text: 'Tahoma', fontName: 'Tahoma,Verdana,Segoe,sans-serif' },
|
|
58
|
-
{ text: 'Times New Roman', fontName: 'TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif' },
|
|
59
|
-
{ text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
|
|
60
|
-
{ text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
|
|
61
|
-
];
|
|
62
|
-
this.editor = providerService.editor;
|
|
63
|
-
this.isBuiltInTool = true;
|
|
64
|
-
}
|
|
35
|
+
dialogService;
|
|
36
|
+
localization;
|
|
37
|
+
toolsService;
|
|
38
|
+
renderer;
|
|
39
|
+
value;
|
|
40
|
+
disabled = false;
|
|
41
|
+
tabindex = -1;
|
|
65
42
|
/**
|
|
66
43
|
* Overrides the default font list.
|
|
67
44
|
*/
|
|
@@ -71,6 +48,47 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
71
48
|
get data() {
|
|
72
49
|
return this._data;
|
|
73
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Fires when the user updates the value of the drop-down list.
|
|
53
|
+
*/
|
|
54
|
+
valueChange = new EventEmitter();
|
|
55
|
+
element;
|
|
56
|
+
fontFamilyDropDownList;
|
|
57
|
+
fontFamilyButton;
|
|
58
|
+
/**
|
|
59
|
+
* @hidden
|
|
60
|
+
*/
|
|
61
|
+
defaultItem;
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
itemDisabled;
|
|
66
|
+
fontFamilySVGIcon = fontFamilyIcon;
|
|
67
|
+
subs;
|
|
68
|
+
editor;
|
|
69
|
+
_data = [
|
|
70
|
+
{ text: 'Arial', fontName: 'Arial,"Helvetica Neue",Helvetica,sans-serif' },
|
|
71
|
+
{ text: 'Courier New', fontName: '"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace' },
|
|
72
|
+
{ text: 'Georgia', fontName: 'Georgia,Times,"Times New Roman",serif' },
|
|
73
|
+
{
|
|
74
|
+
fontName: 'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
|
|
75
|
+
text: 'Impact'
|
|
76
|
+
},
|
|
77
|
+
{ text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
|
|
78
|
+
{ text: 'Tahoma', fontName: 'Tahoma,Verdana,Segoe,sans-serif' },
|
|
79
|
+
{ text: 'Times New Roman', fontName: 'TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif' },
|
|
80
|
+
{ text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
|
|
81
|
+
{ text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
|
|
82
|
+
];
|
|
83
|
+
constructor(dialogService, localization, providerService, toolsService, renderer) {
|
|
84
|
+
super();
|
|
85
|
+
this.dialogService = dialogService;
|
|
86
|
+
this.localization = localization;
|
|
87
|
+
this.toolsService = toolsService;
|
|
88
|
+
this.renderer = renderer;
|
|
89
|
+
this.editor = providerService.editor;
|
|
90
|
+
this.isBuiltInTool = true;
|
|
91
|
+
}
|
|
74
92
|
ngOnInit() {
|
|
75
93
|
this.itemDisabled = (itemArgs) => {
|
|
76
94
|
if (!this.overflows && this.fontFamilyDropDownList && !this.fontFamilyDropDownList.dropDownList.isOpen) {
|
|
@@ -158,9 +176,8 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
158
176
|
this.tabindex = -1;
|
|
159
177
|
return false;
|
|
160
178
|
}
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
164
181
|
<ng-template #toolbarTemplate>
|
|
165
182
|
<kendo-editor-fontfamily-dropdownlist
|
|
166
183
|
#element
|
|
@@ -191,7 +208,8 @@ EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
191
208
|
</div>
|
|
192
209
|
</ng-template>
|
|
193
210
|
`, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
194
|
-
|
|
211
|
+
}
|
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
|
|
195
213
|
type: Component,
|
|
196
214
|
args: [{
|
|
197
215
|
providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }],
|
|
@@ -234,12 +252,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
234
252
|
type: Input
|
|
235
253
|
}], valueChange: [{
|
|
236
254
|
type: Output
|
|
237
|
-
}], toolbarTemplate: [{
|
|
238
|
-
type: ViewChild,
|
|
239
|
-
args: ['toolbarTemplate', { static: true }]
|
|
240
|
-
}], popupTemplate: [{
|
|
241
|
-
type: ViewChild,
|
|
242
|
-
args: ['popupTemplate', { static: true }]
|
|
243
255
|
}], element: [{
|
|
244
256
|
type: ViewChild,
|
|
245
257
|
args: ['element']
|
|
@@ -10,18 +10,24 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class FontSizeDropDownListComponent {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
data;
|
|
14
|
+
value;
|
|
15
|
+
defaultItem;
|
|
16
|
+
itemDisabled;
|
|
17
|
+
title;
|
|
18
|
+
disabled;
|
|
19
|
+
tabindex;
|
|
20
|
+
valueChange = new EventEmitter();
|
|
21
|
+
element;
|
|
22
|
+
dropDownList;
|
|
16
23
|
onValueChange(size) {
|
|
17
24
|
this.valueChange.emit(size);
|
|
18
25
|
}
|
|
19
26
|
focus() {
|
|
20
27
|
this.dropDownList.focus();
|
|
21
28
|
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
25
31
|
<kendo-dropdownlist
|
|
26
32
|
#element
|
|
27
33
|
kendoEditorDropDownTool
|
|
@@ -40,7 +46,8 @@ FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
40
46
|
>
|
|
41
47
|
</kendo-dropdownlist>
|
|
42
48
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
|
|
43
|
-
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
|
|
44
51
|
type: Component,
|
|
45
52
|
args: [{
|
|
46
53
|
selector: 'kendo-editor-fontsize-dropdownlist',
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input,
|
|
5
|
+
import { Component, Input, ViewChild, ElementRef, forwardRef, Output, EventEmitter, Renderer2 } from '@angular/core';
|
|
6
6
|
import { NgIf } from '@angular/common';
|
|
7
7
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
8
8
|
import { fontSizeIcon } from '@progress/kendo-svg-icons';
|
|
@@ -31,31 +31,13 @@ import * as i4 from "../tools.service";
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
this.tabindex = -1;
|
|
42
|
-
/**
|
|
43
|
-
* Fires when the user updates the value of the drop-down list.
|
|
44
|
-
*/
|
|
45
|
-
this.valueChange = new EventEmitter();
|
|
46
|
-
this.fontSizeSVGIcon = fontSizeIcon;
|
|
47
|
-
this._data = [
|
|
48
|
-
{ text: '8px', size: '8px' },
|
|
49
|
-
{ text: '10px', size: '10px' },
|
|
50
|
-
{ text: '12px', size: '12px' },
|
|
51
|
-
{ text: '14px', size: '14px' },
|
|
52
|
-
{ text: '18px', size: '18px' },
|
|
53
|
-
{ text: '24px', size: '24px' },
|
|
54
|
-
{ text: '36px', size: '36px' }
|
|
55
|
-
];
|
|
56
|
-
this.editor = providerService.editor;
|
|
57
|
-
this.isBuiltInTool = true;
|
|
58
|
-
}
|
|
34
|
+
dialogService;
|
|
35
|
+
localization;
|
|
36
|
+
toolsService;
|
|
37
|
+
renderer;
|
|
38
|
+
value;
|
|
39
|
+
disabled = false;
|
|
40
|
+
tabindex = -1;
|
|
59
41
|
/**
|
|
60
42
|
* Overrides the default font size list.
|
|
61
43
|
* Numeric values are treated as pixels.
|
|
@@ -75,6 +57,42 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
|
75
57
|
get data() {
|
|
76
58
|
return this._data;
|
|
77
59
|
}
|
|
60
|
+
/**
|
|
61
|
+
* Fires when the user updates the value of the drop-down list.
|
|
62
|
+
*/
|
|
63
|
+
valueChange = new EventEmitter();
|
|
64
|
+
element;
|
|
65
|
+
fontSizeDropDownList;
|
|
66
|
+
fontSizeButton;
|
|
67
|
+
/**
|
|
68
|
+
* @hidden
|
|
69
|
+
*/
|
|
70
|
+
defaultItem;
|
|
71
|
+
fontSizeSVGIcon = fontSizeIcon;
|
|
72
|
+
/**
|
|
73
|
+
* @hidden
|
|
74
|
+
*/
|
|
75
|
+
itemDisabled;
|
|
76
|
+
subs;
|
|
77
|
+
editor;
|
|
78
|
+
_data = [
|
|
79
|
+
{ text: '8px', size: '8px' },
|
|
80
|
+
{ text: '10px', size: '10px' },
|
|
81
|
+
{ text: '12px', size: '12px' },
|
|
82
|
+
{ text: '14px', size: '14px' },
|
|
83
|
+
{ text: '18px', size: '18px' },
|
|
84
|
+
{ text: '24px', size: '24px' },
|
|
85
|
+
{ text: '36px', size: '36px' }
|
|
86
|
+
];
|
|
87
|
+
constructor(dialogService, localization, providerService, toolsService, renderer) {
|
|
88
|
+
super();
|
|
89
|
+
this.dialogService = dialogService;
|
|
90
|
+
this.localization = localization;
|
|
91
|
+
this.toolsService = toolsService;
|
|
92
|
+
this.renderer = renderer;
|
|
93
|
+
this.editor = providerService.editor;
|
|
94
|
+
this.isBuiltInTool = true;
|
|
95
|
+
}
|
|
78
96
|
ngOnInit() {
|
|
79
97
|
this.itemDisabled = itemArgs => {
|
|
80
98
|
if (!this.overflows && this.fontSizeDropDownList && !this.fontSizeDropDownList.dropDownList.isOpen) {
|
|
@@ -164,9 +182,8 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
|
164
182
|
this.tabindex = -1;
|
|
165
183
|
return false;
|
|
166
184
|
}
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
170
187
|
<ng-template #toolbarTemplate>
|
|
171
188
|
<kendo-editor-fontsize-dropdownlist
|
|
172
189
|
#element
|
|
@@ -197,7 +214,8 @@ EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
197
214
|
</div>
|
|
198
215
|
</ng-template>
|
|
199
216
|
`, isInline: true, dependencies: [{ kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
200
|
-
|
|
217
|
+
}
|
|
218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
|
|
201
219
|
type: Component,
|
|
202
220
|
args: [{
|
|
203
221
|
providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }],
|
|
@@ -240,12 +258,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
240
258
|
type: Input
|
|
241
259
|
}], valueChange: [{
|
|
242
260
|
type: Output
|
|
243
|
-
}], toolbarTemplate: [{
|
|
244
|
-
type: ViewChild,
|
|
245
|
-
args: ['toolbarTemplate', { static: true }]
|
|
246
|
-
}], popupTemplate: [{
|
|
247
|
-
type: ViewChild,
|
|
248
|
-
args: ['popupTemplate', { static: true }]
|
|
249
261
|
}], element: [{
|
|
250
262
|
type: ViewChild,
|
|
251
263
|
args: ['element']
|
|
@@ -11,18 +11,24 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class FormatDropDownListComponent {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
data;
|
|
15
|
+
value;
|
|
16
|
+
defaultItem;
|
|
17
|
+
itemDisabled;
|
|
18
|
+
title;
|
|
19
|
+
disabled;
|
|
20
|
+
tabindex;
|
|
21
|
+
valueChange = new EventEmitter();
|
|
22
|
+
element;
|
|
23
|
+
dropDownList;
|
|
17
24
|
onValueChange(tag) {
|
|
18
25
|
this.valueChange.emit(tag);
|
|
19
26
|
}
|
|
20
27
|
focus() {
|
|
21
28
|
this.dropDownList.focus();
|
|
22
29
|
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDropDownListComponent, isStandalone: true, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormatDropDownListComponent, isStandalone: true, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
|
|
26
32
|
<kendo-dropdownlist
|
|
27
33
|
#element
|
|
28
34
|
kendoEditorDropDownTool
|
|
@@ -74,7 +80,8 @@ FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
74
80
|
</ng-template>
|
|
75
81
|
</kendo-dropdownlist>
|
|
76
82
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
77
|
-
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatDropDownListComponent, decorators: [{
|
|
78
85
|
type: Component,
|
|
79
86
|
args: [{
|
|
80
87
|
selector: 'kendo-editor-format-dropdownlist',
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component,
|
|
5
|
+
import { Component, ViewChild, Input, forwardRef, Output, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
|
|
6
6
|
import { NgIf } from '@angular/common';
|
|
7
7
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
8
8
|
import { DialogService } from '@progress/kendo-angular-dialog';
|
|
@@ -31,31 +31,15 @@ import * as i4 from "../tools.service";
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class EditorFormatComponent extends ToolBarToolComponent {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
* Fires when the user updates the value of the drop-down list.
|
|
44
|
-
*/
|
|
45
|
-
this.valueChange = new EventEmitter();
|
|
46
|
-
this._data = [
|
|
47
|
-
{ text: 'Paragraph', tag: 'p' },
|
|
48
|
-
{ text: 'Heading 1', tag: 'h1' },
|
|
49
|
-
{ text: 'Heading 2', tag: 'h2' },
|
|
50
|
-
{ text: 'Heading 3', tag: 'h3' },
|
|
51
|
-
{ text: 'Heading 4', tag: 'h4' },
|
|
52
|
-
{ text: 'Heading 5', tag: 'h5' },
|
|
53
|
-
{ text: 'Heading 6', tag: 'h6' }
|
|
54
|
-
];
|
|
55
|
-
this.applyFormatSVGIcon = applyFormatIcon;
|
|
56
|
-
this.editor = providerService.editor;
|
|
57
|
-
this.isBuiltInTool = true;
|
|
58
|
-
}
|
|
34
|
+
dialogService;
|
|
35
|
+
localization;
|
|
36
|
+
toolsService;
|
|
37
|
+
renderer;
|
|
38
|
+
value;
|
|
39
|
+
defaultItem;
|
|
40
|
+
itemDisabled;
|
|
41
|
+
disabled = false;
|
|
42
|
+
tabindex = -1;
|
|
59
43
|
/**
|
|
60
44
|
* Overrides the default format items list.
|
|
61
45
|
*/
|
|
@@ -65,6 +49,33 @@ export class EditorFormatComponent extends ToolBarToolComponent {
|
|
|
65
49
|
get data() {
|
|
66
50
|
return this._data;
|
|
67
51
|
}
|
|
52
|
+
/**
|
|
53
|
+
* Fires when the user updates the value of the drop-down list.
|
|
54
|
+
*/
|
|
55
|
+
valueChange = new EventEmitter();
|
|
56
|
+
formatDropDownList;
|
|
57
|
+
formatButton;
|
|
58
|
+
subs;
|
|
59
|
+
_data = [
|
|
60
|
+
{ text: 'Paragraph', tag: 'p' },
|
|
61
|
+
{ text: 'Heading 1', tag: 'h1' },
|
|
62
|
+
{ text: 'Heading 2', tag: 'h2' },
|
|
63
|
+
{ text: 'Heading 3', tag: 'h3' },
|
|
64
|
+
{ text: 'Heading 4', tag: 'h4' },
|
|
65
|
+
{ text: 'Heading 5', tag: 'h5' },
|
|
66
|
+
{ text: 'Heading 6', tag: 'h6' }
|
|
67
|
+
];
|
|
68
|
+
applyFormatSVGIcon = applyFormatIcon;
|
|
69
|
+
editor;
|
|
70
|
+
constructor(dialogService, localization, providerService, toolsService, renderer) {
|
|
71
|
+
super();
|
|
72
|
+
this.dialogService = dialogService;
|
|
73
|
+
this.localization = localization;
|
|
74
|
+
this.toolsService = toolsService;
|
|
75
|
+
this.renderer = renderer;
|
|
76
|
+
this.editor = providerService.editor;
|
|
77
|
+
this.isBuiltInTool = true;
|
|
78
|
+
}
|
|
68
79
|
ngOnInit() {
|
|
69
80
|
this.itemDisabled = (itemArgs) => {
|
|
70
81
|
if (!this.overflows && this.formatDropDownList && !this.formatDropDownList.dropDownList.isOpen) {
|
|
@@ -154,9 +165,8 @@ export class EditorFormatComponent extends ToolBarToolComponent {
|
|
|
154
165
|
this.tabindex = -1;
|
|
155
166
|
return false;
|
|
156
167
|
}
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
168
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
160
170
|
<ng-template #toolbarTemplate>
|
|
161
171
|
<kendo-editor-format-dropdownlist
|
|
162
172
|
#formatDropDownList
|
|
@@ -186,7 +196,8 @@ EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
186
196
|
</div>
|
|
187
197
|
</ng-template>
|
|
188
198
|
`, isInline: true, dependencies: [{ kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
189
|
-
|
|
199
|
+
}
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, decorators: [{
|
|
190
201
|
type: Component,
|
|
191
202
|
args: [{
|
|
192
203
|
providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
|
|
@@ -228,12 +239,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
228
239
|
type: Input
|
|
229
240
|
}], valueChange: [{
|
|
230
241
|
type: Output
|
|
231
|
-
}], toolbarTemplate: [{
|
|
232
|
-
type: ViewChild,
|
|
233
|
-
args: ['toolbarTemplate', { static: true }]
|
|
234
|
-
}], popupTemplate: [{
|
|
235
|
-
type: ViewChild,
|
|
236
|
-
args: ['popupTemplate', { static: true }]
|
|
237
242
|
}], formatDropDownList: [{
|
|
238
243
|
type: ViewChild,
|
|
239
244
|
args: ['formatDropDownList']
|
|
@@ -28,10 +28,10 @@ export class EditorRedoButtonDirective extends EditorCommandButton {
|
|
|
28
28
|
constructor(button, localization, providerService, toolsService) {
|
|
29
29
|
super('redo', button, localization, providerService, toolsService);
|
|
30
30
|
}
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
32
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
|
|
31
33
|
}
|
|
32
|
-
|
|
33
|
-
EditorRedoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: 'kendo-toolbar-button[kendoEditorRedoButton]',
|
|
@@ -28,10 +28,10 @@ export class EditorUndoButtonDirective extends EditorCommandButton {
|
|
|
28
28
|
constructor(button, localization, providerService, toolsService) {
|
|
29
29
|
super('undo', button, localization, providerService, toolsService);
|
|
30
30
|
}
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
32
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
|
|
31
33
|
}
|
|
32
|
-
|
|
33
|
-
EditorUndoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: 'kendo-toolbar-button[kendoEditorUndoButton]',
|
|
@@ -27,10 +27,10 @@ export class EditorInsertImageButtonDirective extends EditorCommandDialog {
|
|
|
27
27
|
constructor(button, localization, providerService, toolsService) {
|
|
28
28
|
super('insertImage', button, localization, providerService, toolsService);
|
|
29
29
|
}
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
|
|
30
32
|
}
|
|
31
|
-
|
|
32
|
-
EditorInsertImageButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]',
|