@progress/kendo-angular-buttons 7.0.0-dev.202201101733 → 7.0.0-dev.202201121347

package/dist/es2015/listbutton/list-button.js

@@ -9,6 +9,8 @@ import { KeyEvents } from './../navigation/key-events';
 import { NavigationAction } from './../navigation/navigation-action';
 import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common';
 import { isPresent } from './../util';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
@@ -25,6 +27,7 @@ export class ListButton {
         this._popupSettings = { animate: true, popupClass: '' };
         this.listId = guid();
         this._isFocused = false;
+        validatePackage(packageMetadata);
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapper = wrapperRef.nativeElement;

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641835943,
+    publishDate: 1641995114,
     version: '',
     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'
 };

package/dist/es2015/splitbutton/splitbutton.component.d.ts

@@ -254,7 +254,12 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     arrowButton: ElementRef<HTMLButtonElement>;
     popupTemplate: TemplateRef<any>;
     containerRef: ViewContainerRef;
+    /**
+     * @hidden
+     */
+    activeArrow: boolean;
     popupRef: PopupRef;
+    listId: string;
     /**
      * @hidden
      */
@@ -262,7 +267,6 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     * @hidden
     */
     openState: boolean;
-    listId: string;
     /**
      * @hidden
      */
@@ -271,13 +275,10 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      * @hidden
      */
     readonly componentTabIndex: number;
-    /**
-     * @hidden
-     */
-    activeArrow: boolean;
     private buttonText;
     private lockFocus;
     private _rounded;
+    private _fillMode;
     isFocused: boolean;
     readonly widgetClasses: boolean;
     readonly dir: string;

package/dist/es2015/splitbutton/splitbutton.component.js

@@ -107,17 +107,6 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          * * `null`
          */
         this.size = '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
@@ -214,14 +203,15 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
-        this.listId = guid();
         /**
          * @hidden
          */
         this.activeArrow = false;
+        this.listId = guid();
         this.buttonText = '';
         this.lockFocus = false;
         this._rounded = 'medium';
+        this._fillMode = "solid";
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
     }
@@ -243,6 +233,23 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
     get rounded() {
         return this._rounded;
     }
+    /**
+     * 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 fillMode(fillMode) {
+        // Temporary workaround for missing 'clear' styles
+        this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+    }
+    get fillMode() {
+        return this._fillMode;
+    }
     /**
      * When set to `true`, disables a SplitButton item
      * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
@@ -604,8 +611,9 @@ tslib_1.__decorate([
 ], SplitButtonComponent.prototype, "rounded", null);
 tslib_1.__decorate([
     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([
     Input(),
     tslib_1.__metadata("design:type", String)

package/dist/fesm2015/index.js

@@ -39,7 +39,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641835943,
+    publishDate: 1641995114,
     version: '',
     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'
 };
@@ -411,9 +411,6 @@ let ButtonDirective = class ButtonDirective {
             case 'default':
                 this.fillMode = 'solid';
                 break;
-            case 'clear':
-                this.fillMode = 'flat';
-                break;
             default:
                 this.fillMode = value;
                 break;
@@ -848,6 +845,7 @@ let ButtonGroupComponent = class ButtonGroupComponent {
         this.navigate = new EventEmitter();
         this._tabIndex = 0;
         this.currentTabIndex = 0;
+        validatePackage(packageMetadata);
         this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
     }
     /**
@@ -926,7 +924,7 @@ let ButtonGroupComponent = class ButtonGroupComponent {
             if (button.togglable) {
                 button.setSelected(newSelectionValue);
             }
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
         });
     }
     ngOnChanges(change) {
@@ -941,10 +939,10 @@ let ButtonGroupComponent = class ButtonGroupComponent {
     ngAfterContentInit() {
         this.buttons.forEach((button) => {
             if (button.selected) {
-                button.setAttribute(tabindex, "0");
+                button.setAttribute(tabindex, '0');
             }
             else {
-                button.setAttribute(tabindex, "-1");
+                button.setAttribute(tabindex, '-1');
             }
         });
     }
@@ -988,24 +986,24 @@ let ButtonGroupComponent = class ButtonGroupComponent {
     deactivate(buttons) {
         buttons.forEach((button) => {
             button.setSelected(false);
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     }
     activate(buttons) {
         buttons.forEach((button) => {
             button.setSelected(true);
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     }
     defocus(buttons) {
         buttons.forEach((button) => {
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     }
     focus(buttons) {
         buttons.forEach((button) => {
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     }
@@ -1529,6 +1527,7 @@ class ListButton {
         this._popupSettings = { animate: true, popupClass: '' };
         this.listId = guid();
         this._isFocused = false;
+        validatePackage(packageMetadata);
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapper = wrapperRef.nativeElement;
@@ -1920,17 +1919,6 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          * * `null`
          */
         this.size = '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
@@ -2027,14 +2015,15 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         this.close = new EventEmitter();
-        this.listId = guid();
         /**
          * @hidden
          */
         this.activeArrow = false;
+        this.listId = guid();
         this.buttonText = '';
         this.lockFocus = false;
         this._rounded = 'medium';
