shared-ritm 1.2.99 → 1.2.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/README.md +103 -103
  2. package/dist/index.css +1 -1
  3. package/dist/shared-ritm.es.js +6199 -6125
  4. package/dist/shared-ritm.umd.js +372 -372
  5. package/dist/types/api/services/EquipmentService.d.ts +15 -0
  6. package/dist/types/api/services/PhotoService.d.ts +40 -0
  7. package/dist/types/api/services/VideoService.d.ts +24 -0
  8. package/dist/types/api/types/Api_Equipment.d.ts +2 -0
  9. package/dist/types/api/types/Api_Tasks.d.ts +1 -1
  10. package/dist/types/api/types/Api_Video.d.ts +118 -0
  11. package/dist/types/index.d.ts +4 -1
  12. package/package.json +64 -64
  13. package/src/App.vue +2461 -2461
  14. package/src/api/services/AuthService.ts +64 -64
  15. package/src/api/services/CommentsService.ts +24 -24
  16. package/src/api/services/ControlsService.ts +65 -65
  17. package/src/api/services/EquipmentService.ts +29 -0
  18. package/src/api/services/FileService.ts +17 -17
  19. package/src/api/services/GanttService.ts +17 -17
  20. package/src/api/services/InstrumentsService.ts +22 -22
  21. package/src/api/services/MetricsService.ts +110 -110
  22. package/src/api/services/ProjectsService.ts +68 -68
  23. package/src/api/services/RepairsService.ts +119 -119
  24. package/src/api/services/SearchService.ts +16 -16
  25. package/src/api/services/TasksService.ts +145 -145
  26. package/src/api/services/VideoService.ts +62 -17
  27. package/src/api/settings/ApiService.ts +123 -123
  28. package/src/api/types/Api_Comment.ts +40 -40
  29. package/src/api/types/Api_Controls.ts +72 -72
  30. package/src/api/types/Api_Equipment.ts +3 -0
  31. package/src/api/types/Api_Files.ts +7 -7
  32. package/src/api/types/Api_Instruments.ts +98 -98
  33. package/src/api/types/Api_Projects.ts +55 -55
  34. package/src/api/types/Api_Repairs.ts +115 -115
  35. package/src/api/types/Api_Search.ts +48 -48
  36. package/src/api/types/Api_Service.ts +9 -9
  37. package/src/api/types/Api_Tasks.ts +315 -315
  38. package/src/api/types/Api_User.ts +117 -117
  39. package/src/api/types/Api_Video.ts +123 -0
  40. package/src/common/app-button/AppButton.vue +173 -173
  41. package/src/common/app-checkbox/AppCheckbox.vue +26 -26
  42. package/src/common/app-date-picker/AppDatePicker.vue +81 -81
  43. package/src/common/app-datepicker/AppDatepicker.vue +165 -165
  44. package/src/common/app-dialogs/AppConfirmDialog.vue +99 -99
  45. package/src/common/app-dropdown/AppDropdown.vue +31 -31
  46. package/src/common/app-icon/AppIcon.vue +108 -108
  47. package/src/common/app-input/AppInput.vue +148 -148
  48. package/src/common/app-input-new/AppInputNew.vue +167 -152
  49. package/src/common/app-input-search/AppInputSearch.vue +174 -174
  50. package/src/common/app-layout/AppLayout.vue +84 -84
  51. package/src/common/app-layout/components/AppLayoutHeader.vue +250 -251
  52. package/src/common/app-layout/components/AppLayoutPage.vue +16 -16
  53. package/src/common/app-loader/index.vue +43 -43
  54. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  55. package/src/common/app-select/AppSelect.vue +157 -157
  56. package/src/common/app-sheet/AppSheet.vue +120 -120
  57. package/src/common/app-sheet-new/AppSheetNew.vue +246 -246
  58. package/src/common/app-sidebar/AppSidebar.vue +168 -168
  59. package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
  60. package/src/common/app-sidebar/components/SidebarMenuItem.vue +148 -148
  61. package/src/common/app-table/AppTable.vue +312 -305
  62. package/src/common/app-table/AppTableLayout.vue +137 -136
  63. package/src/common/app-table/components/ModalSelect.vue +270 -270
  64. package/src/common/app-table/components/TableModal.vue +356 -331
  65. package/src/common/app-table/components/TablePagination.vue +152 -152
  66. package/src/common/app-table/controllers/useBaseTable.ts +45 -45
  67. package/src/common/app-table/controllers/useColumnSelector.ts +38 -38
  68. package/src/common/app-table/controllers/useTableModel.ts +93 -93
  69. package/src/common/app-toggle/AppToggle.vue +24 -24
  70. package/src/common/app-wrapper/AppWrapper.vue +28 -28
  71. package/src/global.d.ts +1 -1
  72. package/src/icons/components/arrow-down-icon.vue +25 -25
  73. package/src/icons/components/arrow-frame-icon.vue +19 -19
  74. package/src/icons/components/arrow-square.vue +22 -22
  75. package/src/icons/components/table-filter-icon.vue +30 -30
  76. package/src/icons/dialogs/RemoveIcon.vue +12 -12
  77. package/src/icons/dialogs/SafetyIcon.vue +12 -12
  78. package/src/icons/header/NotificationIcon.vue +18 -18
  79. package/src/icons/header/PersonIcon.vue +11 -11
  80. package/src/icons/header/SettingIcon.vue +14 -14
  81. package/src/icons/header/flashIcon.vue +24 -24
  82. package/src/icons/header/searchStatusIcon.vue +24 -24
  83. package/src/icons/header/smallCapsIcon.vue +34 -34
  84. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  85. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  86. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  87. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  88. package/src/icons/sidebar/instruments-icon.vue +45 -45
  89. package/src/icons/sidebar/logo-icon.vue +15 -15
  90. package/src/icons/sidebar/logout-icon.vue +13 -13
  91. package/src/icons/sidebar/modules-icon.vue +16 -16
  92. package/src/icons/sidebar/notifications-icon.vue +24 -24
  93. package/src/icons/sidebar/order-icon.vue +44 -44
  94. package/src/icons/sidebar/pass-icon.vue +38 -38
  95. package/src/icons/sidebar/positions-icon.vue +42 -42
  96. package/src/icons/sidebar/preorder-icon.vue +19 -19
  97. package/src/icons/sidebar/projects-icon.vue +31 -31
  98. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  99. package/src/icons/sidebar/repairs-icon.vue +20 -20
  100. package/src/icons/sidebar/roles-icon.vue +26 -26
  101. package/src/icons/sidebar/status-history-icon.vue +24 -24
  102. package/src/icons/sidebar/tasks-icon.vue +28 -28
  103. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  104. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  105. package/src/icons/sidebar/teams-icon.vue +32 -32
  106. package/src/icons/sidebar/user-icon.vue +18 -18
  107. package/src/icons/sidebar/users-icon.vue +46 -46
  108. package/src/icons/sidebar/videosources-icon.vue +19 -19
  109. package/src/icons/sidebar/videowall-icon.vue +13 -13
  110. package/src/icons/sidebar/videozones-icon.vue +21 -21
  111. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  112. package/src/icons/sidebar/workshop-icon.vue +100 -100
  113. package/src/icons/sidebar/workzones-icon.vue +22 -22
  114. package/src/icons/task/attention-icon.vue +13 -13
  115. package/src/icons/task/clock-icon.vue +10 -10
  116. package/src/icons/task/delete-icon.vue +10 -10
  117. package/src/icons/task/fire-icon.vue +16 -16
  118. package/src/index.ts +116 -112
  119. package/src/main.ts +28 -28
  120. package/src/quasar-user-options.ts +17 -17
  121. package/src/router/index.ts +10 -10
  122. package/src/shared/styles/general.css +124 -124
  123. package/src/shims-vue.d.ts +5 -5
  124. package/src/styles/variables.sass +12 -12
  125. package/src/utils/confirm.ts +12 -12
  126. package/src/utils/faceApiHelper.ts +137 -137
  127. package/src/utils/helpers.ts +59 -59
  128. package/src/utils/notification.ts +9 -9
