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

package/dist/es/button/button.directive.js

@@ -9,7 +9,7 @@ import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/ke
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { getStylingClasses, getThemeColorClasses, isPresent } from '../util';
+import { getStylingClasses, getThemeColorClasses } from '../util';
 var SPAN_TAG_NAME = 'SPAN';
 /**
  * Represents the Kendo UI Button component for Angular.
@@ -180,7 +180,7 @@ var ButtonDirective = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the width and height of the Button
+         * The size property specifies the padding of the Button
          * ([see example]({% slug appearance_buttondirective %}#toc-size)).
          *
          * The possible values are:
@@ -484,12 +484,7 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.hasText = function () {
-        if (isDocumentAvailable()) {
-            return this.element.textContent.trim().length > 0;
-        }
-        else {
-            return false;
-        }
+        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
     };
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
@@ -520,11 +515,13 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
-            var span = this.renderer.createElement('span');
-            this.renderer.addClass(span, 'k-button-text');
-            span.append.apply(span, Array.from(this.element.childNodes));
-            this.element.append(span);
+        var _this = this;
+        if (isDocumentAvailable() && this.hasText()) {
+            var span_1 = this.renderer.createElement('span');
+            this.renderer.addClass(span_1, 'k-button-text');
+            var buttonContentNodes = Array.from(this.element.childNodes);
+            buttonContentNodes.forEach(function (node) { return _this.renderer.appendChild(span_1, node); });
+            this.renderer.appendChild(this.element, span_1);
         }
     };
     ButtonDirective.prototype.prependChild = function (node) {

package/dist/es/chip/chip.component.js

@@ -57,7 +57,7 @@ var ChipComponent = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the height, padding and line height of the Chip
+         * The size property specifies the padding of the Chip
          * ([see example]({% slug appearance_chip %}#toc-size)).
          *
          * The possible values are:

package/dist/es/dropdownbutton/dropdownbutton.component.js

@@ -72,7 +72,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the DropDownButton
+         * The size property specifies the padding of the DropDownButton
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
          *
          * The possible values are:

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642530954,
+    publishDate: 1642595280,
     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/es/splitbutton/splitbutton.component.js

@@ -98,7 +98,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the SplitButton
+         * The size property specifies the padding of the SplitButton
          * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
          * The possible values are:

package/dist/es2015/button/button.directive.d.ts

@@ -54,7 +54,7 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
      */
     disabled: boolean;
     /**
-     * The size property specifies the width and height of the Button
+     * The size property specifies the padding of the Button
      * ([see example]({% slug appearance_buttondirective %}#toc-size)).
      *
      * The possible values are:

package/dist/es2015/button/button.directive.js

@@ -9,7 +9,7 @@ import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/ke
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { getStylingClasses, getThemeColorClasses, isPresent } from '../util';
+import { getStylingClasses, getThemeColorClasses } from '../util';
 const SPAN_TAG_NAME = 'SPAN';
 /**
  * Represents the Kendo UI Button component for Angular.
@@ -142,7 +142,7 @@ let ButtonDirective = class ButtonDirective {
         return this.isDisabled;
     }
     /**
-     * The size property specifies the width and height of the Button
+     * The size property specifies the padding of the Button
      * ([see example]({% slug appearance_buttondirective %}#toc-size)).
      *
      * The possible values are:
@@ -391,12 +391,7 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     hasText() {
-        if (isDocumentAvailable()) {
-            return this.element.textContent.trim().length > 0;
-        }
-        else {
-            return false;
-        }
+        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
     }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
@@ -427,11 +422,12 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
+        if (isDocumentAvailable() && this.hasText()) {
             const span = this.renderer.createElement('span');
             this.renderer.addClass(span, 'k-button-text');
-            span.append(...Array.from(this.element.childNodes));
-            this.element.append(span);
+            const buttonContentNodes = Array.from(this.element.childNodes);
+            buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
+            this.renderer.appendChild(this.element, span);
         }
     }
     prependChild(node) {

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

@@ -56,7 +56,7 @@ export declare class ChipComponent implements OnInit, AfterViewInit {
      */
     disabled: boolean;
     /**
-     * The size property specifies the height, padding and line height of the Chip
+     * The size property specifies the padding of the Chip
      * ([see example]({% slug appearance_chip %}#toc-size)).
      *
      * The possible values are:

package/dist/es2015/chip/chip.component.js

@@ -53,7 +53,7 @@ let ChipComponent = class ChipComponent {
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
     /**
-     * The size property specifies the height, padding and line height of the Chip
+     * The size property specifies the padding of the Chip
      * ([see example]({% slug appearance_chip %}#toc-size)).
      *
      * The possible values are:

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

@@ -83,7 +83,7 @@ export declare class DropDownButtonComponent extends ListButton implements OnCha
      */
     data: any;
     /**
-     * The size property specifies the width and height of the DropDownButton
+     * The size property specifies the padding of the DropDownButton
      * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
      *
      * The possible values are:

package/dist/es2015/dropdownbutton/dropdownbutton.component.js

@@ -71,7 +71,7 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
          */
         this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the DropDownButton
+         * The size property specifies the padding of the DropDownButton
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
          *
          * The possible values are:

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: 1642530954,
+    publishDate: 1642595280,
     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

@@ -82,7 +82,7 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      */
     imageUrl: string;
     /**
-     * The size property specifies the width and height of the SplitButton
+     * The size property specifies the padding of the SplitButton
      * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
      *
      * The possible values are:

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

@@ -97,7 +97,7 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          */
         this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the SplitButton
+         * The size property specifies the padding of the SplitButton
          * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
          * The possible values are:

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: 1642530954,
+    publishDate: 1642595280,
     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'
 };
