From c2456e084a1e8e47ab687ad7f44bdfb438bf82fb Mon Sep 17 00:00:00 2001
From: agonzalez97 <aidamaria.gonzalez@dxc.com>
Date: Tue, 5 Apr 2022 17:10:41 +0200
Subject: [PATCH] Added types file in spinner

---
 .../lib/dxc-spinner/dxc-spinner.component.ts  | 21 +++--------------
 .../src/lib/dxc-spinner/dxc-spinner.types.ts  | 23 +++++++++++++++++++
 2 files changed, 26 insertions(+), 18 deletions(-)
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.types.ts

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.component.ts
index d0414bfc2..293d5f6e8 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.component.ts
@@ -11,22 +11,7 @@ import { BehaviorSubject } from "rxjs";
 import { css } from "emotion";
 import { CssUtils } from "../utils";
 import { coerceBooleanProperty } from "@angular/cdk/coercion";
-
-type Space =
-  | "xxsmall"
-  | "xsmall"
-  | "small"
-  | "medium"
-  | "large"
-  | "xlarge"
-  | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
+import { Space, Spacing, SpinnerProperties } from "./dxc-spinner.types";
 @Component({
   selector: "dxc-spinner",
   templateUrl: "./dxc-spinner.component.html",
@@ -50,7 +35,7 @@ export class DxcSpinnerComponent implements OnInit {
    * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
    * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
    */
-  @Input() margin: Space | Margin;
+  @Input() margin: Space | Spacing;
   /**
    * If true, the value is displayed inside the spinner..
    */
@@ -82,7 +67,7 @@ export class DxcSpinnerComponent implements OnInit {
   radioLargeSize: number = 65;
   radioSmallSize: number = 6;
 
-  defaultInputs = new BehaviorSubject<any>({
+  defaultInputs = new BehaviorSubject<SpinnerProperties>({
     showValue: false,
     mode: "large",
     value: 0,
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.types.ts b/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.types.ts
new file mode 100644
index 000000000..832288290
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-spinner/dxc-spinner.types.ts
@@ -0,0 +1,23 @@
+export interface SpinnerProperties {
+  margin?: Space | Spacing;
+  showValue?: boolean;
+  value?: number;
+  label?: string;
+  mode?: "large" | "small" | "overlay";
+}
+
+export type Space =
+  | "xxsmall"
+  | "xsmall"
+  | "small"
+  | "medium"
+  | "large"
+  | "xlarge"
+  | "xxlarge";
+
+export type Spacing = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};