@progress/kendo-angular-editor 3.0.0-dev.202201121158 → 3.0.1
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/LICENSE.md +1 -1
- package/NOTICE.txt +119 -79
- package/README.md +1 -1
- package/dist/cdn/js/kendo-angular-editor.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/dialogs/colorpicker-dialog.component.js +1 -1
- package/dist/es/dialogs/file-link-dialog.component.js +1 -1
- package/dist/es/dialogs/image-dialog.component.js +1 -1
- package/dist/es/editor.component.js +3 -3
- package/dist/es/editor.module.js +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/colorpicker/editor-colorpicker.component.js +24 -7
- package/dist/es/tools/tables/popup-table-grid.component.js +1 -1
- package/dist/es2015/dialogs/colorpicker-dialog.component.js +1 -1
- package/dist/es2015/dialogs/file-link-dialog.component.js +4 -4
- package/dist/es2015/dialogs/image-dialog.component.js +4 -4
- package/dist/es2015/editor.component.js +3 -3
- package/dist/es2015/editor.module.js +2 -2
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/tools/colorpicker/editor-colorpicker.component.d.ts +8 -2
- package/dist/es2015/tools/colorpicker/editor-colorpicker.component.js +20 -7
- package/dist/es2015/tools/tables/popup-table-grid.component.js +2 -2
- package/dist/fesm2015/index.js +37 -23
- package/dist/fesm5/index.js +34 -16
- package/dist/npm/dialogs/colorpicker-dialog.component.js +1 -1
- package/dist/npm/dialogs/file-link-dialog.component.js +1 -1
- package/dist/npm/dialogs/image-dialog.component.js +1 -1
- package/dist/npm/editor.component.js +3 -3
- package/dist/npm/editor.module.js +3 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/colorpicker/editor-colorpicker.component.js +24 -7
- package/dist/npm/tools/tables/popup-table-grid.component.js +1 -1
- package/dist/systemjs/kendo-angular-editor.js +1 -1
- package/package.json +17 -17
- package/schematics/ngAdd/index.js +1 -1
|
@@ -59,7 +59,7 @@ var ColorPickerDialogComponent = /** @class */ (function (_super) {
|
|
|
59
59
|
], ColorPickerDialogComponent.prototype, "colorPicker", void 0);
|
|
60
60
|
ColorPickerDialogComponent = tslib_1.__decorate([
|
|
61
61
|
Component({
|
|
62
|
-
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ textFor(editorCommand) }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n <kendo-colorpicker\n #colorpicker\n [
|
|
62
|
+
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ textFor(editorCommand) }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n <kendo-colorpicker\n #colorpicker\n [views]=\"['palette']\"\n [format]=\"'hex'\"\n [attr.title]=\"title\"\n [icon]=\"icon\"\n [(value)]=\"value\"\n [paletteSettings]=\"paletteSettings\"\n (activeColorClick)=\"handleActiveColorClick($event)\"\n >\n </kendo-colorpicker>\n </div>\n </div>\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n <button kendoButton\n (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n </kendo-dialog-actions>\n "
|
|
63
63
|
}),
|
|
64
64
|
tslib_1.__metadata("design:paramtypes", [DialogRef,
|
|
65
65
|
EditorLocalizationService])
|
|
@@ -117,7 +117,7 @@ var FileLinkDialogComponent = /** @class */ (function (_super) {
|
|
|
117
117
|
], FileLinkDialogComponent.prototype, "hrefInput", void 0);
|
|
118
118
|
FileLinkDialogComponent = tslib_1.__decorate([
|
|
119
119
|
Component({
|
|
120
|
-
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ titleText }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\">\n <form novalidate [formGroup]=\"linkForm\">\n <div class=\"k-edit-label\">\n <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox\" />\n </div>\n\n <div class=\"k-edit-label\">\n <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox\" />\n </div>\n\n <div class=\"k-edit-label\">\n <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox\" />\n </div>\n <ng-container *ngIf=\"command === 'createLink'\">\n <div class=\"k-edit-label\"></div>\n <div class=\"k-edit-field\">\n <input type=\"checkbox\" id=\"k-target-blank\"
|
|
120
|
+
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ titleText }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\">\n <form novalidate [formGroup]=\"linkForm\">\n <div class=\"k-edit-label\">\n <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n\n <div class=\"k-edit-label\">\n <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n\n <div class=\"k-edit-label\">\n <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n <ng-container *ngIf=\"command === 'createLink'\">\n <div class=\"k-edit-label\"></div>\n <div class=\"k-edit-field\">\n <input type=\"checkbox\" id=\"k-target-blank\" kendoCheckBox formControlName=\"target\" />\n <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n </div>\n </ng-container>\n </form>\n </div>\n </div>\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n {{ textFor('dialogInsert') }}\n </button>\n </kendo-dialog-actions>\n "
|
|
121
121
|
}),
|
|
122
122
|
tslib_1.__metadata("design:paramtypes", [DialogRef, EditorLocalizationService])
|
|
123
123
|
], FileLinkDialogComponent);
|
|
@@ -92,7 +92,7 @@ var ImageDialogComponent = /** @class */ (function (_super) {
|
|
|
92
92
|
], ImageDialogComponent.prototype, "srcInput", void 0);
|
|
93
93
|
ImageDialogComponent = tslib_1.__decorate([
|
|
94
94
|
Component({
|
|
95
|
-
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ textFor('insertImage') }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\">\n <div class=\"k-edit-label\">\n <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox\" />\n </div>\n </div>\n </div>\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n <button kendoButton [disabled]=\"imageData.invalid\"\n (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n </kendo-dialog-actions>\n "
|
|
95
|
+
template: "\n <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n {{ textFor('insertImage') }}\n </kendo-dialog-titlebar>\n <div class=\"k-editor-dialog\">\n <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n <div class=\"k-edit-form-container k-window-content\">\n <div class=\"k-edit-label\">\n <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n <div class=\"k-edit-label\">\n <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n </div>\n <div class=\"k-edit-field\">\n <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n </div>\n </div>\n </div>\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n <button kendoButton [disabled]=\"imageData.invalid\"\n (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n </kendo-dialog-actions>\n "
|
|
96
96
|
}),
|
|
97
97
|
tslib_1.__metadata("design:paramtypes", [DialogRef,
|
|
98
98
|
EditorLocalizationService])
|
|
@@ -761,7 +761,7 @@ var EditorComponent = /** @class */ (function () {
|
|
|
761
761
|
this.subs.add(fromEvent(containerElement, 'focusin')
|
|
762
762
|
.subscribe(function () {
|
|
763
763
|
if (_this.readonly) {
|
|
764
|
-
contentAreaClasslist_1.add('k-
|
|
764
|
+
contentAreaClasslist_1.add('k-focus');
|
|
765
765
|
}
|
|
766
766
|
if (!_this.focusChangedProgrammatically || _this.shouldEmitFocus) {
|
|
767
767
|
_this.ngZone.run(function () { return _this.onFocus.emit(); });
|
|
@@ -771,7 +771,7 @@ var EditorComponent = /** @class */ (function () {
|
|
|
771
771
|
this.subs.add(fromEvent(containerElement, 'focusout')
|
|
772
772
|
.subscribe(function () {
|
|
773
773
|
if (_this.readonly) {
|
|
774
|
-
contentAreaClasslist_1.remove('k-
|
|
774
|
+
contentAreaClasslist_1.remove('k-focus');
|
|
775
775
|
}
|
|
776
776
|
if (!_this.focusChangedProgrammatically) {
|
|
777
777
|
_this.ngZone.run(function () { return _this.onBlur.emit(); });
|
|
@@ -918,7 +918,7 @@ var EditorComponent = /** @class */ (function () {
|
|
|
918
918
|
tslib_1.__metadata("design:paramtypes", [])
|
|
919
919
|
], EditorComponent.prototype, "resizableClass", null);
|
|
920
920
|
tslib_1.__decorate([
|
|
921
|
-
HostBinding('class.k-
|
|
921
|
+
HostBinding('class.k-disabled'),
|
|
922
922
|
tslib_1.__metadata("design:type", Boolean),
|
|
923
923
|
tslib_1.__metadata("design:paramtypes", [])
|
|
924
924
|
], EditorComponent.prototype, "isDisabled", null);
|
package/dist/es/editor.module.js
CHANGED
|
@@ -10,8 +10,7 @@ import { ToolBarModule } from '@progress/kendo-angular-toolbar';
|
|
|
10
10
|
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
11
11
|
import { DialogModule } from '@progress/kendo-angular-dialog';
|
|
12
12
|
import { ButtonModule } from '@progress/kendo-angular-buttons';
|
|
13
|
-
import { ColorPickerModule } from '@progress/kendo-angular-inputs';
|
|
14
|
-
import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
|
|
13
|
+
import { NumericTextBoxModule, TextBoxModule, ColorPickerModule, CheckBoxModule } from '@progress/kendo-angular-inputs';
|
|
15
14
|
import { EditorComponent } from './editor.component';
|
|
16
15
|
import { ImageDialogComponent } from './dialogs/image-dialog.component';
|
|
17
16
|
import { SourceDialogComponent } from './dialogs/source-dialog.component';
|
|
@@ -231,6 +230,7 @@ var EditorModule = /** @class */ (function () {
|
|
|
231
230
|
DialogModule,
|
|
232
231
|
DropDownsModule,
|
|
233
232
|
NumericTextBoxModule,
|
|
233
|
+
CheckBoxModule,
|
|
234
234
|
ToolBarModule,
|
|
235
235
|
TextBoxModule
|
|
236
236
|
]
|
|
@@ -9,7 +9,7 @@ export var packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-editor',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1642684689,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -32,14 +32,26 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
|
|
|
32
32
|
*/
|
|
33
33
|
_this.disabled = false;
|
|
34
34
|
/**
|
|
35
|
-
* Specifies whether the ColorPicker will render a gradient, palette or
|
|
35
|
+
* Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
|
|
36
36
|
*
|
|
37
|
-
* @default 'palette'
|
|
37
|
+
* @default ['palette']
|
|
38
38
|
*/
|
|
39
|
-
_this.
|
|
39
|
+
_this.views = ['palette'];
|
|
40
40
|
return _this;
|
|
41
41
|
}
|
|
42
42
|
EditorColorPickerComponent_1 = EditorColorPickerComponent;
|
|
43
|
+
Object.defineProperty(EditorColorPickerComponent.prototype, "view", {
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
*
|
|
47
|
+
* For backward compatibility with configurations using the deprecated "view" input.
|
|
48
|
+
*/
|
|
49
|
+
set: function (view) {
|
|
50
|
+
this.views = [view];
|
|
51
|
+
},
|
|
52
|
+
enumerable: true,
|
|
53
|
+
configurable: true
|
|
54
|
+
});
|
|
43
55
|
Object.defineProperty(EditorColorPickerComponent.prototype, "title", {
|
|
44
56
|
/**
|
|
45
57
|
* @hidden
|
|
@@ -121,7 +133,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
|
|
|
121
133
|
editorCommand: this.editorCommand,
|
|
122
134
|
paletteSettings: this.paletteSettings,
|
|
123
135
|
icon: this.icon,
|
|
124
|
-
|
|
136
|
+
views: this.views
|
|
125
137
|
});
|
|
126
138
|
};
|
|
127
139
|
/**
|
|
@@ -172,8 +184,13 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
|
|
|
172
184
|
], EditorColorPickerComponent.prototype, "disabled", void 0);
|
|
173
185
|
tslib_1.__decorate([
|
|
174
186
|
Input(),
|
|
175
|
-
tslib_1.__metadata("design:type",
|
|
176
|
-
], EditorColorPickerComponent.prototype, "
|
|
187
|
+
tslib_1.__metadata("design:type", Array)
|
|
188
|
+
], EditorColorPickerComponent.prototype, "views", void 0);
|
|
189
|
+
tslib_1.__decorate([
|
|
190
|
+
Input(),
|
|
191
|
+
tslib_1.__metadata("design:type", String),
|
|
192
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
193
|
+
], EditorColorPickerComponent.prototype, "view", null);
|
|
177
194
|
tslib_1.__decorate([
|
|
178
195
|
ViewChild('toolbarTemplate', { static: true }),
|
|
179
196
|
tslib_1.__metadata("design:type", TemplateRef)
|
|
@@ -198,7 +215,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
|
|
|
198
215
|
Component({
|
|
199
216
|
providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return EditorColorPickerComponent_1; }) }],
|
|
200
217
|
selector: 'kendo-toolbar-colorpicker',
|
|
201
|
-
template: "\n <ng-template #toolbarTemplate>\n <kendo-colorpicker\n #colorpicker\n [
|
|
218
|
+
template: "\n <ng-template #toolbarTemplate>\n <kendo-colorpicker\n #colorpicker\n [views]=\"['palette']\"\n [format]=\"'hex'\"\n [attr.title]=\"title\"\n [icon]=\"icon\"\n [value]=\"value\"\n [paletteSettings]=\"paletteSettings\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"handleValueChange($event)\"\n (activeColorClick)=\"handleActiveColorClick($event)\"\n (open)=\"onOpen(colorpicker)\"\n (close)=\"onClose(colorpicker)\"\n >\n </kendo-colorpicker>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n tabindex=\"-1\"\n type=\"button\"\n kendoButton\n #colorPickerButton\n class=\"k-overflow-button\"\n [icon]=\"icon\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (click)=\"openDialog()\"\n >\n {{ title }}\n </button>\n </ng-template>\n "
|
|
202
219
|
}),
|
|
203
220
|
tslib_1.__param(0, Host()),
|
|
204
221
|
tslib_1.__metadata("design:paramtypes", [EditorComponent,
|
|
@@ -61,7 +61,7 @@ var PopupTableGridComponent = /** @class */ (function () {
|
|
|
61
61
|
PopupTableGridComponent = tslib_1.__decorate([
|
|
62
62
|
Component({
|
|
63
63
|
selector: 'kendo-popup-table-grid',
|
|
64
|
-
template: "\n <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n <span *ngFor=\"let i of cells\"\n class=\"k-ct-cell\"\n [class.k-
|
|
64
|
+
template: "\n <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n <span *ngFor=\"let i of cells\"\n class=\"k-ct-cell\"\n [class.k-selected]=\"selected(i)\"\n [class.k-disabled]=\"!selected(i)\"\n (mouseenter)=\"setState(i)\">\n </span>\n </div>\n <div class=\"k-status\" unselectable=\"on\">{{ message }}</div>\n <!-- uncomment when TableWizard is completed\n <div class=\"k-editor-toolbar\" unselectable=\"on\">\n <button type=\"button\" kendoButton class=\"k-tool\" [icon]=\"'table-wizard'\" (click)=\"openTableWizard()\" title=\"Table Wizard\">Table Wizard</button>\n </div>\n -->\n "
|
|
65
65
|
})
|
|
66
66
|
], PopupTableGridComponent);
|
|
67
67
|
return PopupTableGridComponent;
|
|
@@ -66,7 +66,7 @@ ColorPickerDialogComponent = tslib_1.__decorate([
|
|
|
66
66
|
<div class="k-edit-form-container k-window-content" style="text-align: center;">
|
|
67
67
|
<kendo-colorpicker
|
|
68
68
|
#colorpicker
|
|
69
|
-
[
|
|
69
|
+
[views]="['palette']"
|
|
70
70
|
[format]="'hex'"
|
|
71
71
|
[attr.title]="title"
|
|
72
72
|
[icon]="icon"
|
|
@@ -123,26 +123,26 @@ FileLinkDialogComponent = tslib_1.__decorate([
|
|
|
123
123
|
<label (click)="hrefInput.focus()">{{ textForWithPrefix('WebAddress') }}</label>
|
|
124
124
|
</div>
|
|
125
125
|
<div class="k-edit-field">
|
|
126
|
-
<input #hrefInput formControlName="href" type="text" class="k-textbox" />
|
|
126
|
+
<input #hrefInput formControlName="href" type="text" class="k-textbox k-input k-rounded-md" />
|
|
127
127
|
</div>
|
|
128
128
|
|
|
129
129
|
<div class="k-edit-label">
|
|
130
130
|
<label (click)="textInput.focus()">{{ textForWithPrefix('Text') }}</label>
|
|
131
131
|
</div>
|
|
132
132
|
<div class="k-edit-field">
|
|
133
|
-
<input #textInput formControlName="text" type="text" class="k-textbox" />
|
|
133
|
+
<input #textInput formControlName="text" type="text" class="k-textbox k-input k-rounded-md" />
|
|
134
134
|
</div>
|
|
135
135
|
|
|
136
136
|
<div class="k-edit-label">
|
|
137
137
|
<label (click)="titleInput.focus()">{{ textForWithPrefix('Title') }}</label>
|
|
138
138
|
</div>
|
|
139
139
|
<div class="k-edit-field">
|
|
140
|
-
<input #titleInput formControlName="title" type="text" class="k-textbox" />
|
|
140
|
+
<input #titleInput formControlName="title" type="text" class="k-textbox k-input k-rounded-md" />
|
|
141
141
|
</div>
|
|
142
142
|
<ng-container *ngIf="command === 'createLink'">
|
|
143
143
|
<div class="k-edit-label"></div>
|
|
144
144
|
<div class="k-edit-field">
|
|
145
|
-
<input type="checkbox" id="k-target-blank"
|
|
145
|
+
<input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
|
|
146
146
|
<label class="k-checkbox-label" for="k-target-blank">{{ textForWithPrefix('OpenInNewWindow') }}</label>
|
|
147
147
|
</div>
|
|
148
148
|
</ng-container>
|
|
@@ -101,25 +101,25 @@ ImageDialogComponent = tslib_1.__decorate([
|
|
|
101
101
|
<label [for]="srcInputId">{{ textFor('imageWebAddress') }}</label>
|
|
102
102
|
</div>
|
|
103
103
|
<div class="k-edit-field">
|
|
104
|
-
<input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox" />
|
|
104
|
+
<input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox k-input k-rounded-md" />
|
|
105
105
|
</div>
|
|
106
106
|
<div class="k-edit-label">
|
|
107
107
|
<label [for]="altTextInputId">{{ textFor('imageAltText') }}</label>
|
|
108
108
|
</div>
|
|
109
109
|
<div class="k-edit-field">
|
|
110
|
-
<input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox" />
|
|
110
|
+
<input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox k-input k-rounded-md" />
|
|
111
111
|
</div>
|
|
112
112
|
<div class="k-edit-label">
|
|
113
113
|
<label [for]="widthInputId">{{ textFor('imageWidth') }}</label>
|
|
114
114
|
</div>
|
|
115
115
|
<div class="k-edit-field">
|
|
116
|
-
<input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox" />
|
|
116
|
+
<input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox k-input k-rounded-md" />
|
|
117
117
|
</div>
|
|
118
118
|
<div class="k-edit-label">
|
|
119
119
|
<label [for]="heightInputId">{{ textFor('imageHeight') }}</label>
|
|
120
120
|
</div>
|
|
121
121
|
<div class="k-edit-field">
|
|
122
|
-
<input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox" />
|
|
122
|
+
<input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox k-input k-rounded-md" />
|
|
123
123
|
</div>
|
|
124
124
|
</div>
|
|
125
125
|
</div>
|
|
@@ -677,7 +677,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
|
|
|
677
677
|
this.subs.add(fromEvent(containerElement, 'focusin')
|
|
678
678
|
.subscribe(() => {
|
|
679
679
|
if (this.readonly) {
|
|
680
|
-
contentAreaClasslist.add('k-
|
|
680
|
+
contentAreaClasslist.add('k-focus');
|
|
681
681
|
}
|
|
682
682
|
if (!this.focusChangedProgrammatically || this.shouldEmitFocus) {
|
|
683
683
|
this.ngZone.run(() => this.onFocus.emit());
|
|
@@ -687,7 +687,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
|
|
|
687
687
|
this.subs.add(fromEvent(containerElement, 'focusout')
|
|
688
688
|
.subscribe(() => {
|
|
689
689
|
if (this.readonly) {
|
|
690
|
-
contentAreaClasslist.remove('k-
|
|
690
|
+
contentAreaClasslist.remove('k-focus');
|
|
691
691
|
}
|
|
692
692
|
if (!this.focusChangedProgrammatically) {
|
|
693
693
|
this.ngZone.run(() => this.onBlur.emit());
|
|
@@ -833,7 +833,7 @@ tslib_1.__decorate([
|
|
|
833
833
|
tslib_1.__metadata("design:paramtypes", [])
|
|
834
834
|
], EditorComponent.prototype, "resizableClass", null);
|
|
835
835
|
tslib_1.__decorate([
|
|
836
|
-
HostBinding('class.k-
|
|
836
|
+
HostBinding('class.k-disabled'),
|
|
837
837
|
tslib_1.__metadata("design:type", Boolean),
|
|
838
838
|
tslib_1.__metadata("design:paramtypes", [])
|
|
839
839
|
], EditorComponent.prototype, "isDisabled", null);
|
|
@@ -10,8 +10,7 @@ import { ToolBarModule } from '@progress/kendo-angular-toolbar';
|
|
|
10
10
|
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
11
11
|
import { DialogModule } from '@progress/kendo-angular-dialog';
|
|
12
12
|
import { ButtonModule } from '@progress/kendo-angular-buttons';
|
|
13
|
-
import { ColorPickerModule } from '@progress/kendo-angular-inputs';
|
|
14
|
-
import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
|
|
13
|
+
import { NumericTextBoxModule, TextBoxModule, ColorPickerModule, CheckBoxModule } from '@progress/kendo-angular-inputs';
|
|
15
14
|
import { EditorComponent } from './editor.component';
|
|
16
15
|
import { ImageDialogComponent } from './dialogs/image-dialog.component';
|
|
17
16
|
import { SourceDialogComponent } from './dialogs/source-dialog.component';
|
|
@@ -230,6 +229,7 @@ EditorModule = tslib_1.__decorate([
|
|
|
230
229
|
DialogModule,
|
|
231
230
|
DropDownsModule,
|
|
232
231
|
NumericTextBoxModule,
|
|
232
|
+
CheckBoxModule,
|
|
233
233
|
ToolBarModule,
|
|
234
234
|
TextBoxModule
|
|
235
235
|
]
|