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

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.
@@ -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/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: 1642530954,
     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/button/button.directive.d.ts

@@ -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.
@@ -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/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: 1642530954,
     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/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: 1642530954,
     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'
 };
@@ -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) {

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: 1642530954,
     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'
 };
@@ -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) {

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

@@ -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/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: 1642530954,
     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'
 };