@dereekb/dbx-components-mcp 13.10.6 → 13.10.8

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.
@@ -37,13 +37,8 @@
37
37
  "skillRefs": [
38
38
  "dbx__ref__dbx-component-patterns"
39
39
  ],
40
- "sourcePath": "lib/action/action.confirm.directive.ts",
41
40
  "example": "<button [dbxAction]=\"deleteAction\" [dbxActionConfirm]=\"{ header: 'Delete account?', confirmText: 'Delete' }\">Delete</button>",
42
- "minimalExample": "<div [dbxActionConfirm]=\"cfg\"></div>",
43
- "sourceLocation": {
44
- "file": "src/lib/action/action.confirm.directive.ts",
45
- "line": 39
46
- }
41
+ "minimalExample": "<div [dbxActionConfirm]=\"cfg\"></div>"
47
42
  },
48
43
  {
49
44
  "slug": "action-key-trigger",
@@ -70,13 +65,8 @@
70
65
  "skillRefs": [
71
66
  "dbx__ref__dbx-component-patterns"
72
67
  ],
73
- "sourcePath": "lib/action/key.trigger.directive.ts",
74
68
  "example": "<form [dbxAction]=\"saveAction\" [dbxActionKeyTrigger]=\"'cmd+s'\">...</form>",
75
- "minimalExample": "<div [dbxActionKeyTrigger]=\"'enter'\"></div>",
76
- "sourceLocation": {
77
- "file": "src/lib/action/key.trigger.directive.ts",
78
- "line": 25
79
- }
69
+ "minimalExample": "<div [dbxActionKeyTrigger]=\"'enter'\"></div>"
80
70
  },
81
71
  {
82
72
  "slug": "button",
@@ -216,13 +206,8 @@
216
206
  "skillRefs": [
217
207
  "dbx__ref__dbx-ui-building-blocks"
218
208
  ],
219
- "sourcePath": "lib/button/button.component.ts",
220
209
  "example": "<dbx-button [text]=\"'Save'\" raised [dbxAction]=\"saveAction\">\n</dbx-button>",
221
- "minimalExample": "<dbx-button text=\"Save\" raised [dbxAction]=\"saveAction\"></dbx-button>",
222
- "sourceLocation": {
223
- "file": "src/lib/button/button.component.ts",
224
- "line": 45
225
- }
210
+ "minimalExample": "<dbx-button text=\"Save\" raised [dbxAction]=\"saveAction\"></dbx-button>"
226
211
  },
227
212
  {
228
213
  "slug": "button-spacer",
@@ -242,13 +227,8 @@
242
227
  "skillRefs": [
243
228
  "dbx__ref__dbx-ui-building-blocks"
244
229
  ],
245
- "sourcePath": "lib/button/button.spacer.directive.ts",
246
230
  "example": "<dbx-bar>\n <dbx-button text=\"Save\" raised></dbx-button>\n <dbx-button-spacer></dbx-button-spacer>\n <dbx-button text=\"Cancel\"></dbx-button>\n</dbx-bar>",
247
- "minimalExample": "<dbx-button-spacer></dbx-button-spacer>",
248
- "sourceLocation": {
249
- "file": "src/lib/button/button.spacer.directive.ts",
250
- "line": 24
251
- }
231
+ "minimalExample": "<dbx-button-spacer></dbx-button-spacer>"
252
232
  },
253
233
  {
254
234
  "slug": "error",
@@ -288,13 +268,8 @@
288
268
  "skillRefs": [
289
269
  "dbx__ref__dbx-component-patterns"
290
270
  ],
291
- "sourcePath": "lib/error/error.component.ts",
292
271
  "example": "<dbx-error [error]=\"error$ | async\"></dbx-error>",
293
- "minimalExample": "<dbx-error [error]=\"error\"></dbx-error>",
294
- "sourceLocation": {
295
- "file": "src/lib/error/error.component.ts",
296
- "line": 52
297
- }
272
+ "minimalExample": "<dbx-error [error]=\"error\"></dbx-error>"
298
273
  },
299
274
  {
300
275
  "slug": "action-snackbar-error",
@@ -320,13 +295,8 @@
320
295
  "skillRefs": [
321
296
  "dbx__ref__dbx-component-patterns"
322
297
  ],
323
- "sourcePath": "lib/error/error.snackbar.action.directive.ts",
324
298
  "example": "<button [dbxAction]=\"saveAction\" dbxActionSnackbarError>Save</button>",
325
- "minimalExample": "<div [dbxActionSnackbarError]></div>",
326
- "sourceLocation": {
327
- "file": "src/lib/error/error.snackbar.action.directive.ts",
328
- "line": 28
329
- }
299
+ "minimalExample": "<div [dbxActionSnackbarError]></div>"
330
300
  },
331
301
  {
332
302
  "slug": "error-snackbar",
@@ -344,13 +314,8 @@
344
314
  "skillRefs": [
345
315
  "dbx__ref__dbx-component-patterns"
346
316
  ],
347
- "sourcePath": "lib/error/error.snackbar.component.ts",
348
317
  "example": "// Triggered via DbxErrorSnackbarService.showError(error)",
349
- "minimalExample": "<dbx-error-snackbar></dbx-error-snackbar>",
350
- "sourceLocation": {
351
- "file": "src/lib/error/error.snackbar.component.ts",
352
- "line": 51
353
- }
318
+ "minimalExample": "<dbx-error-snackbar></dbx-error-snackbar>"
354
319
  },
355
320
  {
356
321
  "slug": "error-view",
@@ -395,13 +360,8 @@
395
360
  "skillRefs": [
396
361
  "dbx__ref__dbx-component-patterns"
397
362
  ],
398
- "sourcePath": "lib/error/error.view.component.ts",
399
363
  "example": "<dbx-error-view [error]=\"error\">\n <dbx-button text=\"Retry\" [dbxAction]=\"retryAction\"></dbx-button>\n</dbx-error-view>",
400
- "minimalExample": "<dbx-error-view [error]=\"error\"></dbx-error-view>",
401
- "sourceLocation": {
402
- "file": "src/lib/error/error.view.component.ts",
403
- "line": 39
404
- }
364
+ "minimalExample": "<dbx-error-view [error]=\"error\"></dbx-error-view>"
405
365
  },
406
366
  {
407
367
  "slug": "basic-loading",
@@ -473,13 +433,8 @@
473
433
  "skillRefs": [
474
434
  "dbx__ref__dbx-ui-building-blocks"
475
435
  ],
476
- "sourcePath": "lib/loading/basic-loading.component.ts",
477
436
  "example": "<dbx-basic-loading [loading]=\"true\" color=\"accent\" text=\"Loading data...\">\n <p>Content appears here when loading is false.</p>\n</dbx-basic-loading>",
478
- "minimalExample": "<dbx-basic-loading [loading]=\"true\"><p>Content</p></dbx-basic-loading>",
479
- "sourceLocation": {
480
- "file": "src/lib/loading/basic-loading.component.ts",
481
- "line": 45
482
- }
437
+ "minimalExample": "<dbx-basic-loading [loading]=\"true\"><p>Content</p></dbx-basic-loading>"
483
438
  },
