@progress/kendo-angular-buttons 7.0.0-dev.202201061631 → 7.0.0-dev.202201181837

package/dist/npm/splitbutton/splitbutton.component.js

@@ -71,11 +71,12 @@ var NAVIGATION_SETTINGS_PROVIDER = {
  */
 var SplitButtonComponent = /** @class */ (function (_super) {
     tslib_1.__extends(SplitButtonComponent, _super);
-    function SplitButtonComponent(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr) {
+    function SplitButtonComponent(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, renderer) {
         var _this = _super.call(this, focusService, navigationService, wrapperRef, zone, localization, cdr) || this;
         _this.popupService = popupService;
         _this.elRef = elRef;
         _this.localization = localization;
+        _this.renderer = renderer;
         /**
          * Sets the text of the SplitButton.
          */
@@ -110,29 +111,6 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * * `null`
          */
         _this.size = 'medium';
-        /**
-         * The rounded property specifies the border radius of the SplitButton
-         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-rounded)).
-         *
-         * The possible values are:
-         * * `'small'`
-         * * `'medium'` (default)
-         * * `'large'`
-         * * `'full'`
-         * * `null`
-         */
-        _this.rounded = 'medium';
-        /**
-         * The fillMode property specifies the background and border styles of the SplitButton
-         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-fillMode)).
-         *
-         * The available values are:
-         * * `solid` (default)
-         * * `flat`
-         * * `outline`
-         * * `link`
-         */
-        _this.fillMode = 'solid';
         /**
          * The SplitButton allows you to specify predefined theme colors.
          * The theme color will be applied as a background and border color while also amending the text color accordingly
@@ -229,17 +207,62 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         _this.close = new core_1.EventEmitter();
-        _this.listId = kendo_angular_common_1.guid();
         /**
          * @hidden
          */
         _this.activeArrow = false;
+        _this.listId = kendo_angular_common_1.guid();
         _this.buttonText = '';
         _this.lockFocus = false;
+        _this._rounded = 'medium';
+        _this._fillMode = "solid";
         _this._itemClick = _this.itemClick;
         _this._blur = _this.onBlur;
         return _this;
     }
+    Object.defineProperty(SplitButtonComponent.prototype, "rounded", {
+        get: function () {
+            return this._rounded;
+        },
+        /**
+         * The rounded property specifies the border radius of the SplitButton
+         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-rounded)).
+         *
+         * The possible values are:
+         * * `'small'`
+         * * `'medium'` (default)
+         * * `'large'`
+         * * `'full'`
+         * * `null`
+         */
+        set: function (rounded) {
+            this.handleClasses(rounded, 'rounded');
+            this._rounded = rounded;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SplitButtonComponent.prototype, "fillMode", {
+        get: function () {
+            return this._fillMode;
+        },
+        /**
+         * The fillMode property specifies the background and border styles of the SplitButton
+         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-fillMode)).
+         *
+         * The available values are:
+         * * `solid` (default)
+         * * `flat`
+         * * `outline`
+         * * `link`
+         */
+        set: function (fillMode) {
+            // Temporary workaround for missing 'clear' styles
+            this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(SplitButtonComponent.prototype, "disabled", {
         get: function () {
             return this._disabled;
@@ -451,6 +474,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
      */
     SplitButtonComponent.prototype.ngAfterViewInit = function () {
         this.updateButtonText();
+        this.handleClasses(this.rounded, 'rounded');
     };
     /**
      * @hidden
@@ -617,6 +641,16 @@ var SplitButtonComponent = /** @class */ (function (_super) {
             this.popupRef = null;
         }
     };
+    SplitButtonComponent.prototype.handleClasses = function (value, input) {
+        var elem = this.wrapperRef.nativeElement;
+        var classes = util_2.getStylingClasses('button', input, this[input], value);
+        if (classes.toRemove) {
+            this.renderer.removeClass(elem, classes.toRemove);
+        }
+        if (classes.toAdd) {
+            this.renderer.addClass(elem, classes.toAdd);
+        }
+    };
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
@@ -643,12 +677,14 @@ var SplitButtonComponent = /** @class */ (function (_super) {
     ], SplitButtonComponent.prototype, "size", void 0);
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SplitButtonComponent.prototype, "rounded", void 0);
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], SplitButtonComponent.prototype, "rounded", null);
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SplitButtonComponent.prototype, "fillMode", void 0);
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], SplitButtonComponent.prototype, "fillMode", null);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
@@ -789,7 +825,8 @@ var SplitButtonComponent = /** @class */ (function (_super) {
             kendo_angular_popup_1.PopupService,
             core_1.ElementRef,
             kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef])
+            core_1.ChangeDetectorRef,
+            core_1.Renderer2])
     ], SplitButtonComponent);
     return SplitButtonComponent;
 }(list_button_1.ListButton));