@kupola/kupola 1.2.0 → 1.3.1

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 (97) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +330 -286
  3. package/adapters/axios.d.ts +34 -0
  4. package/adapters/axios.js +122 -0
  5. package/adapters/navios-http.d.ts +110 -0
  6. package/adapters/navios-http.js +151 -0
  7. package/dist/css/accessibility.css +119 -0
  8. package/dist/css/animations.css +224 -0
  9. package/dist/css/brand-themes.css +300 -0
  10. package/dist/css/colors_and_type.css +441 -0
  11. package/dist/css/components-ext.css +4165 -0
  12. package/dist/css/components.css +1483 -0
  13. package/dist/css/responsive.css +697 -0
  14. package/dist/css/scaffold.css +145 -0
  15. package/dist/css/states.css +316 -0
  16. package/dist/css/theme-dark.css +296 -0
  17. package/dist/css/theme-light.css +296 -0
  18. package/dist/css/utilities.css +171 -0
  19. package/dist/kupola.cjs.js +219 -161
  20. package/dist/kupola.cjs.js.map +1 -1
  21. package/dist/kupola.esm.js +6643 -5709
  22. package/dist/kupola.esm.js.map +1 -1
  23. package/dist/kupola.umd.js +219 -161
  24. package/dist/kupola.umd.js.map +1 -1
  25. package/dist/plugins/vite-plugin-kupola.js +120 -0
  26. package/dist/types/kupola.d.ts +421 -323
  27. package/js/calendar.js +334 -25
  28. package/js/carousel.js +182 -48
  29. package/js/collapse.js +148 -34
  30. package/js/color-picker.js +416 -108
  31. package/js/component.js +8 -19
  32. package/js/countdown.js +9 -8
  33. package/js/data-bind.js +73 -16
  34. package/js/datepicker.js +488 -110
  35. package/js/depends.js +710 -0
  36. package/js/dialog.js +4 -2
  37. package/js/drawer.js +172 -8
  38. package/js/dropdown.js +272 -17
  39. package/js/dynamic-tags.js +156 -40
  40. package/js/fileupload.js +9 -8
  41. package/js/form.js +280 -254
  42. package/js/global-events.js +281 -188
  43. package/js/heatmap.js +10 -7
  44. package/js/i18n.js +18 -10
  45. package/js/icons.js +141 -161
  46. package/js/image-preview.js +146 -2
  47. package/js/initializer.js +113 -71
  48. package/js/kupola-core.js +123 -45
  49. package/js/kupola-lifecycle.js +13 -11
  50. package/js/message.js +8 -1
  51. package/js/modal.js +207 -59
  52. package/js/notification.js +8 -1
  53. package/js/numberinput.js +9 -8
  54. package/js/pagination.js +263 -0
  55. package/js/registry.js +29 -12
  56. package/js/select.js +482 -27
  57. package/js/slide-captcha.js +11 -2
  58. package/js/slider.js +442 -25
  59. package/js/statcard.js +9 -7
  60. package/js/table.js +1210 -0
  61. package/js/tag.js +268 -14
  62. package/js/theme.js +14 -43
  63. package/js/timepicker.js +335 -66
  64. package/js/tooltip.js +317 -86
  65. package/js/utils.js +6 -2
  66. package/js/validation.js +6 -2
  67. package/js/virtual-list.js +11 -7
  68. package/js/web-components.js +288 -0
  69. package/package.json +77 -67
  70. package/plugins/vite-plugin-kupola.js +120 -0
  71. package/types/kupola.d.ts +421 -323
  72. package/CHANGELOG.md +0 -130
  73. package/INTEGRATION.md +0 -440
  74. package/PROJECT_SUMMARY.md +0 -312
  75. package/SKILL.md +0 -572
  76. package/dist/utils/utils/Kupola.cs +0 -77
  77. package/dist/utils/utils/Kupola.java +0 -104
  78. package/dist/utils/utils/kupola.go +0 -120
  79. package/dist/utils/utils/kupola.js +0 -63
  80. package/dist/utils/utils/kupola.py +0 -1392
  81. package/dist/utils/utils/kupola.rb +0 -69
  82. package/js/composition-api.js +0 -458
  83. package/js/error-handler.js +0 -181
  84. package/js/http.js +0 -419
  85. package/js/kupola-devtools.js +0 -598
  86. package/js/performance.js +0 -250
  87. package/js/router.js +0 -396
  88. package/js/security.js +0 -189
  89. package/js/test-utils.js +0 -251
  90. package/templates/base.html +0 -30
  91. package/templates/base_dashboard.html +0 -99
  92. package/utils/Kupola.cs +0 -77
  93. package/utils/Kupola.java +0 -104
  94. package/utils/kupola.go +0 -120
  95. package/utils/kupola.js +0 -63
  96. package/utils/kupola.py +0 -1392
  97. package/utils/kupola.rb +0 -69
package/dist/css/utilities.css ADDED
@@ -0,0 +1,171 @@
1
+ /* ===== Utility Classes ===== */
2
+
3
+ /* Spacing */
4
+ .m-0 { margin: var(--spacer-0); }
5
+ .m-4 { margin: var(--spacer-4); }
6
+ .m-6 { margin: var(--spacer-6); }
7
+ .m-8 { margin: var(--spacer-8); }
8
+ .m-12 { margin: var(--spacer-12); }
9
+ .m-16 { margin: var(--spacer-16); }
10
+ .m-24 { margin: var(--spacer-24); }
11
+ .m-32 { margin: var(--spacer-32); }
12
+ .m-40 { margin: var(--spacer-40); }
13
+
14
+ .mt-0 { margin-top: var(--spacer-0); }
15
+ .mt-4 { margin-top: var(--spacer-4); }
16
+ .mt-6 { margin-top: var(--spacer-6); }
17
+ .mt-8 { margin-top: var(--spacer-8); }
18
+ .mt-12 { margin-top: var(--spacer-12); }
19
+ .mt-16 { margin-top: var(--spacer-16); }
20
+ .mt-24 { margin-top: var(--spacer-24); }
21
+ .mt-32 { margin-top: var(--spacer-32); }
22
+
23
+ .mb-0 { margin-bottom: var(--spacer-0); }
24
+ .mb-4 { margin-bottom: var(--spacer-4); }
25
+ .mb-6 { margin-bottom: var(--spacer-6); }
26
+ .mb-8 { margin-bottom: var(--spacer-8); }
27
+ .mb-12 { margin-bottom: var(--spacer-12); }
28
+ .mb-16 { margin-bottom: var(--spacer-16); }
29
+ .mb-24 { margin-bottom: var(--spacer-24); }
30
+ .mb-32 { margin-bottom: var(--spacer-32); }
31
+
32
+ .ml-0 { margin-left: var(--spacer-0); }
33
+ .ml-4 { margin-left: var(--spacer-4); }
34
+ .ml-6 { margin-left: var(--spacer-6); }
35
+ .ml-8 { margin-left: var(--spacer-8); }
36
+ .ml-12 { margin-left: var(--spacer-12); }
37
+ .ml-16 { margin-left: var(--spacer-16); }
38
+
39
+ .mr-0 { margin-right: var(--spacer-0); }
40
+ .mr-4 { margin-right: var(--spacer-4); }
41
+ .mr-6 { margin-right: var(--spacer-6); }
42
+ .mr-8 { margin-right: var(--spacer-8); }
43
+ .mr-12 { margin-right: var(--spacer-12); }
44
+ .mr-16 { margin-right: var(--spacer-16); }
45
+
46
+ .p-0 { padding: var(--spacer-0); }
47
+ .p-4 { padding: var(--spacer-4); }
48
+ .p-6 { padding: var(--spacer-6); }
49
+ .p-8 { padding: var(--spacer-8); }
50
+ .p-12 { padding: var(--spacer-12); }
51
+ .p-16 { padding: var(--spacer-16); }
52
+ .p-24 { padding: var(--spacer-24); }
53
+ .p-32 { padding: var(--spacer-32); }
54
+
55
+ .pt-0 { padding-top: var(--spacer-0); }
56
+ .pt-4 { padding-top: var(--spacer-4); }
57
+ .pt-8 { padding-top: var(--spacer-8); }
58
+ .pt-12 { padding-top: var(--spacer-12); }
59
+ .pt-16 { padding-top: var(--spacer-16); }
60
+
61
+ .pb-0 { padding-bottom: var(--spacer-0); }
62
+ .pb-4 { padding-bottom: var(--spacer-4); }
63
+ .pb-8 { padding-bottom: var(--spacer-8); }
64
+ .pb-12 { padding-bottom: var(--spacer-12); }
65
+ .pb-16 { padding-bottom: var(--spacer-16); }
66
+
67
+ .pl-0 { padding-left: var(--spacer-0); }
68
+ .pl-4 { padding-left: var(--spacer-4); }
69
+ .pl-8 { padding-left: var(--spacer-8); }
70
+ .pl-12 { padding-left: var(--spacer-12); }
71
+
72
+ .pr-0 { padding-right: var(--spacer-0); }
73
+ .pr-4 { padding-right: var(--spacer-4); }
74
+ .pr-8 { padding-right: var(--spacer-8); }
75
+ .pr-12 { padding-right: var(--spacer-12); }
76
+
77
+ /* Flexbox */
78
+ .flex { display: flex; }
79
+ .flex-col { flex-direction: column; }
80
+ .items-center { align-items: center; }
81
+ .items-start { align-items: flex-start; }
82
+ .items-end { align-items: flex-end; }
83
+ .justify-center { justify-content: center; }
84
+ .justify-between { justify-content: space-between; }
85
+ .justify-end { justify-content: flex-end; }
86
+ .flex-wrap { flex-wrap: wrap; }
87
+ .flex-1 { flex: 1; }
88
+ .gap-4 { gap: var(--spacer-4); }
89
+ .gap-6 { gap: var(--spacer-6); }
90
+ .gap-8 { gap: var(--spacer-8); }
91
+ .gap-12 { gap: var(--spacer-12); }
92
+ .gap-16 { gap: var(--spacer-16); }
93
+ .gap-24 { gap: var(--spacer-24); }
94
+
95
+ /* Grid */
96
+ .grid { display: grid; }
97
+ .grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
98
+ .grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
99
+ .grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
100
+
101
+ /* Display */
102
+ .block { display: block; }
103
+ .inline-block { display: inline-block; }
104
+ .inline { display: inline; }
105
+ .hidden { display: none; }
106
+
107
+ /* Text */
108
+ .text-left { text-align: left; }
109
+ .text-center { text-align: center; }
110
+ .text-right { text-align: right; }
111
+ .text-xs { font-size: var(--body-xs-font-size); }
112
+ .text-sm { font-size: var(--body-sm-font-size); }
113
+ .text-md { font-size: var(--body-md-font-size); }
114
+ .text-base { font-size: var(--body-base-font-size); }
115
+ .text-heading-xs { font-size: var(--heading-xs-font-size); }
116
+ .text-heading-sm { font-size: var(--heading-sm-font-size); }
117
+ .text-heading-md { font-size: var(--heading-md-font-size); }
118
+ .text-heading-lg { font-size: var(--heading-lg-font-size); }
119
+ .font-medium { font-weight: var(--font-weight-medium); }
120
+ .font-strong { font-weight: var(--font-weight-strong); }
121
+ .text-default { color: var(--text-default); }
122
+ .text-secondary { color: var(--text-secondary); }
123
+ .text-tertiary { color: var(--text-tertiary); }
124
+ .text-brand { color: var(--text-brand); }
125
+ .text-success { color: var(--status-success-default); }
126
+ .text-warning { color: var(--status-warning-default); }
127
+ .text-error { color: var(--status-error-default); }
128
+
129
+ /* Width */
130
+ .w-full { width: 100%; }
131
+ .max-w-md { max-width: 480px; }
132
+ .max-w-lg { max-width: 640px; }
133
+ .max-w-xl { max-width: 960px; }
134
+
135
+ /* Rounded */
136
+ .rounded-2 { border-radius: var(--radius-2); }
137
+ .rounded-4 { border-radius: var(--radius-4); }
138
+ .rounded-6 { border-radius: var(--radius-6); }
139
+ .rounded-8 { border-radius: var(--radius-8); }
140
+ .rounded-10 { border-radius: var(--radius-10); }
141
+ .rounded-full { border-radius: var(--radius-full); }
142
+
143
+ /* Position */
144
+ .relative { position: relative; }
145
+ .absolute { position: absolute; }
146
+ .fixed { position: fixed; }
147
+ .sticky { position: sticky; }
148
+ .top-0 { top: 0; }
149
+ .left-0 { left: 0; }
150
+ .right-0 { right: 0; }
151
+ .bottom-0 { bottom: 0; }
152
+
153
+ /* Overflow */
154
+ .overflow-hidden { overflow: hidden; }
155
+ .overflow-auto { overflow: auto; }
156
+
157
+ /* Cursor */
158
+ .cursor-pointer { cursor: pointer; }
159
+ .cursor-not-allowed { cursor: not-allowed; }
160
+
161
+ /* Opacity */
162
+ .opacity-50 { opacity: 0.5; }
163
+ .opacity-75 { opacity: 0.75; }
164
+ .opacity-100 { opacity: 1; }
165
+
166
+ /* Animation */
167
+ .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
168
+ @keyframes pulse {
169
+ 0%, 100% { opacity: 1; }
170
+ 50% { opacity: 0.5; }
171
+ }