484
439
  {
485
440
  "slug": "loading-progress",
@@ -544,13 +499,8 @@
544
499
  "skillRefs": [
545
500
  "dbx__ref__dbx-ui-building-blocks"
546
501
  ],
547
- "sourcePath": "lib/loading/loading-progress.component.ts",
548
502
  "example": "<dbx-loading-progress mode=\"bar\"></dbx-loading-progress>",
549
- "minimalExample": "<dbx-loading-progress></dbx-loading-progress>",
550
- "sourceLocation": {
551
- "file": "src/lib/loading/loading-progress.component.ts",
552
- "line": 35
553
- }
503
+ "minimalExample": "<dbx-loading-progress></dbx-loading-progress>"
554
504
  },
555
505
  {
556
506
  "slug": "action-loading-context",
@@ -569,13 +519,8 @@
569
519
  "skillRefs": [
570
520
  "dbx__ref__dbx-component-patterns"
571
521
  ],
572
- "sourcePath": "lib/loading/loading.action.directive.ts",
573
522
  "example": "<dbx-loading [state]=\"ctx.state$ | async\">\n <button [dbxAction]=\"saveAction\" dbxActionLoadingContext>Save</button>\n</dbx-loading>",
574
- "minimalExample": "<button [dbxActionLoadingContext]></button>",
575
- "sourceLocation": {
576
- "file": "src/lib/loading/loading.action.directive.ts",
577
- "line": 27
578
- }
523
+ "minimalExample": "<button [dbxActionLoadingContext]></button>"
579
524
  },
580
525
  {
581
526
  "slug": "loading",
@@ -659,13 +604,8 @@
659
604
  "skillRefs": [
660
605
  "dbx__ref__dbx-component-patterns"
661
606
  ],
662
- "sourcePath": "lib/loading/loading.component.ts",
663
607
  "example": "<dbx-loading [state]=\"state$ | async\" text=\"Loading items...\">\n <dbx-list [state$]=\"state$\" [config]=\"listConfig\"></dbx-list>\n</dbx-loading>",
664
- "minimalExample": "<dbx-loading [state]=\"state$ | async\">Body</dbx-loading>",
665
- "sourceLocation": {
666
- "file": "src/lib/loading/loading.component.ts",
667
- "line": 44
668
- }
608
+ "minimalExample": "<dbx-loading [state]=\"state$ | async\">Body</dbx-loading>"
669
609
  },
670
610
  {
671
611
  "slug": "resized",
@@ -689,13 +629,8 @@
689
629
  "skillRefs": [
690
630
  "dbx__ref__dbx-ui-building-blocks"
691
631
  ],
692
- "sourcePath": "lib/screen/resize.directive.ts",
693
632
  "example": "<div (dbxResized)=\"onResized($event)\" class=\"resizable-panel\"></div>",
694
- "minimalExample": "<div (dbxResized)=\"handle($event)\"></div>",
695
- "sourceLocation": {
696
- "file": "src/lib/screen/resize.directive.ts",
697
- "line": 23
698
- }
633
+ "minimalExample": "<div (dbxResized)=\"handle($event)\"></div>"
699
634
  },
700
635
  {
701
636
  "slug": "action-snackbar",
@@ -735,13 +670,8 @@
735
670
  "skillRefs": [
736
671
  "dbx__ref__dbx-component-patterns"
737
672
  ],
738
- "sourcePath": "lib/action/snackbar/action.snackbar.directive.ts",
739
673
  "example": "<button [dbxAction]=\"saveAction\" [dbxActionSnackbar]=\"snackbarFn\">Save</button>",
740
- "minimalExample": "<div [dbxActionSnackbar]=\"fn\"></div>",
741
- "sourceLocation": {
742
- "file": "src/lib/action/snackbar/action.snackbar.directive.ts",
743
- "line": 28
744
- }
674
+ "minimalExample": "<div [dbxActionSnackbar]=\"fn\"></div>"
745
675
  },
746
676
  {
747
677
  "slug": "action-transition-safety",
@@ -766,13 +696,8 @@
766
696
  "skillRefs": [
767
697
  "dbx__ref__dbx-component-patterns"
768
698
  ],
769
- "sourcePath": "lib/action/transition/transition.safety.directive.ts",
770
699
  "example": "<form [dbxAction]=\"formAction\" dbxActionTransitionSafety>...</form>",
771
- "minimalExample": "<form [dbxActionTransitionSafety]></form>",
772
- "sourceLocation": {
773
- "file": "src/lib/action/transition/transition.safety.directive.ts",
774
- "line": 39
775
- }
700
+ "minimalExample": "<form [dbxActionTransitionSafety]></form>"
776
701
  },
777
702
  {
778
703
  "slug": "icon-button",
@@ -791,13 +716,8 @@
791
716
  "skillRefs": [
792
717
  "dbx__migration__migrate-dbx-icon-button"
793
718
  ],
794
- "sourcePath": "lib/button/icon/icon.button.component.ts",
795
719
  "example": "<dbx-icon-button icon=\"delete\" color=\"warn\" [dbxAction]=\"deleteAction\"></dbx-icon-button>",
796
- "minimalExample": "<dbx-icon-button icon=\"add\"></dbx-icon-button>",
797
- "sourceLocation": {
798
- "file": "src/lib/button/icon/icon.button.component.ts",
799
- "line": 25
800
- }
720
+ "minimalExample": "<dbx-icon-button icon=\"add\"></dbx-icon-button>"
801
721
  },
802
722
  {
803
723
  "slug": "progress-bar-button",
@@ -854,13 +774,8 @@
854
774
  "skillRefs": [
855
775
  "dbx__ref__dbx-ui-building-blocks"
856
776
  ],
857
- "sourcePath": "lib/button/progress/bar.button.component.ts",
858
777
  "example": "<dbx-progress-bar-button [config]=\"cfg\" (btnClick)=\"onClick()\"></dbx-progress-bar-button>",
859
- "minimalExample": "<dbx-progress-bar-button [config]=\"cfg\"></dbx-progress-bar-button>",
860
- "sourceLocation": {
861
- "file": "src/lib/button/progress/bar.button.component.ts",
862
- "line": 30
863
- }
778
+ "minimalExample": "<dbx-progress-bar-button [config]=\"cfg\"></dbx-progress-bar-button>"
864
779
  },
865
780
  {
866
781
  "slug": "progress-spinner-button",
@@ -917,13 +832,31 @@
917
832
  "skillRefs": [
918
833
  "dbx__ref__dbx-ui-building-blocks"
919
834
  ],
920
- "sourcePath": "lib/button/progress/spinner.button.component.ts",
921
835
  "example": "<dbx-progress-spinner-button [config]=\"cfg\" (btnClick)=\"onClick()\"></dbx-progress-spinner-button>",
922
- "minimalExample": "<dbx-progress-spinner-button [config]=\"cfg\"></dbx-progress-spinner-button>",
923
- "sourceLocation": {
924
- "file": "src/lib/button/progress/spinner.button.component.ts",
925
- "line": 30
926
- }
836
+ "minimalExample": "<dbx-progress-spinner-button [config]=\"cfg\"></dbx-progress-spinner-button>"
837
+ },
838
+ {
839
+ "slug": "page-title-info",
840
+ "category": "navigation",
841
+ "kind": "directive",
842
+ "selector": "[dbxWebPageTitleInfo]",
843
+ "className": "DbxWebPageTitleInfoDirective",
844
+ "module": "@dereekb/dbx-web",
845
+ "description": "Registers a hierarchical page title segment with {@link DbxWebPageTitleService}. Multiple directives nested in the host tree\nform a chain (root → leaf); the leaf's segment takes priority through the active delegate.\n\nThe directive locates its parent of the same type via element-injector ascent (`{ skipSelf: true, optional: true }`),\nmirroring Angular CDK's tree-node hierarchy pattern. Each directive maintains its own `children` set so the service can\ncompute which directives are leaves at any moment.\n\nRequires {@link provideDbxWebPageTitleService} to be set up at the application or feature scope.",
846
+ "inputs": [
847
+ {
848
+ "name": "dbxWebPageTitleInfo",
849
+ "type": "Maybe<DbxWebPageTitleInfoConfig>",
850
+ "description": "",
851
+ "required": false
852
+ }
853
+ ],
854
+ "outputs": [],
855
+ "skillRefs": [
856
+ "dbx__ref__dbx-app-structure"
857
+ ],
858
+ "example": "<div [dbxWebPageTitleInfo]=\"appTitleConfigSignal()\">\n <ui-view>\n <div [dbxWebPageTitleInfo]=\"pageTitleConfigSignal()\">\n <!-- leaf -->\n </div>\n </ui-view>\n</div>",
859
+ "minimalExample": "<div [dbxWebPageTitleInfo]=\"{ title: 'Docs' }\"></div>"
927
860
  },
