@progress/kendo-angular-buttons 7.0.4 → 7.0.5-dev.202203241407

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, isFirefox } from '../util';
 var SPAN_TAG_NAME = 'SPAN';
 /**
  * Represents the Kendo UI Button component for Angular.
@@ -133,7 +133,7 @@ var ButtonDirective = /** @class */ (function () {
             if (iconClassName) {
                 this.iconSetter(iconClassName, function () {
                     _this.isIconClass = true;
-                    var classes = 'k-button-icon k-icon ' + iconClassName;
+                    var classes = 'k-button-icon ' + iconClassName;
                     _this.addIcon(classes);
                 });
             }
@@ -169,6 +169,10 @@ var ButtonDirective = /** @class */ (function () {
          * If set to `true`, it disables the Button.
          */
         set: function (disabled) {
+            //Required, because in FF focused buttons are not blurred on disabled
+            if (isFirefox(navigator.userAgent) && disabled) {
+                this.blur();
+            }
             this.isDisabled = disabled;
             this.renderer.setProperty(this.element, 'disabled', disabled);
         },
@@ -489,8 +493,10 @@ var ButtonDirective = /** @class */ (function () {
     };
     ButtonDirective.prototype.addImgIcon = function (imageUrl) {
         var renderer = this.renderer;
-        this.iconSpanNode = renderer.createElement('span');
-        renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        if (!this.iconSpanNode) {
+            this.iconSpanNode = renderer.createElement('span');
+            renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        }
         if (this.imageNode) {
             renderer.setProperty(this.imageNode, 'src', imageUrl);
         }

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: 1647343529,
+    publishDate: 1648130763,
     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/util.js

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* tslint:disable:no-null-keyword */
 /* tslint:disable:no-bitwise */
+import { detectDesktopBrowser, detectMobileOS } from "@progress/kendo-common";
 var resolvedPromise = Promise.resolve(null);
 /**
  * @hidden
@@ -95,3 +96,13 @@ export var getThemeColorClasses = function (componentType, prevFillMode, fillMod
         toAdd: newValue ? "k-" + componentType + "-" + fillMode + "-" + newValue : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+export var isFirefox = function (userAgent) {
+    var desktopBrowser = detectDesktopBrowser(userAgent);
+    var mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};

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, isFirefox } from '../util';
 const SPAN_TAG_NAME = 'SPAN';
 /**
  * Represents the Kendo UI Button component for Angular.
@@ -110,7 +110,7 @@ let ButtonDirective = class ButtonDirective {
         if (iconClassName) {
             this.iconSetter(iconClassName, () => {
                 this.isIconClass = true;
-                const classes = 'k-button-icon k-icon ' + iconClassName;
+                const classes = 'k-button-icon ' + iconClassName;
                 this.addIcon(classes);
             });
         }
@@ -135,6 +135,10 @@ let ButtonDirective = class ButtonDirective {
      * If set to `true`, it disables the Button.
      */
     set disabled(disabled) {
+        //Required, because in FF focused buttons are not blurred on disabled
+        if (isFirefox(navigator.userAgent) && disabled) {
+            this.blur();
+        }
         this.isDisabled = disabled;
         this.renderer.setProperty(this.element, 'disabled', disabled);
     }
@@ -396,8 +400,10 @@ let ButtonDirective = class ButtonDirective {
     }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
-        this.iconSpanNode = renderer.createElement('span');
-        renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        if (!this.iconSpanNode) {
+            this.iconSpanNode = renderer.createElement('span');
+            renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        }
         if (this.imageNode) {
             renderer.setProperty(this.imageNode, 'src', imageUrl);
         }