namirasoft-site-react 1.5.27 → 1.5.28

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 (360) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/SKILL.md +307 -307
  5. package/config-overrides.js +72 -72
  6. package/dist/App.css +33 -33
  7. package/dist/App.js +3 -25
  8. package/dist/App.js.map +1 -1
  9. package/dist/components/NSBanner.module.css +47 -47
  10. package/dist/components/NSBarAction.module.css +91 -91
  11. package/dist/components/NSBarAlert.module.css +79 -79
  12. package/dist/components/NSBarNotification.module.css +34 -34
  13. package/dist/components/NSBarTitle.module.css +9 -9
  14. package/dist/components/NSBox.module.css +87 -87
  15. package/dist/components/NSBoxBaseCombo.module.css +24 -24
  16. package/dist/components/NSBoxBoolean.module.css +73 -73
  17. package/dist/components/NSBoxDate.module.css +4 -4
  18. package/dist/components/NSBoxDateRangeBase.module.css +73 -73
  19. package/dist/components/NSBoxDateTime.module.css +4 -4
  20. package/dist/components/NSBoxDuration.module.css +4 -4
  21. package/dist/components/NSBoxFile.module.css +10 -10
  22. package/dist/components/NSBoxInteger.module.css +16 -16
  23. package/dist/components/NSBoxOptions.module.css +53 -53
  24. package/dist/components/NSBoxPhone.module.css +35 -35
  25. package/dist/components/NSBoxRadio.module.css +33 -33
  26. package/dist/components/NSBoxSchemaBase.module.css +17 -17
  27. package/dist/components/NSBoxSchemaVariable.module.css +16 -16
  28. package/dist/components/NSBoxTextArea.module.css +12 -12
  29. package/dist/components/NSBoxTime.module.css +4 -4
  30. package/dist/components/NSButton.module.css +57 -57
  31. package/dist/components/NSButtonBlue.module.css +4 -4
  32. package/dist/components/NSButtonGreen.module.css +4 -4
  33. package/dist/components/NSButtonRed.module.css +4 -4
  34. package/dist/components/NSCard.module.css +113 -113
  35. package/dist/components/NSCardScreenshot.module.css +41 -41
  36. package/dist/components/NSColumn.module.css +16 -16
  37. package/dist/components/NSCopyBox.module.css +39 -39
  38. package/dist/components/NSDialog.module.css +105 -105
  39. package/dist/components/NSDialogPageSelection.module.css +103 -103
  40. package/dist/components/NSDownTimer.module.css +55 -55
  41. package/dist/components/NSDownload.module.css +46 -46
  42. package/dist/components/NSElectronicCard.module.css +60 -60
  43. package/dist/components/NSEntityCardBackground.module.css +27 -27
  44. package/dist/components/NSFilterBox.module.css +27 -27
  45. package/dist/components/NSFilterBoxItems.module.css +15 -15
  46. package/dist/components/NSFilterItem.module.css +24 -24
  47. package/dist/components/NSFooter.module.css +140 -140
  48. package/dist/components/NSGauge.module.css +67 -67
  49. package/dist/components/NSGaugeDate.module.css +57 -57
  50. package/dist/components/NSGaugeNumber.module.css +66 -66
  51. package/dist/components/NSHeader.module.css +316 -316
  52. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  53. package/dist/components/NSLabel.module.css +25 -25
  54. package/dist/components/NSLabelErrorNotifier.module.css +2 -2
  55. package/dist/components/NSLabelSensitive.module.css +9 -9
  56. package/dist/components/NSLayout.module.css +22 -22
  57. package/dist/components/NSLine.module.css +15 -15
  58. package/dist/components/NSLineText.module.css +38 -38
  59. package/dist/components/NSLink.module.css +36 -36
  60. package/dist/components/NSListGrouped.module.css +69 -69
  61. package/dist/components/NSLoading.module.css +10 -10
  62. package/dist/components/NSMegaMenu.module.css +133 -133
  63. package/dist/components/NSMenuAction.module.css +88 -88
  64. package/dist/components/NSMenuButton.module.css +44 -44
  65. package/dist/components/NSNoData.module.css +11 -11
  66. package/dist/components/NSPagination.module.css +94 -94
  67. package/dist/components/NSPanel.module.css +28 -28
  68. package/dist/components/NSPanelAccordion.module.css +4 -4
  69. package/dist/components/NSProductSearch.module.css +73 -73
  70. package/dist/components/NSProgressBar.module.css +38 -38
  71. package/dist/components/NSRange.module.css +66 -66
  72. package/dist/components/NSReorderDialog.d.ts +3 -0
  73. package/dist/components/NSReorderDialog.js +10 -4
  74. package/dist/components/NSReorderDialog.js.map +1 -1
  75. package/dist/components/NSReorderDialog.module.css +53 -49
  76. package/dist/components/NSRow.module.css +17 -17
  77. package/dist/components/NSSection.module.css +4 -4
  78. package/dist/components/NSSectionCards.module.css +38 -38
  79. package/dist/components/NSSectionTiles.module.css +10 -10
  80. package/dist/components/NSSplitter.module.css +59 -59
  81. package/dist/components/NSTabPage.module.css +59 -59
  82. package/dist/components/NSTable.js +23 -23
  83. package/dist/components/NSTable.module.css +374 -374
  84. package/dist/components/NSTableChart.module.css +119 -119
  85. package/dist/components/NSTile.module.css +76 -76
  86. package/dist/components/NSTimelineMonthly.module.css +71 -71
  87. package/dist/components/NSTitle.module.css +15 -15
  88. package/dist/index.css +5 -5
  89. package/dist/pages/NSImplementing.module.css +35 -35
  90. package/dist/pages/NSNotFoundPage.module.css +18 -18
  91. package/dist/pages/NSUpdating.module.css +35 -35
  92. package/package.json +86 -86
  93. package/public/index.html +38 -38
  94. package/src/App.css +33 -33
  95. package/src/App.tsx +850 -870
  96. package/src/BrowserDetector.ts +109 -109
  97. package/src/Color.tsx +10 -10
  98. package/src/CopyToClipboard.ts +6 -6
  99. package/src/EncryptionOperation.ts +98 -98
  100. package/src/KeyOperation.ts +109 -109
  101. package/src/LinkOperation.ts +101 -101
  102. package/src/NSBoxBuilder.tsx +922 -922
  103. package/src/ProductCacheService.ts +36 -36
  104. package/src/Validator.ts +199 -199
  105. package/src/components/INSBox.tsx +7 -7
  106. package/src/components/NSBanner.module.css +47 -47
  107. package/src/components/NSBanner.tsx +80 -80
  108. package/src/components/NSBarAction.module.css +91 -91
  109. package/src/components/NSBarAction.tsx +95 -95
  110. package/src/components/NSBarAlert.module.css +79 -79
  111. package/src/components/NSBarAlert.tsx +35 -35
  112. package/src/components/NSBarNotification.module.css +34 -34
  113. package/src/components/NSBarNotification.tsx +89 -89
  114. package/src/components/NSBarTitle.module.css +9 -9
  115. package/src/components/NSBarTitle.tsx +23 -23
  116. package/src/components/NSBox.module.css +87 -87
  117. package/src/components/NSBox.tsx +19 -19
  118. package/src/components/NSBoxBaseCombo.module.css +24 -24
  119. package/src/components/NSBoxBaseCombo.tsx +501 -501
  120. package/src/components/NSBoxBaseLayout.tsx +163 -163
  121. package/src/components/NSBoxBaseLayoutRecursive.tsx +59 -59
  122. package/src/components/NSBoxBoolean.module.css +73 -73
  123. package/src/components/NSBoxBoolean.tsx +152 -152
  124. package/src/components/NSBoxBooleans.tsx +181 -181
  125. package/src/components/NSBoxColor.tsx +107 -107
  126. package/src/components/NSBoxCombo.tsx +95 -95
  127. package/src/components/NSBoxDate.module.css +4 -4
  128. package/src/components/NSBoxDate.tsx +144 -144
  129. package/src/components/NSBoxDateRange.tsx +88 -88
  130. package/src/components/NSBoxDateRangeBase.module.css +73 -73
  131. package/src/components/NSBoxDateRangeBase.tsx +236 -236
  132. package/src/components/NSBoxDateTime.module.css +4 -4
  133. package/src/components/NSBoxDateTime.tsx +136 -136
  134. package/src/components/NSBoxDateTimeRange.tsx +66 -66
  135. package/src/components/NSBoxDouble.tsx +110 -110
  136. package/src/components/NSBoxDuration.module.css +4 -4
  137. package/src/components/NSBoxDuration.tsx +107 -107
  138. package/src/components/NSBoxDynamic.tsx +73 -73
  139. package/src/components/NSBoxDynamics.tsx +68 -68
  140. package/src/components/NSBoxEmail.tsx +117 -117
  141. package/src/components/NSBoxEntity.tsx +180 -180
  142. package/src/components/NSBoxEnum.tsx +113 -113
  143. package/src/components/NSBoxFile.module.css +10 -10
  144. package/src/components/NSBoxFile.tsx +106 -106
  145. package/src/components/NSBoxFilePath.tsx +106 -106
  146. package/src/components/NSBoxFont.tsx +107 -107
  147. package/src/components/NSBoxIPV4.tsx +107 -107
  148. package/src/components/NSBoxIPV4Range.tsx +107 -107
  149. package/src/components/NSBoxIPV6.tsx +104 -104
  150. package/src/components/NSBoxIPV6Range.tsx +107 -107
  151. package/src/components/NSBoxInteger.module.css +16 -16
  152. package/src/components/NSBoxInteger.tsx +126 -126
  153. package/src/components/NSBoxMoney.tsx +115 -115
  154. package/src/components/NSBoxOptions.module.css +53 -53
  155. package/src/components/NSBoxOptions.tsx +182 -182
  156. package/src/components/NSBoxPhone.module.css +35 -35
  157. package/src/components/NSBoxPhone.tsx +120 -120
  158. package/src/components/NSBoxRadio.module.css +33 -33
  159. package/src/components/NSBoxRadio.tsx +104 -104
  160. package/src/components/NSBoxSchemaBase.module.css +17 -17
  161. package/src/components/NSBoxSchemaBase.tsx +562 -562
  162. package/src/components/NSBoxSchemaVariable.module.css +16 -16
  163. package/src/components/NSBoxSchemaVariable.tsx +262 -262
  164. package/src/components/NSBoxSearch.tsx +112 -112
  165. package/src/components/NSBoxSensitive.tsx +133 -133
  166. package/src/components/NSBoxString.tsx +106 -106
  167. package/src/components/NSBoxTextArea.module.css +12 -12
  168. package/src/components/NSBoxTextArea.tsx +136 -136
  169. package/src/components/NSBoxTime.module.css +4 -4
  170. package/src/components/NSBoxTime.tsx +106 -106
  171. package/src/components/NSBoxTimeRange.tsx +220 -220
  172. package/src/components/NSBoxTimeZone.tsx +122 -122
  173. package/src/components/NSBoxURL.tsx +117 -117
  174. package/src/components/NSBoxVersion.tsx +107 -107
  175. package/src/components/NSButton.module.css +57 -57
  176. package/src/components/NSButton.tsx +74 -74
  177. package/src/components/NSButtonBlue.module.css +4 -4
  178. package/src/components/NSButtonBlue.tsx +29 -29
  179. package/src/components/NSButtonGreen.module.css +4 -4
  180. package/src/components/NSButtonGreen.tsx +29 -29
  181. package/src/components/NSButtonRed.module.css +4 -4
  182. package/src/components/NSButtonRed.tsx +29 -29
  183. package/src/components/NSCard.module.css +113 -113
  184. package/src/components/NSCard.tsx +67 -67
  185. package/src/components/NSCardScreenshot.module.css +41 -41
  186. package/src/components/NSCardScreenshot.tsx +31 -31
  187. package/src/components/NSChartBar.tsx +134 -134
  188. package/src/components/NSChartDoughnut.tsx +114 -114
  189. package/src/components/NSChartLine.tsx +110 -110
  190. package/src/components/NSChartPie.tsx +105 -105
  191. package/src/components/NSChartRange.tsx +14 -14
  192. package/src/components/NSColumn.module.css +16 -16
  193. package/src/components/NSColumn.tsx +24 -24
  194. package/src/components/NSCopy.tsx +95 -95
  195. package/src/components/NSCopyBox.module.css +39 -39
  196. package/src/components/NSCopyBox.tsx +53 -53
  197. package/src/components/NSDialog.module.css +105 -105
  198. package/src/components/NSDialog.tsx +72 -72
  199. package/src/components/NSDialogBox.tsx +38 -38
  200. package/src/components/NSDialogBoxDate.tsx +28 -28
  201. package/src/components/NSDialogBoxDateTime.tsx +28 -28
  202. package/src/components/NSDialogBoxPhone.tsx +28 -28
  203. package/src/components/NSDialogBoxString.tsx +28 -28
  204. package/src/components/NSDialogDelete.tsx +36 -36
  205. package/src/components/NSDialogInfo.tsx +49 -49
  206. package/src/components/NSDialogPageSelection.module.css +103 -103
  207. package/src/components/NSDialogPageSelection.tsx +233 -233
  208. package/src/components/NSDownTimer.module.css +55 -55
  209. package/src/components/NSDownTimer.tsx +91 -91
  210. package/src/components/NSDownload.module.css +46 -46
  211. package/src/components/NSDownload.tsx +69 -69
  212. package/src/components/NSElectronicCard.module.css +60 -60
  213. package/src/components/NSElectronicCard.tsx +46 -46
  214. package/src/components/NSEntityCardBackground.module.css +27 -27
  215. package/src/components/NSEntityCardBackground.tsx +36 -36
  216. package/src/components/NSFilterBox.module.css +27 -27
  217. package/src/components/NSFilterBox.tsx +477 -477
  218. package/src/components/NSFilterBoxItems.module.css +15 -15
  219. package/src/components/NSFilterBoxItems.tsx +52 -52
  220. package/src/components/NSFilterItem.module.css +24 -24
  221. package/src/components/NSFilterItem.tsx +27 -27
  222. package/src/components/NSFooter.module.css +140 -140
  223. package/src/components/NSFooter.tsx +321 -321
  224. package/src/components/NSGauge.module.css +67 -67
  225. package/src/components/NSGauge.tsx +52 -52
  226. package/src/components/NSGaugeDate.module.css +57 -57
  227. package/src/components/NSGaugeDate.tsx +125 -125
  228. package/src/components/NSGaugeNumber.module.css +66 -66
  229. package/src/components/NSGaugeNumber.tsx +93 -93
  230. package/src/components/NSHeader.module.css +316 -316
  231. package/src/components/NSHeader.tsx +337 -337
  232. package/src/components/NSHeaderScreenshot.module.css +35 -35
  233. package/src/components/NSHeaderScreenshot.tsx +39 -39
  234. package/src/components/NSID.tsx +178 -178
  235. package/src/components/NSInfo.tsx +50 -50
  236. package/src/components/NSLabel.module.css +25 -25
  237. package/src/components/NSLabel.tsx +47 -47
  238. package/src/components/NSLabelErrorNotifier.module.css +2 -2
  239. package/src/components/NSLabelErrorNotifier.tsx +35 -35
  240. package/src/components/NSLabelSensitive.module.css +9 -9
  241. package/src/components/NSLabelSensitive.tsx +101 -101
  242. package/src/components/NSLayout.module.css +22 -22
  243. package/src/components/NSLayout.tsx +143 -143
  244. package/src/components/NSLine.module.css +15 -15
  245. package/src/components/NSLine.tsx +13 -13
  246. package/src/components/NSLineText.module.css +38 -38
  247. package/src/components/NSLineText.tsx +17 -17
  248. package/src/components/NSLink.module.css +36 -36
  249. package/src/components/NSLink.tsx +26 -26
  250. package/src/components/NSLinkBlue.tsx +22 -22
  251. package/src/components/NSLinkGreen.tsx +13 -13
  252. package/src/components/NSLinkRed.tsx +13 -13
  253. package/src/components/NSListGrouped.module.css +69 -69
  254. package/src/components/NSListGrouped.tsx +106 -106
  255. package/src/components/NSListProduct.tsx +78 -78
  256. package/src/components/NSLoading.module.css +10 -10
  257. package/src/components/NSLoading.tsx +43 -43
  258. package/src/components/NSMegaMenu.module.css +133 -133
  259. package/src/components/NSMegaMenu.tsx +188 -188
  260. package/src/components/NSMenuAction.module.css +88 -88
  261. package/src/components/NSMenuAction.tsx +106 -106
  262. package/src/components/NSMenuButton.module.css +44 -44
  263. package/src/components/NSMenuButton.tsx +198 -198
  264. package/src/components/NSNoData.module.css +11 -11
  265. package/src/components/NSNoData.tsx +24 -24
  266. package/src/components/NSPagination.module.css +94 -94
  267. package/src/components/NSPagination.tsx +182 -182
  268. package/src/components/NSPanel.module.css +28 -28
  269. package/src/components/NSPanel.tsx +26 -26
  270. package/src/components/NSPanelAccordion.module.css +4 -4
  271. package/src/components/NSPanelAccordion.tsx +51 -51
  272. package/src/components/NSProductSearch.module.css +73 -73
  273. package/src/components/NSProductSearch.tsx +193 -193
  274. package/src/components/NSProgressBar.module.css +38 -38
  275. package/src/components/NSProgressBar.tsx +29 -29
  276. package/src/components/NSRange.module.css +66 -66
  277. package/src/components/NSRange.tsx +83 -83
  278. package/src/components/NSReorderDialog.module.css +53 -49
  279. package/src/components/NSReorderDialog.tsx +203 -184
  280. package/src/components/NSRepeater.tsx +327 -327
  281. package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +96 -96
  282. package/src/components/NSRepeaterNSTag.tsx +86 -86
  283. package/src/components/NSRow.module.css +17 -17
  284. package/src/components/NSRow.tsx +24 -24
  285. package/src/components/NSSection.module.css +4 -4
  286. package/src/components/NSSection.tsx +26 -26
  287. package/src/components/NSSectionCards.module.css +38 -38
  288. package/src/components/NSSectionCards.tsx +51 -51
  289. package/src/components/NSSectionTiles.module.css +10 -10
  290. package/src/components/NSSectionTiles.tsx +25 -25
  291. package/src/components/NSSectionTitle.tsx +19 -19
  292. package/src/components/NSSortDialog.tsx +124 -124
  293. package/src/components/NSSpace.tsx +28 -28
  294. package/src/components/NSSplitter.module.css +59 -59
  295. package/src/components/NSSplitter.tsx +211 -211
  296. package/src/components/NSTabPage.module.css +59 -59
  297. package/src/components/NSTabPage.tsx +122 -122
  298. package/src/components/NSTable.module.css +374 -374
  299. package/src/components/NSTable.tsx +1451 -1451
  300. package/src/components/NSTableChart.module.css +119 -119
  301. package/src/components/NSTableChart.tsx +732 -732
  302. package/src/components/NSTag.tsx +74 -74
  303. package/src/components/NSTile.module.css +76 -76
  304. package/src/components/NSTile.tsx +27 -27
  305. package/src/components/NSTimelineMonthly.module.css +71 -71
  306. package/src/components/NSTimelineMonthly.tsx +44 -44
  307. package/src/components/NSTitle.module.css +15 -15
  308. package/src/components/NSTitle.tsx +19 -19
  309. package/src/css.d.ts +13 -13
  310. package/src/formatter/BackColorFormatter.tsx +23 -23
  311. package/src/formatter/BaseColumnFormatter.ts +86 -86
  312. package/src/formatter/BaseURLImageFormatter.tsx +37 -37
  313. package/src/formatter/BooleanFormatter.ts +26 -26
  314. package/src/formatter/BytesFormatter.tsx +19 -19
  315. package/src/formatter/DateFormatter.ts +26 -26
  316. package/src/formatter/DateTimeFormatter.ts +26 -26
  317. package/src/formatter/DurationFormatter.ts +17 -17
  318. package/src/formatter/EmailFormatter.tsx +25 -25
  319. package/src/formatter/EnumFormatter.ts +17 -17
  320. package/src/formatter/FloatFormatter.ts +27 -27
  321. package/src/formatter/ForeColorFormatter.tsx +24 -24
  322. package/src/formatter/IDFormatter.tsx +58 -58
  323. package/src/formatter/IPFormatter.ts +39 -39
  324. package/src/formatter/IntegerFormatter.ts +27 -27
  325. package/src/formatter/JsonFormatter.tsx +75 -75
  326. package/src/formatter/MoneyFormatter.ts +39 -39
  327. package/src/formatter/PercentFormatter.tsx +43 -43
  328. package/src/formatter/PhoneFormatter.tsx +25 -25
  329. package/src/formatter/SensitiveFormatter.tsx +40 -40
  330. package/src/formatter/StringFormatter.tsx +49 -49
  331. package/src/formatter/TimeFormatter.ts +25 -25
  332. package/src/formatter/URLFormatter.tsx +28 -28
  333. package/src/formatter/UnknowFormatter.ts +22 -22
  334. package/src/index.css +5 -5
  335. package/src/index.tsx +7 -7
  336. package/src/main.ts +263 -263
  337. package/src/pages/NSImplementing.module.css +35 -35
  338. package/src/pages/NSImplementing.tsx +32 -32
  339. package/src/pages/NSNotFoundPage.module.css +18 -18
  340. package/src/pages/NSNotFoundPage.tsx +14 -14
  341. package/src/pages/NSUpdating.module.css +35 -35
  342. package/src/pages/NSUpdating.tsx +32 -32
  343. package/src/props/IBackgroundProps.ts +5 -5
  344. package/src/props/IBaseComponentProps.ts +8 -8
  345. package/src/props/IHeaderIconProps.ts +10 -10
  346. package/src/props/IHeaderLeftProps.ts +6 -6
  347. package/src/props/IHeaderRightProps.ts +8 -8
  348. package/src/props/IImageProps.ts +4 -4
  349. package/src/props/ILinkProps.ts +4 -4
  350. package/src/props/IValidationNumberProps.ts +4 -4
  351. package/src/props/IValidationPrecisionProps.ts +3 -3
  352. package/src/props/IValidationProps.ts +9 -9
  353. package/src/props/IValidationRegexProps.ts +4 -4
  354. package/src/props/IValidationStringProps.ts +4 -4
  355. package/src/routing/NSNotifier.ts +114 -114
  356. package/src/routing/NSRouterMaker.tsx +28 -28
  357. package/tsconfig.json +43 -43
  358. package/dist/components/NSListMenu.d.ts +0 -9
  359. package/dist/components/NSListMenu.js +0 -135
  360. package/dist/components/NSListMenu.js.map +0 -1