928
861
  {
929
862
  "slug": "dialog-content",
@@ -951,13 +884,8 @@
951
884
  "skillRefs": [
952
885
  "dbx__ref__dbx-app-structure"
953
886
  ],
954
- "sourcePath": "lib/interaction/dialog/dialog.content.directive.ts",
955
887
  "example": "<dbx-dialog-content>\n <h2>Confirm</h2>\n <p>Are you sure?</p>\n</dbx-dialog-content>",
956
- "minimalExample": "<div dbxDialogContent>Body</div>",
957
- "sourceLocation": {
958
- "file": "src/lib/interaction/dialog/dialog.content.directive.ts",
959
- "line": 31
960
- }
888
+ "minimalExample": "<div dbxDialogContent>Body</div>"
961
889
  },
962
890
  {
963
891
  "slug": "popover",
@@ -977,13 +905,8 @@
977
905
  "skillRefs": [
978
906
  "dbx__ref__dbx-app-structure"
979
907
  ],
980
- "sourcePath": "lib/interaction/popover/popover.component.ts",
981
908
  "example": "// In a service: this.popoverService.open({ content: MyContentComponent, origin })",
982
- "minimalExample": "<dbx-popover></dbx-popover>",
983
- "sourceLocation": {
984
- "file": "src/lib/interaction/popover/popover.component.ts",
985
- "line": 89
986
- }
909
+ "minimalExample": "<dbx-popover></dbx-popover>"
987
910
  },
988
911
  {
989
912
  "slug": "popup",
@@ -1001,13 +924,8 @@
1001
924
  "skillRefs": [
1002
925
  "dbx__ref__dbx-app-structure"
1003
926
  ],
1004
- "sourcePath": "lib/interaction/popup/popup.component.ts",
1005
927
  "example": "// In a service: this.popupService.open({ content: MyContentComponent })",
1006
- "minimalExample": "<dbx-popup></dbx-popup>",
1007
- "sourceLocation": {
1008
- "file": "src/lib/interaction/popup/popup.component.ts",
1009
- "line": 63
1010
- }
928
+ "minimalExample": "<dbx-popup></dbx-popup>"
1011
929
  },
1012
930
  {
1013
931
  "slug": "prompt",
@@ -1040,13 +958,8 @@
1040
958
  "skillRefs": [
1041
959
  "dbx__ref__dbx-app-structure"
1042
960
  ],
1043
- "sourcePath": "lib/interaction/prompt/prompt.component.ts",
1044
961
  "example": "<dbx-prompt header=\"Delete account\" prompt=\"This cannot be undone.\">\n <button mat-button (click)=\"cancel()\">Cancel</button>\n <button mat-flat-button color=\"warn\" (click)=\"confirm()\">Delete</button>\n</dbx-prompt>",
1045
- "minimalExample": "<dbx-prompt header=\"Confirm\"></dbx-prompt>",
1046
- "sourceLocation": {
1047
- "file": "src/lib/interaction/prompt/prompt.component.ts",
1048
- "line": 25
1049
- }
962
+ "minimalExample": "<dbx-prompt header=\"Confirm\"></dbx-prompt>"
1050
963
  },
1051
964
  {
1052
965
  "slug": "prompt-confirm",
@@ -1085,13 +998,8 @@
1085
998
  "skillRefs": [
1086
999
  "dbx__ref__dbx-app-structure"
1087
1000
  ],
1088
- "sourcePath": "lib/interaction/prompt/prompt.confirm.component.ts",
1089
1001
  "example": "<dbx-prompt-confirm [config]=\"{ header: 'Delete?', confirmText: 'Delete', cancelText: 'Cancel' }\"></dbx-prompt-confirm>",
1090
- "minimalExample": "<dbx-prompt-confirm [config]=\"cfg\"></dbx-prompt-confirm>",
1091
- "sourceLocation": {
1092
- "file": "src/lib/interaction/prompt/prompt.confirm.component.ts",
1093
- "line": 34
1094
- }
1002
+ "minimalExample": "<dbx-prompt-confirm [config]=\"cfg\"></dbx-prompt-confirm>"
1095
1003
  },
1096
1004
  {
1097
1005
  "slug": "bar",
@@ -1118,13 +1026,8 @@
1118
1026
  "skillRefs": [
1119
1027
  "dbx__ref__dbx-ui-building-blocks"
1120
1028
  ],
1121
- "sourcePath": "lib/layout/bar/bar.directive.ts",
1122
1029
  "example": "<dbx-bar>\n <dbx-button text=\"Save\" raised color=\"primary\"></dbx-button>\n <dbx-button-spacer></dbx-button-spacer>\n <dbx-button text=\"Cancel\" stroked></dbx-button>\n</dbx-bar>",
1123
- "minimalExample": "<dbx-bar><button>A</button><button>B</button></dbx-bar>",
1124
- "sourceLocation": {
1125
- "file": "src/lib/layout/bar/bar.directive.ts",
1126
- "line": 27
1127
- }
1030
+ "minimalExample": "<dbx-bar><button>A</button><button>B</button></dbx-bar>"
1128
1031
  },
1129
1032
  {
1130
1033
  "slug": "bar-header",
@@ -1163,13 +1066,8 @@
1163
1066
  "skillRefs": [
1164
1067
  "dbx__ref__dbx-ui-building-blocks"
1165
1068
  ],
1166
- "sourcePath": "lib/layout/bar/bar.header.component.ts",
1167
1069
  "example": "<dbx-bar-header header=\"Members\" icon=\"group\">\n <button mat-icon-button><mat-icon>add</mat-icon></button>\n</dbx-bar-header>",
1168
- "minimalExample": "<dbx-bar-header header=\"Title\"></dbx-bar-header>",
1169
- "sourceLocation": {
1170
- "file": "src/lib/layout/bar/bar.header.component.ts",
1171
- "line": 26
1172
- }
1070
+ "minimalExample": "<dbx-bar-header header=\"Title\"></dbx-bar-header>"
1173
1071
  },
1174
1072
  {
1175
1073
  "slug": "pagebar",
@@ -1197,13 +1095,8 @@
1197
1095
  "dbx__ref__dbx-ui-building-blocks",
1198
1096
  "dbx__ref__dbx-app-structure"
1199
1097
  ],
1200
- "sourcePath": "lib/layout/bar/pagebar.component.ts",
1201
1098
  "example": "<dbx-pagebar>\n <h2>Settings</h2>\n <span class=\"spacer\"></span>\n <button mat-stroked-button>Save</button>\n</dbx-pagebar>",
1202
- "minimalExample": "<dbx-pagebar>Title</dbx-pagebar>",
1203
- "sourceLocation": {
1204
- "file": "src/lib/layout/bar/pagebar.component.ts",
1205
- "line": 28
1206
- }
1099
+ "minimalExample": "<dbx-pagebar>Title</dbx-pagebar>"
1207
1100
  },
1208
1101
  {
1209
1102
  "slug": "card-box",
@@ -1236,13 +1129,8 @@
1236
1129
  "skillRefs": [
1237
1130
  "dbx__ref__dbx-ui-building-blocks"
1238
1131
  ],
1239
- "sourcePath": "lib/layout/card/card.box.component.ts",
1240
1132
  "example": "<dbx-card-box [header]=\"'Settings'\" [icon]=\"'settings'\">\n <button sectionHeader mat-icon-button><mat-icon>edit</mat-icon></button>\n <p>Card body content goes here.</p>\n</dbx-card-box>",
1241
- "minimalExample": "<dbx-card-box header=\"Title\"><p>Body</p></dbx-card-box>",
1242
- "sourceLocation": {
1243
- "file": "src/lib/layout/card/card.box.component.ts",
1244
- "line": 26
1245
- }
1133
+ "minimalExample": "<dbx-card-box header=\"Title\"><p>Body</p></dbx-card-box>"
1246
1134
  },
1247
1135
  {
1248
1136
  "slug": "card-box-container",
@@ -1260,13 +1148,8 @@
1260
1148
  "skillRefs": [
1261
1149
  "dbx__ref__dbx-ui-building-blocks"
1262
1150
  ],
1263
- "sourcePath": "lib/layout/card/card.box.container.directive.ts",
1264
1151
  "example": "<dbx-card-box-container>\n <dbx-card-box header=\"One\"></dbx-card-box>\n <dbx-card-box header=\"Two\"></dbx-card-box>\n</dbx-card-box-container>",
1265
- "minimalExample": "<div dbxCardBoxContainer><dbx-card-box></dbx-card-box></div>",
1266
- "sourceLocation": {
1267
- "file": "src/lib/layout/card/card.box.container.directive.ts",
1268
- "line": 25
1269
- }
1152
+ "minimalExample": "<div dbxCardBoxContainer><dbx-card-box></dbx-card-box></div>"
1270
1153
  },
1271
1154
  {
1272
1155
  "slug": "content-box",
@@ -1301,13 +1184,8 @@
1301
1184
  "skillRefs": [
1302
1185
  "dbx__ref__dbx-ui-building-blocks"
1303
1186
  ],
1304
- "sourcePath": "lib/layout/content/content.box.directive.ts",
1305
1187
  "example": "<dbx-content-box>\n <p>Summary content</p>\n</dbx-content-box>",
1306
- "minimalExample": "<div dbxContentBox>Body</div>",
1307
- "sourceLocation": {
1308
- "file": "src/lib/layout/content/content.box.directive.ts",
1309
- "line": 23
1310
- }
1188
+ "minimalExample": "<div dbxContentBox>Body</div>"
1311
1189
  },
1312
1190
  {
1313
1191
  "slug": "content-container",
@@ -1349,13 +1227,8 @@
1349
1227
  "skillRefs": [
1350
1228
  "dbx__ref__dbx-ui-building-blocks"
1351
1229
  ],
1352
- "sourcePath": "lib/layout/content/content.container.directive.ts",
1353
1230
  "example": "<dbx-content-container grow=\"full\" padding=\"normal\">\n <p>Page body</p>\n</dbx-content-container>",
1354
- "minimalExample": "<div dbxContentContainer>Body</div>",
1355
- "sourceLocation": {
1356
- "file": "src/lib/layout/content/content.container.directive.ts",
1357
- "line": 33
1358
- }
1231
+ "minimalExample": "<div dbxContentContainer>Body</div>"
1359
1232
  },
1360
1233
  {
1361
1234
  "slug": "content",
@@ -1375,13 +1248,8 @@
1375
1248
  "skillRefs": [
1376
1249
  "dbx__ref__dbx-ui-building-blocks"
1377
1250
  ],
1378
- "sourcePath": "lib/layout/content/content.directive.ts",
1379
1251
  "example": "<div dbxContent>\n <p>Standard content body</p>\n</div>",
1380
- "minimalExample": "<dbx-content>Body</dbx-content>",
1381
- "sourceLocation": {
1382
- "file": "src/lib/layout/content/content.directive.ts",
1383
- "line": 22
1384
- }
1252
+ "minimalExample": "<dbx-content>Body</dbx-content>"
1385
1253
  },
1386
1254
  {
1387
1255
  "slug": "content-elevate",
@@ -1408,13 +1276,8 @@
1408
1276
  "skillRefs": [
1409
1277
  "dbx__ref__dbx-ui-building-blocks"
1410
1278
  ],
1411
- "sourcePath": "lib/layout/content/content.elevate.directive.ts",
1412
1279
  "example": "<div dbxContentElevate>Highlighted block</div>",
1413
- "minimalExample": "<dbx-content-elevate>Body</dbx-content-elevate>",
1414
- "sourceLocation": {
1415
- "file": "src/lib/layout/content/content.elevate.directive.ts",
1416
- "line": 21
1417
- }
1280
+ "minimalExample": "<dbx-content-elevate>Body</dbx-content-elevate>"
1418
1281
  },
1419
1282
  {
1420
1283
  "slug": "content-page",
@@ -1433,13 +1296,8 @@
1433
1296
  "skillRefs": [
1434
1297
  "dbx__ref__dbx-ui-building-blocks"
1435
1298
  ],
1436
- "sourcePath": "lib/layout/content/content.page.directive.ts",
1437
1299
  "example": "<div dbxContentPage>\n <dbx-section-page header=\"Dashboard\"><p>...</p></dbx-section-page>\n</div>",
1438
- "minimalExample": "<dbx-content-page>Page</dbx-content-page>",
1439
- "sourceLocation": {
1440
- "file": "src/lib/layout/content/content.page.directive.ts",
1441
- "line": 23
1442
- }
1300
+ "minimalExample": "<dbx-content-page>Page</dbx-content-page>"
1443
1301
  },
1444
1302
  {
1445
1303
  "slug": "content-pit",
@@ -1472,13 +1330,8 @@
1472
1330
  "skillRefs": [
1473
1331
  "dbx__ref__dbx-ui-building-blocks"
1474
1332
  ],
1475
- "sourcePath": "lib/layout/content/content.pit.directive.ts",
1476
1333
  "example": "<div dbxContentPit>Inset block</div>",
1477
- "minimalExample": "<dbx-content-pit>Body</dbx-content-pit>",
1478
- "sourceLocation": {
1479
- "file": "src/lib/layout/content/content.pit.directive.ts",
1480
- "line": 38
1481
- }
1334
+ "minimalExample": "<dbx-content-pit>Body</dbx-content-pit>"
1482
1335
  },
1483
1336
  {
1484
1337
  "slug": "flex-group",
@@ -1526,13 +1379,8 @@
1526
1379
  "skillRefs": [
1527
1380
  "dbx__ref__dbx-ui-building-blocks"
1528
1381
  ],
1529
- "sourcePath": "lib/layout/flex/flex.group.directive.ts",
1530
1382
  "example": "<div dbxFlexGroup breakpoint=\"sm\">\n <div dbxFlexSize=\"2\">Wide</div>\n <div dbxFlexSize=\"1\">Narrow</div>\n</div>",
1531
- "minimalExample": "<div dbxFlexGroup><div dbxFlexSize=\"1\">A</div></div>",
1532
- "sourceLocation": {
1533
- "file": "src/lib/layout/flex/flex.group.directive.ts",
1534
- "line": 33
1535
- }
1383
+ "minimalExample": "<div dbxFlexGroup><div dbxFlexSize=\"1\">A</div></div>"
1536
1384
  },
1537
1385
  {
1538
1386
  "slug": "flex-size",
@@ -1557,13 +1405,8 @@
1557
1405
  "skillRefs": [
1558
1406
  "dbx__ref__dbx-ui-building-blocks"
1559
1407
  ],
1560
- "sourcePath": "lib/layout/flex/flex.size.directive.ts",
1561
1408
  "example": "<div dbxFlexGroup>\n <div dbxFlexSize=\"2\">Twice as wide</div>\n <div dbxFlexSize=\"1\">Narrow</div>\n</div>",
1562
- "minimalExample": "<div dbxFlexSize=\"1\"></div>",
1563
- "sourceLocation": {
1564
- "file": "src/lib/layout/flex/flex.size.directive.ts",
1565
- "line": 25
1566
- }
1409
+ "minimalExample": "<div dbxFlexSize=\"1\"></div>"
1567
1410
  },
1568
1411
  {
1569
1412
  "slug": "list",
@@ -1634,13 +1477,8 @@
1634
1477
  "skillRefs": [
1635
1478
  "dbx__ref__dbx-component-patterns"
1636
1479
  ],
1637
- "sourcePath": "lib/layout/list/list.component.ts",
1638
1480
  "example": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\" (contentScrolled)=\"onScroll($event)\"></dbx-list>",
1639
- "minimalExample": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\"></dbx-list>",
1640
- "sourceLocation": {
1641
- "file": "src/lib/layout/list/list.component.ts",
1642
- "line": 138
1643
- }
1481
+ "minimalExample": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\"></dbx-list>"
1644
1482
  },
1645
1483
  {
1646
1484
  "slug": "list-empty-content",
@@ -1659,13 +1497,8 @@
1659
1497
  "skillRefs": [
1660
1498
  "dbx__ref__dbx-component-patterns"
1661
1499
  ],
1662
- "sourcePath": "lib/layout/list/list.content.empty.component.ts",
1663
1500
  "example": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\">\n <dbx-list-empty-content>\n <p>No items yet — add one to get started.</p>\n </dbx-list-empty-content>\n</dbx-list>",
1664
- "minimalExample": "<dbx-list-empty-content>Empty</dbx-list-empty-content>",
1665
- "sourceLocation": {
1666
- "file": "src/lib/layout/list/list.content.empty.component.ts",
1667
- "line": 24
1668
- }
1501
+ "minimalExample": "<dbx-list-empty-content>Empty</dbx-list-empty-content>"
1669
1502
  },
1670
1503
  {
1671
1504
  "slug": "list-view",
@@ -1693,13 +1526,8 @@
1693
1526
  "skillRefs": [
1694
1527
  "dbx__ref__dbx-component-patterns"
1695
1528
  ],
1696
- "sourcePath": "lib/layout/list/list.view.value.component.ts",
1697
1529
  "example": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>",
1698
- "minimalExample": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>",
1699
- "sourceLocation": {
1700
- "file": "src/lib/layout/list/list.view.value.component.ts",
1701
- "line": 194
1702
- }
1530
+ "minimalExample": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>"
1703
1531
  },
1704
1532
  {
1705
1533
  "slug": "selection-list-view",
@@ -1725,13 +1553,8 @@
1725
1553
  "skillRefs": [
1726
1554
  "dbx__ref__dbx-component-patterns"
1727
1555
  ],
1728
- "sourcePath": "lib/layout/list/list.view.value.selection.component.ts",
1729
1556
  "example": "<dbx-selection-list-view [config]=\"rowConfig\" selectionMode=\"multi\"></dbx-selection-list-view>",
1730
- "minimalExample": "<dbx-selection-list-view [config]=\"rowConfig\"></dbx-selection-list-view>",
1731
- "sourceLocation": {
1732
- "file": "src/lib/layout/list/list.view.value.selection.component.ts",
1733
- "line": 104
1734
- }
1557
+ "minimalExample": "<dbx-selection-list-view [config]=\"rowConfig\"></dbx-selection-list-view>"
1735
1558
  },
1736
1559
  {
1737
1560
  "slug": "section",
@@ -1810,13 +1633,8 @@
1810
1633
  "dbx__ref__dbx-ui-building-blocks",
1811
1634
  "dbx__ref__dbx-component-patterns"
1812
1635
  ],
1813
- "sourcePath": "lib/layout/section/section.component.ts",
1814
1636
  "example": "<dbx-section header=\"My Section\" icon=\"info\" hint=\"Additional context\">\n <p>Section body content here.</p>\n</dbx-section>\n\n<dbx-section header=\"Elevated Section\" [elevate]=\"true\">\n <button sectionHeader>Custom Header Action</button>\n <p>Body content with elevated card styling.</p>\n</dbx-section>",
1815
- "minimalExample": "<dbx-section header=\"My Section\"><p>Body</p></dbx-section>",
1816
- "sourceLocation": {
1817
- "file": "src/lib/layout/section/section.component.ts",
1818
- "line": 29
1819
- }
1637
+ "minimalExample": "<dbx-section header=\"My Section\"><p>Body</p></dbx-section>"
1820
1638
  },
1821
1639
  {
1822
1640
  "slug": "section-header",
@@ -1885,13 +1703,8 @@
1885
1703
  "skillRefs": [
1886
1704
  "dbx__ref__dbx-ui-building-blocks"
1887
1705
  ],
1888
- "sourcePath": "lib/layout/section/section.header.component.ts",
1889
1706
  "example": "<div class=\"dbx-section-header\" header=\"Custom Layout\" [h]=\"2\" icon=\"info\"></div>",
1890
- "minimalExample": "<dbx-section-header header=\"My Header\"></dbx-section-header>",
1891
- "sourceLocation": {
1892
- "file": "src/lib/layout/section/section.header.component.ts",
1893
- "line": 26
1894
- }
1707
+ "minimalExample": "<dbx-section-header header=\"My Header\"></dbx-section-header>"
1895
1708
  },
1896
1709
  {
1897
1710
  "slug": "intro-action-section",
@@ -1937,13 +1750,8 @@
1937
1750
  "skillRefs": [
1938
1751
  "dbx__ref__dbx-ui-building-blocks"
1939
1752
  ],
1940
- "sourcePath": "lib/layout/section/section.intro.component.ts",
1941
1753
  "example": "<dbx-intro-action-section\n hint=\"Welcome! Click below to get started.\"\n action=\"Get Started\"\n [showIntro]=\"!hasOnboarded\"\n (showAction)=\"markOnboarded()\">\n <p>Main content shown after the action.</p>\n</dbx-intro-action-section>",
1942
- "minimalExample": "<dbx-intro-action-section hint=\"Welcome\" action=\"Start\"><p>Body</p></dbx-intro-action-section>",
1943
- "sourceLocation": {
1944
- "file": "src/lib/layout/section/section.intro.component.ts",
1945
- "line": 29
1946
- }
1754
+ "minimalExample": "<dbx-intro-action-section hint=\"Welcome\" action=\"Start\"><p>Body</p></dbx-intro-action-section>"
1947
1755
  },
1948
1756
  {
1949
1757
  "slug": "section-page",
@@ -2020,13 +1828,8 @@
2020
1828
  "dbx__ref__dbx-ui-building-blocks",
2021
1829
  "dbx__ref__dbx-app-structure"
2022
1830
  ],
2023
- "sourcePath": "lib/layout/section/section.page.component.ts",
2024
1831
  "example": "<dbx-section-page header=\"Dashboard\" icon=\"dashboard\" scroll=\"body\">\n <p>Top-level page content.</p>\n</dbx-section-page>",
2025
- "minimalExample": "<dbx-section-page header=\"Page\"><p>Body</p></dbx-section-page>",
2026
- "sourceLocation": {
2027
- "file": "src/lib/layout/section/section.page.component.ts",
2028
- "line": 34
2029
- }
1832
+ "minimalExample": "<dbx-section-page header=\"Page\"><p>Body</p></dbx-section-page>"
2030
1833
  },
2031
1834
  {
2032
1835
  "slug": "subsection",
@@ -2102,13 +1905,8 @@
2102
1905
  "skillRefs": [
2103
1906
  "dbx__ref__dbx-ui-building-blocks"
2104
1907
  ],
2105
- "sourcePath": "lib/layout/section/subsection.component.ts",
2106
1908
  "example": "<dbx-section header=\"Settings\">\n <dbx-subsection header=\"Notifications\" icon=\"notifications\">\n <p>Subsection body.</p>\n </dbx-subsection>\n</dbx-section>",
2107
- "minimalExample": "<dbx-subsection header=\"Details\"><p>Body</p></dbx-subsection>",
2108
- "sourceLocation": {
2109
- "file": "src/lib/layout/section/subsection.component.ts",
2110
- "line": 27
2111
- }
1909
+ "minimalExample": "<dbx-subsection header=\"Details\"><p>Body</p></dbx-subsection>"
2112
1910
  },
2113
1911
  {
2114
1912
  "slug": "spacer",
@@ -2127,13 +1925,8 @@
2127
1925
  "skillRefs": [
2128
1926
  "dbx__ref__dbx-ui-building-blocks"
2129
1927
  ],
2130
- "sourcePath": "lib/layout/style/spacer.directive.ts",
2131
1928
  "example": "<dbx-bar>\n <span>Title</span>\n <dbx-spacer></dbx-spacer>\n <button mat-button>Action</button>\n</dbx-bar>",
2132
- "minimalExample": "<dbx-spacer></dbx-spacer>",
2133
- "sourceLocation": {
2134
- "file": "src/lib/layout/style/spacer.directive.ts",
2135
- "line": 24
2136
- }
1929
+ "minimalExample": "<dbx-spacer></dbx-spacer>"
2137
1930
  },
2138
1931
  {
2139
1932
  "slug": "click-to-copy-text",
@@ -2202,13 +1995,8 @@
2202
1995
  "skillRefs": [
2203
1996
  "dbx__ref__dbx-ui-building-blocks"
2204
1997
  ],
2205
- "sourcePath": "lib/layout/text/copy.text.component.ts",
2206
1998
  "example": "<dbx-click-to-copy-text [text]=\"userId\"></dbx-click-to-copy-text>",
2207
- "minimalExample": "<dbx-click-to-copy-text [text]=\"value\"></dbx-click-to-copy-text>",
2208
- "sourceLocation": {
2209
- "file": "src/lib/layout/text/copy.text.component.ts",
2210
- "line": 26
2211
- }
1999
+ "minimalExample": "<dbx-click-to-copy-text [text]=\"value\"></dbx-click-to-copy-text>"
2212
2000
  },
2213
2001
  {
2214
2002
  "slug": "detail-block",
@@ -2254,13 +2042,73 @@
2254
2042
  "skillRefs": [
2255
2043
  "dbx__ref__dbx-ui-building-blocks"
2256
2044
  ],
2257
- "sourcePath": "lib/layout/text/detail.block.component.ts",
2258
2045
  "example": "<dbx-detail-block header=\"Email\" icon=\"mail\">\n <p>{{ user.email }}</p>\n</dbx-detail-block>",
2259
- "minimalExample": "<dbx-detail-block header=\"Label\">Body</dbx-detail-block>",
2260
- "sourceLocation": {
2261
- "file": "src/lib/layout/text/detail.block.component.ts",
2262
- "line": 26
2263
- }
2046
+ "minimalExample": "<dbx-detail-block header=\"Label\">Body</dbx-detail-block>"
2047
+ },
2048
+ {
2049
+ "slug": "icon-tile",
2050
+ "category": "layout",
2051
+ "kind": "component",
2052
+ "selector": "dbx-icon-tile",
2053
+ "className": "DbxIconTileComponent",
2054
+ "module": "@dereekb/dbx-web",
2055
+ "description": "Rounded, padded leading-icon tile. Renders a `<mat-icon>` from the\n`icon` input centered inside a flex tile, or projects custom content\nwhen `icon` is not supplied. Apply `[dbxColor]` (optionally with\n`[dbxColorTone]`) directly on the host to give the tile a tonal or\nfull-color background — the tile itself sets layout only.\n\nSet `[round]=\"true\"` to apply the `dbx-icon-tile-round` modifier and\nrender a circle instead of the default 12px-rounded square.\n\nEquivalent to writing `<div dbxIconTile [dbxColor]=\"'…'\"><mat-icon>…</mat-icon></div>`,\nbut with the icon name as a single input. Backed by the same\n`dbx-icon-tile` host class as {@link DbxIconTileDirective}, so the CSS\nutility, the directive form, and this component all share styling.\n\nSizing, padding, border radius, font, and inner `.mat-icon` size are\nall configurable via CSS custom properties on the host:\n`--dbx-icon-tile-width`, `--dbx-icon-tile-height`,\n`--dbx-icon-tile-min-width`, `--dbx-icon-tile-padding`,\n`--dbx-icon-tile-border-radius`, `--dbx-icon-tile-font-size`,\n`--dbx-icon-tile-font-weight`, `--dbx-icon-tile-icon-size`.",
2056
+ "inputs": [
2057
+ {
2058
+ "name": "icon",
2059
+ "type": "Maybe<string>",
2060
+ "description": "",
2061
+ "required": false
2062
+ },
2063
+ {
2064
+ "name": "round",
2065
+ "type": "boolean",
2066
+ "description": "",
2067
+ "required": false,
2068
+ "default": "false"
2069
+ }
2070
+ ],
2071
+ "outputs": [],
2072
+ "contentProjection": "Optional fallback content rendered when `icon` is not supplied (e.g. a custom icon component).",
2073
+ "relatedSlugs": [
2074
+ "icon-tile-host",
2075
+ "dbx-color",
2076
+ "list-two-line-item"
2077
+ ],
2078
+ "skillRefs": [
2079
+ "dbx__ref__dbx-ui-building-blocks"
2080
+ ],
2081
+ "example": "<dbx-icon-tile [icon]=\"'check'\" [dbxColor]=\"'primary'\" [dbxColorTone]=\"18\"></dbx-icon-tile>\n\n<dbx-icon-tile [icon]=\"'star'\" [round]=\"true\" [dbxColor]=\"'accent'\"></dbx-icon-tile>\n\n<dbx-icon-tile [dbxColor]=\"'accent'\">\n <my-custom-glyph></my-custom-glyph>\n</dbx-icon-tile>",
2082
+ "minimalExample": "<dbx-icon-tile [icon]=\"'verified'\" [dbxColor]=\"'success'\"></dbx-icon-tile>"
2083
+ },
2084
+ {
2085
+ "slug": "icon-tile-host",
2086
+ "category": "layout",
2087
+ "kind": "directive",
2088
+ "selector": "[dbxIconTile]",
2089
+ "className": "DbxIconTileDirective",
2090
+ "module": "@dereekb/dbx-web",
2091
+ "description": "Host-class form of the icon tile — applies the `dbx-icon-tile` utility\n(flex-centered, 12px rounded, 8px padded) to an existing element. Use\nthis when an existing slot (e.g. a list row's `.item-icon` div) needs\nthe tile presentation without introducing a wrapping component, or\nwhen stacking with another component that already owns the host (so a\n`<dbx-icon-tile>` child element isn't possible).\n\nPair with `[dbxColor]` (optionally `[dbxColorTone]`) on the same host\nfor a tonal/full-color background. The host has no background of its\nown — only layout. For the convenient component form that renders the\n`<mat-icon>` for you, use {@link DbxIconTileComponent} (`<dbx-icon-tile>`).\n\nSizing, padding, border radius, font, and inner `.mat-icon` size are\nall configurable via CSS custom properties on the host:\n`--dbx-icon-tile-width`, `--dbx-icon-tile-height`,\n`--dbx-icon-tile-min-width`, `--dbx-icon-tile-padding`,\n`--dbx-icon-tile-border-radius`, `--dbx-icon-tile-font-size`,\n`--dbx-icon-tile-font-weight`, `--dbx-icon-tile-icon-size`.",
2092
+ "inputs": [
2093
+ {
2094
+ "name": "dbxIconTileRound",
2095
+ "type": "boolean",
2096
+ "description": "When `true`, applies the `dbx-icon-tile-round` modifier to render the\ntile as a circle instead of a 12px-rounded square.",
2097
+ "required": false,
2098
+ "default": "false"
2099
+ }
2100
+ ],
2101
+ "outputs": [],
2102
+ "relatedSlugs": [
2103
+ "icon-tile",
2104
+ "dbx-color",
2105
+ "list-two-line-item"
2106
+ ],
2107
+ "skillRefs": [
2108
+ "dbx__ref__dbx-ui-building-blocks"
2109
+ ],
2110
+ "example": "<div class=\"dbx-list-two-line-item dbx-list-two-line-item-with-icon\">\n <div class=\"item-icon\" dbxIconTile [dbxColor]=\"'primary'\" [dbxColorTone]=\"18\">\n <mat-icon>check_circle</mat-icon>\n </div>\n <div class=\"item-left\">\n <span class=\"item-title\">Title</span>\n <span class=\"item-details\">Details</span>\n </div>\n</div>",
2111
+ "minimalExample": "<div dbxIconTile [dbxColor]=\"'primary'\" [dbxColorTone]=\"18\">\n<mat-icon>star</mat-icon>\n</div>"
2264
2112
  },
