@progress/kendo-angular-buttons 7.0.0 → 7.0.2

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: 1642569714,
+    publishDate: 1642682315,
     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.js

@@ -244,7 +244,6 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
      * * `link`
      */
     set fillMode(fillMode) {
-        // Temporary workaround for missing 'clear' styles
         this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
     }
     get fillMode() {

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: 1642569714,
+    publishDate: 1642682315,
     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'
 };
@@ -269,7 +269,7 @@ let ButtonDirective = class ButtonDirective {
     }
     /**
      * The size property specifies the padding of the Button
-     * ([see example]({% slug appearance_buttondirective %}#toc-size)).
+     * ([see example]({% slug appearance_button %}#toc-size)).
      *
      * The possible values are:
      * * `'small'`
@@ -286,7 +286,7 @@ let ButtonDirective = class ButtonDirective {
     }
     /**
      * The rounded property specifies the border radius of the Button
-     * ([see example]({% slug appearance_buttondirective %}#toc-rounded)).
+     * ([see example]({% slug appearance_button %}#toc-rounded)).
      *
      * The possible values are:
      * * `'small'`
@@ -304,12 +304,13 @@ let ButtonDirective = class ButtonDirective {
     }
     /**
      * The fillMode property specifies the background and border styles of the Button
-     * ([see example]({% slug appearance_buttondirective %}#toc-fillMode)).
+     * ([see example]({% slug appearance_button %}#toc-fillMode)).
      *
      * The possible values are:
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
+     * * `'clear'`
      * * `'link'`
      * * `null`
      */
@@ -323,7 +324,7 @@ let ButtonDirective = class ButtonDirective {
     /**
      * The Button 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
-     * ([see example]({% slug appearance_buttondirective %}#toc-themeColor)).
+     * ([see example]({% slug appearance_button %}#toc-themeColor)).
      *
      * The possible values are:
      * * `'base'` (default)
@@ -347,7 +348,7 @@ let ButtonDirective = class ButtonDirective {
     }
     /**
      * The shape property specifies if the Button will form a rectangle or square.
-     * ([see example]({% slug appearance_buttondirective %}#toc-shape)).
+     * ([see example]({% slug appearance_button %}#toc-shape)).
      *
      * The possible values are:
      * * `'square'`
@@ -517,12 +518,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 +549,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) {
@@ -2054,7 +2051,6 @@ let SplitButtonComponent = class SplitButtonComponent extends ListButton {
      * * `link`
      */
     set fillMode(fillMode) {
-        // Temporary workaround for missing 'clear' styles
         this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
     }
     get fillMode() {
@@ -2903,7 +2899,6 @@ let DropDownButtonComponent = class DropDownButtonComponent extends ListButton {
      * * `null`
      */
     set fillMode(fillMode) {
-        // Temporary workaround for missing 'clear' styles
         this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
     }
     get fillMode() {

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: 1642569714,
+    publishDate: 1642682315,
     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'
 };
@@ -307,7 +307,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The size property specifies the padding of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-size)).
+         * ([see example]({% slug appearance_button %}#toc-size)).
          *
          * The possible values are:
          * * `'small'`
@@ -328,7 +328,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The rounded property specifies the border radius of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-rounded)).
+         * ([see example]({% slug appearance_button %}#toc-rounded)).
          *
          * The possible values are:
          * * `'small'`
@@ -350,12 +350,13 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The fillMode property specifies the background and border styles of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-fillMode)).
+         * ([see example]({% slug appearance_button %}#toc-fillMode)).
          *
          * The possible values are:
          * * `'flat'`
          * * `'solid'` (default)
          * * `'outline'`
+         * * `'clear'`
          * * `'link'`
          * * `null`
          */
@@ -373,7 +374,7 @@ var ButtonDirective = /** @class */ (function () {
         /**
          * The Button 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
-         * ([see example]({% slug appearance_buttondirective %}#toc-themeColor)).
+         * ([see example]({% slug appearance_button %}#toc-themeColor)).
          *
          * The possible values are:
          * * `'base'` (default)
@@ -401,7 +402,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The shape property specifies if the Button will form a rectangle or square.
-         * ([see example]({% slug appearance_buttondirective %}#toc-shape)).
+         * ([see example]({% slug appearance_button %}#toc-shape)).
          *
          * The possible values are:
          * * `'square'`
@@ -610,12 +611,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 +642,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) {
@@ -2214,7 +2212,6 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * * `link`
          */
         set: function (fillMode) {
-            // Temporary workaround for missing 'clear' styles
             this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
         },
         enumerable: true,
@@ -3092,7 +3089,6 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          * * `null`
          */
         set: function (fillMode) {
-            // Temporary workaround for missing 'clear' styles
             this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
         },
         enumerable: true,

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

@@ -183,7 +183,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The size property specifies the padding of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-size)).
+         * ([see example]({% slug appearance_button %}#toc-size)).
          *
          * The possible values are:
          * * `'small'`
@@ -204,7 +204,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The rounded property specifies the border radius of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-rounded)).
+         * ([see example]({% slug appearance_button %}#toc-rounded)).
          *
          * The possible values are:
          * * `'small'`
@@ -226,12 +226,13 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The fillMode property specifies the background and border styles of the Button
-         * ([see example]({% slug appearance_buttondirective %}#toc-fillMode)).
+         * ([see example]({% slug appearance_button %}#toc-fillMode)).
          *
          * The possible values are:
          * * `'flat'`
          * * `'solid'` (default)
          * * `'outline'`
+         * * `'clear'`
          * * `'link'`
          * * `null`
          */
@@ -249,7 +250,7 @@ var ButtonDirective = /** @class */ (function () {
         /**
          * The Button 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
-         * ([see example]({% slug appearance_buttondirective %}#toc-themeColor)).
+         * ([see example]({% slug appearance_button %}#toc-themeColor)).
          *
          * The possible values are:
          * * `'base'` (default)
@@ -277,7 +278,7 @@ var ButtonDirective = /** @class */ (function () {
         },
         /**
          * The shape property specifies if the Button will form a rectangle or square.
-         * ([see example]({% slug appearance_buttondirective %}#toc-shape)).
+         * ([see example]({% slug appearance_button %}#toc-shape)).
          *
          * The possible values are:
          * * `'square'`
@@ -486,12 +487,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 +518,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/dropdownbutton/dropdownbutton.component.js

@@ -225,7 +225,6 @@ var DropDownButtonComponent = /** @class */ (function (_super) {
          * * `null`
          */
         set: function (fillMode) {
-            // Temporary workaround for missing 'clear' styles
             this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
         },
         enumerable: true,

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: 1642569714,
+    publishDate: 1642682315,
     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

@@ -257,7 +257,6 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * * `link`
          */
         set: function (fillMode) {
-            // Temporary workaround for missing 'clear' styles
             this._fillMode = fillMode === 'clear' ? 'flat' : fillMode;
         },
         enumerable: true,