+        this._fillMode = "solid";
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
     }
@@ -2056,6 +2045,23 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
     get rounded() {
         return this._rounded;
     }
+    /**
+     * 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 fillMode(fillMode) {
+        // Temporary workaround for missing 'clear' styles
+        this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+    }
+    get fillMode() {
+        return this._fillMode;
+    }
     /**
      * When set to `true`, disables a SplitButton item
      * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
@@ -2417,8 +2423,9 @@ __decorate([
 ], SplitButtonComponent.prototype, "rounded", null);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], SplitButtonComponent.prototype, "fillMode", void 0);
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], SplitButtonComponent.prototype, "fillMode", null);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -2797,18 +2804,6 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
          * * `null`
          */
         this.rounded = 'medium';
-        /**
-         * The fillMode property specifies the background and border styles of the DropDownButton
-         * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
-         *
-         * The available values are:
-         * * `solid` (default)
-         * * `flat`
-         * * `outline`
-         * * `link`
-         * * `null`
-         */
-        this.fillMode = 'solid';
         /**
          * The DropDownButton 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
@@ -2856,6 +2851,7 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
          */
         this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
         this.listId = guid();
+        this._fillMode = 'solid';
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
     }
@@ -2897,6 +2893,24 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
     get data() {
         return this._data;
     }
+    /**
+     * The fillMode property specifies the background and border styles of the DropDownButton
+     * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
+     *
+     * The available values are:
+     * * `solid` (default)
+     * * `flat`
+     * * `outline`
+     * * `link`
+     * * `null`
+     */
+    set fillMode(fillMode) {
+        // Temporary workaround for missing 'clear' styles
+        this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+    }
+    get fillMode() {
+        return this._fillMode;
+    }
     /**
      * @hidden
      */