2265
2113
  {
2266
2114
  "slug": "label-block",
@@ -2286,13 +2134,8 @@
2286
2134
  "skillRefs": [
2287
2135
  "dbx__ref__dbx-ui-building-blocks"
2288
2136
  ],
2289
- "sourcePath": "lib/layout/text/label.block.component.ts",
2290
2137
  "example": "<dbx-label-block header=\"Status\"><span>Active</span></dbx-label-block>",
2291
- "minimalExample": "<dbx-label-block header=\"Label\">Body</dbx-label-block>",
2292
- "sourceLocation": {
2293
- "file": "src/lib/layout/text/label.block.component.ts",
2294
- "line": 21
2295
- }
2138
+ "minimalExample": "<dbx-label-block header=\"Label\">Body</dbx-label-block>"
2296
2139
  },
2297
2140
  {
2298
2141
  "slug": "chip",
@@ -2341,13 +2184,8 @@
2341
2184
  "skillRefs": [
2342
2185
  "dbx__ref__dbx-ui-building-blocks"
2343
2186
  ],
2344
- "sourcePath": "lib/layout/text/text.chip.directive.ts",
2345
2187
  "example": "<dbx-chip text=\"Active\" icon=\"check\" color=\"primary\"></dbx-chip>",
2346
- "minimalExample": "<dbx-chip text=\"Tag\"></dbx-chip>",
2347
- "sourceLocation": {
2348
- "file": "src/lib/layout/text/text.chip.directive.ts",
2349
- "line": 55
2350
- }
2188
+ "minimalExample": "<dbx-chip text=\"Tag\"></dbx-chip>"
2351
2189
  },
2352
2190
  {
2353
2191
  "slug": "chip-list",
@@ -2378,13 +2216,8 @@
2378
2216
  "skillRefs": [
2379
2217
  "dbx__ref__dbx-ui-building-blocks"
2380
2218
  ],
2381
- "sourcePath": "lib/layout/text/text.chip.list.component.ts",
2382
2219
  "example": "<dbx-chip-list>\n <dbx-chip text=\"Tag1\"></dbx-chip>\n <dbx-chip text=\"Tag2\"></dbx-chip>\n</dbx-chip-list>",
2383
- "minimalExample": "<dbx-chip-list></dbx-chip-list>",
2384
- "sourceLocation": {
2385
- "file": "src/lib/layout/text/text.chip.list.component.ts",
2386
- "line": 27
2387
- }
2220
+ "minimalExample": "<dbx-chip-list></dbx-chip-list>"
2388
2221
  },
2389
2222
  {
2390
2223
  "slug": "two-column",
@@ -2426,13 +2259,8 @@
2426
2259
  "dbx__ref__dbx-ui-building-blocks",
2427
2260
  "dbx__ref__dbx-app-structure"
2428
2261
  ],
2429
- "sourcePath": "lib/layout/column/two/two.column.component.ts",
2430
2262
  "example": "<dbx-two-column [inSectionPage]=\"true\">\n <dbx-list left [state$]=\"state$\" [config]=\"listConfig\" />\n <dbx-two-column-right right header=\"Detail\">\n <p>Selected item detail.</p>\n </dbx-two-column-right>\n</dbx-two-column>",
2431
- "minimalExample": "<dbx-two-column>\n<div left>Sidebar</div>\n<div right>Main</div>\n</dbx-two-column>",
2432
- "sourceLocation": {
2433
- "file": "src/lib/layout/column/two/two.column.component.ts",
2434
- "line": 53
2435
- }
2263
+ "minimalExample": "<dbx-two-column>\n<div left>Sidebar</div>\n<div right>Main</div>\n</dbx-two-column>"
2436
2264
  },
2437
2265
  {
2438
2266
  "slug": "two-column-right",
@@ -2485,13 +2313,8 @@
2485
2313
  "dbx__ref__dbx-ui-building-blocks",
2486
2314
  "dbx__ref__dbx-app-structure"
2487
2315
  ],
