@progress/kendo-angular-buttons 7.0.0-dev.202201180832 → 7.0.0

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 } from '../util';
+import { getStylingClasses, getThemeColorClasses, isPresent } 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:
@@ -491,15 +491,6 @@ var ButtonDirective = /** @class */ (function () {
             return false;
         }
     };
-    Object.defineProperty(ButtonDirective.prototype, "text", {
-        get: function () {
-            if (isDocumentAvailable()) {
-                return this.element.innerHTML.trim();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
         this.iconSpanNode = renderer.createElement('span');
@@ -529,8 +520,11 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (isDocumentAvailable() && this.hasText()) {
-            this.element.innerHTML = "<span class='k-button-text'>" + this.text + "</span>";
+        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);
         }
     };
     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: 1642494672,
+    publishDate: 1642569714,
     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:
@@ -202,7 +202,6 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     setSelected(value: boolean): void;
     private toggleAriaPressed;
     private hasText;
-    private readonly text;
     private addImgIcon;
     private addIcon;
     private addTextSpan;

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 } from '../util';
+import { getStylingClasses, getThemeColorClasses, isPresent } 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:
@@ -398,11 +398,6 @@ let ButtonDirective = class ButtonDirective {
             return false;
         }
     }
-    get text() {
-        if (isDocumentAvailable()) {
-            return this.element.innerHTML.trim();
-        }
-    }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
         this.iconSpanNode = renderer.createElement('span');
@@ -432,8 +427,11 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText()) {
-            this.element.innerHTML = `<span class='k-button-text'>${this.text}</span>`;
+        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
+            const span = this.renderer.createElement('span');
+            this.renderer.addClass(span, 'k-button-text');
+            span.append(...Array.from(this.element.childNodes));
+            this.element.append(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: 1642494672,
+    publishDate: 1642569714,
     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: 1642494672,
+    publishDate: 1642569714,
     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:
@@ -524,11 +524,6 @@ let ButtonDirective = class ButtonDirective {
             return false;
         }
     }
-    get text() {
-        if (isDocumentAvailable()) {
-            return this.element.innerHTML.trim();
-        }
-    }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
         this.iconSpanNode = renderer.createElement('span');
@@ -558,8 +553,11 @@ let ButtonDirective = class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText()) {
-            this.element.innerHTML = `<span class='k-button-text'>${this.text}</span>`;
+        if (isDocumentAvailable() && this.hasText() && isPresent(this.element.append)) {
+            const span = this.renderer.createElement('span');
+            this.renderer.addClass(span, 'k-button-text');
+            span.append(...Array.from(this.element.childNodes));
+            this.element.append(span);
         }
     }
     prependChild(node) {
@@ -1909,7 +1907,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:
@@ -2772,7 +2770,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:
@@ -3447,7 +3445,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: 1642494672,
+    publishDate: 1642569714,
     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:
@@ -617,15 +617,6 @@ var ButtonDirective = /** @class */ (function () {
             return false;
         }
     };
-    Object.defineProperty(ButtonDirective.prototype, "text", {
-        get: function () {
-            if (isDocumentAvailable()) {
-                return this.element.innerHTML.trim();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
         this.iconSpanNode = renderer.createElement('span');
@@ -655,8 +646,11 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (isDocumentAvailable() && this.hasText()) {
-            this.element.innerHTML = "<span class='k-button-text'>" + this.text + "</span>";
+        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);
         }
     };
     ButtonDirective.prototype.prependChild = function (node) {
@@ -2064,7 +2058,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:
@@ -2948,7 +2942,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:
@@ -3647,7 +3641,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:
@@ -493,15 +493,6 @@ var ButtonDirective = /** @class */ (function () {
             return false;
         }
     };
-    Object.defineProperty(ButtonDirective.prototype, "text", {
-        get: function () {
-            if (kendo_angular_common_1.isDocumentAvailable()) {
-                return this.element.innerHTML.trim();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
         this.iconSpanNode = renderer.createElement('span');
@@ -531,8 +522,11 @@ var ButtonDirective = /** @class */ (function () {
         }
     };
     ButtonDirective.prototype.addTextSpan = function () {
-        if (kendo_angular_common_1.isDocumentAvailable() && this.hasText()) {
-            this.element.innerHTML = "<span class='k-button-text'>" + this.text + "</span>";
+        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);
         }
     };
     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: 1642494672,
+    publishDate: 1642569714,
     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: