The distribution of size of files (measured in lines of code).
Intro
- File size measurements show the distribution of size of files.
- Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
- It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
File Size Overall
- There are 2,107 files with 140,500 lines of code.
- 28 very long files (64,231 lines of code)
- 21 long files (14,858 lines of code)
- 46 medium size files (16,049 lines of codeclsfd_ftr_w_mp_ins)
- 56 small files (7,985 lines of code)
- 1,956 very small files (37,377 lines of code)
Legend:
1001+
501-1000
201-500
101-200
1-100
explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
File Size per Logical Decomposition
primary
Longest Files (Top 50)
| File | # lines | # units |
|---|---|---|
components-examples.mjs in fesm2020 |
5276 | - |
components-examples.mjs in fesm2015 |
5276 | - |
 material-list-testing.html in docs-content/api-docs |
4246 | - |
cdk-a11y.html in docs-content/api-docs |
4232 | - |
cdk-testing.html in docs-content/api-docs |
3382 | - |
material-core.html in docs-content/api-docs |
3169 | - |
cdk-drag-drop.html in docs-content/api-docs |
3009 | - |
cdk-overlay.html in docs-content/api-docs |
3002 | - |
material-datepicker-testing.html in docs-content/api-docs |
2923 | - |
cdk-portal.html in docs-content/api-docs |
2707 | - |
material-datepicker.html in docs-content/api-docs |
2422 | - |
material-chips-testing.html in docs-content/api-docs |
2296 | - |
material-table-testing.html in docs-content/api-docs |
1988 | - |
cdk-tree.html in docs-content/api-docs |
1905 | - |
material-sidenav-testing.html in docs-content/api-docs |
1836 | - |
cdk-testing-testbed.html in docs-content/api-docs |
1800 | - |
cdk-testing-selenium-webdriver.html in docs-content/api-docs |
1681 | - |
cdk-table.html in docs-content/api-docs |
1595 | - |
cdk-scrolling.html in docs-content/api-docs |
1589 | - |
material-table.html in docs-content/api-docs |
1345 | - |
material-tabs-testing.html in docs-content/api-docs |
1188 | - |
material-input-testing.html in docs-content/api-docs |
1091 | - |
material-menu-testing.html in docs-content/api-docs |
1085 | - |
material-stepper-testing.html in docs-content/api-docs |
1073 | - |
material-dialog.html in docs-content/api-docs |
1055 | - |
material-sidenav.html in docs-content/api-docs |
1035 | - |
cdk-keycodes.html in docs-content/api-docs |
1017 | - |
material-icon.html in docs-content/api-docs |
1008 | - |
material-stepper.html in docs-content/api-docs |
993 | - |
material-tabs.html in docs-content/api-docs |
888 | - |
material-expansion-testing.html in docs-content/api-docs |
859 | - |
test-harnesses.html in docs-content/overviews/cdk/testing |
852 | - |
material-chips.html in docs-content/api-docs |
846 | - |
material-tree.html in docs-content/api-docs |
825 | - |
datepicker.html in docs-content/overviews/material/datepicker |
730 | - |
material-radio-testing.html in docs-content/api-docs |
729 | - |
material-button-toggle-testing.html in docs-content/api-docs |
717 | - |
material-tree-testing.html in docs-content/api-docs |
715 | - |
material-menu.html in docs-content/api-docs |
714 | - |
cdk-collections.html in docs-content/api-docs |
712 | - |
material-grid-list-testing.html in docs-content/api-docs |
711 | - |
material-form-field-testing.html in docs-content/api-docs |
681 | - |
material-snack-bar.html in docs-content/api-docs |
612 | - |
material-icon-testing.html in docs-content/api-docs |
567 | - |
material-checkbox-testing.html in docs-content/api-docs |
560 | - |
material-select-testing.html in docs-content/api-docs |
556 | - |
material-button-testing.html in docs-content/api-docs |
544 | - |
material-form-field.html in docs-content/api-docs |
541 | - |
material-slide-toggle-testing.html in docs-content/api-docs |
506 | - |
material-select.html in docs-content/api-docs |
488 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
 form-field-custom-control-example.ts in docs-content/examples-source/material/form-field/form-field-custom-control |
192 | 16 |
form-field-custom-control-example.ts in docs-content/examples-source/material-experimental/mdc-form-field/mdc-form-field-custom-control |
142 | 13 |
tree-checklist-example.ts in docs-content/examples-source/material/tree/tree-checklist |
182 | 8 |
tree-loadmore-example.ts in docs-content/examples-source/material/tree/tree-loadmore |
117 | 7 |
popover-edit-mat-table-example.ts in docs-content/examples-source/material-experimental/popover-edit/popover-edit-mat-table |
250 | 6 |
tree-dynamic-example.ts in docs-content/examples-source/material/tree/tree-dynamic |
112 | 5 |
cdk-selection-list-example.ts in docs-content/examples-source/cdk-experimental/selection/cdk-selection-list |
69 | 4 |
datepicker-custom-header-example.ts in docs-content/examples-source/material/datepicker/datepicker-custom-header |
92 | 4 |
table-wrapped-example.ts in docs-content/examples-source/material/table/table-wrapped |
83 | 4 |
table-dynamic-observable-data-example.ts in docs-content/examples-source/material/table/table-dynamic-observable-data |
54 | 4 |
table-overview-example.ts in docs-content/examples-source/material/table/table-overview |
80 | 4 |
mat-selection-list-example.ts in docs-content/examples-source/material-experimental/selection/mat-selection-list |
69 | 4 |
autocomplete-plain-input-example.ts in docs-content/examples-source/material/autocomplete/autocomplete-plain-input |
27 | 3 |
sort-overview-example.ts in docs-content/examples-source/material/sort/sort-overview |
54 | 3 |
expansion-steps-example.ts in docs-content/examples-source/material/expansion/expansion-steps |
18 | 3 |
table-dynamic-columns-example.ts in docs-content/examples-source/material/table/table-dynamic-columns |
48 | 3 |
cdk-drag-drop-root-element-example.ts in docs-content/examples-source/cdk/drag-drop/cdk-drag-drop-root-element |
35 | 3 |
cdk-drag-drop-enter-predicate-example.ts in docs-content/examples-source/cdk/drag-drop/cdk-drag-drop-enter-predicate |
29 | 3 |
cdk-popover-edit-cdk-table-example.ts in docs-content/examples-source/cdk-experimental/popover-edit/cdk-popover-edit-cdk-table |
62 | 2 |
cdk-popover-edit-cdk-table-flex-example.ts in docs-content/examples-source/cdk-experimental/popover-edit/cdk-popover-edit-cdk-table-flex |
62 | 2 |
Files With Long Lines (Top 20)
There are 1080 files with lines longer than 120 characters. In total, there are 10916 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
test-harnesses.html in docs-content/overviews/cdk/testing |
852 | - | 105 |
cdk-keycodes.html in docs-content/api-docs |
1017 | - | 93 |
cdk-drag-drop.html in docs-content/api-docs |
3009 | - | 89 |
popover-edit-mat-table-example-html.html in docs-content/examples-highlighted/material-experimental/popover-edit/popover-edit-mat-table |
163 | - | 82 |
button-overview-example-html.html in docs-content/examples-highlighted/material/button/button-overview |
126 | - | 81 |
table.html in docs-content/overviews/material/table |
367 | - | 68 |
cdk-overlay.html in docs-content/api-docs |
3002 | - | 68 |
button-types-example-html.html in docs-content/examples-highlighted/material/button/button-types |
78 | - | 64 |
datepicker.html in docs-content/overviews/material/datepicker |
730 | - | 62 |
theming.html in docs-content/guides |
401 | - | 59 |
form-field-custom-control-example-ts.html in docs-content/examples-highlighted/material/form-field/form-field-custom-control |
195 | - | 57 |
tree-checklist-example-ts.html in docs-content/examples-highlighted/material/tree/tree-checklist |
223 | - | 56 |
material-datepicker.html in docs-content/api-docs |
2422 | - | 56 |
creating-a-custom-form-field-control.html in docs-content/guides |
397 | - | 55 |
cdk-virtual-scroll-dl-example-ts.html in docs-content/examples-highlighted/cdk/scrolling/cdk-virtual-scroll-dl |
62 | - | 54 |
cdk-testing.html in docs-content/api-docs |
3382 | - | 50 |
list.html in docs-content/overviews/material/list |
185 | - | 49 |
cdk-a11y.html in docs-content/api-docs |
4232 | - | 48 |
table.html in docs-content/overviews/cdk/table |
182 | - | 46 |
table-sticky-complex-flex-example-html.html in docs-content/examples-highlighted/material/table/table-sticky-complex-flex |
67 | - | 46 |