@progress/kendo-angular-buttons 7.0.0 → 7.0.2

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.
@@ -181,7 +181,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'`
@@ -202,7 +202,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'`
@@ -224,12 +224,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`
          */
@@ -247,7 +248,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)
@@ -275,7 +276,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'`
@@ -484,12 +485,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 +516,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/dropdownbutton/dropdownbutton.component.js

@@ -222,7 +222,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/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: 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/es/splitbutton/splitbutton.component.js

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

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

@@ -55,7 +55,7 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     disabled: boolean;
     /**
      * 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'`
@@ -66,7 +66,7 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     size: ButtonSize;
     /**
      * 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'`
@@ -78,12 +78,13 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     rounded: ButtonRounded;
     /**
      * 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`
      */
@@ -91,7 +92,7 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     /**
      * 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)
@@ -109,7 +110,7 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     themeColor: ButtonThemeColor;
     /**
      * 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'`

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.
@@ -143,7 +143,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'`
@@ -160,7 +160,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'`
@@ -178,12 +178,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`
      */
@@ -197,7 +198,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)
@@ -221,7 +222,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'`
@@ -391,12 +392,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 +423,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/dropdownbutton/dropdownbutton.component.js

@@ -204,7 +204,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() {