ionic-framework/core/src/components/spinner/spinner.interfaces.ts at 7b13706ea7f3bcc6574feb8baeb3b83c0599a41f · ionic-team/ionic-framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
export interface SpinnerConfigs {
  [spinnerName: string]: SpinnerConfig;
}

export interface SpinnerConfig {
  dur: number;
  circles?: number;
  lines?: number;
  elmDuration?: boolean;
  fn: (dur: number, index: number, total: number) => SpinnerData;
}

interface SpinnerData {
  r?: number;
  y1?: number;
  y2?: number;
  cx?: number;
  cy?: number;
  style: { [key: string]: string | undefined };
  viewBox?: string;
  transform?: string;
}

export type IonSpinnerRecipe = {
  color?: string;

  lines?: {
    stroke?: {
      width?: string;
    };

    small?: {
      stroke?: {
        width?: string;
      };
    };

    sharp?: {
      stroke?: {
        width?: string;
      };

      small?: {
        stroke?: {
          width?: string;
        };
      };
    };
  };

  circular?: {
    stroke?: {
      width?: string;
    };
  };

  crescent?: {
    stroke?: {
      width?: string;
    };
  };

  // Sizes
  size?: {
    [K in IonSpinnerSizes]?: IonSpinnerSizeDefinition;
  };
};

type IonSpinnerSizeDefinition = {
  width?: string;
  height?: string;
};

export type IonSpinnerConfig = {
  size?: IonSpinnerSizes;
};

export type IonSpinnerSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';