@ncds/ui-admin 1.6.3 → 1.6.4-alpha.0

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 (260) hide show
  1. package/mcp/bin/server.d.ts +1 -0
  2. package/mcp/bin/server.js +62 -0
  3. package/mcp/bin/server.mjs +14 -0
  4. package/mcp/bin/tools/getComponentHtml.d.ts +3 -0
  5. package/mcp/bin/tools/getComponentHtml.js +30 -0
  6. package/mcp/bin/tools/getComponentProps.d.ts +3 -0
  7. package/mcp/bin/tools/getComponentProps.js +16 -0
  8. package/mcp/bin/tools/listComponents.d.ts +3 -0
  9. package/mcp/bin/tools/listComponents.js +15 -0
  10. package/mcp/bin/tools/searchComponent.d.ts +3 -0
  11. package/mcp/bin/tools/searchComponent.js +20 -0
  12. package/mcp/bin/tools/validateHtml.d.ts +10 -0
  13. package/mcp/bin/tools/validateHtml.js +142 -0
  14. package/mcp/bin/types.d.ts +28 -0
  15. package/mcp/bin/types.js +5 -0
  16. package/mcp/bin/utils/dataLoader.d.ts +11 -0
  17. package/mcp/bin/utils/dataLoader.js +68 -0
  18. package/mcp/bin/utils/logger.d.ts +18 -0
  19. package/mcp/bin/utils/logger.js +27 -0
  20. package/mcp/bin/utils/response.d.ts +23 -0
  21. package/mcp/bin/utils/response.js +31 -0
  22. package/mcp/bin/version.d.ts +1 -0
  23. package/mcp/bin/version.js +4 -0
  24. package/mcp/data/.gitkeep +0 -0
  25. package/mcp/data/_meta.json +7 -0
  26. package/mcp/data/badge-group.json +73 -0
  27. package/mcp/data/badge.json +86 -0
  28. package/mcp/data/bread-crumb.json +22 -0
  29. package/mcp/data/breadcrumb.json +31 -0
  30. package/mcp/data/button-group.json +65 -0
  31. package/mcp/data/button.json +114 -0
  32. package/mcp/data/carousel-arrow.json +59 -0
  33. package/mcp/data/carousel-number-group.json +57 -0
  34. package/mcp/data/carousel.json +22 -0
  35. package/mcp/data/checkbox.json +31 -0
  36. package/mcp/data/combobox.json +114 -0
  37. package/mcp/data/date-picker.json +77 -0
  38. package/mcp/data/divider.json +56 -0
  39. package/mcp/data/dot.json +55 -0
  40. package/mcp/data/dropdown.json +81 -0
  41. package/mcp/data/empty-state.json +34 -0
  42. package/mcp/data/featured-icon.json +83 -0
  43. package/mcp/data/file-input.json +76 -0
  44. package/mcp/data/horizontal-tab.json +71 -0
  45. package/mcp/data/image-file-input.json +97 -0
  46. package/mcp/data/input.json +104 -0
  47. package/mcp/data/modal.json +85 -0
  48. package/mcp/data/notification.json +116 -0
  49. package/mcp/data/number-input.json +128 -0
  50. package/mcp/data/pagination.json +65 -0
  51. package/mcp/data/password-input.json +47 -0
  52. package/mcp/data/progress-bar.json +51 -0
  53. package/mcp/data/progress-circle.json +54 -0
  54. package/mcp/data/radio.json +31 -0
  55. package/mcp/data/range-date-picker-with-buttons.json +64 -0
  56. package/mcp/data/range-date-picker.json +55 -0
  57. package/mcp/data/select-dropdown.json +32 -0
  58. package/mcp/data/select.json +64 -0
  59. package/mcp/data/selectbox.json +129 -0
  60. package/mcp/data/slider.json +57 -0
  61. package/mcp/data/spinner.json +54 -0
  62. package/mcp/data/switch.json +71 -0
  63. package/mcp/data/tab.json +122 -0
  64. package/mcp/data/tag.json +66 -0
  65. package/mcp/data/textarea.json +88 -0
  66. package/mcp/data/toggle.json +59 -0
  67. package/mcp/data/tooltip.json +123 -0
  68. package/mcp/data/vertical-tab.json +64 -0
  69. package/mcp/templates/.mcp.json.example +8 -0
  70. package/mcp/templates/README.md +31 -0
  71. package/package.json +24 -3
  72. package/dist/cjs/assets/scripts/comboBox.js +0 -280
  73. package/dist/cjs/assets/scripts/datePicker.js +0 -706
  74. package/dist/cjs/assets/scripts/featuredIcon.js +0 -95
  75. package/dist/cjs/assets/scripts/fileInput/FileInput.js +0 -183
  76. package/dist/cjs/assets/scripts/fileInput/FileInputModel.js +0 -246
  77. package/dist/cjs/assets/scripts/fileInput/FileInputView.js +0 -455
  78. package/dist/cjs/assets/scripts/fileInput/const/classNames.js +0 -35
  79. package/dist/cjs/assets/scripts/fileInput/const/index.js +0 -27
  80. package/dist/cjs/assets/scripts/fileInput/const/types.js +0 -13
  81. package/dist/cjs/assets/scripts/fileInput/index.js +0 -44
  82. package/dist/cjs/assets/scripts/imageFileInput/ImageFileInput.js +0 -187
  83. package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputModel.js +0 -255
  84. package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputView.js +0 -354
  85. package/dist/cjs/assets/scripts/imageFileInput/const/classNames.js +0 -41
  86. package/dist/cjs/assets/scripts/imageFileInput/const/index.js +0 -27
  87. package/dist/cjs/assets/scripts/imageFileInput/const/types.js +0 -13
  88. package/dist/cjs/assets/scripts/imageFileInput/index.js +0 -44
  89. package/dist/cjs/assets/scripts/index.js +0 -30
  90. package/dist/cjs/assets/scripts/modal/Modal.js +0 -116
  91. package/dist/cjs/assets/scripts/modal/ModalActions.js +0 -128
  92. package/dist/cjs/assets/scripts/modal/ModalContent.js +0 -46
  93. package/dist/cjs/assets/scripts/modal/ModalHeader.js +0 -115
  94. package/dist/cjs/assets/scripts/modal/const/classNames.js +0 -41
  95. package/dist/cjs/assets/scripts/modal/const/index.js +0 -27
  96. package/dist/cjs/assets/scripts/modal/const/types.js +0 -5
  97. package/dist/cjs/assets/scripts/modal/index.js +0 -61
  98. package/dist/cjs/assets/scripts/modal/utils/contentUtils.js +0 -35
  99. package/dist/cjs/assets/scripts/notification/FloatingNotification.js +0 -180
  100. package/dist/cjs/assets/scripts/notification/FullWidthNotification.js +0 -120
  101. package/dist/cjs/assets/scripts/notification/MessageNotification.js +0 -146
  102. package/dist/cjs/assets/scripts/notification/Notification.js +0 -116
  103. package/dist/cjs/assets/scripts/notification/const/classNames.js +0 -50
  104. package/dist/cjs/assets/scripts/notification/const/icons.js +0 -45
  105. package/dist/cjs/assets/scripts/notification/const/index.js +0 -87
  106. package/dist/cjs/assets/scripts/notification/const/sizes.js +0 -54
  107. package/dist/cjs/assets/scripts/notification/const/types.js +0 -14
  108. package/dist/cjs/assets/scripts/notification/index.js +0 -92
  109. package/dist/cjs/assets/scripts/notification/utils.js +0 -92
  110. package/dist/cjs/assets/scripts/progress-bar/ProgressBar.js +0 -272
  111. package/dist/cjs/assets/scripts/progress-bar/index.js +0 -12
  112. package/dist/cjs/assets/scripts/selectBox.js +0 -319
  113. package/dist/cjs/assets/scripts/shared/ButtonCloseX.js +0 -46
  114. package/dist/cjs/assets/scripts/tab.js +0 -40
  115. package/dist/cjs/assets/scripts/tag/Tag.js +0 -268
  116. package/dist/cjs/assets/scripts/tag/const/classNames.js +0 -24
  117. package/dist/cjs/assets/scripts/tag/const/index.js +0 -38
  118. package/dist/cjs/assets/scripts/tag/const/sizes.js +0 -13
  119. package/dist/cjs/assets/scripts/tag/const/types.js +0 -5
  120. package/dist/cjs/assets/scripts/tag/index.js +0 -44
  121. package/dist/cjs/assets/scripts/tooltip/Tooltip.js +0 -380
  122. package/dist/cjs/assets/scripts/tooltip/TooltipLayerManager.js +0 -84
  123. package/dist/cjs/assets/scripts/tooltip/const/classNames.js +0 -29
  124. package/dist/cjs/assets/scripts/tooltip/const/constants.js +0 -56
  125. package/dist/cjs/assets/scripts/tooltip/const/icons.js +0 -15
  126. package/dist/cjs/assets/scripts/tooltip/const/index.js +0 -123
  127. package/dist/cjs/assets/scripts/tooltip/const/templates.js +0 -49
  128. package/dist/cjs/assets/scripts/tooltip/const/types.js +0 -5
  129. package/dist/cjs/assets/scripts/tooltip/index.js +0 -57
  130. package/dist/cjs/assets/scripts/tooltip/utils.js +0 -41
  131. package/dist/cjs/assets/scripts/utils/unifiedBox/DOMRenderer.js +0 -384
  132. package/dist/cjs/assets/scripts/utils/unifiedBox/DropdownModel.js +0 -368
  133. package/dist/cjs/assets/scripts/utils/unifiedBox/UnifiedBoxController.js +0 -681
  134. package/dist/cjs/assets/scripts/utils/unifiedBox/UnifiedBoxManager.js +0 -711
  135. package/dist/esm/assets/scripts/comboBox.js +0 -275
  136. package/dist/esm/assets/scripts/datePicker.js +0 -699
  137. package/dist/esm/assets/scripts/featuredIcon.js +0 -90
  138. package/dist/esm/assets/scripts/fileInput/FileInput.js +0 -178
  139. package/dist/esm/assets/scripts/fileInput/FileInputModel.js +0 -241
  140. package/dist/esm/assets/scripts/fileInput/FileInputView.js +0 -450
  141. package/dist/esm/assets/scripts/fileInput/const/classNames.js +0 -25
  142. package/dist/esm/assets/scripts/fileInput/const/index.js +0 -2
  143. package/dist/esm/assets/scripts/fileInput/const/types.js +0 -7
  144. package/dist/esm/assets/scripts/fileInput/index.js +0 -9
  145. package/dist/esm/assets/scripts/imageFileInput/ImageFileInput.js +0 -182
  146. package/dist/esm/assets/scripts/imageFileInput/ImageFileInputModel.js +0 -250
  147. package/dist/esm/assets/scripts/imageFileInput/ImageFileInputView.js +0 -349
  148. package/dist/esm/assets/scripts/imageFileInput/const/classNames.js +0 -30
  149. package/dist/esm/assets/scripts/imageFileInput/const/index.js +0 -2
  150. package/dist/esm/assets/scripts/imageFileInput/const/types.js +0 -7
  151. package/dist/esm/assets/scripts/imageFileInput/index.js +0 -9
  152. package/dist/esm/assets/scripts/index.js +0 -28
  153. package/dist/esm/assets/scripts/modal/Modal.js +0 -110
  154. package/dist/esm/assets/scripts/modal/ModalActions.js +0 -123
  155. package/dist/esm/assets/scripts/modal/ModalContent.js +0 -41
  156. package/dist/esm/assets/scripts/modal/ModalHeader.js +0 -110
  157. package/dist/esm/assets/scripts/modal/const/classNames.js +0 -31
  158. package/dist/esm/assets/scripts/modal/const/index.js +0 -2
  159. package/dist/esm/assets/scripts/modal/const/types.js +0 -1
  160. package/dist/esm/assets/scripts/modal/index.js +0 -15
  161. package/dist/esm/assets/scripts/modal/utils/contentUtils.js +0 -28
  162. package/dist/esm/assets/scripts/notification/FloatingNotification.js +0 -176
  163. package/dist/esm/assets/scripts/notification/FullWidthNotification.js +0 -115
  164. package/dist/esm/assets/scripts/notification/MessageNotification.js +0 -141
  165. package/dist/esm/assets/scripts/notification/Notification.js +0 -111
  166. package/dist/esm/assets/scripts/notification/const/classNames.js +0 -44
  167. package/dist/esm/assets/scripts/notification/const/icons.js +0 -39
  168. package/dist/esm/assets/scripts/notification/const/index.js +0 -4
  169. package/dist/esm/assets/scripts/notification/const/sizes.js +0 -48
  170. package/dist/esm/assets/scripts/notification/const/types.js +0 -8
  171. package/dist/esm/assets/scripts/notification/index.js +0 -11
  172. package/dist/esm/assets/scripts/notification/utils.js +0 -79
  173. package/dist/esm/assets/scripts/progress-bar/ProgressBar.js +0 -267
  174. package/dist/esm/assets/scripts/progress-bar/index.js +0 -1
  175. package/dist/esm/assets/scripts/selectBox.js +0 -314
  176. package/dist/esm/assets/scripts/shared/ButtonCloseX.js +0 -38
  177. package/dist/esm/assets/scripts/tab.js +0 -35
  178. package/dist/esm/assets/scripts/tag/Tag.js +0 -263
  179. package/dist/esm/assets/scripts/tag/const/classNames.js +0 -16
  180. package/dist/esm/assets/scripts/tag/const/index.js +0 -3
  181. package/dist/esm/assets/scripts/tag/const/sizes.js +0 -7
  182. package/dist/esm/assets/scripts/tag/const/types.js +0 -1
  183. package/dist/esm/assets/scripts/tag/index.js +0 -9
  184. package/dist/esm/assets/scripts/tooltip/Tooltip.js +0 -375
  185. package/dist/esm/assets/scripts/tooltip/TooltipLayerManager.js +0 -79
  186. package/dist/esm/assets/scripts/tooltip/const/classNames.js +0 -23
  187. package/dist/esm/assets/scripts/tooltip/const/constants.js +0 -50
  188. package/dist/esm/assets/scripts/tooltip/const/icons.js +0 -9
  189. package/dist/esm/assets/scripts/tooltip/const/index.js +0 -4
  190. package/dist/esm/assets/scripts/tooltip/const/templates.js +0 -42
  191. package/dist/esm/assets/scripts/tooltip/const/types.js +0 -1
  192. package/dist/esm/assets/scripts/tooltip/index.js +0 -10
  193. package/dist/esm/assets/scripts/tooltip/utils.js +0 -35
  194. package/dist/esm/assets/scripts/utils/unifiedBox/DOMRenderer.js +0 -379
  195. package/dist/esm/assets/scripts/utils/unifiedBox/DropdownModel.js +0 -363
  196. package/dist/esm/assets/scripts/utils/unifiedBox/UnifiedBoxController.js +0 -676
  197. package/dist/esm/assets/scripts/utils/unifiedBox/UnifiedBoxManager.js +0 -706
  198. package/dist/types/assets/scripts/comboBox.d.ts +0 -91
  199. package/dist/types/assets/scripts/datePicker.d.ts +0 -87
  200. package/dist/types/assets/scripts/featuredIcon.d.ts +0 -23
  201. package/dist/types/assets/scripts/fileInput/FileInput.d.ts +0 -67
  202. package/dist/types/assets/scripts/fileInput/FileInputModel.d.ts +0 -70
  203. package/dist/types/assets/scripts/fileInput/FileInputView.d.ts +0 -77
  204. package/dist/types/assets/scripts/fileInput/const/classNames.d.ts +0 -17
  205. package/dist/types/assets/scripts/fileInput/const/index.d.ts +0 -3
  206. package/dist/types/assets/scripts/fileInput/const/types.d.ts +0 -132
  207. package/dist/types/assets/scripts/fileInput/index.d.ts +0 -4
  208. package/dist/types/assets/scripts/imageFileInput/ImageFileInput.d.ts +0 -64
  209. package/dist/types/assets/scripts/imageFileInput/ImageFileInputModel.d.ts +0 -74
  210. package/dist/types/assets/scripts/imageFileInput/ImageFileInputView.d.ts +0 -80
  211. package/dist/types/assets/scripts/imageFileInput/const/classNames.d.ts +0 -20
  212. package/dist/types/assets/scripts/imageFileInput/const/index.d.ts +0 -3
  213. package/dist/types/assets/scripts/imageFileInput/const/types.d.ts +0 -126
  214. package/dist/types/assets/scripts/imageFileInput/index.d.ts +0 -4
  215. package/dist/types/assets/scripts/index.d.ts +0 -33
  216. package/dist/types/assets/scripts/modal/Modal.d.ts +0 -28
  217. package/dist/types/assets/scripts/modal/ModalActions.d.ts +0 -19
  218. package/dist/types/assets/scripts/modal/ModalContent.d.ts +0 -14
  219. package/dist/types/assets/scripts/modal/ModalHeader.d.ts +0 -16
  220. package/dist/types/assets/scripts/modal/const/classNames.d.ts +0 -23
  221. package/dist/types/assets/scripts/modal/const/index.d.ts +0 -3
  222. package/dist/types/assets/scripts/modal/const/types.d.ts +0 -62
  223. package/dist/types/assets/scripts/modal/index.d.ts +0 -8
  224. package/dist/types/assets/scripts/modal/utils/contentUtils.d.ts +0 -11
  225. package/dist/types/assets/scripts/notification/FloatingNotification.d.ts +0 -25
  226. package/dist/types/assets/scripts/notification/FullWidthNotification.d.ts +0 -22
  227. package/dist/types/assets/scripts/notification/MessageNotification.d.ts +0 -23
  228. package/dist/types/assets/scripts/notification/Notification.d.ts +0 -22
  229. package/dist/types/assets/scripts/notification/const/classNames.d.ts +0 -44
  230. package/dist/types/assets/scripts/notification/const/icons.d.ts +0 -26
  231. package/dist/types/assets/scripts/notification/const/index.d.ts +0 -6
  232. package/dist/types/assets/scripts/notification/const/sizes.d.ts +0 -33
  233. package/dist/types/assets/scripts/notification/const/types.d.ts +0 -20
  234. package/dist/types/assets/scripts/notification/index.d.ts +0 -8
  235. package/dist/types/assets/scripts/notification/utils.d.ts +0 -9
  236. package/dist/types/assets/scripts/progress-bar/ProgressBar.d.ts +0 -68
  237. package/dist/types/assets/scripts/progress-bar/index.d.ts +0 -2
  238. package/dist/types/assets/scripts/selectBox.d.ts +0 -77
  239. package/dist/types/assets/scripts/shared/ButtonCloseX.d.ts +0 -6
  240. package/dist/types/assets/scripts/tab.d.ts +0 -8
  241. package/dist/types/assets/scripts/tag/Tag.d.ts +0 -28
  242. package/dist/types/assets/scripts/tag/const/classNames.d.ts +0 -12
  243. package/dist/types/assets/scripts/tag/const/index.d.ts +0 -4
  244. package/dist/types/assets/scripts/tag/const/sizes.d.ts +0 -8
  245. package/dist/types/assets/scripts/tag/const/types.d.ts +0 -34
  246. package/dist/types/assets/scripts/tag/index.d.ts +0 -4
  247. package/dist/types/assets/scripts/tooltip/Tooltip.d.ts +0 -55
  248. package/dist/types/assets/scripts/tooltip/TooltipLayerManager.d.ts +0 -22
  249. package/dist/types/assets/scripts/tooltip/const/classNames.d.ts +0 -18
  250. package/dist/types/assets/scripts/tooltip/const/constants.d.ts +0 -34
  251. package/dist/types/assets/scripts/tooltip/const/icons.d.ts +0 -5
  252. package/dist/types/assets/scripts/tooltip/const/index.d.ts +0 -6
  253. package/dist/types/assets/scripts/tooltip/const/templates.d.ts +0 -17
  254. package/dist/types/assets/scripts/tooltip/const/types.d.ts +0 -15
  255. package/dist/types/assets/scripts/tooltip/index.d.ts +0 -7
  256. package/dist/types/assets/scripts/tooltip/utils.d.ts +0 -3
  257. package/dist/types/assets/scripts/utils/unifiedBox/DOMRenderer.d.ts +0 -108
  258. package/dist/types/assets/scripts/utils/unifiedBox/DropdownModel.d.ts +0 -158
  259. package/dist/types/assets/scripts/utils/unifiedBox/UnifiedBoxController.d.ts +0 -171
  260. package/dist/types/assets/scripts/utils/unifiedBox/UnifiedBoxManager.d.ts +0 -99
@@ -1,44 +0,0 @@
1
- export declare const CLASS_NAMES: {
2
- readonly FULL_WIDTH: {
3
- readonly BASE: "ncua-full-width-notification";
4
- readonly CONTAINER: "ncua-full-width-notification__container";
5
- readonly CONTENT: "ncua-full-width-notification__content";
6
- readonly CONTENT_WRAPPER: "ncua-full-width-notification__content-wrapper";
7
- readonly ICON: "ncua-full-width-notification__icon";
8
- readonly TEXT_CONTAINER: "ncua-full-width-notification__text-container";
9
- readonly TITLE: "ncua-full-width-notification__title";
10
- readonly SUPPORTING_TEXT: "ncua-full-width-notification__supporting-text";
11
- readonly ACTIONS_CONTAINER: "ncua-full-width-notification__actions-container";
12
- readonly ACTIONS: "ncua-full-width-notification__actions";
13
- readonly CLOSE_BUTTON: "ncua-full-width-notification__close-button";
14
- };
15
- readonly FLOATING: {
16
- readonly BASE: "ncua-floating-notification";
17
- readonly CONTAINER: "ncua-floating-notification__container";
18
- readonly CONTENT: "ncua-floating-notification__content";
19
- readonly TEXT_CONTAINER: "ncua-floating-notification__text-container";
20
- readonly TITLE_WRAPPER: "ncua-floating-notification__title-wrapper";
21
- readonly TITLE: "ncua-floating-notification__title";
22
- readonly SUPPORTING_TEXT: "ncua-floating-notification__supporting-text";
23
- readonly ACTIONS: "ncua-floating-notification__actions";
24
- readonly CLOSE_BUTTON: "ncua-floating-notification__close-button";
25
- };
26
- readonly MESSAGE: {
27
- readonly BASE: "ncua-message-notification";
28
- readonly CONTAINER: "ncua-message-notification__container";
29
- readonly CONTENT: "ncua-message-notification__content";
30
- readonly CONTENT_WRAPPER: "ncua-message-notification__content-wrapper";
31
- readonly ICON: "ncua-message-notification__icon";
32
- readonly TEXT_CONTAINER: "ncua-message-notification__text-container";
33
- readonly TITLE: "ncua-message-notification__title";
34
- readonly SUPPORTING_TEXT: "ncua-message-notification__supporting-text";
35
- readonly ACTIONS_CONTAINER: "ncua-message-notification__actions-container";
36
- readonly ACTIONS: "ncua-message-notification__actions";
37
- readonly HIDE_LINK: "ncua-message-notification__hide-link";
38
- readonly CLOSE_BUTTON: "ncua-message-notification__close-button";
39
- };
40
- readonly COMMON: {
41
- readonly ACTION_BUTTON: "ncua-notification__action-button";
42
- };
43
- };
44
- //# sourceMappingURL=classNames.d.ts.map
@@ -1,26 +0,0 @@
1
- import type { NotificationColor } from './types';
2
- export declare const SVG_ICONS: {
3
- readonly 'pin-02': (size: string) => string;
4
- readonly 'alert-triangle': (size: string) => string;
5
- readonly 'alert-circle': (size: string) => string;
6
- readonly 'check-circle': (size: string) => string;
7
- readonly 'info-circle': (size: string) => string;
8
- readonly 'message-chat-square': (size: string) => string;
9
- readonly 'x-close': (size: string) => string;
10
- };
11
- export declare const FLOATING_ICON_MAP: Partial<Record<NotificationColor, (size: string) => string>>;
12
- export declare const FULL_WIDTH_ICON_MAP: {
13
- readonly neutral: (size: string) => string;
14
- readonly error: (size: string) => string;
15
- readonly warning: (size: string) => string;
16
- readonly success: (size: string) => string;
17
- readonly info: (size: string) => string;
18
- };
19
- export declare const ICON_MAP: {
20
- readonly neutral: (size: string) => string;
21
- readonly error: (size: string) => string;
22
- readonly warning: (size: string) => string;
23
- readonly success: (size: string) => string;
24
- readonly info: (size: string) => string;
25
- };
26
- //# sourceMappingURL=icons.d.ts.map
@@ -1,6 +0,0 @@
1
- export type { NotificationColor, NotificationHierarchy, NotificationAction, BaseNotificationOptions } from './types';
2
- export { SVG_ICONS, FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP } from './icons';
3
- export { CLASS_NAMES } from './classNames';
4
- export { FEATURED_ICON_SIZES, ICON_PIXEL_SIZES, CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FULL_WIDTH_SIZES, MESSAGE_SIZES, getSizes, } from './sizes';
5
- export { MESSAGE_CLOSE_ICON_COLORS } from './types';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1,33 +0,0 @@
1
- export declare const FEATURED_ICON_SIZES: {
2
- readonly MOBILE: "md";
3
- readonly DESKTOP: "sm";
4
- };
5
- export declare const ICON_PIXEL_SIZES: {
6
- readonly MOBILE: "20";
7
- readonly DESKTOP: "16";
8
- readonly FULL_WIDTH: "16";
9
- };
10
- export declare const CLOSE_BUTTON_SIZES: {
11
- readonly MOBILE: "sm";
12
- readonly DESKTOP: "xs";
13
- };
14
- export declare const CLOSE_BUTTON_SVG_SIZES: {
15
- readonly xs: 16;
16
- readonly sm: 20;
17
- };
18
- export declare const FULL_WIDTH_SIZES: {
19
- readonly ICON: "16";
20
- readonly CLOSE_BUTTON: "20";
21
- };
22
- export declare const MESSAGE_SIZES: {
23
- readonly FEATURED_ICON: "lg";
24
- readonly ICON_PIXEL: "24";
25
- readonly CLOSE_BUTTON: "20";
26
- };
27
- export declare const getSizes: {
28
- readonly featuredIcon: (isMobile: boolean) => "sm" | "md";
29
- readonly iconPixel: (isMobile: boolean) => "16" | "20";
30
- readonly closeButton: (isMobile: boolean) => "xs" | "sm";
31
- readonly closeButtonSvg: (size: keyof typeof CLOSE_BUTTON_SVG_SIZES) => 16 | 20;
32
- };
33
- //# sourceMappingURL=sizes.d.ts.map
@@ -1,20 +0,0 @@
1
- export type NotificationColor = 'neutral' | 'error' | 'warning' | 'success' | 'info';
2
- export type NotificationHierarchy = 'link' | 'link-gray';
3
- export interface NotificationAction {
4
- label: string;
5
- onClick: () => void;
6
- hierarchy?: NotificationHierarchy;
7
- }
8
- export interface BaseNotificationOptions {
9
- title: string;
10
- supportingText?: string;
11
- color?: NotificationColor;
12
- onClose?: () => void;
13
- className?: string;
14
- actions?: NotificationAction[];
15
- autoClose?: number;
16
- supportTextLink?: string;
17
- onHidePermanently?: () => void;
18
- }
19
- export declare const MESSAGE_CLOSE_ICON_COLORS: Record<NotificationColor, string>;
20
- //# sourceMappingURL=types.d.ts.map
@@ -1,8 +0,0 @@
1
- export { Notification, type NotificationOptions } from './Notification';
2
- export { FullWidthNotification, type FullWidthNotificationOptions } from './FullWidthNotification';
3
- export { FloatingNotification, type FloatingNotificationOptions } from './FloatingNotification';
4
- export { MessageNotification, type MessageNotificationOptions } from './MessageNotification';
5
- export * from './utils';
6
- export type { NotificationColor, NotificationHierarchy, NotificationAction, BaseNotificationOptions } from './const';
7
- export { SVG_ICONS, CLASS_NAMES, ICON_MAP, FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP } from './const';
8
- //# sourceMappingURL=index.d.ts.map
@@ -1,9 +0,0 @@
1
- import type { NotificationColor, NotificationAction } from './const';
2
- export declare function createWrapperElement(baseClass: string, color: NotificationColor, className?: string): HTMLElement;
3
- export declare function buildClassName(baseClass: string, color: NotificationColor, className?: string): string;
4
- export declare function renderSupportingText(supportingText?: string, className?: string, supportTextLink?: string): string;
5
- export declare function renderActions(actions: NotificationAction[], wrapperClass: string): string;
6
- export declare function bindNotificationEvents(element: HTMLElement, actions: NotificationAction[], onClose?: () => void, onRemove?: () => void): void;
7
- export declare function setupAutoClose(autoClose: number, onClose?: () => void, onRemove?: () => void): number | undefined;
8
- export declare const isMobile: () => boolean;
9
- //# sourceMappingURL=utils.d.ts.map
@@ -1,68 +0,0 @@
1
- /**
2
- * ProgressBar 클래스
3
- * 프로그레스 바를 생성하고 관리하는 역할을 합니다.
4
- */
5
- export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
6
- export interface ProgressSegment {
7
- value: number;
8
- color?: string;
9
- }
10
- export interface ProcessedSegment extends ProgressSegment {
11
- width: number;
12
- }
13
- export interface ProgressBarOptions {
14
- label?: ProgressLabel;
15
- value?: number;
16
- segments?: ProgressSegment[];
17
- showZeroLabel?: boolean;
18
- valueToPercent?: boolean;
19
- }
20
- /**
21
- * ProgressBar 클래스
22
- */
23
- export declare class ProgressBar {
24
- private options;
25
- private element;
26
- constructor(options?: ProgressBarOptions);
27
- /**
28
- * segments 처리 로직
29
- */
30
- private processSegments;
31
- /**
32
- * 단일 라벨 HTML 생성
33
- */
34
- private renderSingleLabel;
35
- /**
36
- * segments 라벨 HTML 생성
37
- */
38
- private renderSegmentLabels;
39
- /**
40
- * segment bar HTML 생성
41
- */
42
- private renderSegmentBar;
43
- /**
44
- * HTML 문자열 생성
45
- */
46
- toHTML(): string;
47
- /**
48
- * DOM 요소 생성
49
- */
50
- toElement(): HTMLElement;
51
- /**
52
- * 요소 반환
53
- */
54
- getElement(): HTMLElement | null;
55
- /**
56
- * 옵션 업데이트
57
- */
58
- updateOptions(newOptions: Partial<ProgressBarOptions>): void;
59
- /**
60
- * Static factory method
61
- */
62
- static create(options?: ProgressBarOptions): ProgressBar;
63
- /**
64
- * Static method: HTML 문자열 생성
65
- */
66
- static toHTML(options: ProgressBarOptions): string;
67
- }
68
- //# sourceMappingURL=ProgressBar.d.ts.map
@@ -1,2 +0,0 @@
1
- export { ProgressBar, type ProgressBarOptions, type ProgressLabel, type ProgressSegment } from './ProgressBar';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,77 +0,0 @@
1
- import { OptionValue } from '../../src/types';
2
- import { DropdownOption } from './utils/unifiedBox/DropdownModel';
3
- export interface SelectBoxOptionType {
4
- id: string | number;
5
- text: string;
6
- disabled?: boolean;
7
- }
8
- export interface SelectBoxConfig {
9
- options?: DropdownOption[] | SelectBoxOptionType[];
10
- placeholder?: string;
11
- value?: OptionValue;
12
- onChange?: (value: OptionValue) => void;
13
- maxHeight?: number;
14
- disabled?: boolean;
15
- type?: 'default' | 'simple';
16
- size?: 'xs' | 'sm' | 'md';
17
- multiple?: boolean;
18
- showFooterButtons?: boolean;
19
- onEdit?: () => void;
20
- onSelectAll?: () => void;
21
- onComplete?: () => void;
22
- }
23
- export declare class SelectBox {
24
- private element;
25
- private unifiedSelectBox;
26
- private targetSelect;
27
- private isInitializing;
28
- private lastValue;
29
- constructor(element: HTMLElement, config?: SelectBoxConfig);
30
- /**
31
- * JavaScript 옵션을 DropdownOption 형식으로 변환
32
- */
33
- private normalizeOptions;
34
- /**
35
- * 타겟 select 요소 찾기
36
- */
37
- private findTargetSelect;
38
- /**
39
- * HTML select에서 옵션 파싱
40
- */
41
- private parseOptionsFromHTML;
42
- /**
43
- * HTML에서 속성 파싱
44
- */
45
- private parseAttributesFromHTML;
46
- /**
47
- * ID로부터 실제 HTML select의 value 값을 가져오기
48
- */
49
- private getRealValueFromId;
50
- /**
51
- * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
52
- */
53
- private getIdFromRealValue;
54
- /**
55
- * 타겟 select와 동기화 (Single 모드)
56
- */
57
- private syncWithTargetSelect;
58
- /**
59
- * 타겟 select와 동기화 (Multiple 모드)
60
- */
61
- private syncWithTargetSelectMultiple;
62
- getValues(): DropdownOption[];
63
- setValues(value: DropdownOption[]): void;
64
- getOptions(): DropdownOption[];
65
- updateOptions(newOptions: DropdownOption[]): void;
66
- setDisabled(disabled: boolean): void;
67
- open(): void;
68
- close(): void;
69
- focus(): void;
70
- destroy(): void;
71
- selectAll(): void;
72
- deselectAll(): void;
73
- getSelectedCount(): number;
74
- isMultiple(): boolean;
75
- toggleSelectAll(): void;
76
- }
77
- //# sourceMappingURL=selectBox.d.ts.map
@@ -1,6 +0,0 @@
1
- export type ButtonCloseXSize = 'xs' | 'sm' | 'md' | 'lg';
2
- export type ButtonCloseXTheme = 'dark' | 'light';
3
- export declare const SVG_SIZE: Record<ButtonCloseXSize, number>;
4
- export declare const X_CLOSE_SVG: (size: string) => string;
5
- export declare function ButtonCloseX(size: ButtonCloseXSize, theme?: ButtonCloseXTheme, additionalClasses?: string, ariaLabel?: string, onClick?: () => void): string;
6
- //# sourceMappingURL=ButtonCloseX.d.ts.map
@@ -1,8 +0,0 @@
1
- export declare class Tab {
2
- private element;
3
- private swiper;
4
- constructor(element: HTMLElement | null);
5
- private init;
6
- destroy(): void;
7
- }
8
- //# sourceMappingURL=tab.d.ts.map
@@ -1,28 +0,0 @@
1
- import { BaseTagOptions } from './const/types';
2
- export declare class Tag {
3
- private element;
4
- private options;
5
- private isTooltipVisible;
6
- private calculatedPosition;
7
- private tooltipElement;
8
- constructor(options: BaseTagOptions);
9
- private createElement;
10
- private getTagClasses;
11
- private shouldTruncate;
12
- private getTruncatedText;
13
- private createSideSlot;
14
- private createIconSVG;
15
- private createCloseButton;
16
- private createTooltip;
17
- private removeTooltip;
18
- private handleMouseEnter;
19
- private handleMouseLeave;
20
- getElement(): HTMLSpanElement;
21
- isTooltipShown(): boolean;
22
- setText(text: string): void;
23
- setCount(count: string | undefined): void;
24
- private updateTextElement;
25
- private updateCountElement;
26
- destroy(): void;
27
- }
28
- //# sourceMappingURL=Tag.d.ts.map
@@ -1,12 +0,0 @@
1
- export declare const TAG_CLASS_NAMES: {
2
- tag: string;
3
- text: string;
4
- count: string;
5
- close: string;
6
- tooltip: string;
7
- tooltipContent: string;
8
- truncated: string;
9
- };
10
- export declare const getTagSizeClassName: (size: string) => string;
11
- export declare const getTooltipPositionClassName: (position: string) => string;
12
- //# sourceMappingURL=classNames.d.ts.map
@@ -1,4 +0,0 @@
1
- export * from './types';
2
- export * from './classNames';
3
- export * from './sizes';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1,8 +0,0 @@
1
- export declare const iconSize: {
2
- readonly sm: 14;
3
- readonly md: 16;
4
- };
5
- export declare const MARGIN = 10;
6
- export declare const DEFAULT_TOOLTIP_WIDTH = 200;
7
- export declare const DEFAULT_TOOLTIP_HEIGHT = 60;
8
- //# sourceMappingURL=sizes.d.ts.map
@@ -1,34 +0,0 @@
1
- import { CalculatedPosition } from '../../../../src/components/tag/Tag';
2
- export type TagSize = 'sm' | 'md';
3
- export type { CalculatedPosition };
4
- export interface SideSlotIcon {
5
- type: 'icon';
6
- icon: string;
7
- color?: string;
8
- }
9
- export interface SideSlotDot {
10
- type: 'dot';
11
- color?: string;
12
- size?: 'sm' | 'md';
13
- }
14
- export interface SideSlotCustom {
15
- type: 'custom';
16
- children: HTMLElement;
17
- }
18
- export type SideSlotType = SideSlotIcon | SideSlotDot | SideSlotCustom;
19
- export interface BaseTagOptions {
20
- size?: TagSize;
21
- icon?: SideSlotType;
22
- text: string;
23
- count?: string;
24
- close?: boolean;
25
- onButtonClick?: (event: MouseEvent) => void;
26
- maxLength?: number;
27
- }
28
- export interface RequiredTagProps extends Required<Pick<BaseTagOptions, 'text' | 'size' | 'maxLength'>> {
29
- icon?: SideSlotType;
30
- count?: string;
31
- close?: boolean;
32
- onButtonClick?: (event: MouseEvent) => void;
33
- }
34
- //# sourceMappingURL=types.d.ts.map
@@ -1,4 +0,0 @@
1
- export { Tag } from './Tag';
2
- export * from './const/types';
3
- export * from './const/classNames';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1,55 +0,0 @@
1
- import { TooltipOptions } from './const';
2
- /**
3
- * Tooltip 클래스
4
- * 툴팁 패널 패턴을 사용하여 툴팁을 생성합니다.
5
- * 툴팁 패널 패턴은 바깥 컨테이너(항상 pointer-events:none) + 실제 패널(클릭 허용) 패턴을 사용합니다.
6
- * 레이어 1개 아래에 여러개의 패널과 툴팁이 생성되어 화면에 삽입됩니다.
7
- * 자동 위치조정 ( 공간이 부족하다면 상하좌우를 조절하는 기능 - 기본값: top )을 사용합니다.
8
- * Shadow DOM 지원
9
- */
10
- export declare class Tooltip {
11
- private element;
12
- private iconElement;
13
- private layerManager;
14
- private panelId;
15
- private panel;
16
- private calculatedPosition;
17
- private isVisible;
18
- private isMeasuring;
19
- private isForceHidden;
20
- private options;
21
- private boundMouseEnter;
22
- private boundMouseLeave;
23
- private boundResizeScroll;
24
- private boundPanelClick;
25
- constructor(options?: TooltipOptions);
26
- private createElement;
27
- private buildAnchorClassName;
28
- private buildPanelClassName;
29
- private renderContentHTML;
30
- private renderCloseButtonHTML;
31
- /** 전역 레이어에 패널 생성 */
32
- private createLayerAndPanel;
33
- private setupShadowContent;
34
- private bindEvents;
35
- private enableMouseEvents;
36
- private disableMouseEvents;
37
- private handleMouseEnter;
38
- private handleMouseLeave;
39
- private handleResizeScroll;
40
- private handlePanelClick;
41
- showTooltip(): void;
42
- hideTooltip(): void;
43
- private updateTooltipPosition;
44
- private updatePanelClass;
45
- getElement(): HTMLElement;
46
- updateOptions(newOptions: Partial<TooltipOptions>): void;
47
- destroy(): void;
48
- static create(options?: TooltipOptions): Tooltip;
49
- static createShort(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
50
- static createLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
51
- static createAuto(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
52
- static createAutoLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
53
- static createAutoLongWithShadowDOM(title: string, content: string, options?: Partial<TooltipOptions>): Tooltip;
54
- }
55
- //# sourceMappingURL=Tooltip.d.ts.map
@@ -1,22 +0,0 @@
1
- /**
2
- * 툴팁 레이어 관리자
3
- * 전역 레이어 하나를 사용하여 모든 툴팁 패널을 관리합니다.
4
- */
5
- export declare class TooltipLayerManager {
6
- private static instance;
7
- private layer;
8
- private panels;
9
- private nextId;
10
- private maxZIndex;
11
- private constructor();
12
- static getInstance(): TooltipLayerManager;
13
- private createGlobalLayer;
14
- createPanel(zIndex?: number): {
15
- id: string;
16
- panel: HTMLElement;
17
- };
18
- removePanel(id: string): void;
19
- getPanel(id: string): HTMLElement | null;
20
- destroy(): void;
21
- }
22
- //# sourceMappingURL=TooltipLayerManager.d.ts.map
@@ -1,18 +0,0 @@
1
- export declare const CLASS_NAMES: {
2
- TOOLTIP: string;
3
- TOOLTIP_ICON: string;
4
- TOOLTIP_BG: string;
5
- TOOLTIP_TITLE: string;
6
- TOOLTIP_CONTENT: string;
7
- TOOLTIP_CLOSE_BUTTON: string;
8
- TOOLTIP_HIDDEN_ARROW: string;
9
- TOOLTIP_STROKE: string;
10
- TOOLTIP_AUTO: string;
11
- TOOLTIP_BG_VISIBLE: string;
12
- TOOLTIP_BG_MEASURING: string;
13
- TOOLTIP_BG_FORCE_HIDDEN: string;
14
- TOOLTIP_GLOBAL_LAYER: string;
15
- TOOLTIP_PANEL: string;
16
- BUTTON_CLOSE_X: string;
17
- };
18
- //# sourceMappingURL=classNames.d.ts.map
@@ -1,34 +0,0 @@
1
- import { TooltipOptions } from './types';
2
- export declare const MARGIN = 10;
3
- export declare const DEFAULT_TOOLTIP_WIDTH = 200;
4
- export declare const DEFAULT_TOOLTIP_HEIGHT = 60;
5
- export declare const POSITION_PRIORITY: readonly ["bottom", "top", "right", "left"];
6
- export declare const TOOLTIP_OFFSET = 8;
7
- export declare const VIEWPORT_MARGIN = 8;
8
- export declare const ICON_SIZES: {
9
- readonly sm: 14;
10
- readonly md: 16;
11
- };
12
- export declare const TRANSITION_DURATION = "0.18s";
13
- export declare const OFFSCREEN_POSITION = "-99999px";
14
- export declare const OPACITY: {
15
- readonly HIDDEN: "0";
16
- readonly VISIBLE: "1";
17
- };
18
- export declare const POSITION: {
19
- readonly INITIAL: "0px";
20
- readonly OFFSCREEN: "-99999px";
21
- };
22
- export declare const Z_INDEX: {
23
- readonly TOOLTIP_LAYER: 2000;
24
- };
25
- export declare const EVENT_OPTIONS: {
26
- readonly PASSIVE: {
27
- readonly passive: true;
28
- };
29
- readonly ONCE: {
30
- readonly once: true;
31
- };
32
- };
33
- export declare const TOOLTIP_DEFAULT_VALUE: TooltipOptions;
34
- //# sourceMappingURL=constants.d.ts.map
@@ -1,5 +0,0 @@
1
- export declare const SVG_ICONS: {
2
- readonly 'help-circle-stroke': (size: number) => string;
3
- readonly 'help-circle-fill': (size: number) => string;
4
- };
5
- //# sourceMappingURL=icons.d.ts.map
@@ -1,6 +0,0 @@
1
- export type { TooltipOptions, CalculatedPosition } from './types';
2
- export { SVG_ICONS } from './icons';
3
- export { CLASS_NAMES } from './classNames';
4
- export { MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY, TOOLTIP_DEFAULT_VALUE, TOOLTIP_OFFSET, VIEWPORT_MARGIN, ICON_SIZES, TRANSITION_DURATION, OFFSCREEN_POSITION, OPACITY, POSITION, Z_INDEX, EVENT_OPTIONS, } from './constants';
5
- export { CSS_TEMPLATES, HTML_TEMPLATES, FALLBACK_ICON_SVG } from './templates';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1,17 +0,0 @@
1
- /**
2
- * 툴팁 관련 CSS 및 HTML 템플릿
3
- */
4
- export declare const CSS_TEMPLATES: {
5
- readonly LAYER_CONTAINER: (zIndex: number) => string;
6
- readonly TOOLTIP_PANEL: (zIndex: number) => string;
7
- readonly ANCHOR_WRAPPER: "\n display: inline-flex;\n vertical-align: middle;\n margin: 0 4px;\n ";
8
- readonly SHADOW_DOM_HOST: "\n :host { \n all: unset; \n display: block; \n font-family: system-ui; \n color: black; \n }\n ";
9
- };
10
- export declare const HTML_TEMPLATES: {
11
- readonly ICON_WRAPPER: (className: string, iconSvg: string) => string;
12
- readonly TOOLTIP_TITLE: (className: string, title: string) => string;
13
- readonly TOOLTIP_CONTENT: (className: string, content: string) => string;
14
- readonly TOOLTIP_CONTENT_SHADOW: (className: string) => string;
15
- };
16
- export declare const FALLBACK_ICON_SVG: (size: number) => string;
17
- //# sourceMappingURL=templates.d.ts.map
@@ -1,15 +0,0 @@
1
- export interface TooltipOptions {
2
- tooltipType?: 'white' | 'black';
3
- iconType?: 'stroke' | 'fill';
4
- position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'auto';
5
- size?: 'sm' | 'md';
6
- hideArrow?: boolean;
7
- title?: string;
8
- content?: string;
9
- type?: 'long' | 'short';
10
- zIndex?: number;
11
- useShadowDOM?: boolean;
12
- className?: string;
13
- }
14
- export type CalculatedPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
15
- //# sourceMappingURL=types.d.ts.map
@@ -1,7 +0,0 @@
1
- import { Tooltip } from './Tooltip';
2
- export { Tooltip } from './Tooltip';
3
- export type { TooltipOptions, CalculatedPosition } from './const';
4
- export { calculateOptimalPosition } from './utils';
5
- export { SVG_ICONS, MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY } from './const';
6
- export default Tooltip;
7
- //# sourceMappingURL=index.d.ts.map
@@ -1,3 +0,0 @@
1
- import { CalculatedPosition } from './const';
2
- export declare function calculateOptimalPosition(triggerElement: HTMLElement, tooltipElement: HTMLElement, preferredPosition?: string): CalculatedPosition;
3
- //# sourceMappingURL=utils.d.ts.map