@@ -268,7 +268,7 @@ let ButtonDirective = class ButtonDirective {
         return this.isDisabled;
     }
     /**
-     * The size property specifies the width and height of the Button
+     * The size property specifies the padding of the Button
      * ([see example]({% slug appearance_buttondirective %}#toc-size)).
      *
      * The possible values are:
@@ -517,12 +517,7 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     hasText() {
-        if (isDocumentAvailable()) {
-            return this.element.textContent.trim().length > 0;
-        }
-        else {
-            return false;
-        }
+        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
     }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
@@ -553,11 +548,12 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
+        if (isDocumentAvailable() && this.hasText()) {
             const span = this.renderer.createElement('span');
             this.renderer.addClass(span, 'k-button-text');
-            span.append(...Array.from(this.element.childNodes));
-            this.element.append(span);
+            const buttonContentNodes = Array.from(this.element.childNodes);
+            buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
+            this.renderer.appendChild(this.element, span);
         }
     }
     prependChild(node) {
@@ -1907,7 +1903,7 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
          */
         this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the SplitButton
+         * The size property specifies the padding of the SplitButton
          * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
          * The possible values are:
@@ -2770,7 +2766,7 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
          */
         this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the DropDownButton
+         * The size property specifies the padding of the DropDownButton
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
          *
          * The possible values are:
@@ -3445,7 +3441,7 @@ let ChipComponent = class ChipComponent {
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
     /**
-     * The size property specifies the height, padding and line height of the Chip
+     * The size property specifies the padding of the Chip
      * ([see example]({% slug appearance_chip %}#toc-size)).
      *
      * The possible values are:

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: 1642530954,
+    publishDate: 1642595280,
     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'
 };
@@ -306,7 +306,7 @@ var ButtonDirective = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the width and height of the Button
+         * The size property specifies the padding of the Button
          * ([see example]({% slug appearance_buttondirective %}#toc-size)).
          *
          * The possible values are:
@@ -610,12 +610,7 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.hasText = function () {
-        if (isDocumentAvailable()) {
-            return this.element.textContent.trim().length > 0;
-        }
-        else {
-            return false;
-        }
+        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
     };
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
@@ -646,11 +641,13 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
-            var span = this.renderer.createElement('span');
-            this.renderer.addClass(span, 'k-button-text');
-            span.append.apply(span, Array.from(this.element.childNodes));
-            this.element.append(span);
+        var _this = this;
+        if (isDocumentAvailable() && this.hasText()) {
+            var span_1 = this.renderer.createElement('span');
+            this.renderer.addClass(span_1, 'k-button-text');
+            var buttonContentNodes = Array.from(this.element.childNodes);
+            buttonContentNodes.forEach(function (node) { return _this.renderer.appendChild(span_1, node); });
+            this.renderer.appendChild(this.element, span_1);
         }
     };
     ButtonDirective.prototype.prependChild = function (node) {
@@ -2058,7 +2055,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the SplitButton
+         * The size property specifies the padding of the SplitButton
          * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
          * The possible values are:
@@ -2942,7 +2939,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the DropDownButton
+         * The size property specifies the padding of the DropDownButton
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
          *
          * The possible values are:
@@ -3641,7 +3638,7 @@ var ChipComponent = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the height, padding and line height of the Chip
+         * The size property specifies the padding of the Chip
          * ([see example]({% slug appearance_chip %}#toc-size)).
          *
          * The possible values are:

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

@@ -182,7 +182,7 @@ var ButtonDirective = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the width and height of the Button
+         * The size property specifies the padding of the Button
          * ([see example]({% slug appearance_buttondirective %}#toc-size)).
          *
          * The possible values are:
@@ -486,12 +486,7 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.hasText = function () {
-        if (kendo_angular_common_1.isDocumentAvailable()) {
-            return this.element.textContent.trim().length > 0;
-        }
-        else {
-            return false;
-        }
+        return kendo_angular_common_1.isDocumentAvailable() && this.element.textContent.trim().length > 0;
     };
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
@@ -522,11 +517,13 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (kendo_angular_common_1.isDocumentAvailable() && this.hasText() && util_1.isPresent(this.element.append)) {
-            var span = this.renderer.createElement('span');
-            this.renderer.addClass(span, 'k-button-text');
-            span.append.apply(span, Array.from(this.element.childNodes));
-            this.element.append(span);
+        var _this = this;
+        if (kendo_angular_common_1.isDocumentAvailable() && this.hasText()) {
+            var span_1 = this.renderer.createElement('span');
+            this.renderer.addClass(span_1, 'k-button-text');
+            var buttonContentNodes = Array.from(this.element.childNodes);
+            buttonContentNodes.forEach(function (node) { return _this.renderer.appendChild(span_1, node); });
+            this.renderer.appendChild(this.element, span_1);
         }
     };
     ButtonDirective.prototype.prependChild = function (node) {

package/dist/npm/chip/chip.component.js

@@ -59,7 +59,7 @@ var ChipComponent = /** @class */ (function () {
             return this._size;
         },
         /**
-         * The size property specifies the height, padding and line height of the Chip
+         * The size property specifies the padding of the Chip
          * ([see example]({% slug appearance_chip %}#toc-size)).
          *
          * The possible values are:

package/dist/npm/dropdownbutton/dropdownbutton.component.js

@@ -75,7 +75,7 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the DropDownButton
+         * The size property specifies the padding of the DropDownButton
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-size)).
          *
          * The possible values are:

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642530954,
+    publishDate: 1642595280,
     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/npm/splitbutton/splitbutton.component.js

@@ -101,7 +101,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          */
         _this.imageUrl = '';
         /**
-         * The size property specifies the width and height of the SplitButton
+         * The size property specifies the padding of the SplitButton
          * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
          *
          * The possible values are: