@foxeltech/angular-ui 0.0.14 → 0.2.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 (113) hide show
  1. package/BeVietnamPro/BeVietnamPro-Bold.woff2 +0 -0
  2. package/BeVietnamPro/BeVietnamPro-ExtraLight.woff2 +0 -0
  3. package/BeVietnamPro/BeVietnamPro-Light.woff2 +0 -0
  4. package/BeVietnamPro/BeVietnamPro-Medium.woff2 +0 -0
  5. package/BeVietnamPro/BeVietnamPro-Regular.woff2 +0 -0
  6. package/BeVietnamPro/BeVietnamPro-SemiBold.woff2 +0 -0
  7. package/BeVietnamPro/BeVietnamPro-Thin.woff2 +0 -0
  8. package/SpaceMono-Regular.woff2 +0 -0
  9. package/components.css +5 -0
  10. package/dm-sans/DMSans-Bold.woff2 +0 -0
  11. package/dm-sans/DMSans-Light.woff2 +0 -0
  12. package/dm-sans/DMSans-Medium.woff2 +0 -0
  13. package/dm-sans/DMSans-Regular.woff2 +0 -0
  14. package/dm-sans/DMSans-SemiBold.woff2 +0 -0
  15. package/dm-sans/DMSans-Thin.woff2 +0 -0
  16. package/fesm2022/foxeltech-angular-ui.mjs +1061 -263
  17. package/fesm2022/foxeltech-angular-ui.mjs.map +1 -1
  18. package/fonts.css +68 -34
  19. package/index.d.ts +534 -138
  20. package/orbitron/Orbitron-Bold.woff2 +0 -0
  21. package/orbitron/Orbitron-Medium.woff2 +0 -0
  22. package/orbitron/Orbitron-Regular.woff2 +0 -0
  23. package/orbitron/Orbitron-SemiBold.woff2 +0 -0
  24. package/package.json +6 -6
  25. package/roboto/Roboto-Black.woff2 +0 -0
  26. package/roboto/Roboto-BlackItalic.woff2 +0 -0
  27. package/roboto/Roboto-Bold.woff2 +0 -0
  28. package/roboto/Roboto-BoldCondensed.woff2 +0 -0
  29. package/roboto/Roboto-BoldCondensedItalic.woff2 +0 -0
  30. package/roboto/Roboto-BoldItalic.woff2 +0 -0
  31. package/roboto/Roboto-Condensed.woff2 +0 -0
  32. package/roboto/Roboto-CondensedItalic.woff2 +0 -0
  33. package/roboto/Roboto-Italic.woff2 +0 -0
  34. package/roboto/Roboto-Light.woff2 +0 -0
  35. package/roboto/Roboto-LightItalic.woff2 +0 -0
  36. package/roboto/Roboto-Medium.woff2 +0 -0
  37. package/roboto/Roboto-MediumItalic.woff2 +0 -0
  38. package/roboto/Roboto-Regular.woff2 +0 -0
  39. package/roboto/Roboto-Thin.woff2 +0 -0
  40. package/roboto/Roboto-ThinItalic.woff2 +0 -0
  41. package/src/lib/styles/components.css +5 -0
  42. package/src/lib/styles/fonts.css +68 -34
  43. package/src/lib/styles/tailwind.css +1 -1
  44. package/src/lib/ui/components/button/button.component.scss +0 -0
  45. package/src/lib/ui/components/chart/chart.component.scss +49 -0
  46. package/src/lib/ui/components/checkbox/checkbox.component.scss +0 -0
  47. package/src/lib/ui/components/circle-progress-bar/circle-progress-bar.component.scss +0 -0
  48. package/src/lib/ui/components/datetime-picker/datetime-picker.component.scss +144 -0
  49. package/src/lib/ui/components/dnd-upload/dnd-upload.component.scss +87 -0
  50. package/src/lib/ui/components/drawer/drawer.component.scss +131 -0
  51. package/src/lib/ui/components/empty-state/empty-state.component.html +9 -0
  52. package/src/lib/ui/components/filter-chips/filter-chips.component.html +12 -0
  53. package/src/lib/ui/components/flow-connection/flow-connection.component.scss +0 -0
  54. package/src/lib/ui/components/hero-icon/hero-icon.component.scss +0 -0
  55. package/src/lib/ui/components/info-field/info-field.component.html +4 -0
  56. package/src/lib/ui/components/kanban-board/kanban-board.component.scss +67 -0
  57. package/src/lib/ui/components/loading-panel/loading-panel.component.scss +0 -0
  58. package/src/lib/ui/components/meter/meter.component.html +15 -0
  59. package/src/lib/ui/components/radio-button-toggle/radio-button-toggle.component.scss +0 -0
  60. package/src/lib/ui/components/rich-text-area/rich-text-area.component.scss +15 -0
  61. package/src/lib/ui/components/search-bar/search-bar.component.scss +0 -0
  62. package/src/lib/ui/components/section-card/section-card.component.html +9 -0
  63. package/src/lib/ui/components/severity-badges/severity-badges.component.html +10 -0
  64. package/src/lib/ui/components/skeleton-detail/skeleton-detail.component.html +22 -0
  65. package/src/lib/ui/components/skeleton-list/skeleton-list.component.html +12 -0
  66. package/src/lib/ui/components/skeleton-table-loading/skeleton-table-loading.component.scss +0 -0
  67. package/src/lib/ui/components/slider/slider.component.scss +0 -0
  68. package/src/lib/ui/components/stat-cards/stat-cards.component.html +18 -0
  69. package/src/lib/ui/components/switch/switch.component.scss +0 -0
  70. package/src/lib/ui/components/tab-component/tab.component.scss +0 -0
  71. package/src/lib/ui/components/tab-group/tab-group.component.scss +48 -0
  72. package/src/lib/ui/components/table-cell/table-cell.component.scss +0 -0
  73. package/src/lib/ui/components/tag/tag.component.scss +0 -0
  74. package/src/lib/ui/components/toast/toast.component.scss +0 -0
  75. package/src/lib/ui/components/toast-container/toast-container.component.scss +0 -0
  76. package/src/lib/ui/components/tree-diagram/tree-diagram.component.scss +0 -0
  77. package/src/lib/ui/dialogs/confirmation/confirmation.component.scss +0 -0
  78. package/tailwind.config.js +18 -0
  79. package/tailwind.css +1 -1
  80. package/BeVietnamPro/BeVietnamPro-Bold.ttf +0 -0
  81. package/BeVietnamPro/BeVietnamPro-ExtraLight.ttf +0 -0
  82. package/BeVietnamPro/BeVietnamPro-Light.ttf +0 -0
  83. package/BeVietnamPro/BeVietnamPro-Medium.ttf +0 -0
  84. package/BeVietnamPro/BeVietnamPro-Regular.ttf +0 -0
  85. package/BeVietnamPro/BeVietnamPro-SemiBold.ttf +0 -0
  86. package/BeVietnamPro/BeVietnamPro-Thin.ttf +0 -0
  87. package/SpaceMono-Regular.ttf +0 -0
  88. package/dm-sans/DMSans-Bold.ttf +0 -0
  89. package/dm-sans/DMSans-Light.ttf +0 -0
  90. package/dm-sans/DMSans-Medium.ttf +0 -0
  91. package/dm-sans/DMSans-Regular.ttf +0 -0
  92. package/dm-sans/DMSans-SemiBold.ttf +0 -0
  93. package/dm-sans/DMSans-Thin.ttf +0 -0
  94. package/orbitron/Orbitron-Bold.ttf +0 -0
  95. package/orbitron/Orbitron-Medium.ttf +0 -0
  96. package/orbitron/Orbitron-Regular.ttf +0 -0
  97. package/orbitron/Orbitron-SemiBold.ttf +0 -0
  98. package/roboto/Roboto-Black.ttf +0 -0
  99. package/roboto/Roboto-BlackItalic.ttf +0 -0
  100. package/roboto/Roboto-Bold.ttf +0 -0
  101. package/roboto/Roboto-BoldCondensed.ttf +0 -0
  102. package/roboto/Roboto-BoldCondensedItalic.ttf +0 -0
  103. package/roboto/Roboto-BoldItalic.ttf +0 -0
  104. package/roboto/Roboto-Condensed.ttf +0 -0
  105. package/roboto/Roboto-CondensedItalic.ttf +0 -0
  106. package/roboto/Roboto-Italic.ttf +0 -0
  107. package/roboto/Roboto-Light.ttf +0 -0
  108. package/roboto/Roboto-LightItalic.ttf +0 -0
  109. package/roboto/Roboto-Medium.ttf +0 -0
  110. package/roboto/Roboto-MediumItalic.ttf +0 -0
  111. package/roboto/Roboto-Regular.ttf +0 -0
  112. package/roboto/Roboto-Thin.ttf +0 -0
  113. package/roboto/Roboto-ThinItalic.ttf +0 -0
package/fonts.css CHANGED
@@ -1,237 +1,271 @@
1
1
  @font-face {
2
2
  font-family: 'BeVietnamPro';
3
- src: url('./BeVietnamPro/BeVietnamPro-Thin.ttf') format('truetype');
3
+ font-display: swap;
4
+ src: url('./BeVietnamPro/BeVietnamPro-Thin.woff2') format('woff2');
4
5
  font-weight: 100;
5
6
  font-style: normal;
6
7
  }
7
8
 
8
9
  @font-face {
9
10
  font-family: 'BeVietnamPro';
10
- src: url('./BeVietnamPro/BeVietnamPro-ExtraLight.ttf') format('truetype');
11
+ font-display: swap;
12
+ src: url('./BeVietnamPro/BeVietnamPro-ExtraLight.woff2') format('woff2');
11
13
  font-weight: 200;
12
14
  font-style: normal;
13
15
  }
14
16
 
15
17
  @font-face {
16
18
  font-family: 'BeVietnamPro';
17
- src: url('./BeVietnamPro/BeVietnamPro-Light.ttf') format('truetype');
19
+ font-display: swap;
20
+ src: url('./BeVietnamPro/BeVietnamPro-Light.woff2') format('woff2');
18
21
  font-weight: 300;
19
22
  font-style: normal;
20
23
  }
