ionic/src/config/modes.ts at feature/progressbar · CssFormWork/ionic · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

import {Config} from './config';


// iOS Mode Settings
Config.setModeConfig('ios', {
  activator: 'highlight',

  actionSheetEnter: 'action-sheet-slide-in',
  actionSheetLeave: 'action-sheet-slide-out',

  alertEnter: 'alert-pop-in',
  alertLeave: 'alert-pop-out',

  backButtonText: 'Back',
  backButtonIcon: 'ios-arrow-back',

  iconMode: 'ios',

  loadingEnter: 'loading-pop-in',
  loadingLeave: 'loading-pop-out',

  menuType: 'reveal',

  modalEnter: 'modal-slide-in',
  modalLeave: 'modal-slide-out',

  pageTransition: 'ios-transition',
  pageTransitionDelay: 16,

  pickerEnter: 'picker-slide-in',
  pickerLeave: 'picker-slide-out',
  pickerRotateFactor: -0.46,

  popoverEnter: 'popover-pop-in',
  popoverLeave: 'popover-pop-out',

  spinner: 'ios',

  tabsHighlight: false,
  tabsPlacement: 'bottom',

  toastEnter: 'toast-slide-in',
  toastLeave: 'toast-slide-out',
});


// Material Design Mode Settings
Config.setModeConfig('md', {
  activator: 'ripple',

  actionSheetEnter: 'action-sheet-md-slide-in',
  actionSheetLeave: 'action-sheet-md-slide-out',

  alertEnter: 'alert-md-pop-in',
  alertLeave: 'alert-md-pop-out',

  backButtonText: '',
  backButtonIcon: 'md-arrow-back',

  iconMode: 'md',

  loadingEnter: 'loading-md-pop-in',
  loadingLeave: 'loading-md-pop-out',

  menuType: 'overlay',

  modalEnter: 'modal-md-slide-in',
  modalLeave: 'modal-md-slide-out',

  pageTransition: 'md-transition',
  pageTransitionDelay: 64,

  pickerEnter: 'picker-slide-in',
  pickerLeave: 'picker-slide-out',
  pickerRotateFactor: 0,

  popoverEnter: 'popover-md-pop-in',
  popoverLeave: 'popover-md-pop-out',

  spinner: 'crescent',

  tabsHighlight: true,
  tabsPlacement: 'bottom',

  toastEnter: 'toast-md-slide-in',
  toastLeave: 'toast-md-slide-out',
});


// Windows Mode Settings
Config.setModeConfig('wp', {
  activator: 'highlight',

  actionSheetEnter: 'action-sheet-wp-slide-in',
  actionSheetLeave: 'action-sheet-wp-slide-out',

  alertEnter: 'alert-wp-pop-in',
  alertLeave: 'alert-wp-pop-out',

  backButtonText: '',
  backButtonIcon: 'ios-arrow-back',

  iconMode: 'ios',

  loadingEnter: 'loading-wp-pop-in',
  loadingLeave: 'loading-wp-pop-out',

  menuType: 'overlay',

  modalEnter: 'modal-md-slide-in',
  modalLeave: 'modal-md-slide-out',

  pageTransition: 'wp-transition',
  pageTransitionDelay: 96,

  pickerEnter: 'picker-slide-in',
  pickerLeave: 'picker-slide-out',
  pickerRotateFactor: 0,

  popoverEnter: 'popover-md-pop-in',
  popoverLeave: 'popover-md-pop-out',

  spinner: 'circles',

  tabsHighlight: false,
  tabsPlacement: 'top',

  toastEnter: 'toast-wp-slide-in',
  toastLeave: 'toast-wp-slide-out',
});