@dereekb/dbx-components-mcp 13.10.7 → 13.10.9
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/dbx-components-mcp.js +7228 -4825
- package/generated/angular-material-m3.tokens.mcp.generated.json +60 -15
- package/generated/dereekb-date.semantic-types.mcp.generated.json +13 -65
- package/generated/dereekb-dbx-core.actions.mcp.generated.json +22 -132
- package/generated/dereekb-dbx-core.filters.mcp.generated.json +7 -42
- package/generated/dereekb-dbx-core.pipes.mcp.generated.json +23 -138
- package/generated/dereekb-dbx-form.forge-fields.mcp.generated.json +50 -300
- package/generated/dereekb-dbx-web.css-utilities.mcp.generated.json +2598 -0
- package/generated/dereekb-dbx-web.ui-components.mcp.generated.json +127 -372
- package/generated/dereekb-demo.dbx-docs-ui-examples.mcp.generated.json +222 -0
- package/generated/dereekb-firebase-server.semantic-types.mcp.generated.json +3 -15
- package/generated/dereekb-firebase.semantic-types.mcp.generated.json +38 -190
- package/generated/dereekb-model.semantic-types.mcp.generated.json +20 -100
- package/generated/dereekb-util.semantic-types.mcp.generated.json +113 -565
- package/generated/rule-catalog.generated.json +184 -0
- package/package.json +20 -1
|
@@ -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,8 @@
|
|
|
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>"
|
|
927
837
|
},
|
|
928
838
|
{
|
|
929
839
|
"slug": "page-title-info",
|
|
@@ -945,13 +855,8 @@
|
|
|
945
855
|
"skillRefs": [
|
|
946
856
|
"dbx__ref__dbx-app-structure"
|
|
947
857
|
],
|
|
948
|
-
"sourcePath": "lib/extension/title/title.directive.ts",
|
|
949
858
|
"example": "<div [dbxWebPageTitleInfo]=\"appTitleConfigSignal()\">\n <ui-view>\n <div [dbxWebPageTitleInfo]=\"pageTitleConfigSignal()\">\n <!-- leaf -->\n </div>\n </ui-view>\n</div>",
|
|
950
|
-
"minimalExample": "<div [dbxWebPageTitleInfo]=\"{ title: 'Docs' }\"></div>"
|
|
951
|
-
"sourceLocation": {
|
|
952
|
-
"file": "src/lib/extension/title/title.directive.ts",
|
|
953
|
-
"line": 38
|
|
954
|
-
}
|
|
859
|
+
"minimalExample": "<div [dbxWebPageTitleInfo]=\"{ title: 'Docs' }\"></div>"
|
|
955
860
|
},
|
|
956
861
|
{
|
|
957
862
|
"slug": "dialog-content",
|
|
@@ -979,13 +884,8 @@
|
|
|
979
884
|
"skillRefs": [
|
|
980
885
|
"dbx__ref__dbx-app-structure"
|
|
981
886
|
],
|
|
982
|
-
"sourcePath": "lib/interaction/dialog/dialog.content.directive.ts",
|
|
983
887
|
"example": "<dbx-dialog-content>\n <h2>Confirm</h2>\n <p>Are you sure?</p>\n</dbx-dialog-content>",
|
|
984
|
-
"minimalExample": "<div dbxDialogContent>Body</div>"
|
|
985
|
-
"sourceLocation": {
|
|
986
|
-
"file": "src/lib/interaction/dialog/dialog.content.directive.ts",
|
|
987
|
-
"line": 31
|
|
988
|
-
}
|
|
888
|
+
"minimalExample": "<div dbxDialogContent>Body</div>"
|
|
989
889
|
},
|
|
990
890
|
{
|
|
991
891
|
"slug": "popover",
|
|
@@ -1005,13 +905,8 @@
|
|
|
1005
905
|
"skillRefs": [
|
|
1006
906
|
"dbx__ref__dbx-app-structure"
|
|
1007
907
|
],
|
|
1008
|
-
"sourcePath": "lib/interaction/popover/popover.component.ts",
|
|
1009
908
|
"example": "// In a service: this.popoverService.open({ content: MyContentComponent, origin })",
|
|
1010
|
-
"minimalExample": "<dbx-popover></dbx-popover>"
|
|
1011
|
-
"sourceLocation": {
|
|
1012
|
-
"file": "src/lib/interaction/popover/popover.component.ts",
|
|
1013
|
-
"line": 89
|
|
1014
|
-
}
|
|
909
|
+
"minimalExample": "<dbx-popover></dbx-popover>"
|
|
1015
910
|
},
|
|
1016
911
|
{
|
|
1017
912
|
"slug": "popup",
|
|
@@ -1029,13 +924,8 @@
|
|
|
1029
924
|
"skillRefs": [
|
|
1030
925
|
"dbx__ref__dbx-app-structure"
|
|
1031
926
|
],
|
|
1032
|
-
"sourcePath": "lib/interaction/popup/popup.component.ts",
|
|
1033
927
|
"example": "// In a service: this.popupService.open({ content: MyContentComponent })",
|
|
1034
|
-
"minimalExample": "<dbx-popup></dbx-popup>"
|
|
1035
|
-
"sourceLocation": {
|
|
1036
|
-
"file": "src/lib/interaction/popup/popup.component.ts",
|
|
1037
|
-
"line": 63
|
|
1038
|
-
}
|
|
928
|
+
"minimalExample": "<dbx-popup></dbx-popup>"
|
|
1039
929
|
},
|
|
1040
930
|
{
|
|
1041
931
|
"slug": "prompt",
|
|
@@ -1068,13 +958,8 @@
|
|
|
1068
958
|
"skillRefs": [
|
|
1069
959
|
"dbx__ref__dbx-app-structure"
|
|
1070
960
|
],
|
|
1071
|
-
"sourcePath": "lib/interaction/prompt/prompt.component.ts",
|
|
1072
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>",
|
|
1073
|
-
"minimalExample": "<dbx-prompt header=\"Confirm\"></dbx-prompt>"
|
|
1074
|
-
"sourceLocation": {
|
|
1075
|
-
"file": "src/lib/interaction/prompt/prompt.component.ts",
|
|
1076
|
-
"line": 25
|
|
1077
|
-
}
|
|
962
|
+
"minimalExample": "<dbx-prompt header=\"Confirm\"></dbx-prompt>"
|
|
1078
963
|
},
|
|
1079
964
|
{
|
|
1080
965
|
"slug": "prompt-confirm",
|
|
@@ -1113,13 +998,8 @@
|
|
|
1113
998
|
"skillRefs": [
|
|
1114
999
|
"dbx__ref__dbx-app-structure"
|
|
1115
1000
|
],
|
|
1116
|
-
"sourcePath": "lib/interaction/prompt/prompt.confirm.component.ts",
|
|
1117
1001
|
"example": "<dbx-prompt-confirm [config]=\"{ header: 'Delete?', confirmText: 'Delete', cancelText: 'Cancel' }\"></dbx-prompt-confirm>",
|
|
1118
|
-
"minimalExample": "<dbx-prompt-confirm [config]=\"cfg\"></dbx-prompt-confirm>"
|
|
1119
|
-
"sourceLocation": {
|
|
1120
|
-
"file": "src/lib/interaction/prompt/prompt.confirm.component.ts",
|
|
1121
|
-
"line": 34
|
|
1122
|
-
}
|
|
1002
|
+
"minimalExample": "<dbx-prompt-confirm [config]=\"cfg\"></dbx-prompt-confirm>"
|
|
1123
1003
|
},
|
|
1124
1004
|
{
|
|
1125
1005
|
"slug": "bar",
|
|
@@ -1146,13 +1026,8 @@
|
|
|
1146
1026
|
"skillRefs": [
|
|
1147
1027
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1148
1028
|
],
|
|
1149
|
-
"sourcePath": "lib/layout/bar/bar.directive.ts",
|
|
1150
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>",
|
|
1151
|
-
"minimalExample": "<dbx-bar><button>A</button><button>B</button></dbx-bar>"
|
|
1152
|
-
"sourceLocation": {
|
|
1153
|
-
"file": "src/lib/layout/bar/bar.directive.ts",
|
|
1154
|
-
"line": 27
|
|
1155
|
-
}
|
|
1030
|
+
"minimalExample": "<dbx-bar><button>A</button><button>B</button></dbx-bar>"
|
|
1156
1031
|
},
|
|
1157
1032
|
{
|
|
1158
1033
|
"slug": "bar-header",
|
|
@@ -1191,13 +1066,8 @@
|
|
|
1191
1066
|
"skillRefs": [
|
|
1192
1067
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1193
1068
|
],
|
|
1194
|
-
"sourcePath": "lib/layout/bar/bar.header.component.ts",
|
|
1195
1069
|
"example": "<dbx-bar-header header=\"Members\" icon=\"group\">\n <button mat-icon-button><mat-icon>add</mat-icon></button>\n</dbx-bar-header>",
|
|
1196
|
-
"minimalExample": "<dbx-bar-header header=\"Title\"></dbx-bar-header>"
|
|
1197
|
-
"sourceLocation": {
|
|
1198
|
-
"file": "src/lib/layout/bar/bar.header.component.ts",
|
|
1199
|
-
"line": 26
|
|
1200
|
-
}
|
|
1070
|
+
"minimalExample": "<dbx-bar-header header=\"Title\"></dbx-bar-header>"
|
|
1201
1071
|
},
|
|
1202
1072
|
{
|
|
1203
1073
|
"slug": "pagebar",
|
|
@@ -1225,13 +1095,8 @@
|
|
|
1225
1095
|
"dbx__ref__dbx-ui-building-blocks",
|
|
1226
1096
|
"dbx__ref__dbx-app-structure"
|
|
1227
1097
|
],
|
|
1228
|
-
"sourcePath": "lib/layout/bar/pagebar.component.ts",
|
|
1229
1098
|
"example": "<dbx-pagebar>\n <h2>Settings</h2>\n <span class=\"spacer\"></span>\n <button mat-stroked-button>Save</button>\n</dbx-pagebar>",
|
|
1230
|
-
"minimalExample": "<dbx-pagebar>Title</dbx-pagebar>"
|
|
1231
|
-
"sourceLocation": {
|
|
1232
|
-
"file": "src/lib/layout/bar/pagebar.component.ts",
|
|
1233
|
-
"line": 28
|
|
1234
|
-
}
|
|
1099
|
+
"minimalExample": "<dbx-pagebar>Title</dbx-pagebar>"
|
|
1235
1100
|
},
|
|
1236
1101
|
{
|
|
1237
1102
|
"slug": "card-box",
|
|
@@ -1264,13 +1129,8 @@
|
|
|
1264
1129
|
"skillRefs": [
|
|
1265
1130
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1266
1131
|
],
|
|
1267
|
-
"sourcePath": "lib/layout/card/card.box.component.ts",
|
|
1268
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>",
|
|
1269
|
-
"minimalExample": "<dbx-card-box header=\"Title\"><p>Body</p></dbx-card-box>"
|
|
1270
|
-
"sourceLocation": {
|
|
1271
|
-
"file": "src/lib/layout/card/card.box.component.ts",
|
|
1272
|
-
"line": 26
|
|
1273
|
-
}
|
|
1133
|
+
"minimalExample": "<dbx-card-box header=\"Title\"><p>Body</p></dbx-card-box>"
|
|
1274
1134
|
},
|
|
1275
1135
|
{
|
|
1276
1136
|
"slug": "card-box-container",
|
|
@@ -1288,13 +1148,8 @@
|
|
|
1288
1148
|
"skillRefs": [
|
|
1289
1149
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1290
1150
|
],
|
|
1291
|
-
"sourcePath": "lib/layout/card/card.box.container.directive.ts",
|
|
1292
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>",
|
|
1293
|
-
"minimalExample": "<div dbxCardBoxContainer><dbx-card-box></dbx-card-box></div>"
|
|
1294
|
-
"sourceLocation": {
|
|
1295
|
-
"file": "src/lib/layout/card/card.box.container.directive.ts",
|
|
1296
|
-
"line": 25
|
|
1297
|
-
}
|
|
1152
|
+
"minimalExample": "<div dbxCardBoxContainer><dbx-card-box></dbx-card-box></div>"
|
|
1298
1153
|
},
|
|
1299
1154
|
{
|
|
1300
1155
|
"slug": "content-box",
|
|
@@ -1329,13 +1184,8 @@
|
|
|
1329
1184
|
"skillRefs": [
|
|
1330
1185
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1331
1186
|
],
|
|
1332
|
-
"sourcePath": "lib/layout/content/content.box.directive.ts",
|
|
1333
1187
|
"example": "<dbx-content-box>\n <p>Summary content</p>\n</dbx-content-box>",
|
|
1334
|
-
"minimalExample": "<div dbxContentBox>Body</div>"
|
|
1335
|
-
"sourceLocation": {
|
|
1336
|
-
"file": "src/lib/layout/content/content.box.directive.ts",
|
|
1337
|
-
"line": 23
|
|
1338
|
-
}
|
|
1188
|
+
"minimalExample": "<div dbxContentBox>Body</div>"
|
|
1339
1189
|
},
|
|
1340
1190
|
{
|
|
1341
1191
|
"slug": "content-container",
|
|
@@ -1377,13 +1227,8 @@
|
|
|
1377
1227
|
"skillRefs": [
|
|
1378
1228
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1379
1229
|
],
|
|
1380
|
-
"sourcePath": "lib/layout/content/content.container.directive.ts",
|
|
1381
1230
|
"example": "<dbx-content-container grow=\"full\" padding=\"normal\">\n <p>Page body</p>\n</dbx-content-container>",
|
|
1382
|
-
"minimalExample": "<div dbxContentContainer>Body</div>"
|
|
1383
|
-
"sourceLocation": {
|
|
1384
|
-
"file": "src/lib/layout/content/content.container.directive.ts",
|
|
1385
|
-
"line": 33
|
|
1386
|
-
}
|
|
1231
|
+
"minimalExample": "<div dbxContentContainer>Body</div>"
|
|
1387
1232
|
},
|
|
1388
1233
|
{
|
|
1389
1234
|
"slug": "content",
|
|
@@ -1403,13 +1248,8 @@
|
|
|
1403
1248
|
"skillRefs": [
|
|
1404
1249
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1405
1250
|
],
|
|
1406
|
-
"sourcePath": "lib/layout/content/content.directive.ts",
|
|
1407
1251
|
"example": "<div dbxContent>\n <p>Standard content body</p>\n</div>",
|
|
1408
|
-
"minimalExample": "<dbx-content>Body</dbx-content>"
|
|
1409
|
-
"sourceLocation": {
|
|
1410
|
-
"file": "src/lib/layout/content/content.directive.ts",
|
|
1411
|
-
"line": 22
|
|
1412
|
-
}
|
|
1252
|
+
"minimalExample": "<dbx-content>Body</dbx-content>"
|
|
1413
1253
|
},
|
|
1414
1254
|
{
|
|
1415
1255
|
"slug": "content-elevate",
|
|
@@ -1436,13 +1276,8 @@
|
|
|
1436
1276
|
"skillRefs": [
|
|
1437
1277
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1438
1278
|
],
|
|
1439
|
-
"sourcePath": "lib/layout/content/content.elevate.directive.ts",
|
|
1440
1279
|
"example": "<div dbxContentElevate>Highlighted block</div>",
|
|
1441
|
-
"minimalExample": "<dbx-content-elevate>Body</dbx-content-elevate>"
|
|
1442
|
-
"sourceLocation": {
|
|
1443
|
-
"file": "src/lib/layout/content/content.elevate.directive.ts",
|
|
1444
|
-
"line": 21
|
|
1445
|
-
}
|
|
1280
|
+
"minimalExample": "<dbx-content-elevate>Body</dbx-content-elevate>"
|
|
1446
1281
|
},
|
|
1447
1282
|
{
|
|
1448
1283
|
"slug": "content-page",
|
|
@@ -1461,13 +1296,8 @@
|
|
|
1461
1296
|
"skillRefs": [
|
|
1462
1297
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1463
1298
|
],
|
|
1464
|
-
"sourcePath": "lib/layout/content/content.page.directive.ts",
|
|
1465
1299
|
"example": "<div dbxContentPage>\n <dbx-section-page header=\"Dashboard\"><p>...</p></dbx-section-page>\n</div>",
|
|
1466
|
-
"minimalExample": "<dbx-content-page>Page</dbx-content-page>"
|
|
1467
|
-
"sourceLocation": {
|
|
1468
|
-
"file": "src/lib/layout/content/content.page.directive.ts",
|
|
1469
|
-
"line": 23
|
|
1470
|
-
}
|
|
1300
|
+
"minimalExample": "<dbx-content-page>Page</dbx-content-page>"
|
|
1471
1301
|
},
|
|
1472
1302
|
{
|
|
1473
1303
|
"slug": "content-pit",
|
|
@@ -1500,13 +1330,8 @@
|
|
|
1500
1330
|
"skillRefs": [
|
|
1501
1331
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1502
1332
|
],
|
|
1503
|
-
"sourcePath": "lib/layout/content/content.pit.directive.ts",
|
|
1504
1333
|
"example": "<div dbxContentPit>Inset block</div>",
|
|
1505
|
-
"minimalExample": "<dbx-content-pit>Body</dbx-content-pit>"
|
|
1506
|
-
"sourceLocation": {
|
|
1507
|
-
"file": "src/lib/layout/content/content.pit.directive.ts",
|
|
1508
|
-
"line": 38
|
|
1509
|
-
}
|
|
1334
|
+
"minimalExample": "<dbx-content-pit>Body</dbx-content-pit>"
|
|
1510
1335
|
},
|
|
1511
1336
|
{
|
|
1512
1337
|
"slug": "flex-group",
|
|
@@ -1554,13 +1379,8 @@
|
|
|
1554
1379
|
"skillRefs": [
|
|
1555
1380
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1556
1381
|
],
|
|
1557
|
-
"sourcePath": "lib/layout/flex/flex.group.directive.ts",
|
|
1558
1382
|
"example": "<div dbxFlexGroup breakpoint=\"sm\">\n <div dbxFlexSize=\"2\">Wide</div>\n <div dbxFlexSize=\"1\">Narrow</div>\n</div>",
|
|
1559
|
-
"minimalExample": "<div dbxFlexGroup><div dbxFlexSize=\"1\">A</div></div>"
|
|
1560
|
-
"sourceLocation": {
|
|
1561
|
-
"file": "src/lib/layout/flex/flex.group.directive.ts",
|
|
1562
|
-
"line": 33
|
|
1563
|
-
}
|
|
1383
|
+
"minimalExample": "<div dbxFlexGroup><div dbxFlexSize=\"1\">A</div></div>"
|
|
1564
1384
|
},
|
|
1565
1385
|
{
|
|
1566
1386
|
"slug": "flex-size",
|
|
@@ -1585,13 +1405,8 @@
|
|
|
1585
1405
|
"skillRefs": [
|
|
1586
1406
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1587
1407
|
],
|
|
1588
|
-
"sourcePath": "lib/layout/flex/flex.size.directive.ts",
|
|
1589
1408
|
"example": "<div dbxFlexGroup>\n <div dbxFlexSize=\"2\">Twice as wide</div>\n <div dbxFlexSize=\"1\">Narrow</div>\n</div>",
|
|
1590
|
-
"minimalExample": "<div dbxFlexSize=\"1\"></div>"
|
|
1591
|
-
"sourceLocation": {
|
|
1592
|
-
"file": "src/lib/layout/flex/flex.size.directive.ts",
|
|
1593
|
-
"line": 25
|
|
1594
|
-
}
|
|
1409
|
+
"minimalExample": "<div dbxFlexSize=\"1\"></div>"
|
|
1595
1410
|
},
|
|
1596
1411
|
{
|
|
1597
1412
|
"slug": "list",
|
|
@@ -1662,13 +1477,8 @@
|
|
|
1662
1477
|
"skillRefs": [
|
|
1663
1478
|
"dbx__ref__dbx-component-patterns"
|
|
1664
1479
|
],
|
|
1665
|
-
"sourcePath": "lib/layout/list/list.component.ts",
|
|
1666
1480
|
"example": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\" (contentScrolled)=\"onScroll($event)\"></dbx-list>",
|
|
1667
|
-
"minimalExample": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\"></dbx-list>"
|
|
1668
|
-
"sourceLocation": {
|
|
1669
|
-
"file": "src/lib/layout/list/list.component.ts",
|
|
1670
|
-
"line": 138
|
|
1671
|
-
}
|
|
1481
|
+
"minimalExample": "<dbx-list [state$]=\"items$\" [config]=\"listConfig\"></dbx-list>"
|
|
1672
1482
|
},
|
|
1673
1483
|
{
|
|
1674
1484
|
"slug": "list-empty-content",
|
|
@@ -1687,13 +1497,8 @@
|
|
|
1687
1497
|
"skillRefs": [
|
|
1688
1498
|
"dbx__ref__dbx-component-patterns"
|
|
1689
1499
|
],
|
|
1690
|
-
"sourcePath": "lib/layout/list/list.content.empty.component.ts",
|
|
1691
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>",
|
|
1692
|
-
"minimalExample": "<dbx-list-empty-content>Empty</dbx-list-empty-content>"
|
|
1693
|
-
"sourceLocation": {
|
|
1694
|
-
"file": "src/lib/layout/list/list.content.empty.component.ts",
|
|
1695
|
-
"line": 24
|
|
1696
|
-
}
|
|
1501
|
+
"minimalExample": "<dbx-list-empty-content>Empty</dbx-list-empty-content>"
|
|
1697
1502
|
},
|
|
1698
1503
|
{
|
|
1699
1504
|
"slug": "list-view",
|
|
@@ -1721,13 +1526,8 @@
|
|
|
1721
1526
|
"skillRefs": [
|
|
1722
1527
|
"dbx__ref__dbx-component-patterns"
|
|
1723
1528
|
],
|
|
1724
|
-
"sourcePath": "lib/layout/list/list.view.value.component.ts",
|
|
1725
1529
|
"example": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>",
|
|
1726
|
-
"minimalExample": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>"
|
|
1727
|
-
"sourceLocation": {
|
|
1728
|
-
"file": "src/lib/layout/list/list.view.value.component.ts",
|
|
1729
|
-
"line": 194
|
|
1730
|
-
}
|
|
1530
|
+
"minimalExample": "<dbx-list-view [config]=\"rowConfig\"></dbx-list-view>"
|
|
1731
1531
|
},
|
|
1732
1532
|
{
|
|
1733
1533
|
"slug": "selection-list-view",
|
|
@@ -1753,13 +1553,8 @@
|
|
|
1753
1553
|
"skillRefs": [
|
|
1754
1554
|
"dbx__ref__dbx-component-patterns"
|
|
1755
1555
|
],
|
|
1756
|
-
"sourcePath": "lib/layout/list/list.view.value.selection.component.ts",
|
|
1757
1556
|
"example": "<dbx-selection-list-view [config]=\"rowConfig\" selectionMode=\"multi\"></dbx-selection-list-view>",
|
|
1758
|
-
"minimalExample": "<dbx-selection-list-view [config]=\"rowConfig\"></dbx-selection-list-view>"
|
|
1759
|
-
"sourceLocation": {
|
|
1760
|
-
"file": "src/lib/layout/list/list.view.value.selection.component.ts",
|
|
1761
|
-
"line": 104
|
|
1762
|
-
}
|
|
1557
|
+
"minimalExample": "<dbx-selection-list-view [config]=\"rowConfig\"></dbx-selection-list-view>"
|
|
1763
1558
|
},
|
|
1764
1559
|
{
|
|
1765
1560
|
"slug": "section",
|
|
@@ -1838,13 +1633,8 @@
|
|
|
1838
1633
|
"dbx__ref__dbx-ui-building-blocks",
|
|
1839
1634
|
"dbx__ref__dbx-component-patterns"
|
|
1840
1635
|
],
|
|
1841
|
-
"sourcePath": "lib/layout/section/section.component.ts",
|
|
1842
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>",
|
|
1843
|
-
"minimalExample": "<dbx-section header=\"My Section\"><p>Body</p></dbx-section>"
|
|
1844
|
-
"sourceLocation": {
|
|
1845
|
-
"file": "src/lib/layout/section/section.component.ts",
|
|
1846
|
-
"line": 29
|
|
1847
|
-
}
|
|
1637
|
+
"minimalExample": "<dbx-section header=\"My Section\"><p>Body</p></dbx-section>"
|
|
1848
1638
|
},
|
|
1849
1639
|
{
|
|
1850
1640
|
"slug": "section-header",
|
|
@@ -1913,13 +1703,8 @@
|
|
|
1913
1703
|
"skillRefs": [
|
|
1914
1704
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1915
1705
|
],
|
|
1916
|
-
"sourcePath": "lib/layout/section/section.header.component.ts",
|
|
1917
1706
|
"example": "<div class=\"dbx-section-header\" header=\"Custom Layout\" [h]=\"2\" icon=\"info\"></div>",
|
|
1918
|
-
"minimalExample": "<dbx-section-header header=\"My Header\"></dbx-section-header>"
|
|
1919
|
-
"sourceLocation": {
|
|
1920
|
-
"file": "src/lib/layout/section/section.header.component.ts",
|
|
1921
|
-
"line": 26
|
|
1922
|
-
}
|
|
1707
|
+
"minimalExample": "<dbx-section-header header=\"My Header\"></dbx-section-header>"
|
|
1923
1708
|
},
|
|
1924
1709
|
{
|
|
1925
1710
|
"slug": "intro-action-section",
|
|
@@ -1965,13 +1750,8 @@
|
|
|
1965
1750
|
"skillRefs": [
|
|
1966
1751
|
"dbx__ref__dbx-ui-building-blocks"
|
|
1967
1752
|
],
|
|
1968
|
-
"sourcePath": "lib/layout/section/section.intro.component.ts",
|
|
1969
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>",
|
|
1970
|
-
"minimalExample": "<dbx-intro-action-section hint=\"Welcome\" action=\"Start\"><p>Body</p></dbx-intro-action-section>"
|
|
1971
|
-
"sourceLocation": {
|
|
1972
|
-
"file": "src/lib/layout/section/section.intro.component.ts",
|
|
1973
|
-
"line": 29
|
|
1974
|
-
}
|
|
1754
|
+
"minimalExample": "<dbx-intro-action-section hint=\"Welcome\" action=\"Start\"><p>Body</p></dbx-intro-action-section>"
|
|
1975
1755
|
},
|
|
1976
1756
|
{
|
|
1977
1757
|
"slug": "section-page",
|
|
@@ -2048,13 +1828,8 @@
|
|
|
2048
1828
|
"dbx__ref__dbx-ui-building-blocks",
|
|
2049
1829
|
"dbx__ref__dbx-app-structure"
|
|
2050
1830
|
],
|
|
2051
|
-
"sourcePath": "lib/layout/section/section.page.component.ts",
|
|
2052
1831
|
"example": "<dbx-section-page header=\"Dashboard\" icon=\"dashboard\" scroll=\"body\">\n <p>Top-level page content.</p>\n</dbx-section-page>",
|
|
2053
|
-
"minimalExample": "<dbx-section-page header=\"Page\"><p>Body</p></dbx-section-page>"
|
|
2054
|
-
"sourceLocation": {
|
|
2055
|
-
"file": "src/lib/layout/section/section.page.component.ts",
|
|
2056
|
-
"line": 34
|
|
2057
|
-
}
|
|
1832
|
+
"minimalExample": "<dbx-section-page header=\"Page\"><p>Body</p></dbx-section-page>"
|
|
2058
1833
|
},
|
|
2059
1834
|
{
|
|
2060
1835
|
"slug": "subsection",
|
|
@@ -2130,13 +1905,8 @@
|
|
|
2130
1905
|
"skillRefs": [
|
|
2131
1906
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2132
1907
|
],
|
|
2133
|
-
"sourcePath": "lib/layout/section/subsection.component.ts",
|
|
2134
1908
|
"example": "<dbx-section header=\"Settings\">\n <dbx-subsection header=\"Notifications\" icon=\"notifications\">\n <p>Subsection body.</p>\n </dbx-subsection>\n</dbx-section>",
|
|
2135
|
-
"minimalExample": "<dbx-subsection header=\"Details\"><p>Body</p></dbx-subsection>"
|
|
2136
|
-
"sourceLocation": {
|
|
2137
|
-
"file": "src/lib/layout/section/subsection.component.ts",
|
|
2138
|
-
"line": 27
|
|
2139
|
-
}
|
|
1909
|
+
"minimalExample": "<dbx-subsection header=\"Details\"><p>Body</p></dbx-subsection>"
|
|
2140
1910
|
},
|
|
2141
1911
|
{
|
|
2142
1912
|
"slug": "spacer",
|
|
@@ -2155,13 +1925,8 @@
|
|
|
2155
1925
|
"skillRefs": [
|
|
2156
1926
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2157
1927
|
],
|
|
2158
|
-
"sourcePath": "lib/layout/style/spacer.directive.ts",
|
|
2159
1928
|
"example": "<dbx-bar>\n <span>Title</span>\n <dbx-spacer></dbx-spacer>\n <button mat-button>Action</button>\n</dbx-bar>",
|
|
2160
|
-
"minimalExample": "<dbx-spacer></dbx-spacer>"
|
|
2161
|
-
"sourceLocation": {
|
|
2162
|
-
"file": "src/lib/layout/style/spacer.directive.ts",
|
|
2163
|
-
"line": 24
|
|
2164
|
-
}
|
|
1929
|
+
"minimalExample": "<dbx-spacer></dbx-spacer>"
|
|
2165
1930
|
},
|
|
2166
1931
|
{
|
|
2167
1932
|
"slug": "click-to-copy-text",
|
|
@@ -2230,13 +1995,8 @@
|
|
|
2230
1995
|
"skillRefs": [
|
|
2231
1996
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2232
1997
|
],
|
|
2233
|
-
"sourcePath": "lib/layout/text/copy.text.component.ts",
|
|
2234
1998
|
"example": "<dbx-click-to-copy-text [text]=\"userId\"></dbx-click-to-copy-text>",
|
|
2235
|
-
"minimalExample": "<dbx-click-to-copy-text [text]=\"value\"></dbx-click-to-copy-text>"
|
|
2236
|
-
"sourceLocation": {
|
|
2237
|
-
"file": "src/lib/layout/text/copy.text.component.ts",
|
|
2238
|
-
"line": 26
|
|
2239
|
-
}
|
|
1999
|
+
"minimalExample": "<dbx-click-to-copy-text [text]=\"value\"></dbx-click-to-copy-text>"
|
|
2240
2000
|
},
|
|
2241
2001
|
{
|
|
2242
2002
|
"slug": "detail-block",
|
|
@@ -2282,13 +2042,73 @@
|
|
|
2282
2042
|
"skillRefs": [
|
|
2283
2043
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2284
2044
|
],
|
|
2285
|
-
"sourcePath": "lib/layout/text/detail.block.component.ts",
|
|
2286
2045
|
"example": "<dbx-detail-block header=\"Email\" icon=\"mail\">\n <p>{{ user.email }}</p>\n</dbx-detail-block>",
|
|
2287
|
-
"minimalExample": "<dbx-detail-block header=\"Label\">Body</dbx-detail-block>"
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
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>"
|
|
2292
2112
|
},
|
|
2293
2113
|
{
|
|
2294
2114
|
"slug": "label-block",
|
|
@@ -2314,13 +2134,8 @@
|
|
|
2314
2134
|
"skillRefs": [
|
|
2315
2135
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2316
2136
|
],
|
|
2317
|
-
"sourcePath": "lib/layout/text/label.block.component.ts",
|
|
2318
2137
|
"example": "<dbx-label-block header=\"Status\"><span>Active</span></dbx-label-block>",
|
|
2319
|
-
"minimalExample": "<dbx-label-block header=\"Label\">Body</dbx-label-block>"
|
|
2320
|
-
"sourceLocation": {
|
|
2321
|
-
"file": "src/lib/layout/text/label.block.component.ts",
|
|
2322
|
-
"line": 21
|
|
2323
|
-
}
|
|
2138
|
+
"minimalExample": "<dbx-label-block header=\"Label\">Body</dbx-label-block>"
|
|
2324
2139
|
},
|
|
2325
2140
|
{
|
|
2326
2141
|
"slug": "chip",
|
|
@@ -2369,13 +2184,8 @@
|
|
|
2369
2184
|
"skillRefs": [
|
|
2370
2185
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2371
2186
|
],
|
|
2372
|
-
"sourcePath": "lib/layout/text/text.chip.directive.ts",
|
|
2373
2187
|
"example": "<dbx-chip text=\"Active\" icon=\"check\" color=\"primary\"></dbx-chip>",
|
|
2374
|
-
"minimalExample": "<dbx-chip text=\"Tag\"></dbx-chip>"
|
|
2375
|
-
"sourceLocation": {
|
|
2376
|
-
"file": "src/lib/layout/text/text.chip.directive.ts",
|
|
2377
|
-
"line": 55
|
|
2378
|
-
}
|
|
2188
|
+
"minimalExample": "<dbx-chip text=\"Tag\"></dbx-chip>"
|
|
2379
2189
|
},
|
|
2380
2190
|
{
|
|
2381
2191
|
"slug": "chip-list",
|
|
@@ -2406,13 +2216,8 @@
|
|
|
2406
2216
|
"skillRefs": [
|
|
2407
2217
|
"dbx__ref__dbx-ui-building-blocks"
|
|
2408
2218
|
],
|
|
2409
|
-
"sourcePath": "lib/layout/text/text.chip.list.component.ts",
|
|
2410
2219
|
"example": "<dbx-chip-list>\n <dbx-chip text=\"Tag1\"></dbx-chip>\n <dbx-chip text=\"Tag2\"></dbx-chip>\n</dbx-chip-list>",
|
|
2411
|
-
"minimalExample": "<dbx-chip-list></dbx-chip-list>"
|
|
2412
|
-
"sourceLocation": {
|
|
2413
|
-
"file": "src/lib/layout/text/text.chip.list.component.ts",
|
|
2414
|
-
"line": 27
|
|
2415
|
-
}
|
|
2220
|
+
"minimalExample": "<dbx-chip-list></dbx-chip-list>"
|
|
2416
2221
|
},
|
|
2417
2222
|
{
|
|
2418
2223
|
"slug": "two-column",
|
|
@@ -2454,13 +2259,8 @@
|
|
|
2454
2259
|
"dbx__ref__dbx-ui-building-blocks",
|
|
2455
2260
|
"dbx__ref__dbx-app-structure"
|
|
2456
2261
|
],
|
|
2457
|
-
"sourcePath": "lib/layout/column/two/two.column.component.ts",
|
|
2458
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>",
|
|
2459
|
-
"minimalExample": "<dbx-two-column>\n<div left>Sidebar</div>\n<div right>Main</div>\n</dbx-two-column>"
|
|
2460
|
-
"sourceLocation": {
|
|
2461
|
-
"file": "src/lib/layout/column/two/two.column.component.ts",
|
|
2462
|
-
"line": 53
|
|
2463
|
-
}
|
|
2263
|
+
"minimalExample": "<dbx-two-column>\n<div left>Sidebar</div>\n<div right>Main</div>\n</dbx-two-column>"
|
|
2464
2264
|
},
|
|
2465
2265
|
{
|
|
2466
2266
|
"slug": "two-column-right",
|
|
@@ -2513,13 +2313,8 @@
|
|
|
2513
2313
|
"dbx__ref__dbx-ui-building-blocks",
|
|
2514
2314
|
"dbx__ref__dbx-app-structure"
|
|
2515
2315
|
],
|
|
2516
|
-
"sourcePath": "lib/layout/column/two/two.column.right.component.ts",
|
|
2517
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>",
|
|
2518
|
-
"minimalExample": "<dbx-two-column-right>Body</dbx-two-column-right>"
|
|
2519
|
-
"sourceLocation": {
|
|
2520
|
-
"file": "src/lib/layout/column/two/two.column.right.component.ts",
|
|
2521
|
-
"line": 35
|
|
2522
|
-
}
|
|
2317
|
+
"minimalExample": "<dbx-two-column-right>Body</dbx-two-column-right>"
|
|
2523
2318
|
},
|
|
2524
2319
|
{
|
|
2525
2320
|
"slug": "list-accordion-view",
|
|
@@ -2545,13 +2340,8 @@
|
|
|
2545
2340
|
"skillRefs": [
|
|
2546
2341
|
"dbx__ref__dbx-component-patterns"
|
|
2547
2342
|
],
|
|
2548
|
-
"sourcePath": "lib/layout/list/accordion/list.accordion.view.component.ts",
|
|
2549
2343
|
"example": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>",
|
|
2550
|
-
"minimalExample": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>"
|
|
2551
|
-
"sourceLocation": {
|
|
2552
|
-
"file": "src/lib/layout/list/accordion/list.accordion.view.component.ts",
|
|
2553
|
-
"line": 228
|
|
2554
|
-
}
|
|
2344
|
+
"minimalExample": "<dbx-list-accordion-view [config]=\"rowConfig\"></dbx-list-accordion-view>"
|
|
2555
2345
|
},
|
|
2556
2346
|
{
|
|
2557
2347
|
"slug": "list-grid-view",
|
|
@@ -2577,13 +2367,8 @@
|
|
|
2577
2367
|
"skillRefs": [
|
|
2578
2368
|
"dbx__ref__dbx-component-patterns"
|
|
2579
2369
|
],
|
|
2580
|
-
"sourcePath": "lib/layout/list/grid/list.grid.view.component.ts",
|
|
2581
2370
|
"example": "<dbx-list-grid-view [config]=\"cellConfig\" dbxListGridSize=\"md\"></dbx-list-grid-view>",
|
|
2582
|
-
"minimalExample": "<dbx-list-grid-view [config]=\"cellConfig\"></dbx-list-grid-view>"
|
|
2583
|
-
"sourceLocation": {
|
|
2584
|
-
"file": "src/lib/layout/list/grid/list.grid.view.component.ts",
|
|
2585
|
-
"line": 182
|
|
2586
|
-
}
|
|
2371
|
+
"minimalExample": "<dbx-list-grid-view [config]=\"cellConfig\"></dbx-list-grid-view>"
|
|
2587
2372
|
},
|
|
2588
2373
|
{
|
|
2589
2374
|
"slug": "list-title-group-header",
|
|
@@ -2602,13 +2387,8 @@
|
|
|
2602
2387
|
"skillRefs": [
|
|
2603
2388
|
"dbx__ref__dbx-component-patterns"
|
|
2604
2389
|
],
|
|
2605
|
-
"sourcePath": "lib/layout/list/group/list.view.value.group.title.header.component.ts",
|
|
2606
2390
|
"example": "<dbx-list-view [config]=\"rowConfig\" dbxListTitleGroup></dbx-list-view>",
|
|
2607
|
-
"minimalExample": "<dbx-list-title-group-header></dbx-list-title-group-header>"
|
|
2608
|
-
"sourceLocation": {
|
|
2609
|
-
"file": "src/lib/layout/list/group/list.view.value.group.title.header.component.ts",
|
|
2610
|
-
"line": 38
|
|
2611
|
-
}
|
|
2391
|
+
"minimalExample": "<dbx-list-title-group-header></dbx-list-title-group-header>"
|
|
2612
2392
|
},
|
|
2613
2393
|
{
|
|
2614
2394
|
"slug": "anchor",
|
|
@@ -2636,13 +2416,8 @@
|
|
|
2636
2416
|
"skillRefs": [
|
|
2637
2417
|
"dbx__ref__dbx-app-structure"
|
|
2638
2418
|
],
|
|
2639
|
-
"sourcePath": "lib/router/layout/anchor/anchor.component.ts",
|
|
2640
2419
|
"example": "<dbx-anchor [anchor]=\"{ ref: 'app.home' }\">\n <button mat-button>Home</button>\n</dbx-anchor>",
|
|
2641
|
-
"minimalExample": "<dbx-anchor [anchor]=\"{ url: '/' }\">Home</dbx-anchor>"
|
|
2642
|
-
"sourceLocation": {
|
|
2643
|
-
"file": "src/lib/router/layout/anchor/anchor.component.ts",
|
|
2644
|
-
"line": 32
|
|
2645
|
-
}
|
|
2420
|
+
"minimalExample": "<dbx-anchor [anchor]=\"{ url: '/' }\">Home</dbx-anchor>"
|
|
2646
2421
|
},
|
|
2647
2422
|
{
|
|
2648
2423
|
"slug": "anchor-list",
|
|
@@ -2668,13 +2443,8 @@
|
|
|
2668
2443
|
"skillRefs": [
|
|
2669
2444
|
"dbx__ref__dbx-app-structure"
|
|
2670
2445
|
],
|
|
2671
|
-
"sourcePath": "lib/router/layout/anchorlist/anchorlist.component.ts",
|
|
2672
2446
|
"example": "<dbx-anchor-list [anchors]=\"navAnchors\"></dbx-anchor-list>",
|
|
2673
|
-
"minimalExample": "<dbx-anchor-list [anchors]=\"anchors\"></dbx-anchor-list>"
|
|
2674
|
-
"sourceLocation": {
|
|
2675
|
-
"file": "src/lib/router/layout/anchorlist/anchorlist.component.ts",
|
|
2676
|
-
"line": 36
|
|
2677
|
-
}
|
|
2447
|
+
"minimalExample": "<dbx-anchor-list [anchors]=\"anchors\"></dbx-anchor-list>"
|
|
2678
2448
|
},
|
|
2679
2449
|
{
|
|
2680
2450
|
"slug": "navbar",
|
|
@@ -2762,13 +2532,8 @@
|
|
|
2762
2532
|
"skillRefs": [
|
|
2763
2533
|
"dbx__ref__dbx-app-structure"
|
|
2764
2534
|
],
|
|
2765
|
-
"sourcePath": "lib/router/layout/navbar/navbar.component.ts",
|
|
2766
2535
|
"example": "<dbx-navbar [anchors]=\"topNav\"></dbx-navbar>",
|
|
2767
|
-
"minimalExample": "<dbx-navbar [anchors]=\"anchors\"></dbx-navbar>"
|
|
2768
|
-
"sourceLocation": {
|
|
2769
|
-
"file": "src/lib/router/layout/navbar/navbar.component.ts",
|
|
2770
|
-
"line": 58
|
|
2771
|
-
}
|
|
2536
|
+
"minimalExample": "<dbx-navbar [anchors]=\"anchors\"></dbx-navbar>"
|
|
2772
2537
|
},
|
|
2773
2538
|
{
|
|
2774
2539
|
"slug": "sidenav",
|
|
@@ -2823,13 +2588,8 @@
|
|
|
2823
2588
|
"skillRefs": [
|
|
2824
2589
|
"dbx__ref__dbx-app-structure"
|
|
2825
2590
|
],
|
|
2826
|
-
"sourcePath": "lib/router/layout/sidenav/sidenav.component.ts",
|
|
2827
2591
|
"example": "<dbx-sidenav [anchors]=\"sidenavAnchors\"></dbx-sidenav>",
|
|
2828
|
-
"minimalExample": "<dbx-sidenav [anchors]=\"anchors\"></dbx-sidenav>"
|
|
2829
|
-
"sourceLocation": {
|
|
2830
|
-
"file": "src/lib/router/layout/sidenav/sidenav.component.ts",
|
|
2831
|
-
"line": 45
|
|
2832
|
-
}
|
|
2592
|
+
"minimalExample": "<dbx-sidenav [anchors]=\"anchors\"></dbx-sidenav>"
|
|
2833
2593
|
},
|
|
2834
2594
|
{
|
|
2835
2595
|
"slug": "sidenav-page",
|
|
@@ -2869,13 +2629,8 @@
|
|
|
2869
2629
|
"skillRefs": [
|
|
2870
2630
|
"dbx__ref__dbx-app-structure"
|
|
2871
2631
|
],
|
|
2872
|
-
"sourcePath": "lib/router/layout/sidenav/sidenav.page.component.ts",
|
|
2873
2632
|
"example": "<dbx-sidenav-page>\n <ui-view></ui-view>\n</dbx-sidenav-page>",
|
|
2874
|
-
"minimalExample": "<dbx-sidenav-page>Content</dbx-sidenav-page>"
|
|
2875
|
-
"sourceLocation": {
|
|
2876
|
-
"file": "src/lib/router/layout/sidenav/sidenav.page.component.ts",
|
|
2877
|
-
"line": 31
|
|
2878
|
-
}
|
|
2633
|
+
"minimalExample": "<dbx-sidenav-page>Content</dbx-sidenav-page>"
|
|
2879
2634
|
}
|
|
2880
2635
|
]
|
|
2881
2636
|
}
|