21
24
 
22
25
  @font-face {
23
26
  font-family: 'BeVietnamPro';
24
- src: url('./BeVietnamPro/BeVietnamPro-Regular.ttf') format('truetype');
27
+ font-display: swap;
28
+ src: url('./BeVietnamPro/BeVietnamPro-Regular.woff2') format('woff2');
25
29
  font-weight: 400;
26
30
  font-style: normal;
27
31
  }
28
32
 
29
33
  @font-face {
30
34
  font-family: 'BeVietnamPro';
31
- src: url('./BeVietnamPro/BeVietnamPro-Medium.ttf') format('truetype');
35
+ font-display: swap;
36
+ src: url('./BeVietnamPro/BeVietnamPro-Medium.woff2') format('woff2');
32
37
  font-weight: 500;
33
38
  font-style: normal;
34
39
  }
35
40
 
36
41
  @font-face {
37
42
  font-family: 'BeVietnamPro';
38
- src: url('./BeVietnamPro/BeVietnamPro-SemiBold.ttf') format('truetype');
43
+ font-display: swap;
44
+ src: url('./BeVietnamPro/BeVietnamPro-SemiBold.woff2') format('woff2');
39
45
  font-weight: 600;
40
46
  font-style: normal;
41
47
  }
42
48
 
43
49
  @font-face {
44
50
  font-family: 'BeVietnamPro';
45
- src: url('./BeVietnamPro/BeVietnamPro-Bold.ttf') format('truetype');
51
+ font-display: swap;
52
+ src: url('./BeVietnamPro/BeVietnamPro-Bold.woff2') format('woff2');
46
53
  font-weight: 700;
47
54
  font-style: normal;
48
55
  }
49
56
 
50
57
  @font-face {
51
58
  font-family: 'DMSans';
52
- src: url('./dm-sans/DMSans-Thin.ttf') format('truetype');
59
+ font-display: swap;
60
+ src: url('./dm-sans/DMSans-Thin.woff2') format('woff2');
53
61
  font-weight: 200;
54
62
  font-style: normal;
55
63
  }
56
64
 
57
65
  @font-face {
58
66
  font-family: 'DMSans';
59
- src: url('./dm-sans/DMSans-Light.ttf') format('truetype');
67
+ font-display: swap;
68
+ src: url('./dm-sans/DMSans-Light.woff2') format('woff2');
60
69
  font-weight: 300;
61
70
  font-style: normal;
62
71
  }
63
72
 
64
73
  @font-face {
65
74
  font-family: 'DMSans';
66
- src: url('./dm-sans/DMSans-Regular.ttf') format('truetype');
75
+ font-display: swap;
76
+ src: url('./dm-sans/DMSans-Regular.woff2') format('woff2');
67
77
  font-weight: 400;
68
78
  font-style: normal;
69
79
  }
70
80
 
