aril 0.0.63 → 0.0.65

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aril",
3
- "version": "0.0.63",
3
+ "version": "0.0.65",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.1.0",
6
6
  "@angular/core": "^17.1.0",
@@ -34,18 +34,18 @@
34
34
  "esm": "./esm2022/aril.mjs",
35
35
  "default": "./fesm2022/aril.mjs"
36
36
  },
37
- "./http": {
38
- "types": "./http/index.d.ts",
39
- "esm2022": "./esm2022/http/aril-http.mjs",
40
- "esm": "./esm2022/http/aril-http.mjs",
41
- "default": "./fesm2022/aril-http.mjs"
42
- },
43
37
  "./boot": {
44
38
  "types": "./boot/index.d.ts",
45
39
  "esm2022": "./esm2022/boot/aril-boot.mjs",
46
40
  "esm": "./esm2022/boot/aril-boot.mjs",
47
41
  "default": "./fesm2022/aril-boot.mjs"
48
42
  },
43
+ "./http": {
44
+ "types": "./http/index.d.ts",
45
+ "esm2022": "./esm2022/http/aril-http.mjs",
46
+ "esm": "./esm2022/http/aril-http.mjs",
47
+ "default": "./fesm2022/aril-http.mjs"
48
+ },
49
49
  "./i18n": {
50
50
  "types": "./i18n/index.d.ts",
51
51
  "esm2022": "./esm2022/i18n/aril-i18n.mjs",
@@ -64,18 +64,18 @@
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
  },
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"
78
+ },
79
79
  "./boot/host": {
80
80
  "types": "./boot/host/index.d.ts",
81
81
  "esm2022": "./esm2022/boot/host/aril-boot-host.mjs",
@@ -94,11 +94,47 @@
94
94
  "esm": "./esm2022/theme/layout/aril-theme-layout.mjs",
95
95
  "default": "./fesm2022/aril-theme-layout.mjs"
96
96
  },
97
- "./ui/autoComplete": {
98
- "types": "./ui/autoComplete/index.d.ts",
99
- "esm2022": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
100
- "esm": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
101
- "default": "./fesm2022/aril-ui-autoComplete.mjs"
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/loaders": {
122
+ "types": "./util/loaders/index.d.ts",
123
+ "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
124
+ "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
125
+ "default": "./fesm2022/aril-util-loaders.mjs"
126
+ },
127
+ "./util/primitive-extensions": {
128
+ "types": "./util/primitive-extensions/index.d.ts",
129
+ "esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
130
+ "esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
131
+ "default": "./fesm2022/aril-util-primitive-extensions.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"
102
138
  },
103
139
  "./ui/badge": {
104
140
  "types": "./ui/badge/index.d.ts",
@@ -106,6 +142,12 @@
106
142
  "esm": "./esm2022/ui/badge/aril-ui-badge.mjs",
107
143
  "default": "./fesm2022/aril-ui-badge.mjs"
108
144
  },
145
+ "./ui/autoComplete": {
146
+ "types": "./ui/autoComplete/index.d.ts",
147
+ "esm2022": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
148
+ "esm": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
149
+ "default": "./fesm2022/aril-ui-autoComplete.mjs"
150
+ },
109
151
  "./ui/button": {
110
152
  "types": "./ui/button/index.d.ts",
111
153
  "esm2022": "./esm2022/ui/button/aril-ui-button.mjs",
@@ -118,17 +160,11 @@
118
160
  "esm": "./esm2022/ui/calendar/aril-ui-calendar.mjs",
119
161
  "default": "./fesm2022/aril-ui-calendar.mjs"
120
162
  },
