@htmlbricks/hb-sidebar-desktop 0.17.9 → 0.17.12

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/release/docs.ts CHANGED
@@ -41,39 +41,268 @@ export const styleSetup: StyleSetup = {
41
41
  parts: cssParts,
42
42
  };
43
43
 
44
+ const navlinks1b: Component["navlinks"] = [
45
+ {
46
+ label: "Settings",
47
+ key: "settings",
48
+ icon: "gear",
49
+ group: "admin",
50
+ },
51
+ {
52
+ label: "Users",
53
+ key: "users",
54
+ icon: "people-fill",
55
+ group: "admin",
56
+ },
57
+ {
58
+ label: "Stats",
59
+ key: "stats",
60
+ icon: "graph-up",
61
+ group: "stats",
62
+ },
63
+ ];
64
+ const navlinks1: Component["navlinks"] = [
65
+ {
66
+ label: "Home",
67
+ key: "home",
68
+ icon: "house-door",
69
+ },
70
+ {
71
+ label: "Dashboard",
72
+ key: "dashboard",
73
+ icon: "speedometer",
74
+ },
75
+ {
76
+ label: "Settings",
77
+ key: "settings",
78
+ icon: "gear",
79
+ group: "admin",
80
+ },
81
+ {
82
+ label: "Users",
83
+ key: "users",
84
+ icon: "people-fill",
85
+ group: "admin",
86
+ },
87
+ {
88
+ label: "Stats",
89
+ key: "stats",
90
+ icon: "graph-up",
91
+ group: "stats",
92
+ },
93
+ ];
94
+ const navlinks3: Component["navlinks"] = [
95
+ {
96
+ label: "Home",
97
+ key: "home",
98
+ icon: "house-door",
99
+ badge: {
100
+ text: "bbb",
101
+ },
102
+ },
103
+ {
104
+ label: "Dashboard",
105
+ key: "dashboard",
106
+ icon: "speedometer",
107
+ badge: {
108
+ text: "bbb",
109
+ },
110
+ },
111
+ {
112
+ label: "Settings",
113
+ key: "settings",
114
+ icon: "gear",
115
+ group: "admin",
116
+ badge: {
117
+ text: "bbb",
118
+ },
119
+ },
120
+ {
121
+ label: "Settingsss",
122
+ key: "settingsss",
123
+ icon: "gear",
124
+ group: "admin",
125
+ subLinks: [
126
+ {
127
+ label: "Home",
128
+ key: "home",
129
+ icon: "house-door",
130
+ badge: {
131
+ text: "bbb",
132
+ },
133
+ },
134
+ {
135
+ label: "Dashboard",
136
+ key: "dashboard",
137
+ icon: "speedometer",
138
+ badge: {
139
+ text: "bbb",
140
+ },
141
+ },
142
+ ],
143
+ },
144
+ {
145
+ label: "Users",
146
+ key: "users",
147
+ icon: "people-fill",
148
+ group: "admin",
149
+ badge: {
150
+ text: "uuuuu",
151
+ },
152
+ },
153
+ {
154
+ label: "Stats",
155
+ key: "stats",
156
+ icon: "graph-up",
157
+ group: "stats",
158
+ badge: {
159
+ text: "bbb",
160
+ },
161
+ },
162
+ ];
163
+ const navlinks2: Component["navlinks"] = [
164
+ {
165
+ label: "Home",
166
+ key: "home",
167
+ icon: "house-door",
168
+ badge: {
169
+ text: "bbb",
170
+ },
171
+ },
172
+ {
173
+ label: "Dashboard",
174
+ key: "dashboard",
175
+ icon: "speedometer",
176
+ badge: {
177
+ text: "bbb",
178
+ },
179
+ },
180
+ {
181
+ label: "Settings",
182
+ key: "settings",
183
+ icon: "gear",
184
+ group: "admin",
185
+ badge: {
186
+ text: "bbb",
187
+ },
188
+ },
189
+ {
190
+ label: "Users",
191
+ key: "users",
192
+ icon: "people-fill",
193
+ group: "admin",
194
+ badge: {
195
+ text: "uuuuu",
196
+ },
197
+ },
198
+ {
199
+ label: "Stats",
200
+ key: "stats",
201
+ icon: "graph-up",
202
+ group: "stats",
203
+ badge: {
204
+ text: "bbb",
205
+ },
206
+ },
207
+ ];
208
+ const navlinks0: Component["navlinks"] = [
209
+ {
210
+ label: "Home",
211
+ key: "home",
212
+ icon: "house-door",
213
+ },
214
+ {
215
+ label: "Dashboard",
216
+ key: "dashboard",
217
+ icon: "speedometer",
218
+ },
219
+ {
220
+ label: "Settings",
221
+ key: "settings",
222
+ icon: "gear",
223
+ },
224
+ {
225
+ label: "Users",
226
+ key: "users",
227
+ icon: "people-fill",
228
+ },
229
+ {
230
+ label: "Stats",
231
+ key: "stats",
232
+ icon: "graph-up",
233
+ },
234
+ ];
235
+
236
+ const groups1: Component["groups"] = [
237
+ {
238
+ key: "stats",
239
+ label: "statistiche",
240
+ },
241
+ {
242
+ key: "admin",
243
+ label: "amministrazione",
244
+ },
245
+ ];
246
+
44
247
  const examples: { name: string; description?: string; data: Component }[] = [
45
248
  {
46
249
  name: "default",
47
250
  data: {
48
- navlinks: [
49
- {
50
- label: "Home",
51
- key: "home",
52
- icon: "house-door",
53
- },
54
- {
55
- label: "Dashboard",
56
- key: "dashboard",
57
- icon: "speedometer",
58
- },
59
- {
60
- label: "Settings",
61
- key: "settings",
62
- icon: "gear",
63
- },
64
- {
65
- label: "Users",
66
- key: "users",
67
- icon: "people-fill",
68
- },
69
- {
70
- label: "Stats",
71
- key: "stats",
72
- icon: "graph-up",
73
- },
74
- ],
251
+ navlinks: navlinks0,
252
+ },
253
+ },
254
+ {
255
+ name: "sidebarOnSettings",
256
+ data: {
257
+ navlinks: navlinks0,
258
+ navpage: "settings",
259
+ },
260
+ },
261
+ {
262
+ name: "sidebarWithGroups",
263
+ data: {
264
+ navlinks: navlinks1b,
265
+ groups: groups1,
266
+ },
267
+ },
268
+ {
269
+ name: "sidebarWithGroupsOnSettings",
270
+ data: {
271
+ navlinks: navlinks1,
272
+ groups: groups1,
273
+ navpage: "settings",
274
+ },
275
+ },
276
+ {
277
+ name: "sidebarWithAutoGroupsOnSettings",
278
+ data: {
279
+ navlinks: navlinks1,
280
+ navpage: "settings",
281
+ },
282
+ },
283
+ {
284
+ name: "sidebarWithAutoGroupsOnSettingsAndBadge",
285
+ data: {
286
+ navlinks: navlinks2,
287
+ navpage: "settings",
288
+ },
289
+ },
290
+
291
+ {
292
+ name: "sidebarWithFooter",
293
+ data: {
294
+ navlinks: navlinks2,
295
+ navpage: "settings",
296
+ enablefooter: true,
297
+ },
298
+ },
299
+
300
+ {
301
+ name: "sidebarMultilevel",
302
+ data: {
303
+ navlinks: navlinks3,
75
304
  navpage: "settings",
76
- companytitle: "acme corp",
305
+ enablefooter: true,
77
306
  },
78
307
  },
79
308
  ];
