@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/mat-spinner/src/_onemrva-mat-spinner.component.scss

@@ -1,151 +0,0 @@
-@use '../../utils' as utils;
-
-@mixin spinner($theme) {
-  $primary: utils.palette($theme, 'primary');
-
-  button {
-    transition: all 1s ease;
-    onemrva-mat-spinner {
-      display: none;
-    }
-
-    &.has-spinner {
-      .mdc-button__label {
-        margin-left: 20px;
-      }
-      onemrva-mat-spinner {
-        display: inline-block;
-      }
-    }
-    onemrva-mat-spinner {
-      .onemrva-spinner {
-        svg {
-          height: 18px !important;
-          width: 18px !important;
-          margin-left: 8px;
-
-          top: 17px !important;
-          left: 37px !important;
-          transform: none;
-          fill: #ffffff;
-        }
-      }
-    }
-    &.mat-primary {
-      .onemrva-spinner {
-        svg {
-          fill: $primary !important;
-        }
-      }
-    }
-    &.mat-info {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'info');
-        }
-      }
-    }
-    &.mat-success {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'success');
-        }
-      }
-    }
-    &.mat-error {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'error');
-        }
-      }
-    }
-    &.mat-warn {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'warn');
-        }
-      }
-    }
-    &.mat-grayscale,
-    &.mat-mdc-button-disabled {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'grayscale') !important;
-        }
-      }
-    }
-  }
-
-  onemrva-mat-spinner {
-    .onemrva-spinner-container {
-      position: relative;
-      height: 52px;
-      right: 52px;
-    }
-
-    .onemrva-spinner {
-      svg {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        height: 52px;
-        width: 52px;
-        box-sizing: border-box;
-        animation: 1s rotate infinite linear;
-        fill: #ffffff;
-      }
-    }
-    &.mat-primary {
-      .onemrva-spinner {
-        svg {
-          fill: $primary !important;
-        }
-      }
-    }
-    &.mat-info {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'info');
-        }
-      }
-    }
-    &.mat-success {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'success');
-        }
-      }
-    }
-    &.mat-error {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'error');
-        }
-      }
-    }
-    &.mat-warn {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'warn');
-        }
-      }
-    }
-    &.mat-grayscale {
-      .onemrva-spinner {
-        svg {
-          fill: utils.palette($theme, 'grayscale');
-        }
-      }
-    }
-  }
-
-  @keyframes rotate {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-}

package/mat-spinner/src/onemrva-mat-loading.directive.ts

@@ -1,41 +0,0 @@
-import {
-  ComponentFactoryResolver,
-  Directive,
-  ElementRef,
-  HostBinding,
-  Input,
-  OnInit,
-  ViewContainerRef,
-} from '@angular/core';
-import { OnemrvaMatSpinnerComponent } from './onemrva-mat-spinner.component';
-
-@Directive({
-  standalone: true,
-  selector: 'button[loading]',
-})
-export class OnemrvaMatLoadingDirective implements OnInit {
-  @Input()
-  @HostBinding('class.has-spinner')
-  loading: boolean = false;
-
-  constructor(
-    private element: ElementRef,
-    private viewContainerRef: ViewContainerRef,
-    private componentFactoryResolver: ComponentFactoryResolver,
-  ) {}
-
-  ngOnInit() {
-    const host = this.element.nativeElement;
-    const componentFactory =
-      this.componentFactoryResolver.resolveComponentFactory(
-        OnemrvaMatSpinnerComponent,
-      );
-
-    const componentRef =
-      this.viewContainerRef.createComponent(componentFactory);
-
-    componentRef.instance.color = '';
-
-    host.insertBefore(componentRef.location.nativeElement, host.firstChild);
-  }
-}