@@ -1,120 +1,120 @@
1
- .ns_chart_overlay {
2
- position: fixed;
3
- top: 0;
4
- right: 0;
5
- left: 0;
6
- bottom: 0;
7
- z-index: 950;
8
- background-color: #ffffff;
9
- display: flex;
10
- }
11
-
12
- .ns_chart_modal {
13
- background-color: #ffffff;
14
- width: 100%;
15
- height: 100%;
16
- display: flex;
17
- flex-direction: column;
18
- overflow: hidden;
19
- color: #141b5c;
20
- }
21
-
22
- .ns_chart_header {
23
- display: flex;
24
- align-items: center;
25
- justify-content: space-between;
26
- padding: 12px 16px;
27
- border-bottom: 1px solid #e6eef5;
28
- }
29
-
30
- .ns_chart_title {
31
- font-size: 16px;
32
- font-weight: 700;
33
- }
34
-
35
- .ns_chart_close {
36
- cursor: pointer;
37
- }
38
-
39
- .ns_chart_body {
40
- display: flex;
41
- flex-direction: column;
42
- flex: 1;
43
- min-height: 0;
44
- overflow-y: auto;
45
- }
46
-
47
- .ns_chart_canvas {
48
- position: relative;
49
- flex: none;
50
- width: 100%;
51
- padding: 16px;
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- overflow: hidden;
56
- }
57
-
58
- .ns_chart_message {
59
- color: #6b73a8;
60
- font-size: 16px;
61
- text-align: center;
62
- }
63
-
64
- .ns_chart_panel {
65
- width: 100%;
66
- border-top: 1px solid #e6eef5;
67
- padding: 16px;
68
- align-items: center;
69
- flex-wrap: nowrap;
70
- }
71
-
72
- .ns_chart_field {
73
- display: flex;
74
- flex-direction: column;
75
- gap: 8px;
76
- }
77
-
78
- .ns_chart_label {
79
- font-size: 13px;
80
- font-weight: 700;
81
- color: #141b5c;
82
- }
83
-
84
- .ns_chart_hint {
85
- font-size: 12px;
86
- color: #8a90bb;
87
- }
88
-
89
- @media only screen and (min-width: 992px) {
90
- .ns_chart_header {
91
- padding: 16px 20px;
92
- }
93
-
94
- .ns_chart_title {
95
- font-size: 18px;
96
- }
97
-
98
- .ns_chart_body {
99
- flex-direction: row;
100
- overflow: hidden;
101
- }
102
-
103
- .ns_chart_canvas {
104
- flex: 1;
105
- min-width: 0;
106
- min-height: 0;
107
- padding: 48px;
108
- }
109
-
110
- .ns_chart_panel {
111
- flex: 0 0 400px;
112
- width: 400px;
113
- border-top: none;
114
- border-left: 1px solid #e6eef5;
115
- padding: 20px;
116
- align-items: center;
117
- min-height: 0;
118
- overflow-y: auto;
119
- }
1
+ .ns_chart_overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ right: 0;
5
+ left: 0;
6
+ bottom: 0;
7
+ z-index: 950;
8
+ background-color: #ffffff;
9
+ display: flex;
10
+ }
11
+
12
+ .ns_chart_modal {
13
+ background-color: #ffffff;
14
+ width: 100%;
15
+ height: 100%;
16
+ display: flex;
17
+ flex-direction: column;
18
+ overflow: hidden;
19
+ color: #141b5c;
20
+ }
21
+
22
+ .ns_chart_header {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: space-between;
26
+ padding: 12px 16px;
27
+ border-bottom: 1px solid #e6eef5;
28
+ }
29
+
30
+ .ns_chart_title {
31
+ font-size: 16px;
32
+ font-weight: 700;
33
+ }
34
+
35
+ .ns_chart_close {
36
+ cursor: pointer;
37
+ }
38
+
39
+ .ns_chart_body {
40
+ display: flex;
41
+ flex-direction: column;
42
+ flex: 1;
43
+ min-height: 0;
44
+ overflow-y: auto;
45
+ }
46
+
47
+ .ns_chart_canvas {
48
+ position: relative;
49
+ flex: none;
50
+ width: 100%;
51
+ padding: 16px;
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ overflow: hidden;
56
+ }
57
+
58
+ .ns_chart_message {
59
+ color: #6b73a8;
60
+ font-size: 16px;
61
+ text-align: center;
62
+ }
63
+
64
+ .ns_chart_panel {
65
+ width: 100%;
66
+ border-top: 1px solid #e6eef5;
67
+ padding: 16px;
68
+ align-items: center;
69
+ flex-wrap: nowrap;
70
+ }
71
+
72
+ .ns_chart_field {
73
+ display: flex;
74
+ flex-direction: column;
75
+ gap: 8px;
76
+ }
77
+
78
+ .ns_chart_label {
79
+ font-size: 13px;
80
+ font-weight: 700;
81
+ color: #141b5c;
82
+ }
83
+
84
+ .ns_chart_hint {
85
+ font-size: 12px;
86
+ color: #8a90bb;
87
+ }
88
+
89
+ @media only screen and (min-width: 992px) {
90
+ .ns_chart_header {
91
+ padding: 16px 20px;
92
+ }
93
+
94
+ .ns_chart_title {
95
+ font-size: 18px;
96
+ }
97
+
98
+ .ns_chart_body {
99
+ flex-direction: row;
100
+ overflow: hidden;
101
+ }
102
+
103
+ .ns_chart_canvas {
104
+ flex: 1;
105
+ min-width: 0;
106
+ min-height: 0;
107
+ padding: 48px;
108
+ }
109
+
110
+ .ns_chart_panel {
111
+ flex: 0 0 400px;
112
+ width: 400px;
113
+ border-top: none;
114
+ border-left: 1px solid #e6eef5;
115
+ padding: 20px;
116
+ align-items: center;
117
+ min-height: 0;
118
+ overflow-y: auto;
119
+ }
120
120
  }
@@ -1,77 +1,77 @@
1
- .ns_entity_bar_item {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: flex-start;
5
- /* align-items: flex-start; */
6
- gap: 24px;
7
- padding: 24px;
8
- box-shadow: 0 2px 10px 4px #00000040;
9
- width: 100%;
10
- max-width: 304px;
11
- border-radius: 24px;
12
- }
13
-
14
- .ns_entity_bar_image_container {
15
- width: 100%;
16
- }
17
-
18
- .ns_entity_bar_image {
19
- border-radius: 16px;
20
- object-fit: cover;
21
- width: 100% !important;
22
- height: 100% !important;
23
- }
24
-
25
- .ns_entity_bar_details_container {
26
- text-align: start;
27
- }
28
-
29
- .ns_entity_bar_image_title {
30
- color: #001664;
31
- font-size: 24px;
32
- font-weight: 700;
33
- font-family: inherit;
34
- line-height: 24px;
35
- margin: 0px;
36
- text-align: start;
37
- }
38
-
39
- .ns_entity_bar_image_description {
40
- color: #001664;
41
- font-size: 16px;
42
- font-weight: 400;
43
- font-family: inherit;
44
- line-height: 24px;
45
- text-align: justify;
46
- }
47
-
48
- @media only screen and (min-width: 1024px) {
49
- .ns_entity_bar_item {
50
- display: flex;
51
- flex-direction: row;
52
- justify-content: flex-start;
53
- /* align-items: flex-start; */
54
- gap: 48px;
55
- width: 100%;
56
- max-width: 1170px;
57
- }
58
-
59
- .ns_entity_bar_details_container {
60
- padding: 24px 0;
61
- width: 68%;
62
- }
63
-
64
- .ns_entity_bar_image_container {
65
- width: 30%;
66
- max-width: 304px;
67
- }
68
-
69
- .ns_entity_bar_image_title {
70
- font-size: 32px;
71
- line-height: 32px;
72
- }
73
-
74
- .ns_entity_bar_image {
75
- border-radius: 8px;
76
- }
1
+ .ns_entity_bar_item {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: flex-start;
5
+ /* align-items: flex-start; */
6
+ gap: 24px;
7
+ padding: 24px;
8
+ box-shadow: 0 2px 10px 4px #00000040;
9
+ width: 100%;
10
+ max-width: 304px;
11
+ border-radius: 24px;
12
+ }
13
+
14
+ .ns_entity_bar_image_container {
15
+ width: 100%;
16
+ }
17
+
18
+ .ns_entity_bar_image {
19
+ border-radius: 16px;
20
+ object-fit: cover;
21
+ width: 100% !important;
22
+ height: 100% !important;
23
+ }
24
+
25
+ .ns_entity_bar_details_container {
26
+ text-align: start;
27
+ }
28
+
29
+ .ns_entity_bar_image_title {
30
+ color: #001664;
31
+ font-size: 24px;
32
+ font-weight: 700;
33
+ font-family: inherit;
34
+ line-height: 24px;
35
+ margin: 0px;
36
+ text-align: start;
37
+ }
38
+
39
+ .ns_entity_bar_image_description {
40
+ color: #001664;
41
+ font-size: 16px;
42
+ font-weight: 400;
43
+ font-family: inherit;
44
+ line-height: 24px;
45
+ text-align: justify;
46
+ }
47
+
48
+ @media only screen and (min-width: 1024px) {
49
+ .ns_entity_bar_item {
50
+ display: flex;
51
+ flex-direction: row;
52
+ justify-content: flex-start;
53
+ /* align-items: flex-start; */
54
+ gap: 48px;
55
+ width: 100%;
56
+ max-width: 1170px;
57
+ }
58
+
59
+ .ns_entity_bar_details_container {
60
+ padding: 24px 0;
61
+ width: 68%;
62
+ }
63
+
64
+ .ns_entity_bar_image_container {
65
+ width: 30%;
66
+ max-width: 304px;
67
+ }
68
+
69
+ .ns_entity_bar_image_title {
70
+ font-size: 32px;
71
+ line-height: 32px;
72
+ }
73
+
74
+ .ns_entity_bar_image {
75
+ border-radius: 8px;
76
+ }
77
77
  }
@@ -1,72 +1,72 @@
1
- .ns_time_line_monthly_card {
2
- width: 72px;
3
- border-radius: 4px;
4
- background-color: #fff;
5
- overflow: hidden;
6
- text-align: center;
7
- display: flex;
8
- flex-direction: column;
9
- gap: 5px;
10
- box-shadow: 1px 0px 3px 1px #b2b2b2;
11
- }
12
-
13
- .ns_time_line_monthly_card_week_day {
14
- background-color: #141B5C;
15
- color: #fff;
16
- margin: 0;
17
- text-align: center;
18
- padding: 8px;
19
- /* margin-bottom: 4px; */
20
- }
21
-
22
- .ns_time_line_cards_hour {
23
- color: #141B5C;
24
- }
25
-
26
- .ns_time_line_monthly_card_parent_chart {
27
- width: 100%;
28
- height: 30%;
29
- background-color: #E0DFFF;
30
- box-shadow: 1px 1px 2px 1px #6c6a6acc;
31
- }
32
-
33
- .ns_time_line_monthly_card_bar {
34
- height: 100%;
35
- /* background-color: #3B9D00; */
36
- color: transparent;
37
- }
38
-
39
- .ns_time_line_monthly {
40
- display: flex;
41
- gap: 2px;
42
- flex-direction: row;
43
- width: max-content;
44
- }
45
-
46
- .ns_parent {
47
- width: 100%;
48
- max-width: 1150px;
49
- overflow-x: scroll;
50
- flex-direction: column;
51
- }
52
-
53
- .ns_parent::-webkit-scrollbar {
54
- height: 6px;
55
- }
56
-
57
- .ns_parent::-webkit-scrollbar-track {
58
- background-color: #c0c0c0;
59
- border-radius: 6px;
60
- }
61
-
62
- .ns_parent::-webkit-scrollbar-thumb {
63
- background: #141B5C;
64
- border-radius: 6px;
65
- }
66
-
67
- .ns_time_line_title {
68
- color: #141B5C;
69
- margin-bottom: 16px;
70
- position: sticky;
71
- left: 0;
1
+ .ns_time_line_monthly_card {
2
+ width: 72px;
3
+ border-radius: 4px;
4
+ background-color: #fff;
5
+ overflow: hidden;
6
+ text-align: center;
7
+ display: flex;
8
+ flex-direction: column;
9
+ gap: 5px;
10
+ box-shadow: 1px 0px 3px 1px #b2b2b2;
11
+ }
12
+
13
+ .ns_time_line_monthly_card_week_day {
14
+ background-color: #141B5C;
15
+ color: #fff;
16
+ margin: 0;
17
+ text-align: center;
18
+ padding: 8px;
19
+ /* margin-bottom: 4px; */
20
+ }
21
+
22
+ .ns_time_line_cards_hour {
23
+ color: #141B5C;
24
+ }
25
+
26
+ .ns_time_line_monthly_card_parent_chart {
27
+ width: 100%;
28
+ height: 30%;
29
+ background-color: #E0DFFF;
30
+ box-shadow: 1px 1px 2px 1px #6c6a6acc;
31
+ }
32
+
33
+ .ns_time_line_monthly_card_bar {
34
+ height: 100%;
35
+ /* background-color: #3B9D00; */
36
+ color: transparent;
37
+ }
38
+
39
+ .ns_time_line_monthly {
40
+ display: flex;
41
+ gap: 2px;
42
+ flex-direction: row;
43
+ width: max-content;
44
+ }
45
+
46
+ .ns_parent {
47
+ width: 100%;
48
+ max-width: 1150px;
49
+ overflow-x: scroll;
50
+ flex-direction: column;
51
+ }
52
+
53
+ .ns_parent::-webkit-scrollbar {
54
+ height: 6px;
55
+ }
56
+
57
+ .ns_parent::-webkit-scrollbar-track {
58
+ background-color: #c0c0c0;
59
+ border-radius: 6px;
60
+ }
61
+
62
+ .ns_parent::-webkit-scrollbar-thumb {
63
+ background: #141B5C;
64
+ border-radius: 6px;
65
+ }
66
+
67
+ .ns_time_line_title {
68
+ color: #141B5C;
69
+ margin-bottom: 16px;
70
+ position: sticky;
71
+ left: 0;
72
72
  }
@@ -1,16 +1,16 @@
1
- .ns_title {
2
- color: rgba(20, 27, 92, 1);
3
- font-size: 24px;
4
- font-weight: 700;
5
- line-height: normal;
6
- margin-bottom: 16px;
7
- width: 100%;
8
- text-align: center;
9
- font-family: inherit;
10
- }
11
-
12
- @media only screen and (min-width: 1024px) {
13
- .ns_title {
14
- font-size: 32px;
15
- }
1
+ .ns_title {
2
+ color: rgba(20, 27, 92, 1);
3
+ font-size: 24px;
4
+ font-weight: 700;
5
+ line-height: normal;
6
+ margin-bottom: 16px;
7
+ width: 100%;
8
+ text-align: center;
9
+ font-family: inherit;
10
+ }
11
+
12
+ @media only screen and (min-width: 1024px) {
13
+ .ns_title {
14
+ font-size: 32px;
15
+ }
16
16
  }
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
- body {
2
- margin: 0;
3
- -webkit-font-smoothing: antialiased;
4
- -moz-osx-font-smoothing: grayscale;
5
- background-color: #ccc !important;
1
+ body {
2
+ margin: 0;
3
+ -webkit-font-smoothing: antialiased;
4
+ -moz-osx-font-smoothing: grayscale;
5
+ background-color: #ccc !important;
6
6
  }
@@ -1,36 +1,36 @@
1
- .ns_implementing_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- text-align: center;
7
- }
8
-
9
- .ns_implementing_container h2 {
10
- color: #141B5C;
11
- font-size: 24px;
12
- font-weight: 700;
13
- margin: 0 0 16px 0;
14
- }
15
-
16
- .ns_implementing_container p {
17
- color: #141B5C;
18
- font-size: 16px;
19
- font-weight: 300;
20
- margin: 0;
21
- line-height: 29px;
22
- }
23
-
24
- @media only screen and (min-width:768px) {
25
- .ns_implementing_image {
26
- width: 712px;
27
- }
28
-
29
- .ns_implementing_container h2 {
30
- font-size: 48px;
31
- }
32
-
33
- .ns_implementing_container p {
34
- font-size: 24px;
35
- }
1
+ .ns_implementing_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ text-align: center;
7
+ }
8
+
9
+ .ns_implementing_container h2 {
10
+ color: #141B5C;
11
+ font-size: 24px;
12
+ font-weight: 700;
13
+ margin: 0 0 16px 0;
14
+ }
15
+
16
+ .ns_implementing_container p {
17
+ color: #141B5C;
18
+ font-size: 16px;
19
+ font-weight: 300;
20
+ margin: 0;
21
+ line-height: 29px;
22
+ }
23
+
24
+ @media only screen and (min-width:768px) {
25
+ .ns_implementing_image {
26
+ width: 712px;
27
+ }
28
+
29
+ .ns_implementing_container h2 {
30
+ font-size: 48px;
31
+ }
32
+
33
+ .ns_implementing_container p {
34
+ font-size: 24px;
35
+ }
36
36
  }
@@ -1,19 +1,19 @@
1
- .ns_not_found_page {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
6
- background-repeat: no-repeat;
7
- background-size: contain;
8
- background-position: center;
9
- width: 100%;
10
- height: 80vh;
11
- overflow-y: auto;
12
- margin-bottom: 48px;
13
- }
14
-
15
- @media only screen and (min-width: 1024px) {
16
- .ns_not_found_page {
17
- background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
18
- }
1
+ .ns_not_found_page {
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
6
+ background-repeat: no-repeat;
7
+ background-size: contain;
8
+ background-position: center;
9
+ width: 100%;
10
+ height: 80vh;
11
+ overflow-y: auto;
12
+ margin-bottom: 48px;
13
+ }
14
+
15
+ @media only screen and (min-width: 1024px) {
16
+ .ns_not_found_page {
17
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
18
+ }
19
19
  }