71
81
  @font-face {
72
82
  font-family: 'DMSans';
73
- src: url('./dm-sans/DMSans-Medium.ttf') format('truetype');
83
+ font-display: swap;
84
+ src: url('./dm-sans/DMSans-Medium.woff2') format('woff2');
74
85
  font-weight: 500;
75
86
  font-style: normal;
76
87
  }
77
88
 
78
89
  @font-face {
79
90
  font-family: 'DMSans';
80
- src: url('./dm-sans/DMSans-SemiBold.ttf') format('truetype');
91
+ font-display: swap;
92
+ src: url('./dm-sans/DMSans-SemiBold.woff2') format('woff2');
81
93
  font-weight: 600;
82
94
  font-style: normal;
83
95
  }
84
96
 
85
97
  @font-face {
86
98
  font-family: 'DMSans';
87
- src: url('./dm-sans/DMSans-Bold.ttf') format('truetype');
99
+ font-display: swap;
100
+ src: url('./dm-sans/DMSans-Bold.woff2') format('woff2');
88
101
  font-weight: 700;
89
102
  font-style: normal;
90
103
  }
91
104
 
92
105
  @font-face {
93
106
  font-family: 'Orbitron';
94
- src: url('./orbitron/Orbitron-Regular.ttf') format('truetype');
107
+ font-display: swap;
108
+ src: url('./orbitron/Orbitron-Regular.woff2') format('woff2');
95
109
  font-weight: 400;
96
110
  font-style: normal;
97
111
  }
98
112
 
99
113
  @font-face {
100
114
  font-family: 'Orbitron';
101
- src: url('./orbitron/Orbitron-Medium.ttf') format('truetype');
115
+ font-display: swap;
116
+ src: url('./orbitron/Orbitron-Medium.woff2') format('woff2');
102
117
  font-weight: 500;
103
118
  font-style: normal;
104
119
  }
105
120
 
106
121
  @font-face {
107
122
  font-family: 'Orbitron';
108
- src: url('./orbitron/Orbitron-SemiBold.ttf') format('truetype');
123
+ font-display: swap;
124
+ src: url('./orbitron/Orbitron-SemiBold.woff2') format('woff2');
109
125
  font-weight: 600;
110
126
  font-style: normal;
111
127
  }
112
128
 
113
129
  @font-face {
114
130
  font-family: 'Orbitron';
115
- src: url('./orbitron/Orbitron-Bold.ttf') format('truetype');
131
+ font-display: swap;
132
+ src: url('./orbitron/Orbitron-Bold.woff2') format('woff2');
116
133
  font-weight: 700;
117
134
  font-style: normal;
118
135
  }
119
136
 
120
137
  @font-face {
121
138
  font-family: 'SpaceMonoRegular';
122
- src: url('./SpaceMono-Regular.ttf') format('truetype');
139
+ font-display: swap;
140
+ src: url('./SpaceMono-Regular.woff2') format('woff2');
123
141
  font-weight: normal;
124
142
  font-style: normal;
125
143
  }
126
144
 
127
145
  @font-face {
128
146
  font-family: 'Roboto';
129
- src: url('./roboto/Roboto-Thin.ttf') format('truetype');
147
+ font-display: swap;
148
+ src: url('./roboto/Roboto-Thin.woff2') format('woff2');
130
149
  font-weight: 100;
131
150
  font-style: normal;
132
151
  }
133
152
 
134
153
  @font-face {
135
154
  font-family: 'Roboto';
136
- src: url('./roboto/Roboto-ThinItalic.ttf') format('truetype');
155
+ font-display: swap;
156
+ src: url('./roboto/Roboto-ThinItalic.woff2') format('woff2');
137
157
  font-weight: 100;
138
158
  font-style: italic;
139
159
  }
140
160
 
141
161
  @font-face {
142
162
  font-family: 'Roboto';
143
- src: url('./roboto/Roboto-Light.ttf') format('truetype');
163
+ font-display: swap;
164
+ src: url('./roboto/Roboto-Light.woff2') format('woff2');
144
165
  font-weight: 300;
145
166
  font-style: normal;
146
167
  }
147
168
 
148
169
  @font-face {
149
170
  font-family: 'Roboto';
150
- src: url('./roboto/Roboto-LightItalic.ttf') format('truetype');
171
+ font-display: swap;
172
+ src: url('./roboto/Roboto-LightItalic.woff2') format('woff2');
151
173
  font-weight: 300;
152
174
  font-style: italic;
153
175
  }
154
176
 
