@progress/kendo-angular-buttons 7.0.0-dev.202201101733 → 7.0.0-dev.202201121347
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-buttons.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/button/button.directive.js +0 -3
- package/dist/es/buttongroup/buttongroup.component.js +10 -7
- package/dist/es/chip/chip-list.component.js +3 -0
- package/dist/es/dropdownbutton/dropdownbutton.component.js +26 -14
- package/dist/es/listbutton/list-button.js +3 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/splitbutton/splitbutton.component.js +26 -14
- package/dist/es2015/button/button.directive.js +0 -3
- package/dist/es2015/buttongroup/buttongroup.component.js +10 -7
- package/dist/es2015/chip/chip-list.component.js +3 -0
- package/dist/es2015/common/models/fillmode.d.ts +1 -1
- package/dist/es2015/dropdownbutton/dropdownbutton.component.d.ts +1 -0
- package/dist/es2015/dropdownbutton/dropdownbutton.component.js +22 -14
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/listbutton/list-button.js +3 -0
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/splitbutton/splitbutton.component.d.ts +6 -5
- package/dist/es2015/splitbutton/splitbutton.component.js +22 -14
- package/dist/fesm2015/index.js +55 -39
- package/dist/fesm5/index.js +63 -39
- package/dist/npm/button/button.directive.js +0 -3
- package/dist/npm/buttongroup/buttongroup.component.js +10 -7
- package/dist/npm/chip/chip-list.component.js +3 -0
- package/dist/npm/dropdownbutton/dropdownbutton.component.js +26 -14
- package/dist/npm/listbutton/list-button.js +3 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/splitbutton/splitbutton.component.js +26 -14
- package/dist/systemjs/kendo-angular-buttons.js +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,8 @@ var core_1 = require("@angular/core");
|
|
|
9
9
|
var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
|
|
10
10
|
var chip_component_1 = require("./chip.component");
|
|
11
11
|
var util_1 = require("../util");
|
|
12
|
+
var kendo_licensing_1 = require("@progress/kendo-licensing");
|
|
13
|
+
var package_metadata_1 = require("../package-metadata");
|
|
12
14
|
var ChipListComponent = /** @class */ (function () {
|
|
13
15
|
function ChipListComponent(localizationService, renderer, element) {
|
|
14
16
|
this.localizationService = localizationService;
|
|
@@ -34,6 +36,7 @@ var ChipListComponent = /** @class */ (function () {
|
|
|
34
36
|
this.remove = new core_1.EventEmitter();
|
|
35
37
|
this.role = 'listbox';
|
|
36
38
|
this._size = 'medium';
|
|
39
|
+
kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
|
|
37
40
|
this.direction = localizationService.rtl ? 'rtl' : 'ltr';
|
|
38
41
|
}
|
|
39
42
|
Object.defineProperty(ChipListComponent.prototype, "size", {
|
|
@@ -107,18 +107,6 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
|
|
|
107
107
|
* * `null`
|
|
108
108
|
*/
|
|
109
109
|
_this.rounded = 'medium';
|
|
110
|
-
/**
|
|
111
|
-
* The fillMode property specifies the background and border styles of the DropDownButton
|
|
112
|
-
* ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
|
|
113
|
-
*
|
|
114
|
-
* The available values are:
|
|
115
|
-
* * `solid` (default)
|
|
116
|
-
* * `flat`
|
|
117
|
-
* * `outline`
|
|
118
|
-
* * `link`
|
|
119
|
-
* * `null`
|
|
120
|
-
*/
|
|
121
|
-
_this.fillMode = 'solid';
|
|
122
110
|
/**
|
|
123
111
|
* The DropDownButton allows you to specify predefined theme colors.
|
|
124
112
|
* The theme color will be applied as a background and border color while also amending the text color accordingly
|
|
@@ -166,6 +154,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
|
|
|
166
154
|
*/
|
|
167
155
|
_this.onBlur = new core_1.EventEmitter(); //tslint:disable-line:no-output-rename
|
|
168
156
|
_this.listId = kendo_angular_common_1.guid();
|
|
157
|
+
_this._fillMode = 'solid';
|
|
169
158
|
_this._itemClick = _this.itemClick;
|
|
170
159
|
_this._blur = _this.onBlur;
|
|
171
160
|
return _this;
|
|
@@ -220,6 +209,28 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
|
|
|
220
209
|
enumerable: true,
|
|
221
210
|
configurable: true
|
|
222
211
|
});
|
|
212
|
+
Object.defineProperty(DropDownButtonComponent.prototype, "fillMode", {
|
|
213
|
+
get: function () {
|
|
214
|
+
return this._fillMode;
|
|
215
|
+
},
|
|
216
|
+
/**
|
|
217
|
+
* The fillMode property specifies the background and border styles of the DropDownButton
|
|
218
|
+
* ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
|
|
219
|
+
*
|
|
220
|
+
* The available values are:
|
|
221
|
+
* * `solid` (default)
|
|
222
|
+
* * `flat`
|
|
223
|
+
* * `outline`
|
|
224
|
+
* * `link`
|
|
225
|
+
* * `null`
|
|
226
|
+
*/
|
|
227
|
+
set: function (fillMode) {
|
|
228
|
+
// Temporary workaround for missing 'clear' styles
|
|
229
|
+
this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
|
|
230
|
+
},
|
|
231
|
+
enumerable: true,
|
|
232
|
+
configurable: true
|
|
233
|
+
});
|
|
223
234
|
Object.defineProperty(DropDownButtonComponent.prototype, "openState", {
|
|
224
235
|
/**
|
|
225
236
|
* @hidden
|
|
@@ -566,8 +577,9 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
|
|
|
566
577
|
], DropDownButtonComponent.prototype, "rounded", void 0);
|
|
567
578
|
tslib_1.__decorate([
|
|
568
579
|
core_1.Input(),
|
|
569
|
-
tslib_1.__metadata("design:type", String)
|
|
570
|
-
|
|
580
|
+
tslib_1.__metadata("design:type", String),
|
|
581
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
582
|
+
], DropDownButtonComponent.prototype, "fillMode", null);
|
|
571
583
|
tslib_1.__decorate([
|
|
572
584
|
core_1.Input(),
|
|
573
585
|
tslib_1.__metadata("design:type", String)
|
|
@@ -11,6 +11,8 @@ var key_events_1 = require("./../navigation/key-events");
|
|
|
11
11
|
var navigation_action_1 = require("./../navigation/navigation-action");
|
|
12
12
|
var kendo_angular_common_1 = require("@progress/kendo-angular-common");
|
|
13
13
|
var util_1 = require("./../util");
|
|
14
|
+
var kendo_licensing_1 = require("@progress/kendo-licensing");
|
|
15
|
+
var package_metadata_1 = require("../package-metadata");
|
|
14
16
|
/**
|
|
15
17
|
* @hidden
|
|
16
18
|
*/
|
|
@@ -28,6 +30,7 @@ var ListButton = /** @class */ (function () {
|
|
|
28
30
|
this._popupSettings = { animate: true, popupClass: '' };
|
|
29
31
|
this.listId = kendo_angular_common_1.guid();
|
|
30
32
|
this._isFocused = false;
|
|
33
|
+
kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
|
|
31
34
|
this.focusService = focusService;
|
|
32
35
|
this.navigationService = navigationService;
|
|
33
36
|
this.wrapper = wrapperRef.nativeElement;
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-buttons',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1641995114,
|
|
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
|
};
|
|
@@ -111,17 +111,6 @@ var SplitButtonComponent = /** @class */ (function (_super) {
|
|
|
111
111
|
* * `null`
|
|
112
112
|
*/
|
|
113
113
|
_this.size = 'medium';
|
|
114
|
-
/**
|
|
115
|
-
* The fillMode property specifies the background and border styles of the SplitButton
|
|
116
|
-
* ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-fillMode)).
|
|
117
|
-
*
|
|
118
|
-
* The available values are:
|
|
119
|
-
* * `solid` (default)
|
|
120
|
-
* * `flat`
|
|
121
|
-
* * `outline`
|
|
122
|
-
* * `link`
|
|
123
|
-
*/
|
|
124
|
-
_this.fillMode = 'solid';
|
|
125
114
|
/**
|
|
126
115
|
* The SplitButton allows you to specify predefined theme colors.
|
|
127
116
|
* The theme color will be applied as a background and border color while also amending the text color accordingly
|
|
@@ -218,14 +207,15 @@ var SplitButtonComponent = /** @class */ (function (_super) {
|
|
|
218
207
|
* This event is preventable. If you cancel the event, the popup will remain open.
|
|
219
208
|
*/
|
|
220
209
|
_this.close = new core_1.EventEmitter();
|
|
221
|
-
_this.listId = kendo_angular_common_1.guid();
|
|
222
210
|
/**
|
|
223
211
|
* @hidden
|
|
224
212
|
*/
|
|
225
213
|
_this.activeArrow = false;
|
|
214
|
+
_this.listId = kendo_angular_common_1.guid();
|
|
226
215
|
_this.buttonText = '';
|
|
227
216
|
_this.lockFocus = false;
|
|
228
217
|
_this._rounded = 'medium';
|
|
218
|
+
_this._fillMode = "solid";
|
|
229
219
|
_this._itemClick = _this.itemClick;
|
|
230
220
|
_this._blur = _this.onBlur;
|
|
231
221
|
return _this;
|
|
@@ -252,6 +242,27 @@ var SplitButtonComponent = /** @class */ (function (_super) {
|
|
|
252
242
|
enumerable: true,
|
|
253
243
|
configurable: true
|
|
254
244
|
});
|
|
245
|
+
Object.defineProperty(SplitButtonComponent.prototype, "fillMode", {
|
|
246
|
+
get: function () {
|
|
247
|
+
return this._fillMode;
|
|
248
|
+
},
|
|
249
|
+
/**
|
|
250
|
+
* The fillMode property specifies the background and border styles of the SplitButton
|
|
251
|
+
* ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-fillMode)).
|
|
252
|
+
*
|
|
253
|
+
* The available values are:
|
|
254
|
+
* * `solid` (default)
|
|
255
|
+
* * `flat`
|
|
256
|
+
* * `outline`
|
|
257
|
+
* * `link`
|
|
258
|
+
*/
|
|
259
|
+
set: function (fillMode) {
|
|
260
|
+
// Temporary workaround for missing 'clear' styles
|
|
261
|
+
this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
|
|
262
|
+
},
|
|
263
|
+
enumerable: true,
|
|
264
|
+
configurable: true
|
|
265
|
+
});
|
|
255
266
|
Object.defineProperty(SplitButtonComponent.prototype, "disabled", {
|
|
256
267
|
get: function () {
|
|
257
268
|
return this._disabled;
|
|
@@ -671,8 +682,9 @@ var SplitButtonComponent = /** @class */ (function (_super) {
|
|
|
671
682
|
], SplitButtonComponent.prototype, "rounded", null);
|
|
672
683
|
tslib_1.__decorate([
|
|
673
684
|
core_1.Input(),
|
|
674
|
-
tslib_1.__metadata("design:type", String)
|
|
675
|
-
|
|
685
|
+
tslib_1.__metadata("design:type", String),
|
|
686
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
687
|
+
], SplitButtonComponent.prototype, "fillMode", null);
|
|
676
688
|
tslib_1.__decorate([
|
|
677
689
|
core_1.Input(),
|
|
678
690
|
tslib_1.__metadata("design:type", String)
|