fix: button spinner

Author: Andrei Caleniuc

projects/angular/directives/ui-progress-button/src/ui-progress-button.directive.spec.ts

@@ -170,7 +170,7 @@ const describeForButtonType = (type: ButtonType) => {
                 });
 
                 it('should cycle from 1 to 100', () => {
-                    const spy = spyOn(progress, '_primaryTransform');
+                    const spy = spyOn(progress, '_getPrimaryBarTransform');
 
                     for (let i = 0; i <= 100; i++) {
                         component.value = i;
@@ -198,7 +198,7 @@ const describeForButtonType = (type: ButtonType) => {
                 });
 
                 it('should cycle from 1 to 100', () => {
-                    const spy = spyOn(progress, '_bufferTransform');
+                    const spy = spyOn(progress, '_getBufferBarFlexBasis');
 
                     for (let i = 0; i <= 100; i++) {
                         component.bufferValue = i;

projects/angular/directives/ui-spinner-button/src/internal/ui-button-progress-spinner.component.scss

@@ -28,15 +28,13 @@ ui-button-progress-spinner {
 }
 
 .ui-spinner-button {
-    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
-    .mat-button-wrapper {
+    mat-icon, .mdc-button__label {
         transition: $ui-button-progress-opacity-transition;
     }
 }
 
 .ui-spinner-button-loading {
-    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
-    .mat-button-wrapper {
+    mat-icon, .mdc-button__label {
         opacity: 0;
     }
 }

projects/angular/directives/ui-spinner-button/src/ui-spinner-button.directive.ts

@@ -6,7 +6,6 @@ import {
     Renderer2,
     ViewContainerRef,
 } from '@angular/core';
-import { MatButton } from '@angular/material/button';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { UiLoaderButtonDirective } from '@uipath/angular/directives/internal';
 
@@ -52,7 +51,6 @@ export class UiSpinnerButtonDirective
     spinnerButtonColor: MatProgressSpinner['color'] = 'accent';
 
     constructor(
-        button: MatButton,
         componentFactory: ComponentFactoryResolver,
         container: ViewContainerRef,
         private _renderer: Renderer2,
@@ -63,10 +61,7 @@ export class UiSpinnerButtonDirective
             container,
         );
 
-        // FIXME: check if this is a round button
-        // const isRound = button.isIconButton ||
-        //     button.isRoundButton;
-        const isRound = true;
+        const isRound = this._hasHostAttributes('mdc-fab', 'mdc-icon-button');
 
         this._loader.isRound$.next(isRound);
 
@@ -108,4 +103,8 @@ export class UiSpinnerButtonDirective
 
         this._loader.loading$.next(this.spinnerButtonLoading);
     };
+
+    private _hasHostAttributes(...attributes: string[]) {
+        return attributes.some(attribute => this._buttonElement.hasAttribute(attribute));
+    }
 }