@@ -1,137 +1,137 @@
1
- import * as faceapi from 'face-api.js'
2
-
3
- class FaceApiHelper {
4
- // async getFaceSnapshot(inputImage: any, box: any) {
5
- // const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
6
- // const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
7
- // if (faceImages.length) {
8
- // const dataUrl = faceImages[0].toDataURL('image/jpeg')
9
- // photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
10
- // }
11
- // }
12
-
13
- // Метод настройки конфига для стрима
14
- getVideoStreamConfig(width: number, height: number) {
15
- return {
16
- audio: false,
17
- video: {
18
- width: { min: width, ideal: width },
19
- height: { min: height, ideal: height },
20
- facingMode: 'environment', // или 'user' для фронтальной камеры
21
- },
22
- }
23
- }
24
-
25
- // Метод для настройки рамки, где должно помещаться лицо
26
- getContourCoordinate(width: number, height: number) {
27
- return {
28
- x: width * 0.25,
29
- y: height * 0.05,
30
- width: width * 0.5,
31
- height: height * 0.9,
32
- }
33
- }
34
-
35
- getBoxData(box: any) {
36
- if (!box) return null
37
- return {
38
- x: box.x,
39
- y: box.y,
40
- width: box.width,
41
- height: box.height,
42
- }
43
- }
44
-
45
- setStylesForCanvas(canvasContainer: any) {
46
- canvasContainer.width = '100%'
47
- canvasContainer.height = '100%'
48
- canvasContainer.style.position = 'absolute'
49
- canvasContainer.style.top = '0'
50
- canvasContainer.style.left = '0'
51
- }
52
-
53
- // Метод для рассчёта того, что лицо полностью помещается в рамке
54
- checkFaceInclusion(frame: any, face: any) {
55
- if (!frame || !face) return false
56
-
57
- if (face.width > frame.width || face.height > frame.height) {
58
- return false
59
- }
60
-
61
- const faceXmin = face.x
62
- const faceXmax = face.x + face.width
63
- const faceYmin = face.y
64
- const faceYmax = face.y + face.height
65
-
66
- const frameXmin = frame.x
67
- const frameXmax = frame.x + frame.width
68
- const frameYmin = frame.y
69
- const frameYmax = frame.y + frame.height
70
-
71
- return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
72
- }
73
-
74
- async getFaceDetections(videoRef: any) {
75
- if (!videoRef) return []
76
- return faceapi
77
- .detectAllFaces(videoRef, new faceapi.TinyFaceDetectorOptions())
78
- .withFaceLandmarks()
79
- .withFaceExpressions()
80
- }
81
-
82
- getCanvas(videoRef: any) {
83
- return faceapi.createCanvasFromMedia(videoRef)
84
- }
85
-
86
- getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
87
- faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
88
-
89
- const resized = faceapi.resizeResults(detections, {
90
- width: videoWidth,
91
- height: videoHeight,
92
- })
93
-
94
- ctx.clearRect(0, 0, videoWidth, videoHeight)
95
-
96
- faceapi.draw.drawDetections(canvas, resized)
97
- faceapi.draw.drawFaceLandmarks(canvas, resized)
98
- faceapi.draw.drawFaceExpressions(canvas, resized)
99
- }
100
-
101
- async getFaceSnapshot(inputImage: any, box: any) {
102
- const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
103
- const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
104
-
105
- if (faceImages.length) {
106
- const dataUrl = faceImages[0].toDataURL('image/jpeg')
107
- return dataUrl.replace(/^data:image\/\w+;base64,/, '')
108
- }
109
-
110
- return null
111
- }
112
-
113
- async initModels() {
114
- let date = new Date()
115
- console.log(date)
116
- try {
117
- await Promise.all([
118
- faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
119
- faceapi.nets.faceLandmark68Net.loadFromUri('/models'),
120
- faceapi.nets.faceRecognitionNet.loadFromUri('/models'),
121
- faceapi.nets.faceExpressionNet.loadFromUri('/models'),
122
- //faceapi.nets.ssdMobilenetv1.loadFromUri('/models'),
123
- ])
124
- } catch (error) {
125
- console.error(error)
126
- }
127
- date = new Date()
128
- console.log(date)
129
- }
130
- }
131
-
132
- let helper: FaceApiHelper
133
-
134
- export default function useFaceApiHelper() {
135
- if (!helper) helper = new FaceApiHelper()
136
- return helper
137
- }
1
+ import * as faceapi from 'face-api.js'
2
+
3
+ class FaceApiHelper {
4
+ // async getFaceSnapshot(inputImage: any, box: any) {
5
+ // const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
6
+ // const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
7
+ // if (faceImages.length) {
8
+ // const dataUrl = faceImages[0].toDataURL('image/jpeg')
9
+ // photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
10
+ // }
11
+ // }
12
+
13
+ // Метод настройки конфига для стрима
14
+ getVideoStreamConfig(width: number, height: number) {
15
+ return {
16
+ audio: false,
17
+ video: {
18
+ width: { min: width, ideal: width },
19
+ height: { min: height, ideal: height },
20
+ facingMode: 'environment', // или 'user' для фронтальной камеры
21
+ },
22
+ }
23
+ }
24
+
25
+ // Метод для настройки рамки, где должно помещаться лицо
26
+ getContourCoordinate(width: number, height: number) {
27
+ return {
28
+ x: width * 0.25,
29
+ y: height * 0.05,
30
+ width: width * 0.5,
31
+ height: height * 0.9,
32
+ }
33
+ }
34
+
35
+ getBoxData(box: any) {
36
+ if (!box) return null
37
+ return {
38
+ x: box.x,
39
+ y: box.y,
40
+ width: box.width,
41
+ height: box.height,
42
+ }
43
+ }
44
+
45
+ setStylesForCanvas(canvasContainer: any) {
46
+ canvasContainer.width = '100%'
47
+ canvasContainer.height = '100%'
48
+ canvasContainer.style.position = 'absolute'
49
+ canvasContainer.style.top = '0'
50
+ canvasContainer.style.left = '0'
51
+ }
52
+
53
+ // Метод для рассчёта того, что лицо полностью помещается в рамке
54
+ checkFaceInclusion(frame: any, face: any) {
55
+ if (!frame || !face) return false
56
+
57
+ if (face.width > frame.width || face.height > frame.height) {
58
+ return false
59
+ }
60
+
61
+ const faceXmin = face.x
62
+ const faceXmax = face.x + face.width
63
+ const faceYmin = face.y
64
+ const faceYmax = face.y + face.height
65
+
66
+ const frameXmin = frame.x
67
+ const frameXmax = frame.x + frame.width
68
+ const frameYmin = frame.y
69
+ const frameYmax = frame.y + frame.height
70
+
71
+ return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
72
+ }
73
+
74
+ async getFaceDetections(videoRef: any) {
75
+ if (!videoRef) return []
76
+ return faceapi
77
+ .detectAllFaces(videoRef, new faceapi.TinyFaceDetectorOptions())
78
+ .withFaceLandmarks()
79
+ .withFaceExpressions()
80
+ }
81
+
82
+ getCanvas(videoRef: any) {
83
+ return faceapi.createCanvasFromMedia(videoRef)
84
+ }
85
+
86
+ getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
87
+ faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
88
+
89
+ const resized = faceapi.resizeResults(detections, {
90
+ width: videoWidth,
91
+ height: videoHeight,
92
+ })
93
+
94
+ ctx.clearRect(0, 0, videoWidth, videoHeight)
95
+
96
+ faceapi.draw.drawDetections(canvas, resized)
97
+ faceapi.draw.drawFaceLandmarks(canvas, resized)
98
+ faceapi.draw.drawFaceExpressions(canvas, resized)
99
+ }
100
+
101
+ async getFaceSnapshot(inputImage: any, box: any) {
102
+ const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
103
+ const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
104
+
105
+ if (faceImages.length) {
106
+ const dataUrl = faceImages[0].toDataURL('image/jpeg')
107
+ return dataUrl.replace(/^data:image\/\w+;base64,/, '')
108
+ }
109
+
110
+ return null
111
+ }
112
+
113
+ async initModels() {
114
+ let date = new Date()
115
+ console.log(date)
116
+ try {
117
+ await Promise.all([
118
+ faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
119
+ faceapi.nets.faceLandmark68Net.loadFromUri('/models'),
120
+ faceapi.nets.faceRecognitionNet.loadFromUri('/models'),
121
+ faceapi.nets.faceExpressionNet.loadFromUri('/models'),
122
+ //faceapi.nets.ssdMobilenetv1.loadFromUri('/models'),
123
+ ])
124
+ } catch (error) {
125
+ console.error(error)
126
+ }
127
+ date = new Date()
128
+ console.log(date)
129
+ }
130
+ }
131
+
132
+ let helper: FaceApiHelper
133
+
134
+ export default function useFaceApiHelper() {
135
+ if (!helper) helper = new FaceApiHelper()
136
+ return helper
137
+ }
@@ -1,59 +1,59 @@
1
- // Эти все функции есть в квазаре, меняйте на них
2
- /**
3
- * Сравнивает два значения на глубокое равенство.
4
- * Поддерживает массивы, объекты и примитивы.
5
- */
6
- export function isEqual(a: any, b: any): boolean {
7
- if (Array.isArray(a) && Array.isArray(b)) {
8
- if (a.length !== b.length) return false
9
- return a.every((item, i) => isEqual(item, b[i]))
10
- }
11
- if (typeof a === 'object' && typeof b === 'object') {
12
- return JSON.stringify(a) === JSON.stringify(b)
13
- }
14
- return a === b
15
- }
16
-
17
- /**
18
- * Нормализует значение:
19
- * - Если передан массив объектов, возвращает массив `.value` или сам объект.
20
- * - Если передан объект, возвращает `.value` или сам объект.
21
- * - Если примитив — возвращает без изменений.
22
- */
23
- export function normalizeValue(val: any): any {
24
- if (Array.isArray(val)) {
25
- return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
26
- }
27
- return typeof val === 'object' && val !== null ? val.value ?? val : val
28
- }
29
-
30
- /**
31
- * Генерирует UUID v4.
32
- * Используется для идентификаторов временных сущностей.
33
- */
34
- export function uuidv4(): string {
35
- return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
36
- const r = (Math.random() * 16) | 0
37
- const v = c === 'x' ? r : (r & 0x3) | 0x8
38
- return v.toString(16)
39
- })
40
- }
41
-
42
- export function base64ToBlob(base64Data: string) {
43
- const parts = base64Data.split(';base64,')
44
- const contentType = parts[0].split(':')[1]
45
- const byteCharacters = atob(parts[1])
46
- const byteArrays: any[] = []
47
-
48
- for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
49
- const slice = byteCharacters.slice(offset, offset + 1024)
50
- const byteNumbers = new Array(slice.length)
51
- for (let i = 0; i < slice.length; i++) {
52
- byteNumbers[i] = slice.charCodeAt(i)
53
- }
54
- const byteArray = new Uint8Array(byteNumbers)
55
- byteArrays.push(byteArray)
56
- }
57
-
58
- return new Blob(byteArrays, { type: contentType })
59
- }
1
+ // Эти все функции есть в квазаре, меняйте на них
2
+ /**
3
+ * Сравнивает два значения на глубокое равенство.
4
+ * Поддерживает массивы, объекты и примитивы.
5
+ */
6
+ export function isEqual(a: any, b: any): boolean {
7
+ if (Array.isArray(a) && Array.isArray(b)) {
8
+ if (a.length !== b.length) return false
9
+ return a.every((item, i) => isEqual(item, b[i]))
10
+ }
11
+ if (typeof a === 'object' && typeof b === 'object') {
12
+ return JSON.stringify(a) === JSON.stringify(b)
13
+ }
14
+ return a === b
15
+ }
16
+
17
+ /**
18
+ * Нормализует значение:
19
+ * - Если передан массив объектов, возвращает массив `.value` или сам объект.
20
+ * - Если передан объект, возвращает `.value` или сам объект.
21
+ * - Если примитив — возвращает без изменений.
22
+ */
23
+ export function normalizeValue(val: any): any {
24
+ if (Array.isArray(val)) {
25
+ return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
26
+ }
27
+ return typeof val === 'object' && val !== null ? val.value ?? val : val
28
+ }
29
+
30
+ /**
31
+ * Генерирует UUID v4.
32
+ * Используется для идентификаторов временных сущностей.
33
+ */
34
+ export function uuidv4(): string {
35
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
36
+ const r = (Math.random() * 16) | 0
37
+ const v = c === 'x' ? r : (r & 0x3) | 0x8
38
+ return v.toString(16)
39
+ })
40
+ }
41
+
42
+ export function base64ToBlob(base64Data: string) {
43
+ const parts = base64Data.split(';base64,')
44
+ const contentType = parts[0].split(':')[1]
45
+ const byteCharacters = atob(parts[1])
46
+ const byteArrays: any[] = []
47
+
48
+ for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
49
+ const slice = byteCharacters.slice(offset, offset + 1024)
50
+ const byteNumbers = new Array(slice.length)
51
+ for (let i = 0; i < slice.length; i++) {
52
+ byteNumbers[i] = slice.charCodeAt(i)
53
+ }
54
+ const byteArray = new Uint8Array(byteNumbers)
55
+ byteArrays.push(byteArray)
56
+ }
57
+
58
+ return new Blob(byteArrays, { type: contentType })
59
+ }
@@ -1,9 +1,9 @@
1
- import { QNotifyCreateOptions } from 'quasar'
2
-
3
- export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
4
-
5
- export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
6
- message,
7
- color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
8
- position: 'top-right',
9
- })
1
+ import { QNotifyCreateOptions } from 'quasar'
2
+
3
+ export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
4
+
5
+ export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
6
+ message,
7
+ color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
8
+ position: 'top-right',
9
+ })