155
177
  @font-face {
156
178
  font-family: 'Roboto';
157
- src: url('./roboto/Roboto-Regular.ttf') format('truetype');
179
+ font-display: swap;
180
+ src: url('./roboto/Roboto-Regular.woff2') format('woff2');
158
181
  font-weight: 400;
159
182
  font-style: normal;
160
183
  }
161
184
 
162
185
  @font-face {
163
186
  font-family: 'Roboto';
164
- src: url('./roboto/Roboto-Italic.ttf') format('truetype');
187
+ font-display: swap;
188
+ src: url('./roboto/Roboto-Italic.woff2') format('woff2');
165
189
  font-weight: 400;
166
190
  font-style: italic;
167
191
  }
168
192
 
169
193
  @font-face {
170
194
  font-family: 'Roboto';
171
- src: url('./roboto/Roboto-Medium.ttf') format('truetype');
195
+ font-display: swap;
196
+ src: url('./roboto/Roboto-Medium.woff2') format('woff2');
172
197
  font-weight: 500;
173
198
  font-style: normal;
174
199
  }
175
200
 
176
201
  @font-face {
177
202
  font-family: 'Roboto';
178
- src: url('./roboto/Roboto-MediumItalic.ttf') format('truetype');
203
+ font-display: swap;
204
+ src: url('./roboto/Roboto-MediumItalic.woff2') format('woff2');
179
205
  font-weight: 500;
180
206
  font-style: italic;
181
207
  }
182
208
 
183
209
  @font-face {
184
210
  font-family: 'Roboto';
185
- src: url('./roboto/Roboto-Bold.ttf') format('truetype');
211
+ font-display: swap;
212
+ src: url('./roboto/Roboto-Bold.woff2') format('woff2');
186
213
  font-weight: 700;
187
214
  font-style: normal;
188
215
  }
189
216
 
190
217
  @font-face {
191
218
  font-family: 'Roboto';
192
- src: url('./roboto/Roboto-BoldItalic.ttf') format('truetype');
219
+ font-display: swap;
220
+ src: url('./roboto/Roboto-BoldItalic.woff2') format('woff2');
193
221
  font-weight: 700;
194
222
  font-style: italic;
195
223
  }
196
224
 
197
225
  @font-face {
198
226
  font-family: 'Roboto';
199
- src: url('./roboto/Roboto-Black.ttf') format('truetype');
227
+ font-display: swap;
228
+ src: url('./roboto/Roboto-Black.woff2') format('woff2');
200
229
  font-weight: 900;
201
230
  font-style: normal;
202
231
  }
203
232
 
204
233
  @font-face {
205
234
  font-family: 'Roboto';
206
- src: url('./roboto/Roboto-BlackItalic.ttf') format('truetype');
235
+ font-display: swap;
236
+ src: url('./roboto/Roboto-BlackItalic.woff2') format('woff2');
207
237
  font-weight: 900;
208
238
  font-style: italic;
209
239
  }
210
240
 
211
241
  @font-face {
212
242
  font-family: 'Roboto Condensed';
213
- src: url('./roboto/Roboto-Condensed.ttf') format('truetype');
243
+ font-display: swap;
244
+ src: url('./roboto/Roboto-Condensed.woff2') format('woff2');
214
245
  font-weight: 400;
215
246
  font-style: normal;
216
247
  }
217
248
 
218
249
  @font-face {
219
250
  font-family: 'Roboto Condensed';
220
- src: url('./roboto/Roboto-CondensedItalic.ttf') format('truetype');
251
+ font-display: swap;
252
+ src: url('./roboto/Roboto-CondensedItalic.woff2') format('woff2');
221
253
  font-weight: 400;
222
254
  font-style: italic;
223
255
  }
224
256
 
225
257
  @font-face {
226
258
  font-family: 'Roboto Condensed';
227
- src: url('./roboto/Roboto-BoldCondensed.ttf') format('truetype');
259
+ font-display: swap;
260
+ src: url('./roboto/Roboto-BoldCondensed.woff2') format('woff2');
228
261
  font-weight: 700;
229
262
  font-style: normal;
230
263
  }
231
264
 
232
265
  @font-face {
233
266
  font-family: 'Roboto Condensed';
234
- src: url('./roboto/Roboto-BoldCondensedItalic.ttf') format('truetype');
267
+ font-display: swap;
268
+ src: url('./roboto/Roboto-BoldCondensedItalic.woff2') format('woff2');
235
269
  font-weight: 700;
236
270
  font-style: italic;
237
271
  }