angular / flex-layout
Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

Intro
  • Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
  • Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
  • Conditional complexity is measured at the unit level (methods, functions...).
  • Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).
Learn more...
Conditional Complexity Overall
  • There are 292 units with 2,514 lines of code in units (32.2% of code).
    • 1 very complex units (108 lines of code)
    • 0 complex units (0 lines of code)
    • 7 medium complex units (258 lines of code)
    • 18 simple units (313 lines of code)
    • 266 very simple units (1,835 lines of code)
4% | 0% | 10% | 12% | 72%
Legend:
51+
26-50
11-25
6-10
1-5
Alternative Visuals
Conditional Complexity per Extension
51+
26-50
11-25
6-10
1-5
ts4% | 0% | 10% | 12% | 72%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
projects/libs/flex-layout/flex22% | 0% | 28% | 11% | 37%
projects/libs/flex-layout/grid0% | 0% | 35% | 22% | 41%
projects/libs/flex-layout/_private-utils0% | 0% | 11% | 18% | 69%
projects/libs/flex-layout/core0% | 0% | 0% | 11% | 88%
projects/libs/flex-layout/extended0% | 0% | 0% | 12% | 87%
tools/tslint-rules0% | 0% | 0% | 13% | 86%
projects/apps/demo-app/src0% | 0% | 0% | 10% | 89%
tools/package-tools0% | 0% | 0% | 0% | 100%
projects/libs/flex-layout/server0% | 0% | 0% | 0% | 100%
projects/apps/universal-demo-app0% | 0% | 0% | 0% | 100%
projects/libs/flex-layout0% | 0% | 0% | 0% | 100%
projects/apps/universal-demo-app/src0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
buildStyles()
in projects/libs/flex-layout/flex/flex/flex.ts
108 53 2
buildStyles()
in projects/libs/flex-layout/flex/layout-align/layout-align.ts
64 23 2
export function applyCssPrefixes()
in projects/libs/flex-layout/_private-utils/auto-prefixer.ts
43 20 1
protected updateWithValue()
in projects/libs/flex-layout/flex/layout-align/layout-align.ts
22 18 1
protected updateWithValue()
in projects/libs/flex-layout/flex/layout-gap/layout-gap.ts
27 15 1
function buildCss()
in projects/libs/flex-layout/grid/align-columns/align-columns.ts
48 13 2
function buildCss()
in projects/libs/flex-layout/grid/align-rows/align-rows.ts
30 13 2
protected updateWithValue()
in projects/libs/flex-layout/flex/flex/flex.ts
24 11 1
private getActivatedValues()
in projects/libs/flex-layout/core/media-marshaller/media-marshaller.ts
16 10 2
collectActivations()
in projects/libs/flex-layout/core/media-marshaller/print-hook.ts
20 10 2
function buildCss()
in projects/libs/flex-layout/grid/grid-align/grid-align.ts
38 9 1
protected updateWithValue()
in projects/libs/flex-layout/flex/flex-offset/flex-offset.ts
14 9 1
export function validateWrapValue()
in projects/libs/flex-layout/_private-utils/layout-validator.ts
20 8 1
function elementText()
in projects/libs/flex-layout/_private-utils/testing/custom-matchers.ts
22 8 1
buildStyles()
in projects/libs/flex-layout/grid/auto/auto.ts
11 8 2
function getMarginType()
in projects/libs/flex-layout/flex/layout-gap/layout-gap.ts
14 8 2
private _applyMultiValueStyleToElement()
in projects/libs/flex-layout/core/style-utils/style-utils.ts
17 7 2
interceptEvents()
in projects/libs/flex-layout/core/media-marshaller/print-hook.ts
15 7 1
function hasStyle()
in projects/libs/flex-layout/_private-utils/testing/dom-tools.ts
11 7 4
buildStyles()
in projects/libs/flex-layout/flex/flex-offset/flex-offset.ts
13 7 2