valor-software/angular2-bootstrap

View on GitHub
demo/src/app/components/+datepicker/datepicker-section.list.ts

Summary

Maintainability
D
1 day
Test Coverage

File datepicker-section.list.ts has 305 lines of code (exceeds 250 allowed). Consider refactoring.
Open

import { DemoDatepickerBasicComponent } from './demos/basic/basic';
import { DemoDatepickerDateInitialStateComponent } from './demos/date-initial-state/date-initial-state';
import { DemoDatepickerColorThemingComponent } from './demos/color-theming/color-theming';
import { DemoDatepickerChangeLocaleComponent } from './demos/change-locale/change-locale';
import { DemoDatepickerMinMaxComponent } from './demos/min-max/min-max.component';
Severity: Minor
Found in demo/src/app/components/+datepicker/datepicker-section.list.ts - About 3 hrs to fix

    Similar blocks of code found in 5 locations. Consider refactoring.
    Open

      {
        name: 'API Reference',
        anchor: 'api-reference',
        outlet: ApiSectionsComponent,
        content: [
    demo/src/app/components/+accordion/accordion-section.list.ts on lines 120..141
    demo/src/app/components/+buttons/buttons-section.list.ts on lines 97..118
    demo/src/app/components/+carousel/carousel-section.list.ts on lines 115..136
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 137..158

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 74.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Disabled',
            anchor: 'disabled-datepicker',
            component: require('!!raw-loader?lang=typescript!./demos/disabled/disabled.component.ts'),
            html: require('!!raw-loader?lang=markup!./demos/disabled/disabled.component.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Locales',
            anchor: 'locales',
            component: require('!!raw-loader?lang=typescript!./demos/change-locale/change-locale.ts'),
            html: require('!!raw-loader?lang=markup!./demos/change-locale/change-locale.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Forms',
            anchor: 'forms',
            component: require('!!raw-loader?lang=typescript!./demos/forms/forms.component.ts'),
            html: require('!!raw-loader?lang=markup!./demos/forms/forms.component.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Visibility Events',
            anchor: 'visibility-events',
            component: require('!!raw-loader?lang=typescript!./demos/visibility-events/visibility-events.ts'),
            html: require('!!raw-loader?lang=markup!./demos/visibility-events/visibility-events.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Hide on scroll',
            anchor: 'hide-on-scroll',
            component: require('!!raw-loader?lang=typescript!./demos/hide-on-scroll/hide-on-scroll.ts'),
            html: require('!!raw-loader?lang=markup!./demos/hide-on-scroll/hide-on-scroll.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Min-max',
            anchor: 'min-max',
            component: require('!!raw-loader?lang=typescript!./demos/min-max/min-max.component.ts'),
            html: require('!!raw-loader?lang=markup!./demos/min-max/min-max.component.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Trigger by isOpen property',
            anchor: 'trigger-by-isopen-property',
            component: require('!!raw-loader?lang=typescript!./demos/trigger-by-isopen-property/trigger-by-isopen-property.ts'),
            html: require('!!raw-loader?lang=markup!./demos/trigger-by-isopen-property/trigger-by-isopen-property.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Basic',
            anchor: 'basic',
            component: require('!!raw-loader?lang=typescript!./demos/basic/basic.ts'),
            html: require('!!raw-loader?lang=markup!./demos/basic/basic.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Custom date format',
            anchor: 'format',
            component: require('!!raw-loader?lang=typescript!./demos/custom-format/custom-format.ts'),
            html: require('!!raw-loader?lang=markup!./demos/custom-format/custom-format.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Config properties',
            anchor: 'config-object',
            component: require('!!raw-loader?lang=typescript!./demos/config-object/config-object.ts'),
            html: require('!!raw-loader?lang=markup!./demos/config-object/config-object.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Placement',
            anchor: 'placement',
            component: require('!!raw-loader?lang=typescript!./demos/placement/placement.ts'),
            html: require('!!raw-loader?lang=markup!./demos/placement/placement.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Custom triggers',
            anchor: 'triggers-custom',
            component: require('!!raw-loader?lang=typescript!./demos/triggers-custom/triggers-custom.ts'),
            html: require('!!raw-loader?lang=markup!./demos/triggers-custom/triggers-custom.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Themes',
            anchor: 'themes',
            component: require('!!raw-loader?lang=typescript!./demos/color-theming/color-theming.ts'),
            html: require('!!raw-loader?lang=markup!./demos/color-theming/color-theming.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Manual triggering',
            anchor: 'triggers-manual',
            component: require('!!raw-loader?lang=typescript!./demos/triggers-manual/triggers-manual.ts'),
            html: require('!!raw-loader?lang=markup!./demos/triggers-manual/triggers-manual.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Config method',
            anchor: 'config-method',
            component: require('!!raw-loader?lang=typescript!./demos/config-method/config-method.ts'),
            html: require('!!raw-loader?lang=markup!./demos/config-method/config-method.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Outside click',
            anchor: 'outside-click',
            component: require('!!raw-loader?lang=typescript!./demos/outside-click/outside-click.ts'),
            html: require('!!raw-loader?lang=markup!./demos/outside-click/outside-click.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 207..214
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 67 locations. Consider refactoring.
    Open

          {
            title: 'Value change event',
            anchor: 'value-change-event',
            component: require('!!raw-loader?lang=typescript!./demos/value-change-event/value-change-event.ts'),
            html: require('!!raw-loader?lang=markup!./demos/value-change-event/value-change-event.html'),
    demo/src/app/components/+collapse/collapse-section.list.ts on lines 34..42
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 47..65
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 73..93
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 94..103
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 104..116
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 117..136
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 137..148
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 149..156
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 157..166
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 174..182
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 183..190
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 191..198
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 199..206
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 215..222
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 223..231
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 232..239
    demo/src/app/components/+datepicker/datepicker-section.list.ts on lines 240..248
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 49..57
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 65..74
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 75..87
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 88..95
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 96..103
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 104..112
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 113..122
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 130..137
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 154..161
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 162..169
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 170..177
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 178..185
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 186..193
    demo/src/app/components/+dropdown/dropdown-section.list.ts on lines 194..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 60..71
    demo/src/app/components/+modal/modal-section.list.ts on lines 72..79
    demo/src/app/components/+modal/modal-section.list.ts on lines 87..100
    demo/src/app/components/+modal/modal-section.list.ts on lines 101..108
    demo/src/app/components/+modal/modal-section.list.ts on lines 109..117
    demo/src/app/components/+modal/modal-section.list.ts on lines 118..125
    demo/src/app/components/+modal/modal-section.list.ts on lines 126..133
    demo/src/app/components/+modal/modal-section.list.ts on lines 134..141
    demo/src/app/components/+modal/modal-section.list.ts on lines 142..149
    demo/src/app/components/+modal/modal-section.list.ts on lines 172..179
    demo/src/app/components/+modal/modal-section.list.ts on lines 180..187
    demo/src/app/components/+modal/modal-section.list.ts on lines 188..201
    demo/src/app/components/+modal/modal-section.list.ts on lines 202..214
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 96..103
    demo/src/app/components/+pagination/pagination-section.list.ts on lines 104..112
    demo/src/app/components/+popover/popover-section.list.ts on lines 50..59
    demo/src/app/components/+popover/popover-section.list.ts on lines 60..68
    demo/src/app/components/+popover/popover-section.list.ts on lines 69..76
    demo/src/app/components/+popover/popover-section.list.ts on lines 77..85
    demo/src/app/components/+popover/popover-section.list.ts on lines 86..93
    demo/src/app/components/+popover/popover-section.list.ts on lines 94..104
    demo/src/app/components/+popover/popover-section.list.ts on lines 133..141
    demo/src/app/components/+popover/popover-section.list.ts on lines 142..149
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 55..62
    demo/src/app/components/+timepicker/timepicker-section.list.ts on lines 105..113
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 47..56
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 57..65
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 66..73
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 74..82
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 83..91
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 92..102
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 117..125
    demo/src/app/components/+tooltip/tooltip-section.list.ts on lines 147..154
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 107..118
    demo/src/app/components/+typeahead/typeahead-section.list.ts on lines 119..129

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 45.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    There are no issues that match your filters.

    Category
    Status