UI for Zipcoin Blue

mode-registry.js 3.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. export var MODE_IOS = {
  2. activator: 'highlight',
  3. actionSheetEnter: 'action-sheet-slide-in',
  4. actionSheetLeave: 'action-sheet-slide-out',
  5. alertEnter: 'alert-pop-in',
  6. alertLeave: 'alert-pop-out',
  7. backButtonText: 'Back',
  8. backButtonIcon: 'ios-arrow-back',
  9. iconMode: 'ios',
  10. loadingEnter: 'loading-pop-in',
  11. loadingLeave: 'loading-pop-out',
  12. menuType: 'reveal',
  13. modalEnter: 'modal-slide-in',
  14. modalLeave: 'modal-slide-out',
  15. pageTransition: 'ios-transition',
  16. pickerEnter: 'picker-slide-in',
  17. pickerLeave: 'picker-slide-out',
  18. pickerRotateFactor: -0.46,
  19. pickerScaleFactor: 1,
  20. popoverEnter: 'popover-pop-in',
  21. popoverLeave: 'popover-pop-out',
  22. spinner: 'ios',
  23. tabsHighlight: false,
  24. tabsPlacement: 'bottom',
  25. tabsHideOnSubPages: false,
  26. toastEnter: 'toast-slide-in',
  27. toastLeave: 'toast-slide-out',
  28. };
  29. export var MODE_MD = {
  30. activator: 'ripple',
  31. actionSheetEnter: 'action-sheet-md-slide-in',
  32. actionSheetLeave: 'action-sheet-md-slide-out',
  33. alertEnter: 'alert-md-pop-in',
  34. alertLeave: 'alert-md-pop-out',
  35. backButtonText: '',
  36. backButtonIcon: 'md-arrow-back',
  37. iconMode: 'md',
  38. loadingEnter: 'loading-md-pop-in',
  39. loadingLeave: 'loading-md-pop-out',
  40. menuType: 'overlay',
  41. modalEnter: 'modal-md-slide-in',
  42. modalLeave: 'modal-md-slide-out',
  43. pageTransition: 'md-transition',
  44. pickerEnter: 'picker-slide-in',
  45. pickerLeave: 'picker-slide-out',
  46. pickerRotateFactor: 0,
  47. pickerScaleFactor: 0.81,
  48. popoverEnter: 'popover-md-pop-in',
  49. popoverLeave: 'popover-md-pop-out',
  50. spinner: 'crescent',
  51. tabsHighlight: false,
  52. tabsPlacement: 'bottom',
  53. tabsHideOnSubPages: false,
  54. toastEnter: 'toast-md-slide-in',
  55. toastLeave: 'toast-md-slide-out',
  56. };
  57. export var MODE_WP = {
  58. activator: 'highlight',
  59. actionSheetEnter: 'action-sheet-wp-slide-in',
  60. actionSheetLeave: 'action-sheet-wp-slide-out',
  61. alertEnter: 'alert-wp-pop-in',
  62. alertLeave: 'alert-wp-pop-out',
  63. backButtonText: '',
  64. backButtonIcon: 'ios-arrow-back',
  65. iconMode: 'ios',
  66. loadingEnter: 'loading-wp-pop-in',
  67. loadingLeave: 'loading-wp-pop-out',
  68. menuType: 'overlay',
  69. modalEnter: 'modal-md-slide-in',
  70. modalLeave: 'modal-md-slide-out',
  71. pageTransition: 'wp-transition',
  72. pickerEnter: 'picker-slide-in',
  73. pickerLeave: 'picker-slide-out',
  74. pickerRotateFactor: 0,
  75. pickerScaleFactor: 0.81,
  76. popoverEnter: 'popover-md-pop-in',
  77. popoverLeave: 'popover-md-pop-out',
  78. spinner: 'circles',
  79. tabsHighlight: false,
  80. tabsPlacement: 'top',
  81. tabsHideOnSubPages: true,
  82. toastEnter: 'toast-wp-slide-in',
  83. toastLeave: 'toast-wp-slide-out',
  84. };
  85. export function registerModeConfigs(config) {
  86. return function () {
  87. // iOS Mode Settings
  88. config.setModeConfig('ios', MODE_IOS);
  89. // Material Design Mode Settings
  90. config.setModeConfig('md', MODE_MD);
  91. // Windows Mode Settings
  92. config.setModeConfig('wp', MODE_WP);
  93. };
  94. }
  95. //# sourceMappingURL=mode-registry.js.map