@@ -267,9 +267,336 @@
267
267
  "key": "stats",
268
268
  "icon": "graph-up"
269
269
  }
270
+ ]
271
+ }
272
+ },
273
+ {
274
+ "name": "sidebarOnSettings",
275
+ "data": {
276
+ "navlinks": [
277
+ {
278
+ "label": "Home",
279
+ "key": "home",
280
+ "icon": "house-door"
281
+ },
282
+ {
283
+ "label": "Dashboard",
284
+ "key": "dashboard",
285
+ "icon": "speedometer"
286
+ },
287
+ {
288
+ "label": "Settings",
289
+ "key": "settings",
290
+ "icon": "gear"
291
+ },
292
+ {
293
+ "label": "Users",
294
+ "key": "users",
295
+ "icon": "people-fill"
296
+ },
297
+ {
298
+ "label": "Stats",
299
+ "key": "stats",
300
+ "icon": "graph-up"
301
+ }
302
+ ],
303
+ "navpage": "settings"
304
+ }
305
+ },
306
+ {
307
+ "name": "sidebarWithGroups",
308
+ "data": {
309
+ "navlinks": [
310
+ {
311
+ "label": "Settings",
312
+ "key": "settings",
313
+ "icon": "gear",
314
+ "group": "admin"
315
+ },
316
+ {
317
+ "label": "Users",
318
+ "key": "users",
319
+ "icon": "people-fill",
320
+ "group": "admin"
321
+ },
322
+ {
323
+ "label": "Stats",
324
+ "key": "stats",
325
+ "icon": "graph-up",
326
+ "group": "stats"
327
+ }
328
+ ],
329
+ "groups": [
330
+ {
331
+ "key": "stats",
332
+ "label": "statistiche"
333
+ },
334
+ {
335
+ "key": "admin",
336
+ "label": "amministrazione"
337
+ }
338
+ ]
339
+ }
340
+ },
341
+ {
342
+ "name": "sidebarWithGroupsOnSettings",
343
+ "data": {
344
+ "navlinks": [
345
+ {
346
+ "label": "Home",
347
+ "key": "home",
348
+ "icon": "house-door"
349
+ },
350
+ {
351
+ "label": "Dashboard",
352
+ "key": "dashboard",
353
+ "icon": "speedometer"
354
+ },
355
+ {
356
+ "label": "Settings",
357
+ "key": "settings",
358
+ "icon": "gear",
359
+ "group": "admin"
360
+ },
361
+ {
362
+ "label": "Users",
363
+ "key": "users",
364
+ "icon": "people-fill",
365
+ "group": "admin"
366
+ },
367
+ {
368
+ "label": "Stats",
369
+ "key": "stats",
370
+ "icon": "graph-up",
371
+ "group": "stats"
372
+ }
373
+ ],
374
+ "groups": [
375
+ {
376
+ "key": "stats",
377
+ "label": "statistiche"
378
+ },
379
+ {
380
+ "key": "admin",
381
+ "label": "amministrazione"
382
+ }
383
+ ],
384
+ "navpage": "settings"
385
+ }
386
+ },
387
+ {
388
+ "name": "sidebarWithAutoGroupsOnSettings",
389
+ "data": {
390
+ "navlinks": [
391
+ {
392
+ "label": "Home",
393
+ "key": "home",
394
+ "icon": "house-door"
395
+ },
396
+ {
397
+ "label": "Dashboard",
398
+ "key": "dashboard",
399
+ "icon": "speedometer"
400
+ },
401
+ {
402
+ "label": "Settings",
403
+ "key": "settings",
404
+ "icon": "gear",
405
+ "group": "admin"
406
+ },
407
+ {
408
+ "label": "Users",
409
+ "key": "users",
410
+ "icon": "people-fill",
411
+ "group": "admin"
412
+ },
413
+ {
414
+ "label": "Stats",
415
+ "key": "stats",
416
+ "icon": "graph-up",
417
+ "group": "stats"
418
+ }
419
+ ],
420
+ "navpage": "settings"
421
+ }
422
+ },
423
+ {
424
+ "name": "sidebarWithAutoGroupsOnSettingsAndBadge",
425
+ "data": {
426
+ "navlinks": [
427
+ {
428
+ "label": "Home",
429
+ "key": "home",
430
+ "icon": "house-door",
431
+ "badge": {
432
+ "text": "bbb"
433
+ }
434
+ },
435
+ {
436
+ "label": "Dashboard",
437
+ "key": "dashboard",
438
+ "icon": "speedometer",
439
+ "badge": {
440
+ "text": "bbb"
441
+ }
442
+ },
443
+ {
444
+ "label": "Settings",
445
+ "key": "settings",
446
+ "icon": "gear",
447
+ "group": "admin",
448
+ "badge": {
449
+ "text": "bbb"
450
+ }
451
+ },
452
+ {
453
+ "label": "Users",
454
+ "key": "users",
455
+ "icon": "people-fill",
456
+ "group": "admin",
457
+ "badge": {
458
+ "text": "uuuuu"
459
+ }
460
+ },
461
+ {
462
+ "label": "Stats",
463
+ "key": "stats",
464
+ "icon": "graph-up",
465
+ "group": "stats",
466
+ "badge": {
467
+ "text": "bbb"
468
+ }
469
+ }
470
+ ],
471
+ "navpage": "settings"
472
+ }
473
+ },
474
+ {
475
+ "name": "sidebarWithFooter",
476
+ "data": {
477
+ "navlinks": [
478
+ {
479
+ "label": "Home",
480
+ "key": "home",
481
+ "icon": "house-door",
482
+ "badge": {
483
+ "text": "bbb"
484
+ }
485
+ },
486
+ {
487
+ "label": "Dashboard",
488
+ "key": "dashboard",
489
+ "icon": "speedometer",
490
+ "badge": {
491
+ "text": "bbb"
492
+ }
493
+ },
494
+ {
495
+ "label": "Settings",
496
+ "key": "settings",
497
+ "icon": "gear",
498
+ "group": "admin",
499
+ "badge": {
500
+ "text": "bbb"
501
+ }
502
+ },
503
+ {
504
+ "label": "Users",
505
+ "key": "users",
506
+ "icon": "people-fill",
507
+ "group": "admin",
508
+ "badge": {
509
+ "text": "uuuuu"
510
+ }
511
+ },
512
+ {
513
+ "label": "Stats",
514
+ "key": "stats",
515
+ "icon": "graph-up",
516
+ "group": "stats",
517
+ "badge": {
518
+ "text": "bbb"
519
+ }
520
+ }
521
+ ],
522
+ "navpage": "settings",
523
+ "enablefooter": true
524
+ }
525
+ },
526
+ {
527
+ "name": "sidebarMultilevel",
528
+ "data": {
529
+ "navlinks": [
530
+ {
531
+ "label": "Home",
532
+ "key": "home",
533
+ "icon": "house-door",
534
+ "badge": {
535
+ "text": "bbb"
536
+ }
537
+ },
538
+ {
539
+ "label": "Dashboard",
540
+ "key": "dashboard",
541
+ "icon": "speedometer",
542
+ "badge": {
543
+ "text": "bbb"
544
+ }
545
+ },
546
+ {
547
+ "label": "Settings",
548
+ "key": "settings",
549
+ "icon": "gear",
550
+ "group": "admin",
551
+ "badge": {
552
+ "text": "bbb"
553
+ }
554
+ },
555
+ {
556
+ "label": "Settingsss",
557
+ "key": "settingsss",
558
+ "icon": "gear",
559
+ "group": "admin",
560
+ "subLinks": [
561
+ {
562
+ "label": "Home",
563
+ "key": "home",
564
+ "icon": "house-door",
565
+ "badge": {
566
+ "text": "bbb"
567
+ }
568
+ },
569
+ {
570
+ "label": "Dashboard",
571
+ "key": "dashboard",
572
+ "icon": "speedometer",
573
+ "badge": {
574
+ "text": "bbb"
575
+ }
576
+ }
577
+ ]
578
+ },
579
+ {
580
+ "label": "Users",
581
+ "key": "users",
582
+ "icon": "people-fill",
583
+ "group": "admin",
584
+ "badge": {
585
+ "text": "uuuuu"
586
+ }
587
+ },
588
+ {
589
+ "label": "Stats",
590
+ "key": "stats",
591
+ "icon": "graph-up",
592
+ "group": "stats",
593
+ "badge": {
594
+ "text": "bbb"
595
+ }
596
+ }
270
597
  ],
271
598
  "navpage": "settings",
272
- "companytitle": "acme corp"
599
+ "enablefooter": true
273
600
  }
274
601
  }
275
602
  ],
@@ -291,5 +618,5 @@
291
618
  "size": {},
292
619
  "iifePath": "release/release.js",
293
620
  "repoName": "@htmlbricks/hb-sidebar-desktop",
294
- "version": "0.17.9"
621
+ "version": "0.17.12"
295
622
  }