@progress/kendo-angular-buttons 7.0.5-dev.202203211448 → 7.0.5

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: 1647874037,
+    publishDate: 1648131806,
     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/util.d.ts

@@ -39,3 +39,9 @@ export declare const getStylingClasses: (componentType: any, stylingOption: stri
  * Returns the themeColor classes to be added and removed
  */
 export declare const getThemeColorClasses: (componentType: any, prevFillMode: any, fillMode: any, previousValue: any, newValue: any) => ButtonStylingClasses;
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+export declare const isFirefox: (userAgent: any) => boolean;

package/dist/es2015/util.js

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

package/dist/fesm2015/index.js

@@ -8,6 +8,7 @@ import { Subject, fromEvent, merge, Subscription } from 'rxjs';
 import { Keys, isChanged, isDocumentAvailable, hasObservers, guid, EventsModule } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { CommonModule } from '@angular/common';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import { filter, take } from 'rxjs/operators';
@@ -39,13 +40,12 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647874037,
+    publishDate: 1648131806,
     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'
 };
 
 /* tslint:disable:no-null-keyword */
-/* tslint:disable:no-bitwise */
 const resolvedPromise = Promise.resolve(null);
 /**
  * @hidden
@@ -135,6 +135,16 @@ const getThemeColorClasses = (componentType, prevFillMode, fillMode, previousVal
         toAdd: newValue ? `k-${componentType}-${fillMode}-${newValue}` : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+const isFirefox = (userAgent) => {
+    const desktopBrowser = detectDesktopBrowser(userAgent);
+    const mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};
 
 const SPAN_TAG_NAME = 'SPAN';
 /**
@@ -261,6 +271,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);
     }
@@ -522,8 +536,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);
         }

package/dist/fesm5/index.js

@@ -8,6 +8,7 @@ import { Subject, fromEvent, merge, Subscription } from 'rxjs';
 import { Keys, isChanged, isDocumentAvailable, hasObservers, guid, EventsModule } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { CommonModule } from '@angular/common';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import { filter, take } from 'rxjs/operators';
@@ -37,13 +38,12 @@ var packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647874037,
+    publishDate: 1648131806,
     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'
 };
 
 /* tslint:disable:no-null-keyword */
-/* tslint:disable:no-bitwise */
 var resolvedPromise = Promise.resolve(null);
 /**
  * @hidden
@@ -135,6 +135,16 @@ var getThemeColorClasses = function (componentType, prevFillMode, fillMode, prev
         toAdd: newValue ? "k-" + componentType + "-" + fillMode + "-" + newValue : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+var isFirefox = function (userAgent) {
+    var desktopBrowser = detectDesktopBrowser(userAgent);
+    var mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};
 
 var SPAN_TAG_NAME = 'SPAN';
 /**
@@ -295,6 +305,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);
         },
@@ -615,8 +629,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/npm/button/button.directive.js

@@ -171,6 +171,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 (util_1.isFirefox(navigator.userAgent) && disabled) {
+                this.blur();
+            }
             this.isDisabled = disabled;
             this.renderer.setProperty(this.element, 'disabled', disabled);
         },
@@ -491,8 +495,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/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647874037,
+    publishDate: 1648131806,
     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/util.js

@@ -6,6 +6,7 @@
 /* tslint:disable:no-null-keyword */
 /* tslint:disable:no-bitwise */
 Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_common_1 = require("@progress/kendo-common");
 var resolvedPromise = Promise.resolve(null);
 /**
  * @hidden
@@ -98,3 +99,13 @@ exports.getThemeColorClasses = function (componentType, prevFillMode, fillMode,
         toAdd: newValue ? "k-" + componentType + "-" + fillMode + "-" + newValue : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+exports.isFirefox = function (userAgent) {
+    var desktopBrowser = kendo_common_1.detectDesktopBrowser(userAgent);
+    var mobileOS = kendo_common_1.detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};