aril 0.0.76 → 0.0.77

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 (31) hide show
  1. package/esm2022/theme/layout/app/breadcrumb/app.breadcrumb.component.mjs +3 -3
  2. package/esm2022/theme/layout/app/layout/app.layout.component.mjs +3 -3
  3. package/esm2022/theme/layout/app/menu/app.menu.component.mjs +3 -3
  4. package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +13 -12
  5. package/esm2022/ui/calendar/src/calendar.component.mjs +5 -3
  6. package/esm2022/ui/panel/src/panel.component.mjs +5 -3
  7. package/esm2022/ui/table/src/table.component.mjs +3 -3
  8. package/fesm2022/aril-theme-layout.mjs +18 -17
  9. package/fesm2022/aril-theme-layout.mjs.map +1 -1
  10. package/fesm2022/aril-ui-calendar.mjs +4 -2
  11. package/fesm2022/aril-ui-calendar.mjs.map +1 -1
  12. package/fesm2022/aril-ui-panel.mjs +4 -2
  13. package/fesm2022/aril-ui-panel.mjs.map +1 -1
  14. package/fesm2022/aril-ui-table.mjs +2 -2
  15. package/fesm2022/aril-ui-table.mjs.map +1 -1
  16. package/package.json +126 -126
  17. package/theme/layout/app/breadcrumb/app.breadcrumb.component.html +7 -7
  18. package/theme/layout/app/layout/app.layout.component.html +10 -10
  19. package/theme/layout/app/menu/app.menu.component.ts +5 -3
  20. package/theme/layout/app/topbar/app.topbar.component.html +10 -29
  21. package/theme/layout/app/topbar/app.topbar.component.ts +13 -11
  22. package/theme/styles/layout/_breadcrumb.scss +13 -0
  23. package/theme/styles/layout/_content.scss +6 -0
  24. package/theme/styles/layout/_sidebar_slim_plus.scss +14 -11
  25. package/theme/styles/layout/_sidebar_vertical.scss +3 -0
  26. package/theme/styles/layout/_topbar.scss +18 -19
  27. package/theme/styles/theme/base/components/panel/_panel.scss +1 -0
  28. package/theme/styles/theme/dark/_variables.scss +1 -1
  29. package/theme/styles/theme/light/_variables.scss +3 -2
  30. package/ui/calendar/src/calendar.component.d.ts +3 -1
  31. package/ui/panel/src/panel.component.d.ts +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aril",
3
- "version": "0.0.76",
3
+ "version": "0.0.77",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.1.0",
6
6
  "@angular/core": "^17.1.0",
@@ -34,12 +34,6 @@
34
34
  "esm": "./esm2022/aril.mjs",
35
35
  "default": "./fesm2022/aril.mjs"
36
36
  },
37
- "./boot": {
38
- "types": "./boot/index.d.ts",
39
- "esm2022": "./esm2022/boot/aril-boot.mjs",
40
- "esm": "./esm2022/boot/aril-boot.mjs",
41
- "default": "./fesm2022/aril-boot.mjs"
42
- },
43
37
  "./http": {
44
38
  "types": "./http/index.d.ts",
45
39
  "esm2022": "./esm2022/http/aril-http.mjs",
@@ -58,29 +52,29 @@
58
52
  "esm": "./esm2022/keycloak/aril-keycloak.mjs",
59
53
  "default": "./fesm2022/aril-keycloak.mjs"
60
54
  },
55
+ "./boot": {
56
+ "types": "./boot/index.d.ts",
57
+ "esm2022": "./esm2022/boot/aril-boot.mjs",
58
+ "esm": "./esm2022/boot/aril-boot.mjs",
59
+ "default": "./fesm2022/aril-boot.mjs"
60
+ },
61
61
  "./theme": {
62
62
  "types": "./theme/index.d.ts",
63
63
  "esm2022": "./esm2022/theme/aril-theme.mjs",
64
64
  "esm": "./esm2022/theme/aril-theme.mjs",
65
65
  "default": "./fesm2022/aril-theme.mjs"
66
66
  },
