@progress/kendo-angular-editor 3.0.4-dev.202201310952 → 3.0.4-dev.202201311410
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/dist/cdn/js/kendo-angular-editor.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/fontfamily/editor-fontfamily-dropdownlist.component.js +2 -1
- package/dist/es/tools/fontsize/editor-fontsize-dropdownlist.component.js +2 -1
- package/dist/es/tools/format/editor-format-dropdownlist.component.js +2 -1
- package/dist/es/tools/shared/dropdown-tool.directive.js +9 -2
- package/dist/es/tools/tables/popup-table-grid.component.js +1 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/tools/fontfamily/editor-fontfamily-dropdownlist.component.js +6 -1
- package/dist/es2015/tools/fontsize/editor-fontsize-dropdownlist.component.js +6 -1
- package/dist/es2015/tools/format/editor-format-dropdownlist.component.js +6 -1
- package/dist/es2015/tools/shared/dropdown-tool.directive.d.ts +1 -0
- package/dist/es2015/tools/shared/dropdown-tool.directive.js +5 -2
- package/dist/es2015/tools/tables/popup-table-grid.component.js +1 -1
- package/dist/fesm2015/index.js +25 -7
- package/dist/fesm5/index.js +17 -7
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/fontfamily/editor-fontfamily-dropdownlist.component.js +2 -1
- package/dist/npm/tools/fontsize/editor-fontsize-dropdownlist.component.js +2 -1
- package/dist/npm/tools/format/editor-format-dropdownlist.component.js +2 -1
- package/dist/npm/tools/shared/dropdown-tool.directive.js +9 -2
- package/dist/npm/tools/tables/popup-table-grid.component.js +1 -1
- package/dist/systemjs/kendo-angular-editor.js +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-editor',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1643637939,
|
|
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
|
};
|
|
@@ -88,7 +88,12 @@ FontFamilyDropDownListComponent = tslib_1.__decorate([
|
|
|
88
88
|
</span>
|
|
89
89
|
</ng-template>
|
|
90
90
|
</kendo-dropdownlist>
|
|
91
|
-
|
|
91
|
+
`,
|
|
92
|
+
styles: [`
|
|
93
|
+
.k-dropdownlist {
|
|
94
|
+
width: 13em;
|
|
95
|
+
}
|
|
96
|
+
`]
|
|
92
97
|
})
|
|
93
98
|
], FontFamilyDropDownListComponent);
|
|
94
99
|
export { FontFamilyDropDownListComponent };
|
|
@@ -83,7 +83,12 @@ FontSizeDropDownListComponent = tslib_1.__decorate([
|
|
|
83
83
|
(valueChange)="onValueChange($event)"
|
|
84
84
|
>
|
|
85
85
|
</kendo-dropdownlist>
|
|
86
|
-
|
|
86
|
+
`,
|
|
87
|
+
styles: [`
|
|
88
|
+
.k-dropdownlist {
|
|
89
|
+
width: 13em;
|
|
90
|
+
}
|
|
91
|
+
`]
|
|
87
92
|
})
|
|
88
93
|
], FontSizeDropDownListComponent);
|
|
89
94
|
export { FontSizeDropDownListComponent };
|
|
@@ -116,7 +116,12 @@ FormatDropDownListComponent = tslib_1.__decorate([
|
|
|
116
116
|
</ng-container>
|
|
117
117
|
</ng-template>
|
|
118
118
|
</kendo-dropdownlist>
|
|
119
|
-
|
|
119
|
+
`,
|
|
120
|
+
styles: [`
|
|
121
|
+
.k-dropdownlist {
|
|
122
|
+
width: 13em;
|
|
123
|
+
}
|
|
124
|
+
`]
|
|
120
125
|
})
|
|
121
126
|
], FormatDropDownListComponent);
|
|
122
127
|
export { FormatDropDownListComponent };
|
|
@@ -9,6 +9,7 @@ import { ElementRef, NgZone } from '@angular/core';
|
|
|
9
9
|
export declare class DropDownToolDirective {
|
|
10
10
|
private hostEl;
|
|
11
11
|
private zone;
|
|
12
|
+
private readonly hostElement;
|
|
12
13
|
constructor(hostEl: ElementRef, zone: NgZone);
|
|
13
14
|
ngAfterViewInit(): void;
|
|
14
15
|
ngOnDestroy(): void;
|
|
@@ -15,13 +15,16 @@ let DropDownToolDirective = class DropDownToolDirective {
|
|
|
15
15
|
event.preventDefault();
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
+
get hostElement() {
|
|
19
|
+
return this.hostEl.nativeElement;
|
|
20
|
+
}
|
|
18
21
|
ngAfterViewInit() {
|
|
19
22
|
this.zone.runOutsideAngular(() => {
|
|
20
|
-
this.
|
|
23
|
+
this.hostElement.addEventListener('pointerdown', this.preventDefault);
|
|
21
24
|
});
|
|
22
25
|
}
|
|
23
26
|
ngOnDestroy() {
|
|
24
|
-
this.
|
|
27
|
+
this.hostElement.removeEventListener('pointerdown', this.preventDefault);
|
|
25
28
|
}
|
|
26
29
|
};
|
|
27
30
|
DropDownToolDirective = tslib_1.__decorate([
|
|
@@ -62,7 +62,7 @@ PopupTableGridComponent = tslib_1.__decorate([
|
|
|
62
62
|
<span *ngFor="let i of cells"
|
|
63
63
|
class="k-ct-cell"
|
|
64
64
|
[class.k-state-selected]="selected(i)"
|
|
65
|
-
[class.k-disabled]="!selected(i)"
|
|
65
|
+
[class.k-state-disabled]="!selected(i)"
|
|
66
66
|
(mouseenter)="setState(i)">
|
|
67
67
|
</span>
|
|
68
68
|
</div>
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -27,7 +27,7 @@ const packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-editor',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
30
|
+
publishDate: 1643637939,
|
|
31
31
|
version: '',
|
|
32
32
|
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'
|
|
33
33
|
};
|
|
@@ -2403,7 +2403,12 @@ FormatDropDownListComponent = __decorate([
|
|
|
2403
2403
|
</ng-container>
|
|
2404
2404
|
</ng-template>
|
|
2405
2405
|
</kendo-dropdownlist>
|
|
2406
|
-
|
|
2406
|
+
`,
|
|
2407
|
+
styles: [`
|
|
2408
|
+
.k-dropdownlist {
|
|
2409
|
+
width: 13em;
|
|
2410
|
+
}
|
|
2411
|
+
`]
|
|
2407
2412
|
})
|
|
2408
2413
|
], FormatDropDownListComponent);
|
|
2409
2414
|
|
|
@@ -2646,7 +2651,12 @@ FontFamilyDropDownListComponent = __decorate([
|
|
|
2646
2651
|
</span>
|
|
2647
2652
|
</ng-template>
|
|
2648
2653
|
</kendo-dropdownlist>
|
|
2649
|
-
|
|
2654
|
+
`,
|
|
2655
|
+
styles: [`
|
|
2656
|
+
.k-dropdownlist {
|
|
2657
|
+
width: 13em;
|
|
2658
|
+
}
|
|
2659
|
+
`]
|
|
2650
2660
|
})
|
|
2651
2661
|
], FontFamilyDropDownListComponent);
|
|
2652
2662
|
|
|
@@ -3054,7 +3064,12 @@ FontSizeDropDownListComponent = __decorate([
|
|
|
3054
3064
|
(valueChange)="onValueChange($event)"
|
|
3055
3065
|
>
|
|
3056
3066
|
</kendo-dropdownlist>
|
|
3057
|
-
|
|
3067
|
+
`,
|
|
3068
|
+
styles: [`
|
|
3069
|
+
.k-dropdownlist {
|
|
3070
|
+
width: 13em;
|
|
3071
|
+
}
|
|
3072
|
+
`]
|
|
3058
3073
|
})
|
|
3059
3074
|
], FontSizeDropDownListComponent);
|
|
3060
3075
|
|
|
@@ -4042,7 +4057,7 @@ PopupTableGridComponent = __decorate([
|
|
|
4042
4057
|
<span *ngFor="let i of cells"
|
|
4043
4058
|
class="k-ct-cell"
|
|
4044
4059
|
[class.k-state-selected]="selected(i)"
|
|
4045
|
-
[class.k-disabled]="!selected(i)"
|
|
4060
|
+
[class.k-state-disabled]="!selected(i)"
|
|
4046
4061
|
(mouseenter)="setState(i)">
|
|
4047
4062
|
</span>
|
|
4048
4063
|
</div>
|
|
@@ -5527,13 +5542,16 @@ let DropDownToolDirective = class DropDownToolDirective {
|
|
|
5527
5542
|
event.preventDefault();
|
|
5528
5543
|
};
|
|
5529
5544
|
}
|
|
5545
|
+
get hostElement() {
|
|
5546
|
+
return this.hostEl.nativeElement;
|
|
5547
|
+
}
|
|
5530
5548
|
ngAfterViewInit() {
|
|
5531
5549
|
this.zone.runOutsideAngular(() => {
|
|
5532
|
-
this.
|
|
5550
|
+
this.hostElement.addEventListener('pointerdown', this.preventDefault);
|
|
5533
5551
|
});
|
|
5534
5552
|
}
|
|
5535
5553
|
ngOnDestroy() {
|
|
5536
|
-
this.
|
|
5554
|
+
this.hostElement.removeEventListener('pointerdown', this.preventDefault);
|
|
5537
5555
|
}
|
|
5538
5556
|
};
|
|
5539
5557
|
DropDownToolDirective = __decorate([
|
package/dist/fesm5/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-editor',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
30
|
+
publishDate: 1643637939,
|
|
31
31
|
version: '',
|
|
32
32
|
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'
|
|
33
33
|
};
|
|
@@ -1992,7 +1992,8 @@ var FormatDropDownListComponent = /** @class */ (function () {
|
|
|
1992
1992
|
Component({
|
|
1993
1993
|
// tslint:disable-next-line:no-forward-ref
|
|
1994
1994
|
selector: 'kendo-editor-format-dropdownlist',
|
|
1995
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'tag'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <ng-container [ngSwitch]=\"dataItem.tag\">\n <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchDefault>{{ dataItem.text }}</span>\n </ng-container>\n </ng-template>\n </kendo-dropdownlist>\n "
|
|
1995
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'tag'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <ng-container [ngSwitch]=\"dataItem.tag\">\n <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchDefault>{{ dataItem.text }}</span>\n </ng-container>\n </ng-template>\n </kendo-dropdownlist>\n ",
|
|
1996
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
1996
1997
|
})
|
|
1997
1998
|
], FormatDropDownListComponent);
|
|
1998
1999
|
return FormatDropDownListComponent;
|
|
@@ -2170,7 +2171,8 @@ var FontFamilyDropDownListComponent = /** @class */ (function () {
|
|
|
2170
2171
|
Component({
|
|
2171
2172
|
// tslint:disable-next-line:no-forward-ref
|
|
2172
2173
|
selector: 'kendo-editor-fontfamily-dropdownlist',
|
|
2173
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'fontName'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <span [ngStyle]=\"{ 'font-family': dataItem.fontName }\">\n {{ dataItem.text }}\n </span>\n </ng-template>\n </kendo-dropdownlist>\n "
|
|
2174
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'fontName'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <span [ngStyle]=\"{ 'font-family': dataItem.fontName }\">\n {{ dataItem.text }}\n </span>\n </ng-template>\n </kendo-dropdownlist>\n ",
|
|
2175
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
2174
2176
|
})
|
|
2175
2177
|
], FontFamilyDropDownListComponent);
|
|
2176
2178
|
return FontFamilyDropDownListComponent;
|
|
@@ -2516,7 +2518,8 @@ var FontSizeDropDownListComponent = /** @class */ (function () {
|
|
|
2516
2518
|
Component({
|
|
2517
2519
|
// tslint:disable-next-line:no-forward-ref
|
|
2518
2520
|
selector: 'kendo-editor-fontsize-dropdownlist',
|
|
2519
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'size'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n </kendo-dropdownlist>\n "
|
|
2521
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'size'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n </kendo-dropdownlist>\n ",
|
|
2522
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
2520
2523
|
})
|
|
2521
2524
|
], FontSizeDropDownListComponent);
|
|
2522
2525
|
return FontSizeDropDownListComponent;
|
|
@@ -3428,7 +3431,7 @@ var PopupTableGridComponent = /** @class */ (function () {
|
|
|
3428
3431
|
PopupTableGridComponent = __decorate([
|
|
3429
3432
|
Component({
|
|
3430
3433
|
selector: 'kendo-popup-table-grid',
|
|
3431
|
-
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-state-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 "
|
|
3434
|
+
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-state-selected]=\"selected(i)\"\n [class.k-state-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 "
|
|
3432
3435
|
})
|
|
3433
3436
|
], PopupTableGridComponent);
|
|
3434
3437
|
return PopupTableGridComponent;
|
|
@@ -4997,14 +5000,21 @@ var DropDownToolDirective = /** @class */ (function () {
|
|
|
4997
5000
|
event.preventDefault();
|
|
4998
5001
|
};
|
|
4999
5002
|
}
|
|
5003
|
+
Object.defineProperty(DropDownToolDirective.prototype, "hostElement", {
|
|
5004
|
+
get: function () {
|
|
5005
|
+
return this.hostEl.nativeElement;
|
|
5006
|
+
},
|
|
5007
|
+
enumerable: true,
|
|
5008
|
+
configurable: true
|
|
5009
|
+
});
|
|
5000
5010
|
DropDownToolDirective.prototype.ngAfterViewInit = function () {
|
|
5001
5011
|
var _this = this;
|
|
5002
5012
|
this.zone.runOutsideAngular(function () {
|
|
5003
|
-
_this.
|
|
5013
|
+
_this.hostElement.addEventListener('pointerdown', _this.preventDefault);
|
|
5004
5014
|
});
|
|
5005
5015
|
};
|
|
5006
5016
|
DropDownToolDirective.prototype.ngOnDestroy = function () {
|
|
5007
|
-
this.
|
|
5017
|
+
this.hostElement.removeEventListener('pointerdown', this.preventDefault);
|
|
5008
5018
|
};
|
|
5009
5019
|
DropDownToolDirective = __decorate([
|
|
5010
5020
|
Directive({ selector: '[kendoEditorDropDownTool]' }),
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-editor',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1643637939,
|
|
15
15
|
version: '',
|
|
16
16
|
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'
|
|
17
17
|
};
|
|
@@ -64,7 +64,8 @@ var FontFamilyDropDownListComponent = /** @class */ (function () {
|
|
|
64
64
|
core_1.Component({
|
|
65
65
|
// tslint:disable-next-line:no-forward-ref
|
|
66
66
|
selector: 'kendo-editor-fontfamily-dropdownlist',
|
|
67
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'fontName'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <span [ngStyle]=\"{ 'font-family': dataItem.fontName }\">\n {{ dataItem.text }}\n </span>\n </ng-template>\n </kendo-dropdownlist>\n "
|
|
67
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'fontName'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <span [ngStyle]=\"{ 'font-family': dataItem.fontName }\">\n {{ dataItem.text }}\n </span>\n </ng-template>\n </kendo-dropdownlist>\n ",
|
|
68
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
68
69
|
})
|
|
69
70
|
], FontFamilyDropDownListComponent);
|
|
70
71
|
return FontFamilyDropDownListComponent;
|
|
@@ -64,7 +64,8 @@ var FontSizeDropDownListComponent = /** @class */ (function () {
|
|
|
64
64
|
core_1.Component({
|
|
65
65
|
// tslint:disable-next-line:no-forward-ref
|
|
66
66
|
selector: 'kendo-editor-fontsize-dropdownlist',
|
|
67
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'size'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n </kendo-dropdownlist>\n "
|
|
67
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'size'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n </kendo-dropdownlist>\n ",
|
|
68
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
68
69
|
})
|
|
69
70
|
], FontSizeDropDownListComponent);
|
|
70
71
|
return FontSizeDropDownListComponent;
|
|
@@ -64,7 +64,8 @@ var FormatDropDownListComponent = /** @class */ (function () {
|
|
|
64
64
|
core_1.Component({
|
|
65
65
|
// tslint:disable-next-line:no-forward-ref
|
|
66
66
|
selector: 'kendo-editor-format-dropdownlist',
|
|
67
|
-
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'tag'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <ng-container [ngSwitch]=\"dataItem.tag\">\n <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchDefault>{{ dataItem.text }}</span>\n </ng-container>\n </ng-template>\n </kendo-dropdownlist>\n "
|
|
67
|
+
template: "\n <kendo-dropdownlist\n #element\n kendoEditorDropDownTool\n [defaultItem]=\"defaultItem\"\n [textField]=\"'text'\"\n [valueField]=\"'tag'\"\n [data]=\"data\"\n [(value)]=\"value\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"itemDisabled\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [tabindex]=\"tabindex\"\n (valueChange)=\"onValueChange($event)\"\n >\n <ng-template kendoDropDownListItemTemplate let-dataItem>\n <ng-container [ngSwitch]=\"dataItem.tag\">\n <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n {{ dataItem.text }}\n </span>\n\n <span *ngSwitchDefault>{{ dataItem.text }}</span>\n </ng-container>\n </ng-template>\n </kendo-dropdownlist>\n ",
|
|
68
|
+
styles: ["\n .k-dropdownlist {\n width: 13em;\n }\n "]
|
|
68
69
|
})
|
|
69
70
|
], FormatDropDownListComponent);
|
|
70
71
|
return FormatDropDownListComponent;
|
|
@@ -17,14 +17,21 @@ var DropDownToolDirective = /** @class */ (function () {
|
|
|
17
17
|
event.preventDefault();
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
+
Object.defineProperty(DropDownToolDirective.prototype, "hostElement", {
|
|
21
|
+
get: function () {
|
|
22
|
+
return this.hostEl.nativeElement;
|
|
23
|
+
},
|
|
24
|
+
enumerable: true,
|
|
25
|
+
configurable: true
|
|
26
|
+
});
|
|
20
27
|
DropDownToolDirective.prototype.ngAfterViewInit = function () {
|
|
21
28
|
var _this = this;
|
|
22
29
|
this.zone.runOutsideAngular(function () {
|
|
23
|
-
_this.
|
|
30
|
+
_this.hostElement.addEventListener('pointerdown', _this.preventDefault);
|
|
24
31
|
});
|
|
25
32
|
};
|
|
26
33
|
DropDownToolDirective.prototype.ngOnDestroy = function () {
|
|
27
|
-
this.
|
|
34
|
+
this.hostElement.removeEventListener('pointerdown', this.preventDefault);
|
|
28
35
|
};
|
|
29
36
|
DropDownToolDirective = tslib_1.__decorate([
|
|
30
37
|
core_1.Directive({ selector: '[kendoEditorDropDownTool]' }),
|
|
@@ -63,7 +63,7 @@ var PopupTableGridComponent = /** @class */ (function () {
|
|
|
63
63
|
PopupTableGridComponent = tslib_1.__decorate([
|
|
64
64
|
core_1.Component({
|
|
65
65
|
selector: 'kendo-popup-table-grid',
|
|
66
|
-
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-state-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 "
|
|
66
|
+
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-state-selected]=\"selected(i)\"\n [class.k-state-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 "
|
|
67
67
|
})
|
|
68
68
|
], PopupTableGridComponent);
|
|
69
69
|
return PopupTableGridComponent;
|