121
- "./ui/checkbox": {
122
- "types": "./ui/checkbox/index.d.ts",
123
- "esm2022": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
124
- "esm": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
125
- "default": "./fesm2022/aril-ui-checkbox.mjs"
126
- },
127
- "./ui/dxField": {
128
- "types": "./ui/dxField/index.d.ts",
129
- "esm2022": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
130
- "esm": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
131
- "default": "./fesm2022/aril-ui-dxField.mjs"
163
+ "./ui/chip": {
164
+ "types": "./ui/chip/index.d.ts",
165
+ "esm2022": "./esm2022/ui/chip/aril-ui-chip.mjs",
166
+ "esm": "./esm2022/ui/chip/aril-ui-chip.mjs",
167
+ "default": "./fesm2022/aril-ui-chip.mjs"
132
168
  },
133
169
  "./ui/field": {
134
170
  "types": "./ui/field/index.d.ts",
@@ -136,11 +172,11 @@
136
172
  "esm": "./esm2022/ui/field/aril-ui-field.mjs",
137
173
  "default": "./fesm2022/aril-ui-field.mjs"
138
174
  },
139
- "./ui/chip": {
140
- "types": "./ui/chip/index.d.ts",
141
- "esm2022": "./esm2022/ui/chip/aril-ui-chip.mjs",
142
- "esm": "./esm2022/ui/chip/aril-ui-chip.mjs",
143
- "default": "./fesm2022/aril-ui-chip.mjs"
175
+ "./ui/checkbox": {
176
+ "types": "./ui/checkbox/index.d.ts",
177
+ "esm2022": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
178
+ "esm": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
179
+ "default": "./fesm2022/aril-ui-checkbox.mjs"
144
180
  },
145
181
  "./ui/fileUpload": {
146
182
  "types": "./ui/fileUpload/index.d.ts",
@@ -148,23 +184,41 @@
148
184
  "esm": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
149
185
  "default": "./fesm2022/aril-ui-fileUpload.mjs"
150
186
  },
187
+ "./ui/dxField": {
188
+ "types": "./ui/dxField/index.d.ts",
189
+ "esm2022": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
190
+ "esm": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
191
+ "default": "./fesm2022/aril-ui-dxField.mjs"
192
+ },
193
+ "./ui/mask": {
194
+ "types": "./ui/mask/index.d.ts",
195
+ "esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
196
+ "esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
197
+ "default": "./fesm2022/aril-ui-mask.mjs"
198
+ },
151
199
  "./ui/form": {
152
200
  "types": "./ui/form/index.d.ts",
153
201
  "esm2022": "./esm2022/ui/form/aril-ui-form.mjs",
154
202
  "esm": "./esm2022/ui/form/aril-ui-form.mjs",
155
203
  "default": "./fesm2022/aril-ui-form.mjs"
156
204
  },
205
+ "./ui/overlayPanel": {
206
+ "types": "./ui/overlayPanel/index.d.ts",
207
+ "esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
208
+ "esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
209
+ "default": "./fesm2022/aril-ui-overlayPanel.mjs"
210
+ },
157
211
  "./ui/lib": {
158
212
  "types": "./ui/lib/index.d.ts",
159
213
  "esm2022": "./esm2022/ui/lib/aril-ui-lib.mjs",
160
214
  "esm": "./esm2022/ui/lib/aril-ui-lib.mjs",
161
215
  "default": "./fesm2022/aril-ui-lib.mjs"
162
216
  },
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"
217
+ "./ui/password": {
218
+ "types": "./ui/password/index.d.ts",
219
+ "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
220
+ "esm": "./esm2022/ui/password/aril-ui-password.mjs",
221
+ "default": "./fesm2022/aril-ui-password.mjs"
168
222
  },
169
223
  "./ui/number": {
170
224
  "types": "./ui/number/index.d.ts",
@@ -172,77 +226,59 @@
172
226
  "esm": "./esm2022/ui/number/aril-ui-number.mjs",
173
227
  "default": "./fesm2022/aril-ui-number.mjs"
174
228
  },
175
- "./ui/overlayPanel": {
176
- "types": "./ui/overlayPanel/index.d.ts",
177
- "esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
178
- "esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
179
- "default": "./fesm2022/aril-ui-overlayPanel.mjs"
180
- },
181
229
  "./ui/panel": {
182
230
  "types": "./ui/panel/index.d.ts",
183
231
  "esm2022": "./esm2022/ui/panel/aril-ui-panel.mjs",
184
232
  "esm": "./esm2022/ui/panel/aril-ui-panel.mjs",
185
233
  "default": "./fesm2022/aril-ui-panel.mjs"
186
234
  },
187
- "./ui/password": {
188
- "types": "./ui/password/index.d.ts",
189
- "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
190
- "esm": "./esm2022/ui/password/aril-ui-password.mjs",
191
- "default": "./fesm2022/aril-ui-password.mjs"
192
- },
193
- "./ui/progressbar": {
194
- "types": "./ui/progressbar/index.d.ts",
195
- "esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
196
- "esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
197
- "default": "./fesm2022/aril-ui-progressbar.mjs"
198
- },
199
235
  "./ui/radioButton": {
200
236
  "types": "./ui/radioButton/index.d.ts",
201
237
  "esm2022": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
202
238
  "esm": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
203
239
  "default": "./fesm2022/aril-ui-radioButton.mjs"
204
240
  },
205
- "./ui/selectBox": {
206
- "types": "./ui/selectBox/index.d.ts",
207
- "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
208
- "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
209
- "default": "./fesm2022/aril-ui-selectBox.mjs"
210
- },
211
241
  "./ui/switch": {
212
242
  "types": "./ui/switch/index.d.ts",
213
243
  "esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",
214
244
  "esm": "./esm2022/ui/switch/aril-ui-switch.mjs",
215
245
  "default": "./fesm2022/aril-ui-switch.mjs"
216
246
  },
247
+ "./ui/progressbar": {
248
+ "types": "./ui/progressbar/index.d.ts",
249
+ "esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
250
+ "esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
251
+ "default": "./fesm2022/aril-ui-progressbar.mjs"
252
+ },
217
253
  "./ui/table": {
218
254
  "types": "./ui/table/index.d.ts",
219
255
  "esm2022": "./esm2022/ui/table/aril-ui-table.mjs",
220
256
  "esm": "./esm2022/ui/table/aril-ui-table.mjs",
221
257
  "default": "./fesm2022/aril-ui-table.mjs"
222
258
  },
223
- "./ui/tagBox": {
224
- "types": "./ui/tagBox/index.d.ts",
225
- "esm2022": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
226
- "esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
227
- "default": "./fesm2022/aril-ui-tagBox.mjs"
228
- },
229
259
  "./ui/text": {
230
260
  "types": "./ui/text/index.d.ts",
231
261
  "esm2022": "./esm2022/ui/text/aril-ui-text.mjs",
232
262
  "esm": "./esm2022/ui/text/aril-ui-text.mjs",
233
263
  "default": "./fesm2022/aril-ui-text.mjs"
234
264
  },
265
+ "./ui/selectBox": {
266
+ "types": "./ui/selectBox/index.d.ts",
267
+ "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
268
+ "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
269
+ "default": "./fesm2022/aril-ui-selectBox.mjs"
270
+ },
235
271
  "./ui/textArea": {
236
272
  "types": "./ui/textArea/index.d.ts",
237
273
  "esm2022": "./esm2022/ui/textArea/aril-ui-textArea.mjs",
238
274
  "esm": "./esm2022/ui/textArea/aril-ui-textArea.mjs",
239
275
  "default": "./fesm2022/aril-ui-textArea.mjs"
240
276
  },
241
- "./ui/toggle-button": {
242
- "types": "./ui/toggle-button/index.d.ts",
243
- "esm2022": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
244
- "esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
245
- "default": "./fesm2022/aril-ui-toggle-button.mjs"
277
+ "./ui/tagBox": {
278
+ "types": "./ui/tagBox/index.d.ts",
279
+ "esm2022": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
280
+ "esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
281
+ "default": "./fesm2022/aril-ui-tagBox.mjs"
246
282
  },
247
283
  "./ui/tree": {
248
284
  "types": "./ui/tree/index.d.ts",
@@ -250,59 +286,23 @@
250
286
  "esm": "./esm2022/ui/tree/aril-ui-tree.mjs",
251
287
  "default": "./fesm2022/aril-ui-tree.mjs"
252
288
  },
253
- "./ui/treeTable": {
254
- "types": "./ui/treeTable/index.d.ts",
255
- "esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
256
- "esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
257
- "default": "./fesm2022/aril-ui-treeTable.mjs"
258
- },
259
289
  "./ui/value": {
260
290
  "types": "./ui/value/index.d.ts",
261
291
  "esm2022": "./esm2022/ui/value/aril-ui-value.mjs",
262
292
  "esm": "./esm2022/ui/value/aril-ui-value.mjs",
263
293
  "default": "./fesm2022/aril-ui-value.mjs"
264
294
  },
265
- "./util/block": {
266
- "types": "./util/block/index.d.ts",
267
- "esm2022": "./esm2022/util/block/aril-util-block.mjs",
268
- "esm": "./esm2022/util/block/aril-util-block.mjs",
269
- "default": "./fesm2022/aril-util-block.mjs"
270
- },
271
- "./util/custom_pages": {
272
- "types": "./util/custom_pages/index.d.ts",
273
- "esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
274
- "esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
275
- "default": "./fesm2022/aril-util-custom_pages.mjs"
276
- },
277
- "./util/init-event": {
278
- "types": "./util/init-event/index.d.ts",
279
- "esm2022": "./esm2022/util/init-event/aril-util-init-event.mjs",
280
- "esm": "./esm2022/util/init-event/aril-util-init-event.mjs",
281
- "default": "./fesm2022/aril-util-init-event.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/loaders": {
290
- "types": "./util/loaders/index.d.ts",
291
- "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
292
- "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
293
- "default": "./fesm2022/aril-util-loaders.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"
295
+ "./ui/toggle-button": {
296
+ "types": "./ui/toggle-button/index.d.ts",
297
+ "esm2022": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
298
+ "esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
299
+ "default": "./fesm2022/aril-ui-toggle-button.mjs"
300
300
  },
301
- "./util/pub-sub": {
302
- "types": "./util/pub-sub/index.d.ts",
303
- "esm2022": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
304
- "esm": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
305
- "default": "./fesm2022/aril-util-pub-sub.mjs"
301
+ "./boot/config/apps": {
302
+ "types": "./boot/config/apps/index.d.ts",
303
+ "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
304
+ "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
305
+ "default": "./fesm2022/aril-boot-config-apps.mjs"
306
306
  },
307
307
  "./boot/config/api": {
308
308
  "types": "./boot/config/api/index.d.ts",
@@ -310,11 +310,11 @@
310
310
  "esm": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
311
311
  "default": "./fesm2022/aril-boot-config-api.mjs"
312
312
  },
313
- "./boot/config/apps": {
314
- "types": "./boot/config/apps/index.d.ts",
315
- "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
316
- "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
317
- "default": "./fesm2022/aril-boot-config-apps.mjs"
313
+ "./ui/treeTable": {
314
+ "types": "./ui/treeTable/index.d.ts",
315
+ "esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
316
+ "esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
317
+ "default": "./fesm2022/aril-ui-treeTable.mjs"
318
318
  },
319
319
  "./boot/config/plugins": {
320
320
  "types": "./boot/config/plugins/index.d.ts",
@@ -1,4 +1,5 @@
1
1
  import { Router } from '@angular/router';
2
+ import { MenuItem } from 'primeng/api';
2
3
  import * as i0 from "@angular/core";
3
4
  interface Breadcrumb {
4
5
  label: string;
@@ -7,8 +8,12 @@ interface Breadcrumb {
7
8
  export declare class AppBreadcrumbComponent {
8
9
  private router;
9
10
  private readonly _breadcrumbs$;
11
+ private breadcrumbsSubscription;
10
12
  readonly breadcrumbs$: import("rxjs").Observable<Breadcrumb[]>;
13
+ breadcrumbs: MenuItem[];
11
14
  constructor(router: Router);
15
+ ngOnInit(): void;
16
+ ngOnDestroy(): void;
12
17
  private addBreadcrumb;
13
18
  static ɵfac: i0.ɵɵFactoryDeclaration<AppBreadcrumbComponent, never>;
14
19
  static ɵcmp: i0.ɵɵComponentDeclaration<AppBreadcrumbComponent, "app-breadcrumb", never, {}, {}, never, never, true, never>;
@@ -1,17 +1,8 @@
1
- <nav class="layout-breadcrumb">
2
- <ol>
3
- <i class="pi pi-home text-xl"></i>
4
- @for (item of breadcrumbs$ | async; track item; let last = $last) {
5
- <li class="border-bottom-1">
6
- <a [routerLink]="item.url" class="no-underline">
7
- <span class="text-gray-900 text-lg">{{ item.label }}</span>
8
- </a>
9
- </li>
10
- @if (!last) {
11
- <li class="layout-breadcrumb-chevron ">
12
- <i class="pi pi-chevron-right font-semibold text-lg text-gray-900"></i>
13
- </li>
14
- }
15
- }
16
- </ol>
17
- </nav>
1
+ <p-breadcrumb class="max-w-full" [model]="breadcrumbs" [style]="{'border':'none', 'background':'#F9FAFB'}">
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>
8
+ </p-breadcrumb>
@@ -1,8 +1,10 @@
1
- import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
1
+ import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';
2
2
  import { Component } from '@angular/core';
3
3
  import { ActivatedRouteSnapshot, NavigationEnd, Router, RouterLink } from '@angular/router';
4
+ import { MenuItem } from 'primeng/api';
5
+ import { BreadcrumbModule } from 'primeng/breadcrumb';
4
6
 
5
- import { BehaviorSubject } from 'rxjs';
7
+ import { BehaviorSubject, Subscription } from 'rxjs';
6
8
  import { filter } from 'rxjs/operators';
7
9
 
8
10
  interface Breadcrumb {
@@ -13,13 +15,15 @@ interface Breadcrumb {
13
15
  @Component({
14
16
  standalone: true,
15
17
  selector: 'app-breadcrumb',
16
- imports: [NgTemplateOutlet, AsyncPipe, RouterLink],
18
+ imports: [NgTemplateOutlet, AsyncPipe, RouterLink,BreadcrumbModule,NgClass],
17
19
  templateUrl: './app.breadcrumb.component.html'
18
20
  })
19
21
  export class AppBreadcrumbComponent {
20
22
  private readonly _breadcrumbs$ = new BehaviorSubject<Breadcrumb[]>([]);
23
+ private breadcrumbsSubscription!: Subscription;
21
24
 
22
25
  readonly breadcrumbs$ = this._breadcrumbs$.asObservable();
26
+ breadcrumbs: MenuItem[] = [];
23
27
 
24
28
  constructor(private router: Router) {
25
29
  this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((event) => {
@@ -31,6 +35,22 @@ export class AppBreadcrumbComponent {
31
35
  });
32
36
  }
33
37
 
38
+ ngOnInit() {
39
+ this.breadcrumbsSubscription = this.breadcrumbs$.subscribe(breadcrumbs => {
40
+ this.breadcrumbs = breadcrumbs.map(breadcrumb => ({
41
+ label: breadcrumb.label,
42
+ url: breadcrumb.url,
43
+ }));
44
+ this.breadcrumbs.unshift({ icon: 'pi pi-home', url: '/' });
45
+ });
46
+ }
47
+
48
+ ngOnDestroy() {
49
+ if (this.breadcrumbsSubscription) {
50
+ this.breadcrumbsSubscription.unsubscribe();
51
+ }
52
+ }
53
+
34
54
  private addBreadcrumb(route: ActivatedRouteSnapshot, parentUrl: string[], breadcrumbs: Breadcrumb[]) {
35
55
  const routeUrl = parentUrl.concat(route.url.map((url) => url.path));
36
56
  const breadcrumb = route.data['breadcrumb'];
@@ -3,8 +3,6 @@
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
-
7
- <app-breadcrumb class="topbar-breadcrumb"></app-breadcrumb>
8
6
  </div>
9
7
 
10
8
  <div class="topbar-end">
@@ -58,3 +56,4 @@
58
56
  </ul>
59
57
  </div>
60
58
  </div>
59
+ <app-breadcrumb class="topbar-breadcrumb"></app-breadcrumb>
@@ -1,5 +1,4 @@
1
1
  .layout-topbar {
2
- margin-bottom: 2rem;
3
2
  display: flex;
4
3
  justify-content: space-between;
5
4
  align-items: center;
@@ -10,6 +10,8 @@ interface TableColumn {
10
10
  header: string;
11
11
  type: ValueTypes;
12
12
  isOperation?: boolean;
13
+ isShowHeaderTooltip?: boolean;
14
+ tooltipTemplate?: TemplateRef<any>;
13
15
  template: TemplateRef<any>;
14
16
  }
15
17
  export declare class TableColumnComponent {
@@ -17,8 +19,10 @@ export declare class TableColumnComponent {
17
19
  field: import("@angular/core").InputSignal<string, string>;
18
20
  header: import("@angular/core").InputSignal<string, string>;
19
21
  tAlign: import("@angular/core").InputSignal<AlignTypes | undefined, AlignTypes | undefined>;
22
+ isShowHeaderTooltip: import("@angular/core").InputSignal<boolean, boolean>;
23
+ tooltipTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined, TemplateRef<any> | undefined>;
20
24
  template: any;
21
25
  static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": true; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], false, never>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": true; "isSignal": true; }; "tAlign": { "alias": "tAlign"; "required": false; "isSignal": true; }; "isShowHeaderTooltip": { "alias": "isShowHeaderTooltip"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], false, never>;
23
27
  }
24
28
  export {};