67
- "./ui": {
68
- "types": "./ui/index.d.ts",
69
- "esm2022": "./esm2022/ui/aril-ui.mjs",
70
- "esm": "./esm2022/ui/aril-ui.mjs",
71
- "default": "./fesm2022/aril-ui.mjs"
72
- },
73
67
  "./util": {
74
68
  "types": "./util/index.d.ts",
75
69
  "esm2022": "./esm2022/util/aril-util.mjs",
76
70
  "esm": "./esm2022/util/aril-util.mjs",
77
71
  "default": "./fesm2022/aril-util.mjs"
78
72
  },
79
- "./boot/host": {
80
- "types": "./boot/host/index.d.ts",
81
- "esm2022": "./esm2022/boot/host/aril-boot-host.mjs",
82
- "esm": "./esm2022/boot/host/aril-boot-host.mjs",
83
- "default": "./fesm2022/aril-boot-host.mjs"
73
+ "./ui": {
74
+ "types": "./ui/index.d.ts",
75
+ "esm2022": "./esm2022/ui/aril-ui.mjs",
76
+ "esm": "./esm2022/ui/aril-ui.mjs",
77
+ "default": "./fesm2022/aril-ui.mjs"
84
78
  },
85
79
  "./boot/mfe": {
86
80
  "types": "./boot/mfe/index.d.ts",
@@ -88,12 +82,66 @@
88
82
  "esm": "./esm2022/boot/mfe/aril-boot-mfe.mjs",
89
83
  "default": "./fesm2022/aril-boot-mfe.mjs"
90
84
  },
85
+ "./boot/host": {
86
+ "types": "./boot/host/index.d.ts",
87
+ "esm2022": "./esm2022/boot/host/aril-boot-host.mjs",
88
+ "esm": "./esm2022/boot/host/aril-boot-host.mjs",
89
+ "default": "./fesm2022/aril-boot-host.mjs"
90
+ },
91
91
  "./theme/layout": {
92
92
  "types": "./theme/layout/index.d.ts",
93
93
  "esm2022": "./esm2022/theme/layout/aril-theme-layout.mjs",
94
94
  "esm": "./esm2022/theme/layout/aril-theme-layout.mjs",
95
95
  "default": "./fesm2022/aril-theme-layout.mjs"
96
96
  },
97
+ "./util/block": {
98
+ "types": "./util/block/index.d.ts",
99
+ "esm2022": "./esm2022/util/block/aril-util-block.mjs",
100
+ "esm": "./esm2022/util/block/aril-util-block.mjs",
101
+ "default": "./fesm2022/aril-util-block.mjs"
102
+ },
103
+ "./util/init-event": {
104
+ "types": "./util/init-event/index.d.ts",
105
+ "esm2022": "./esm2022/util/init-event/aril-util-init-event.mjs",
106
+ "esm": "./esm2022/util/init-event/aril-util-init-event.mjs",
107
+ "default": "./fesm2022/aril-util-init-event.mjs"
108
+ },
109
+ "./util/custom_pages": {
110
+ "types": "./util/custom_pages/index.d.ts",
111
+ "esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
112
+ "esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
113
+ "default": "./fesm2022/aril-util-custom_pages.mjs"
114
+ },
115
+ "./util/lib": {
116
+ "types": "./util/lib/index.d.ts",
117
+ "esm2022": "./esm2022/util/lib/aril-util-lib.mjs",
118
+ "esm": "./esm2022/util/lib/aril-util-lib.mjs",
119
+ "default": "./fesm2022/aril-util-lib.mjs"
120
+ },
121
+ "./util/primitive-extensions": {
122
+ "types": "./util/primitive-extensions/index.d.ts",
123
+ "esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
124
+ "esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
125
+ "default": "./fesm2022/aril-util-primitive-extensions.mjs"
126
+ },
127
+ "./util/loaders": {
128
+ "types": "./util/loaders/index.d.ts",
129
+ "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
130
+ "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
131
+ "default": "./fesm2022/aril-util-loaders.mjs"
132
+ },
133
+ "./util/pub-sub": {
134
+ "types": "./util/pub-sub/index.d.ts",
135
+ "esm2022": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
136
+ "esm": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
137
+ "default": "./fesm2022/aril-util-pub-sub.mjs"
138
+ },
139
+ "./util/unwrap": {
140
+ "types": "./util/unwrap/index.d.ts",
141
+ "esm2022": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
142
+ "esm": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
143
+ "default": "./fesm2022/aril-util-unwrap.mjs"
144
+ },
97
145
  "./ui/autoComplete": {
98
146
  "types": "./ui/autoComplete/index.d.ts",
99
147
  "esm2022": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
@@ -112,12 +160,6 @@
112
160
  "esm": "./esm2022/ui/button/aril-ui-button.mjs",
113
161
  "default": "./fesm2022/aril-ui-button.mjs"
114
162
  },
115
- "./ui/calendar": {
116
- "types": "./ui/calendar/index.d.ts",
117
- "esm2022": "./esm2022/ui/calendar/aril-ui-calendar.mjs",
118
- "esm": "./esm2022/ui/calendar/aril-ui-calendar.mjs",
119
- "default": "./fesm2022/aril-ui-calendar.mjs"
120
- },
121
163
  "./ui/checkbox": {
122
164
  "types": "./ui/checkbox/index.d.ts",
123
165
  "esm2022": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
@@ -130,11 +172,11 @@
130
172
  "esm": "./esm2022/ui/chip/aril-ui-chip.mjs",
131
173
  "default": "./fesm2022/aril-ui-chip.mjs"
132
174
  },
133
- "./ui/field": {
134
- "types": "./ui/field/index.d.ts",
135
- "esm2022": "./esm2022/ui/field/aril-ui-field.mjs",
136
- "esm": "./esm2022/ui/field/aril-ui-field.mjs",
137
- "default": "./fesm2022/aril-ui-field.mjs"
175
+ "./ui/calendar": {
176
+ "types": "./ui/calendar/index.d.ts",
177
+ "esm2022": "./esm2022/ui/calendar/aril-ui-calendar.mjs",
178
+ "esm": "./esm2022/ui/calendar/aril-ui-calendar.mjs",
179
+ "default": "./fesm2022/aril-ui-calendar.mjs"
138
180
  },
139
181
  "./ui/dxField": {
140
182
  "types": "./ui/dxField/index.d.ts",
@@ -142,6 +184,12 @@
142
184
  "esm": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
143
185
  "default": "./fesm2022/aril-ui-dxField.mjs"
144
186
  },
187
+ "./ui/field": {
188
+ "types": "./ui/field/index.d.ts",
189
+ "esm2022": "./esm2022/ui/field/aril-ui-field.mjs",
190
+ "esm": "./esm2022/ui/field/aril-ui-field.mjs",
191
+ "default": "./fesm2022/aril-ui-field.mjs"
192
+ },
145
193
  "./ui/form": {
146
194
  "types": "./ui/form/index.d.ts",
147
195
  "esm2022": "./esm2022/ui/form/aril-ui-form.mjs",
@@ -160,11 +208,11 @@
160
208
  "esm": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
161
209
  "default": "./fesm2022/aril-ui-fileUpload.mjs"
162
210
  },
163
- "./ui/mask": {
164
- "types": "./ui/mask/index.d.ts",
165
- "esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
166
- "esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
167
- "default": "./fesm2022/aril-ui-mask.mjs"
211
+ "./ui/panel": {
212
+ "types": "./ui/panel/index.d.ts",
213
+ "esm2022": "./esm2022/ui/panel/aril-ui-panel.mjs",
214
+ "esm": "./esm2022/ui/panel/aril-ui-panel.mjs",
215
+ "default": "./fesm2022/aril-ui-panel.mjs"
168
216
  },
169
217
  "./ui/overlayPanel": {
170
218
  "types": "./ui/overlayPanel/index.d.ts",
@@ -172,6 +220,24 @@
172
220
  "esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
173
221
  "default": "./fesm2022/aril-ui-overlayPanel.mjs"
174
222
  },
223
+ "./ui/password": {
224
+ "types": "./ui/password/index.d.ts",
225
+ "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
226
+ "esm": "./esm2022/ui/password/aril-ui-password.mjs",
227
+ "default": "./fesm2022/aril-ui-password.mjs"
228
+ },
229
+ "./ui/mask": {
230
+ "types": "./ui/mask/index.d.ts",
231
+ "esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
232
+ "esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
233
+ "default": "./fesm2022/aril-ui-mask.mjs"
234
+ },
235
+ "./ui/radioButton": {
236
+ "types": "./ui/radioButton/index.d.ts",
237
+ "esm2022": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
238
+ "esm": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
239
+ "default": "./fesm2022/aril-ui-radioButton.mjs"
240
+ },
175
241
  "./ui/number": {
176
242
  "types": "./ui/number/index.d.ts",
177
243
  "esm2022": "./esm2022/ui/number/aril-ui-number.mjs",
@@ -184,23 +250,23 @@
184
250
  "esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
185
251
  "default": "./fesm2022/aril-ui-progressbar.mjs"
186
252
  },
253
+ "./ui/switch": {
254
+ "types": "./ui/switch/index.d.ts",
255
+ "esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",
256
+ "esm": "./esm2022/ui/switch/aril-ui-switch.mjs",
257
+ "default": "./fesm2022/aril-ui-switch.mjs"
258
+ },
187
259
  "./ui/selectBox": {
188
260
  "types": "./ui/selectBox/index.d.ts",
189
261
  "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
190
262
  "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
191
263
  "default": "./fesm2022/aril-ui-selectBox.mjs"
192
264
  },
193
- "./ui/panel": {
194
- "types": "./ui/panel/index.d.ts",
195
- "esm2022": "./esm2022/ui/panel/aril-ui-panel.mjs",
196
- "esm": "./esm2022/ui/panel/aril-ui-panel.mjs",
197
- "default": "./fesm2022/aril-ui-panel.mjs"
198
- },
199
- "./ui/radioButton": {
200
- "types": "./ui/radioButton/index.d.ts",
201
- "esm2022": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
202
- "esm": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
203
- "default": "./fesm2022/aril-ui-radioButton.mjs"
265
+ "./ui/text": {
266
+ "types": "./ui/text/index.d.ts",
267
+ "esm2022": "./esm2022/ui/text/aril-ui-text.mjs",
268
+ "esm": "./esm2022/ui/text/aril-ui-text.mjs",
269
+ "default": "./fesm2022/aril-ui-text.mjs"
204
270
  },
205
271
  "./ui/tagBox": {
206
272
  "types": "./ui/tagBox/index.d.ts",
@@ -208,35 +274,17 @@
208
274
  "esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
209
275
  "default": "./fesm2022/aril-ui-tagBox.mjs"
210
276
  },
211
- "./ui/switch": {
212
- "types": "./ui/switch/index.d.ts",
213
- "esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",
214
- "esm": "./esm2022/ui/switch/aril-ui-switch.mjs",
215
- "default": "./fesm2022/aril-ui-switch.mjs"
216
- },
217
277
  "./ui/table": {
218
278
  "types": "./ui/table/index.d.ts",
219
279
  "esm2022": "./esm2022/ui/table/aril-ui-table.mjs",
220
280
  "esm": "./esm2022/ui/table/aril-ui-table.mjs",
221
281
  "default": "./fesm2022/aril-ui-table.mjs"
222
282
  },
223
- "./ui/password": {
224
- "types": "./ui/password/index.d.ts",
225
- "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
226
- "esm": "./esm2022/ui/password/aril-ui-password.mjs",
227
- "default": "./fesm2022/aril-ui-password.mjs"
228
- },
229
- "./ui/text": {
230
- "types": "./ui/text/index.d.ts",
231
- "esm2022": "./esm2022/ui/text/aril-ui-text.mjs",
232
- "esm": "./esm2022/ui/text/aril-ui-text.mjs",
233
- "default": "./fesm2022/aril-ui-text.mjs"
234
- },
235
- "./ui/treeTable": {
236
- "types": "./ui/treeTable/index.d.ts",
237
- "esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
238
- "esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
239
- "default": "./fesm2022/aril-ui-treeTable.mjs"
283
+ "./ui/toggle-button": {
284
+ "types": "./ui/toggle-button/index.d.ts",
285
+ "esm2022": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
286
+ "esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
287
+ "default": "./fesm2022/aril-ui-toggle-button.mjs"
240
288
  },
241
289
  "./ui/textArea": {
242
290
  "types": "./ui/textArea/index.d.ts",
@@ -244,12 +292,6 @@
244
292
  "esm": "./esm2022/ui/textArea/aril-ui-textArea.mjs",
245
293
  "default": "./fesm2022/aril-ui-textArea.mjs"
246
294
  },
247
- "./ui/toggle-button": {
248
- "types": "./ui/toggle-button/index.d.ts",
249
- "esm2022": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
250
- "esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
251
- "default": "./fesm2022/aril-ui-toggle-button.mjs"
252
- },
253
295
  "./ui/value": {
254
296
  "types": "./ui/value/index.d.ts",
255
297
  "esm2022": "./esm2022/ui/value/aril-ui-value.mjs",
@@ -262,41 +304,11 @@
262
304
  "esm": "./esm2022/ui/tree/aril-ui-tree.mjs",
263
305
  "default": "./fesm2022/aril-ui-tree.mjs"
264
306
  },
265
- "./util/init-event": {
266
- "types": "./util/init-event/index.d.ts",
267
- "esm2022": "./esm2022/util/init-event/aril-util-init-event.mjs",
268
- "esm": "./esm2022/util/init-event/aril-util-init-event.mjs",
269
- "default": "./fesm2022/aril-util-init-event.mjs"
270
- },
271
- "./util/block": {
272
- "types": "./util/block/index.d.ts",
273
- "esm2022": "./esm2022/util/block/aril-util-block.mjs",
274
- "esm": "./esm2022/util/block/aril-util-block.mjs",
275
- "default": "./fesm2022/aril-util-block.mjs"
276
- },
277
- "./util/loaders": {
278
- "types": "./util/loaders/index.d.ts",
279
- "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
280
- "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
281
- "default": "./fesm2022/aril-util-loaders.mjs"
282
- },
283
- "./util/lib": {
284
- "types": "./util/lib/index.d.ts",
285
- "esm2022": "./esm2022/util/lib/aril-util-lib.mjs",
286
- "esm": "./esm2022/util/lib/aril-util-lib.mjs",
287
- "default": "./fesm2022/aril-util-lib.mjs"
288
- },
289
- "./util/pub-sub": {
290
- "types": "./util/pub-sub/index.d.ts",
291
- "esm2022": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
292
- "esm": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
293
- "default": "./fesm2022/aril-util-pub-sub.mjs"
294
- },
295
- "./util/primitive-extensions": {
296
- "types": "./util/primitive-extensions/index.d.ts",
297
- "esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
298
- "esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
299
- "default": "./fesm2022/aril-util-primitive-extensions.mjs"
307
+ "./ui/treeTable": {
308
+ "types": "./ui/treeTable/index.d.ts",
309
+ "esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
310
+ "esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
311
+ "default": "./fesm2022/aril-ui-treeTable.mjs"
300
312
  },
301
313
  "./boot/config/api": {
302
314
  "types": "./boot/config/api/index.d.ts",
@@ -304,29 +316,17 @@
304
316
  "esm": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
305
317
  "default": "./fesm2022/aril-boot-config-api.mjs"
306
318
  },
307
- "./util/custom_pages": {
308
- "types": "./util/custom_pages/index.d.ts",
309
- "esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
310
- "esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
311
- "default": "./fesm2022/aril-util-custom_pages.mjs"
312
- },
313
- "./util/unwrap": {
314
- "types": "./util/unwrap/index.d.ts",
315
- "esm2022": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
316
- "esm": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
317
- "default": "./fesm2022/aril-util-unwrap.mjs"
319
+ "./boot/config/apps": {
320
+ "types": "./boot/config/apps/index.d.ts",
321
+ "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
322
+ "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
323
+ "default": "./fesm2022/aril-boot-config-apps.mjs"
318
324
  },
319
325
  "./boot/config/plugins": {
320
326
  "types": "./boot/config/plugins/index.d.ts",
321
327
  "esm2022": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
322
328
  "esm": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
323
329
  "default": "./fesm2022/aril-boot-config-plugins.mjs"
324
- },
325
- "./boot/config/apps": {
326
- "types": "./boot/config/apps/index.d.ts",
327
- "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
328
- "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
329
- "default": "./fesm2022/aril-boot-config-apps.mjs"
330
330
  }
331
331
  }
332
332
  }
package/theme/layout/app/breadcrumb/app.breadcrumb.component.html CHANGED
@@ -1,8 +1,8 @@
1
- <p-breadcrumb class="max-w-full" [model]="breadcrumbs" [style]="{'border':'none', 'background':'#EFF3F8'}">
2
- <ng-template pTemplate="item" let-item>
3
- <a [routerLink]="item.url">
4
- <span [ngClass]="[item.icon ? item.icon : '', 'text-color']"></span>
5
- <span class="text-color">{{ item.label }}</span>
6
- </a>
7
- </ng-template>
1
+ <p-breadcrumb class="max-w-full" [model]="breadcrumbs" [style]="{ border: 'none', background: '#EFF3F8' }">
2
+ <ng-template pTemplate="item" let-item>
3
+ <a [routerLink]="item.url">
4
+ <span [ngClass]="[item.icon ? item.icon : '', 'text-500']"></span>
5
+ <span class="text-500">{{ item.label }}</span>
6
+ </a>
7
+ </ng-template>
8
8
  </p-breadcrumb>
package/theme/layout/app/layout/app.layout.component.html CHANGED
@@ -1,18 +1,18 @@
1
1
  <div class="layout-container" [ngClass]="containerClass">
2
- <app-sidebar></app-sidebar>
2
+ <app-sidebar />
3
3
  <div class="layout-content-wrapper">
4
- <app-topbar></app-topbar>
5
- <div class="layout-content card border-round-top-md min-h-screen border-noround-bottom" style="margin: 1rem;">
6
- <router-outlet></router-outlet>
4
+ <app-topbar />
5
+ <div class="layout-content card min-h-screen">
6
+ <router-outlet />
7
7
  </div>
8
8
  </div>
9
- <app-profilemenu></app-profilemenu>
9
+ <app-profilemenu />
10
10
  <!-- <app-config></app-config> -->
11
11
  <div class="layout-mask"></div>
12
12
  </div>
13
13
 
14
- <p-toast key="toast-root"></p-toast>
15
- <p-dialog key="dialog-root"></p-dialog>
16
- <p-messages key="messages-root"></p-messages>
17
- <p-confirmPopup key="confirmPopup-root"></p-confirmPopup>
18
- <p-confirmDialog key="confirmDialog-root"></p-confirmDialog>
14
+ <p-toast key="toast-root" />
15
+ <p-dialog key="dialog-root" />
16
+ <p-messages key="messages-root" />
17
+ <p-confirmPopup key="confirmPopup-root" />
18
+ <p-confirmDialog key="confirmDialog-root" />
package/theme/layout/app/menu/app.menu.component.ts CHANGED
@@ -117,9 +117,11 @@ import { AppMenuService } from '../../service/app.menu.service';
117
117
  transition('collapsed <=> expanded', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
118
118
  ])
119
119
  ],
120
- styles: ['.active-root-menu-item { background-color: var(--primary-color); & > i,span { color: white !important } }']
121
- })
122
- export class AppMenuItemComponent implements OnInit, OnDestroy {
120
+ styles: [
121
+ '.active-root-menu-item { background-color: var(--primary-color); & > i,span { color: var(--primary-foreground) !important; } & > span { font-weight: 700; } }'
122
+ ]
123
+ })
124
+ export class AppMenuItemComponent implements OnInit, OnDestroy {
123
125
  @Input() item!: MenuItem;
124
126
 
125
127
  @Input() index!: number;
package/theme/layout/app/topbar/app.topbar.component.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <button #menubutton type="button" class="topbar-menubutton p-link p-trigger" (click)="onMenuButtonClick()">
4
4
  <i class="pi pi-bars"></i>
5
5
  </button>
6
- <img [src]="filePath()" alt="yeap" style="margin-right: 1rem;"/>
6
+ <img [src]="filePath()" class="mr-3" alt="yeap" />
7
7
  </div>
8
8
 
9
9
  <div class="topbar-search" style="width: 50rem">
@@ -14,7 +14,7 @@
14
14
  pInputText
15
15
  variant="filled"
16
16
  placeholder="Genel Arama"
17
- style="background: #EFF3F8;border: none;"
17
+ style="background: #EFF3F8;border: none; height: 42px;"
18
18
  class="p-inputtext p-component p-element sm:w-full" />
19
19
  </span>
20
20
  </div>
@@ -22,46 +22,27 @@
22
22
  <div class="topbar-end mr-2">
23
23
  <ul class="topbar-menu">
24
24
  <li>
25
- <button
26
- pButton
27
- type="button"
28
- icon="pi pi-sitemap"
29
- class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
25
+ <p-button icon="pi pi-sitemap" severity="secondary" [text]="true" [rounded]="true" />
30
26
  </li>
31
27
  <li>
32
- <button
33
- pButton
34
- type="button"
35
- icon="pi pi-history"
36
- class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
28
+ <p-button icon="pi pi-history" severity="secondary" [text]="true" [rounded]="true" />
37
29
  </li>
38
30
  <li>
39
- <button
40
- pButton
41
- type="button"
42
- icon="pi pi-heart"
43
- class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
44
- </li>
31
+ <p-button icon="pi pi-heart" severity="secondary" [text]="true" [rounded]="true" />
32
+ </li>
45
33
  <li>
46
- <button
47
- pButton
48
- type="button"
49
- class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"
50
- (click)="onProfileButtonClick()">
34
+ <p-button severity="secondary" [text]="true" [rounded]="true" (click)="onProfileButtonClick()">
51
35
  {{ username[0] | uppercase }}
52
- </button>
36
+ </p-button>
53
37
  </li>
54
38
  <li>
55
39
  <p-divider layout="vertical" styleClass="h-1rem border-500 m-0" />
56
40
  </li>
57
41
  <li>
58
- <button
59
- pButton
60
- type="button"
61
- icon="pi pi-bell"
62
- class="p-button-text p-button-secondary p-button-rounded flex-shrink-0 bell-topbar"></button>
42
+ <i class="pi pi-bell" severity="info" pBadge [value]="0"></i>
63
43
  </li>
64
44
  </ul>
65
45
  </div>
66
46
  </div>
47
+
67
48
  <app-breadcrumb class="topbar-breadcrumb"></app-breadcrumb>
package/theme/layout/app/topbar/app.topbar.component.ts CHANGED
@@ -2,6 +2,7 @@ import { UpperCasePipe } from '@angular/common';
2
2
  import { Component, ElementRef, ViewChild, inject, signal } from '@angular/core';
3
3
  import { FormsModule } from '@angular/forms';
4
4
 
5
+ import { BadgeModule } from 'primeng/badge';
5
6
  import { ButtonModule } from 'primeng/button';
6
7
  import { DividerModule } from 'primeng/divider';
7
8
 
@@ -14,13 +15,13 @@ import { AppBreadcrumbComponent } from '../breadcrumb/app.breadcrumb.component';
14
15
  @Component({
15
16
  standalone: true,
16
17
  selector: 'app-topbar',
17
- imports: [ButtonModule, AppBreadcrumbComponent, UpperCasePipe, FormsModule, DividerModule],
18
+ imports: [ButtonModule, AppBreadcrumbComponent, UpperCasePipe, FormsModule, DividerModule, BadgeModule],
18
19
  templateUrl: './app.topbar.component.html'
19
20
  })
20
21
  export class AppTopbarComponent {
21
22
  @ViewChild('menubutton') menuButton!: ElementRef;
22
23
 
23
- username! :string;
24
+ username!: string;
24
25
  layoutService = inject(LayoutService);
25
26
  keyCloakManager = inject(KeycloakManager);
26
27
  search: string = '';
@@ -31,35 +32,36 @@ export class AppTopbarComponent {
31
32
  if ((<any>globalThis).activeHost) {
32
33
  switch ((<any>globalThis).activeHost) {
33
34
  case Apps.YEAP:
34
- this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');
35
+ this.filePath.update((file) => (file = 'assets/images/yeap-logo.png'));
35
36
  break;
36
37
  case Apps.THOR:
37
- this.filePath.update((file)=> file = 'assets/images/thor-logo.png');
38
+ this.filePath.update((file) => (file = 'assets/images/thor-logo.png'));
38
39
  break;
39
40
  case Apps.LENA:
40
- this.filePath.update((file)=> file = 'assets/images/lena-logo.png');
41
+ this.filePath.update((file) => (file = 'assets/images/lena-logo.png'));
41
42
  break;
42
43
  default:
43
- this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');
44
- }}else{
44
+ this.filePath.update((file) => (file = 'assets/images/yeap-logo.png'));
45
+ }
46
+ } else {
45
47
  switch ((<any>globalThis).activeMF) {
46
48
  case Apps.HES:
47
49
  case Apps.CTS:
48
50
  case Apps.SIS:
49
- this.filePath.update((file)=> file = 'assets/images/lena-logo.png');
51
+ this.filePath.update((file) => (file = 'assets/images/lena-logo.png'));
50
52
  break;
51
53
  case Apps.CRM:
52
54
  case Apps.BILLING:
53
55
  case Apps.PAYMENT:
54
56
  case Apps.WDM:
55
57
  case Apps.MNG:
56
- this.filePath.update((file)=> file = 'assets/images/thor-logo.png');
58
+ this.filePath.update((file) => (file = 'assets/images/thor-logo.png'));
57
59
  break;
58
60
  case Apps.MW:
59
- this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');
61
+ this.filePath.update((file) => (file = 'assets/images/yeap-logo.png'));
60
62
  break;
61
63
  default:
62
- this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');;
64
+ this.filePath.update((file) => (file = 'assets/images/yeap-logo.png'));
63
65
  }
64
66
  }
65
67
 
package/theme/styles/layout/_breadcrumb.scss CHANGED
@@ -19,3 +19,16 @@
19
19
  margin-bottom: 2rem;
20
20
  padding: 0 0.5rem;
21
21
  }
22
+
23
+ .p-breadcrumb {
24
+ padding: 20px 30px 10px 30px;
25
+ }
26
+
27
+ @layer primeng {
28
+ .p-breadcrumb {
29
+ .p-menuitem-link,
30
+ .pi {
31
+ font-size: 14px;
32
+ }
33
+ }
34
+ }
package/theme/styles/layout/_content.scss CHANGED
@@ -1,3 +1,9 @@
1
1
  .layout-content-wrapper {
2
2
  // padding: 1rem;
3
3
  }
4
+
5
+ .layout-content {
6
+ margin: 10px 30px 0 30px;
7
+ border-radius: 5px 5px 0px 0px !important;
8
+ padding: 30px !important;
9
+ }