@@ -3202,8 +3216,9 @@ __decorate([
 ], DropDownButtonComponent.prototype, "rounded", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], DropDownButtonComponent.prototype, "fillMode", void 0);
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], DropDownButtonComponent.prototype, "fillMode", null);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -3833,6 +3848,7 @@ let ChipListComponent = class ChipListComponent {
         this.remove = new EventEmitter();
         this.role = 'listbox';
         this._size = 'medium';
+        validatePackage(packageMetadata);
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
     /**

package/dist/fesm5/index.js

@@ -37,7 +37,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641835943,
+    publishDate: 1641995114,
     version: '',
     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'
 };
@@ -498,9 +498,6 @@ var ButtonDirective = /** @class */ (function () {
                 case 'default':
                     this.fillMode = 'solid';
                     break;
-                case 'clear':
-                    this.fillMode = 'flat';
-                    break;
                 default:
                     this.fillMode = value;
                     break;
@@ -951,6 +948,7 @@ var ButtonGroupComponent = /** @class */ (function () {
         this.navigate = new EventEmitter();
         this._tabIndex = 0;
         this.currentTabIndex = 0;
+        validatePackage(packageMetadata);
         this.localizationChangeSubscription = localization.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
             return _this.direction = rtl ? 'rtl' : 'ltr';
@@ -1069,7 +1067,7 @@ var ButtonGroupComponent = /** @class */ (function () {
             if (button.togglable) {
                 button.setSelected(newSelectionValue);
             }
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
         });
     };
     ButtonGroupComponent.prototype.ngOnChanges = function (change) {
@@ -1085,10 +1083,10 @@ var ButtonGroupComponent = /** @class */ (function () {
     ButtonGroupComponent.prototype.ngAfterContentInit = function () {
         this.buttons.forEach(function (button) {
             if (button.selected) {
-                button.setAttribute(tabindex, "0");
+                button.setAttribute(tabindex, '0');
             }
             else {
-                button.setAttribute(tabindex, "-1");
+                button.setAttribute(tabindex, '-1');
             }
         });
     };
@@ -1132,24 +1130,24 @@ var ButtonGroupComponent = /** @class */ (function () {
     ButtonGroupComponent.prototype.deactivate = function (buttons) {
         buttons.forEach(function (button) {
             button.setSelected(false);
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     };
     ButtonGroupComponent.prototype.activate = function (buttons) {
         buttons.forEach(function (button) {
             button.setSelected(true);
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     };
     ButtonGroupComponent.prototype.defocus = function (buttons) {
         buttons.forEach(function (button) {
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     };
     ButtonGroupComponent.prototype.focus = function (buttons) {
         buttons.forEach(function (button) {
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     };
@@ -1664,6 +1662,7 @@ var ListButton = /** @class */ (function () {
         this._popupSettings = { animate: true, popupClass: '' };
         this.listId = guid();
         this._isFocused = false;
+        validatePackage(packageMetadata);
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapper = wrapperRef.nativeElement;
@@ -2075,17 +2074,6 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * * `null`
          */
         _this.size = '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
@@ -2182,14 +2170,15 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * This event is preventable. If you cancel the event, the popup will remain open.
          */
         _this.close = new EventEmitter();
-        _this.listId = guid();
         /**
          * @hidden
          */
         _this.activeArrow = false;
+        _this.listId = guid();
         _this.buttonText = '';
         _this.lockFocus = false;
         _this._rounded = 'medium';
+        _this._fillMode = "solid";
         _this._itemClick = _this.itemClick;
         _this._blur = _this.onBlur;
         return _this;
@@ -2216,6 +2205,27 @@ var SplitButtonComponent = /** @class */ (function (_super) {
         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;
@@ -2635,8 +2645,9 @@ var SplitButtonComponent = /** @class */ (function (_super) {
     ], SplitButtonComponent.prototype, "rounded", null);
     __decorate([
         Input(),
-        __metadata("design:type", String)
-    ], SplitButtonComponent.prototype, "fillMode", void 0);
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], SplitButtonComponent.prototype, "fillMode", null);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -2969,18 +2980,6 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          * * `null`
          */
         _this.rounded = 'medium';
-        /**
-         * The fillMode property specifies the background and border styles of the DropDownButton
-         * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
-         *
-         * The available values are:
-         * * `solid` (default)
-         * * `flat`
-         * * `outline`
-         * * `link`
-         * * `null`
-         */
-        _this.fillMode = 'solid';
         /**
          * The DropDownButton 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
@@ -3028,6 +3027,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          */
         _this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
         _this.listId = guid();
+        _this._fillMode = 'solid';
         _this._itemClick = _this.itemClick;
         _this._blur = _this.onBlur;
         return _this;
@@ -3082,6 +3082,28 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DropDownButtonComponent.prototype, "fillMode", {
+        get: function () {
+            return this._fillMode;
+        },
+        /**
+         * The fillMode property specifies the background and border styles of the DropDownButton
+         * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-fillMode)).
+         *
+         * The available values are:
+         * * `solid` (default)
+         * * `flat`
+         * * `outline`
+         * * `link`
+         * * `null`
+         */
+        set: function (fillMode) {
+            // Temporary workaround for missing 'clear' styles
+            this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(DropDownButtonComponent.prototype, "openState", {
         /**
          * @hidden
@@ -3428,8 +3450,9 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
     ], DropDownButtonComponent.prototype, "rounded", void 0);
     __decorate([
         Input(),
-        __metadata("design:type", String)
-    ], DropDownButtonComponent.prototype, "fillMode", void 0);
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], DropDownButtonComponent.prototype, "fillMode", null);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -4039,6 +4062,7 @@ var ChipListComponent = /** @class */ (function () {
         this.remove = new EventEmitter();
         this.role = 'listbox';
         this._size = 'medium';
+        validatePackage(packageMetadata);
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
     Object.defineProperty(ChipListComponent.prototype, "size", {

package/dist/npm/button/button.directive.js

@@ -374,9 +374,6 @@ var ButtonDirective = /** @class */ (function () {
                 case 'default':
                     this.fillMode = 'solid';
                     break;
-                case 'clear':
-                    this.fillMode = 'flat';
-                    break;
                 default:
                     this.fillMode = value;
                     break;

package/dist/npm/buttongroup/buttongroup.component.js

@@ -12,6 +12,8 @@ var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var button_service_1 = require("../button/button.service");
 var util_1 = require("../util");
 var preventable_event_1 = require("../preventable-event");
+var package_metadata_1 = require("../package-metadata");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
 /**
  * @hidden
  */
@@ -34,6 +36,7 @@ var ButtonGroupComponent = /** @class */ (function () {
         this.navigate = new core_1.EventEmitter();
         this._tabIndex = 0;
         this.currentTabIndex = 0;
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
         this.localizationChangeSubscription = localization.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
             return _this.direction = rtl ? 'rtl' : 'ltr';
@@ -152,7 +155,7 @@ var ButtonGroupComponent = /** @class */ (function () {
             if (button.togglable) {
                 button.setSelected(newSelectionValue);
             }
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
         });
     };
     ButtonGroupComponent.prototype.ngOnChanges = function (change) {
@@ -168,10 +171,10 @@ var ButtonGroupComponent = /** @class */ (function () {
     ButtonGroupComponent.prototype.ngAfterContentInit = function () {
         this.buttons.forEach(function (button) {
             if (button.selected) {
-                button.setAttribute(tabindex, "0");
+                button.setAttribute(tabindex, '0');
             }
             else {
-                button.setAttribute(tabindex, "-1");
+                button.setAttribute(tabindex, '-1');
             }
         });
     };
@@ -215,24 +218,24 @@ var ButtonGroupComponent = /** @class */ (function () {
     ButtonGroupComponent.prototype.deactivate = function (buttons) {
         buttons.forEach(function (button) {
             button.setSelected(false);
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     };
     ButtonGroupComponent.prototype.activate = function (buttons) {
         buttons.forEach(function (button) {
             button.setSelected(true);
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     };
     ButtonGroupComponent.prototype.defocus = function (buttons) {
         buttons.forEach(function (button) {
-            button.setAttribute(tabindex, "-1");
+            button.setAttribute(tabindex, '-1');
         });
     };
     ButtonGroupComponent.prototype.focus = function (buttons) {
         buttons.forEach(function (button) {
-            button.setAttribute(tabindex, "0");
+            button.setAttribute(tabindex, '0');
             button.focus();
         });
     };