2488
- "sourcePath": "lib/layout/column/two/two.column.right.component.ts",
2489
2316
  "example": "<dbx-two-column-right header=\"Item Detail\">\n <button nav mat-icon-button><mat-icon>delete</mat-icon></button>\n <p>Body content</p>\n</dbx-two-column-right>",
2490
- "minimalExample": "<dbx-two-column-right>Body</dbx-two-column-right>",
2491
- "sourceLocation": {
2492
- "file": "src/lib/layout/column/two/two.column.right.component.ts",
2493
- "line": 35
2494
- }
2317
+ "minimalExample": "<dbx-two-column-right>Body</dbx-two-column-right>"
2495
2318
  },
2496
2319
  {
2497
2320
  "slug": "list-accordion-view",
@@ -2517,13 +2340,8 @@
2517
2340
  "skillRefs": [
2518
2341
  "dbx__ref__dbx-component-patterns"
2519
2342
  ],
2520
- "sourcePath": "lib/layout/list/accordion/list.accordion.view.component.ts",
2521
2343
  "example": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>",
2522
- "minimalExample": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>",
2523
- "sourceLocation": {
2524
- "file": "src/lib/layout/list/accordion/list.accordion.view.component.ts",
2525
- "line": 228
2526
- }
2344
+ "minimalExample": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>"
2527
2345
  },
2528
2346
  {
2529
2347
  "slug": "list-grid-view",
@@ -2549,13 +2367,8 @@
2549
2367
  "skillRefs": [
2550
2368
  "dbx__ref__dbx-component-patterns"
2551
2369
  ],
2552
- "sourcePath": "lib/layout/list/grid/list.grid.view.component.ts",
2553
2370
  "example": "<dbx-list-grid-view [config]=\"cellConfig\" dbxListGridSize=\"md\"></dbx-list-grid-view>",
2554
- "minimalExample": "<dbx-list-grid-view [config]=\"cellConfig\"></dbx-list-grid-view>",
2555
- "sourceLocation": {
2556
- "file": "src/lib/layout/list/grid/list.grid.view.component.ts",
2557
- "line": 182
2558
- }
2371
+ "minimalExample": "<dbx-list-grid-view [config]=\"cellConfig\"></dbx-list-grid-view>"
2559
2372
  },
2560
2373
  {
2561
2374
  "slug": "list-title-group-header",
@@ -2574,13 +2387,8 @@
2574
2387
  "skillRefs": [
2575
2388
  "dbx__ref__dbx-component-patterns"
2576
2389
  ],
2577
- "sourcePath": "lib/layout/list/group/list.view.value.group.title.header.component.ts",
2578
2390
  "example": "<dbx-list-view [config]=\"rowConfig\" dbxListTitleGroup></dbx-list-view>",
2579
- "minimalExample": "<dbx-list-title-group-header></dbx-list-title-group-header>",
2580
- "sourceLocation": {
2581
- "file": "src/lib/layout/list/group/list.view.value.group.title.header.component.ts",
2582
- "line": 38
2583
- }
2391
+ "minimalExample": "<dbx-list-title-group-header></dbx-list-title-group-header>"
2584
2392
  },
2585
2393
  {
2586
2394
  "slug": "anchor",
@@ -2608,13 +2416,8 @@
2608
2416
  "skillRefs": [
2609
2417
  "dbx__ref__dbx-app-structure"
2610
2418
  ],
2611
- "sourcePath": "lib/router/layout/anchor/anchor.component.ts",
2612
2419
  "example": "<dbx-anchor [anchor]=\"{ ref: 'app.home' }\">\n <button mat-button>Home</button>\n</dbx-anchor>",
2613
- "minimalExample": "<dbx-anchor [anchor]=\"{ url: '/' }\">Home</dbx-anchor>",
2614
- "sourceLocation": {
2615
- "file": "src/lib/router/layout/anchor/anchor.component.ts",
2616
- "line": 32
2617
- }
2420
+ "minimalExample": "<dbx-anchor [anchor]=\"{ url: '/' }\">Home</dbx-anchor>"
2618
2421
  },
2619
2422
  {
2620
2423
  "slug": "anchor-list",
@@ -2640,13 +2443,8 @@
2640
2443
  "skillRefs": [
2641
2444
  "dbx__ref__dbx-app-structure"
2642
2445
  ],
2643
- "sourcePath": "lib/router/layout/anchorlist/anchorlist.component.ts",
2644
2446
  "example": "<dbx-anchor-list [anchors]=\"navAnchors\"></dbx-anchor-list>",
2645
- "minimalExample": "<dbx-anchor-list [anchors]=\"anchors\"></dbx-anchor-list>",
2646
- "sourceLocation": {
2647
- "file": "src/lib/router/layout/anchorlist/anchorlist.component.ts",
2648
- "line": 36
2649
- }
2447
+ "minimalExample": "<dbx-anchor-list [anchors]=\"anchors\"></dbx-anchor-list>"
2650
2448
  },
2651
2449
  {
2652
2450
  "slug": "navbar",
@@ -2734,13 +2532,8 @@
2734
2532
  "skillRefs": [
2735
2533
  "dbx__ref__dbx-app-structure"
2736
2534
  ],
2737
- "sourcePath": "lib/router/layout/navbar/navbar.component.ts",
2738
2535
  "example": "<dbx-navbar [anchors]=\"topNav\"></dbx-navbar>",
2739
- "minimalExample": "<dbx-navbar [anchors]=\"anchors\"></dbx-navbar>",
2740
- "sourceLocation": {
2741
- "file": "src/lib/router/layout/navbar/navbar.component.ts",
2742
- "line": 58
2743
- }
2536
+ "minimalExample": "<dbx-navbar [anchors]=\"anchors\"></dbx-navbar>"
2744
2537
  },
2745
2538
  {
2746
2539
  "slug": "sidenav",
@@ -2795,13 +2588,8 @@
2795
2588
  "skillRefs": [
2796
2589
  "dbx__ref__dbx-app-structure"
2797
2590
  ],
2798
- "sourcePath": "lib/router/layout/sidenav/sidenav.component.ts",
2799
2591
  "example": "<dbx-sidenav [anchors]=\"sidenavAnchors\"></dbx-sidenav>",
2800
- "minimalExample": "<dbx-sidenav [anchors]=\"anchors\"></dbx-sidenav>",
2801
- "sourceLocation": {
2802
- "file": "src/lib/router/layout/sidenav/sidenav.component.ts",
2803
- "line": 45
2804
- }
2592
+ "minimalExample": "<dbx-sidenav [anchors]=\"anchors\"></dbx-sidenav>"
2805
2593
  },
2806
2594
  {
2807
2595
  "slug": "sidenav-page",
@@ -2841,13 +2629,8 @@
2841
2629
  "skillRefs": [
2842
2630
  "dbx__ref__dbx-app-structure"
2843
2631
  ],
2844
- "sourcePath": "lib/router/layout/sidenav/sidenav.page.component.ts",
2845
2632
  "example": "<dbx-sidenav-page>\n <ui-view></ui-view>\n</dbx-sidenav-page>",
2846
- "minimalExample": "<dbx-sidenav-page>Content</dbx-sidenav-page>",
2847
- "sourceLocation": {
2848
- "file": "src/lib/router/layout/sidenav/sidenav.page.component.ts",
2849
- "line": 31
2850
- }
2633
+ "minimalExample": "<dbx-sidenav-page>Content</dbx-sidenav-page>"
2851
2634
  }
2852
2635
  ]
2853
2636
  }