fuse-angular/src/app/main/content/components/angular-material/example-components.ts

import { AutocompleteDisplayExample } from 'assets/angular-material-examples/autocomplete-display/autocomplete-display-example';
import { AutocompleteFilterExample } from 'assets/angular-material-examples/autocomplete-filter/autocomplete-filter-example';
import { AutocompleteOverviewExample } from 'assets/angular-material-examples/autocomplete-overview/autocomplete-overview-example';
import { AutocompleteSimpleExample } from 'assets/angular-material-examples/autocomplete-simple/autocomplete-simple-example';
import { ButtonOverviewExample } from 'assets/angular-material-examples/button-overview/button-overview-example';
import { ButtonToggleExclusiveExample } from 'assets/angular-material-examples/button-toggle-exclusive/button-toggle-exclusive-example';
import { ButtonToggleOverviewExample } from 'assets/angular-material-examples/button-toggle-overview/button-toggle-overview-example';
import { ButtonTypesExample } from 'assets/angular-material-examples/button-types/button-types-example';
import { CardFancyExample } from 'assets/angular-material-examples/card-fancy/card-fancy-example';
import { CardOverviewExample } from 'assets/angular-material-examples/card-overview/card-overview-example';
import { CdkTableBasicExample } from 'assets/angular-material-examples/cdk-table-basic/cdk-table-basic-example';
import { CheckboxConfigurableExample } from 'assets/angular-material-examples/checkbox-configurable/checkbox-configurable-example';
import { CheckboxOverviewExample } from 'assets/angular-material-examples/checkbox-overview/checkbox-overview-example';
import { ChipsInputExample } from 'assets/angular-material-examples/chips-input/chips-input-example';
import { ChipsOverviewExample } from 'assets/angular-material-examples/chips-overview/chips-overview-example';
import { ChipsStackedExample } from 'assets/angular-material-examples/chips-stacked/chips-stacked-example';
import { DatepickerApiExample } from 'assets/angular-material-examples/datepicker-api/datepicker-api-example';
import { DatepickerDisabledExample } from 'assets/angular-material-examples/datepicker-disabled/datepicker-disabled-example';
import { DatepickerEventsExample } from 'assets/angular-material-examples/datepicker-events/datepicker-events-example';
import { DatepickerFilterExample } from 'assets/angular-material-examples/datepicker-filter/datepicker-filter-example';
import { DatepickerFormatsExample } from 'assets/angular-material-examples/datepicker-formats/datepicker-formats-example';
import { DatepickerLocaleExample } from 'assets/angular-material-examples/datepicker-locale/datepicker-locale-example';
import { DatepickerMinMaxExample } from 'assets/angular-material-examples/datepicker-min-max/datepicker-min-max-example';
import { DatepickerMomentExample } from 'assets/angular-material-examples/datepicker-moment/datepicker-moment-example';
import { DatepickerOverviewExample } from 'assets/angular-material-examples/datepicker-overview/datepicker-overview-example';
import { DatepickerStartViewExample } from 'assets/angular-material-examples/datepicker-start-view/datepicker-start-view-example';
import { DatepickerTouchExample } from 'assets/angular-material-examples/datepicker-touch/datepicker-touch-example';
import { DatepickerValueExample } from 'assets/angular-material-examples/datepicker-value/datepicker-value-example';
import { DialogContentExampleDialog, DialogContentExample } from 'assets/angular-material-examples/dialog-content/dialog-content-example';
import { DialogDataExampleDialog, DialogDataExample } from 'assets/angular-material-examples/dialog-data/dialog-data-example';
import { DialogElementsExampleDialog, DialogElementsExample } from 'assets/angular-material-examples/dialog-elements/dialog-elements-example';
import { DialogOverviewExampleDialog, DialogOverviewExample } from 'assets/angular-material-examples/dialog-overview/dialog-overview-example';
import { ElevationOverviewExample } from 'assets/angular-material-examples/elevation-overview/elevation-overview-example';
import { ExpansionOverviewExample } from 'assets/angular-material-examples/expansion-overview/expansion-overview-example';
import { ExpansionStepsExample } from 'assets/angular-material-examples/expansion-steps/expansion-steps-example';
import { MyTelInput, FormFieldCustomControlExample } from 'assets/angular-material-examples/form-field-custom-control/form-field-custom-control-example';
import { FormFieldErrorExample } from 'assets/angular-material-examples/form-field-error/form-field-error-example';
import { FormFieldHintExample } from 'assets/angular-material-examples/form-field-hint/form-field-hint-example';
import { FormFieldOverviewExample } from 'assets/angular-material-examples/form-field-overview/form-field-overview-example';
import { FormFieldPlaceholderExample } from 'assets/angular-material-examples/form-field-placeholder/form-field-placeholder-example';
import { FormFieldPrefixSuffixExample } from 'assets/angular-material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example';
import { FormFieldThemingExample } from 'assets/angular-material-examples/form-field-theming/form-field-theming-example';
import { GridListDynamicExample } from 'assets/angular-material-examples/grid-list-dynamic/grid-list-dynamic-example';
import { GridListOverviewExample } from 'assets/angular-material-examples/grid-list-overview/grid-list-overview-example';
import { IconOverviewExample } from 'assets/angular-material-examples/icon-overview/icon-overview-example';
import { IconSvgExample } from 'assets/angular-material-examples/icon-svg/icon-svg-example';
import { InputAutosizeTextareaExample } from 'assets/angular-material-examples/input-autosize-textarea/input-autosize-textarea-example';
import { InputClearableExample } from 'assets/angular-material-examples/input-clearable/input-clearable-example';
import { InputErrorStateMatcherExample } from 'assets/angular-material-examples/input-error-state-matcher/input-error-state-matcher-example';
import { InputErrorsExample } from 'assets/angular-material-examples/input-errors/input-errors-example';
import { InputFormExample } from 'assets/angular-material-examples/input-form/input-form-example';
import { InputHintExample } from 'assets/angular-material-examples/input-hint/input-hint-example';
import { InputOverviewExample } from 'assets/angular-material-examples/input-overview/input-overview-example';
import { InputPrefixSuffixExample } from 'assets/angular-material-examples/input-prefix-suffix/input-prefix-suffix-example';
import { ListOverviewExample } from 'assets/angular-material-examples/list-overview/list-overview-example';
import { ListSectionsExample } from 'assets/angular-material-examples/list-sections/list-sections-example';
import { ListSelectionExample } from 'assets/angular-material-examples/list-selection/list-selection-example';
import { MenuIconsExample } from 'assets/angular-material-examples/menu-icons/menu-icons-example';
import { MenuOverviewExample } from 'assets/angular-material-examples/menu-overview/menu-overview-example';
import { NestedMenuExample } from 'assets/angular-material-examples/nested-menu/nested-menu-example';
import { PaginatorConfigurableExample } from 'assets/angular-material-examples/paginator-configurable/paginator-configurable-example';
import { PaginatorOverviewExample } from 'assets/angular-material-examples/paginator-overview/paginator-overview-example';
import { ProgressBarBufferExample } from 'assets/angular-material-examples/progress-bar-buffer/progress-bar-buffer-example';
import { ProgressBarConfigurableExample } from 'assets/angular-material-examples/progress-bar-configurable/progress-bar-configurable-example';
import { ProgressBarDeterminateExample } from 'assets/angular-material-examples/progress-bar-determinate/progress-bar-determinate-example';
import { ProgressBarIndeterminateExample } from 'assets/angular-material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example';
import { ProgressBarQueryExample } from 'assets/angular-material-examples/progress-bar-query/progress-bar-query-example';
import { ProgressSpinnerConfigurableExample } from 'assets/angular-material-examples/progress-spinner-configurable/progress-spinner-configurable-example';
import { ProgressSpinnerOverviewExample } from 'assets/angular-material-examples/progress-spinner-overview/progress-spinner-overview-example';
import { RadioNgModelExample } from 'assets/angular-material-examples/radio-ng-model/radio-ng-model-example';
import { RadioOverviewExample } from 'assets/angular-material-examples/radio-overview/radio-overview-example';
import { SelectCustomTriggerExample } from 'assets/angular-material-examples/select-custom-trigger/select-custom-trigger-example';
import { SelectDisabledExample } from 'assets/angular-material-examples/select-disabled/select-disabled-example';
import { SelectErrorStateMatcherExample } from 'assets/angular-material-examples/select-error-state-matcher/select-error-state-matcher-example';
import { SelectFormExample } from 'assets/angular-material-examples/select-form/select-form-example';
import { SelectHintErrorExample } from 'assets/angular-material-examples/select-hint-error/select-hint-error-example';
import { SelectMultipleExample } from 'assets/angular-material-examples/select-multiple/select-multiple-example';
import { SelectNoRippleExample } from 'assets/angular-material-examples/select-no-ripple/select-no-ripple-example';
import { SelectOptgroupExample } from 'assets/angular-material-examples/select-optgroup/select-optgroup-example';
import { SelectOverviewExample } from 'assets/angular-material-examples/select-overview/select-overview-example';
import { SelectPanelClassExample } from 'assets/angular-material-examples/select-panel-class/select-panel-class-example';
import { SelectResetExample } from 'assets/angular-material-examples/select-reset/select-reset-example';
import { SelectValueBindingExample } from 'assets/angular-material-examples/select-value-binding/select-value-binding-example';
import { SidenavFabExample } from 'assets/angular-material-examples/sidenav-fab/sidenav-fab-example';
import { SidenavOverviewExample } from 'assets/angular-material-examples/sidenav-overview/sidenav-overview-example';
import { SlideToggleConfigurableExample } from 'assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example';
import { SlideToggleFormsExample } from 'assets/angular-material-examples/slide-toggle-forms/slide-toggle-forms-example';
import { SlideToggleOverviewExample } from 'assets/angular-material-examples/slide-toggle-overview/slide-toggle-overview-example';
import { SliderConfigurableExample } from 'assets/angular-material-examples/slider-configurable/slider-configurable-example';
import { SliderOverviewExample } from 'assets/angular-material-examples/slider-overview/slider-overview-example';
import { PizzaPartyComponent, SnackBarComponentExample } from 'assets/angular-material-examples/snack-bar-component/snack-bar-component-example';
import { SnackBarOverviewExample } from 'assets/angular-material-examples/snack-bar-overview/snack-bar-overview-example';
import { SortOverviewExample } from 'assets/angular-material-examples/sort-overview/sort-overview-example';
import { StepperOverviewExample } from 'assets/angular-material-examples/stepper-overview/stepper-overview-example';
import { TableBasicExample } from 'assets/angular-material-examples/table-basic/table-basic-example';
import { TableFilteringExample } from 'assets/angular-material-examples/table-filtering/table-filtering-example';
import { TableHttpExample } from 'assets/angular-material-examples/table-http/table-http-example';
import { TableOverviewExample } from 'assets/angular-material-examples/table-overview/table-overview-example';
import { TablePaginationExample } from 'assets/angular-material-examples/table-pagination/table-pagination-example';
import { TableSortingExample } from 'assets/angular-material-examples/table-sorting/table-sorting-example';
import { TabsOverviewExample } from 'assets/angular-material-examples/tabs-overview/tabs-overview-example';
import { TabsTemplateLabelExample } from 'assets/angular-material-examples/tabs-template-label/tabs-template-label-example';
import { ToolbarMultirowExample } from 'assets/angular-material-examples/toolbar-multirow/toolbar-multirow-example';
import { ToolbarOverviewExample } from 'assets/angular-material-examples/toolbar-overview/toolbar-overview-example';
import { TooltipOverviewExample } from 'assets/angular-material-examples/tooltip-overview/tooltip-overview-example';
import { TooltipPositionExample } from 'assets/angular-material-examples/tooltip-position/tooltip-position-example';

export const COMPONENT_MAP = {
    'autocomplete'    : [
        'autocomplete-simple',
        'autocomplete-filter',
        'autocomplete-display',
        'autocomplete-overview'
    ],
    'checkbox'        : [
        'checkbox-overview',
        'checkbox-configurable'
    ],
    'datepicker'      : [
        'datepicker-overview',
        'datepicker-start-view',
        'datepicker-value',
        'datepicker-min-max',
        'datepicker-filter',
        'datepicker-events',
        'datepicker-disabled',
        'datepicker-touch',
        'datepicker-api',
        'datepicker-locale',
        'datepicker-moment',
        'datepicker-formats'
    ],
    'form-field'      : [
        'form-field-overview',
        'form-field-placeholder',
        'form-field-hint',
        'form-field-error',
        'form-field-prefix-suffix',
        'form-field-theming',
        'form-field-custom-control'
    ],
    'input'           : [
        'input-overview',
        'input-errors',
        'input-error-state-matcher',
        'input-autosize-textarea',
        'input-prefix-suffix',
        'input-hint',
        'input-clearable',
        'input-form'
    ],
    'radio-button'    : [
        'radio-overview',
        'radio-ng-model'
    ],
    'select'          : [
        'select-overview',
        'select-value-binding',
        'select-form',
        'select-hint-error',
        'select-disabled',
        'select-reset',
        'select-optgroup',
        'select-multiple',
        'select-custom-trigger',
        'select-no-ripple',
        'select-panel-class',
        'select-error-state-matcher'
    ],
    'slider'          : [
        'slider-overview',
        'slider-configurable'
    ],
    'slide-toggle'    : [
        'slide-toggle-overview',
        'slide-toggle-configurable',
        'slide-toggle-forms'
    ],
    'menu'            : [
        'menu-overview',
        'nested-menu',
        'menu-icons'
    ],
    'sidenav'         : [
        'sidenav-overview',
        'sidenav-fab'
    ],
    'toolbar'         : [
        'toolbar-overview',
        'toolbar-multirow'
    ],
    'list'            : [
        'list-overview',
        'list-sections',
        'list-selection'
    ],
    'grid-list'       : [
        'grid-list-overview',
        'grid-list-dynamic'
    ],
    'card'            : [
        'card-overview',
        'card-fancy'
    ],
    'stepper'         : [
        'stepper-overview'
    ],
    'tabs'            : [
        'tabs-overview',
        'tabs-template-label'
    ],
    'elevation'       : [
        'elevation-overview'
    ],
    'expansion-panel' : [
        'expansion-overview',
        'expansion-steps'
    ],
    'button'          : [
        'button-overview',
        'button-types'
    ],
    'button-toggle'   : [
        'button-toggle-overview',
        'button-toggle-exclusive'
    ],
    'chips'           : [
        'chips-overview',
        'chips-input',
        'chips-stacked'
    ],
    'icon'            : [
        'icon-overview',
        'icon-svg'
    ],
    'progress-spinner': [
        'progress-spinner-overview',
        'progress-spinner-configurable'
    ],
    'progress-bar'    : [
        'progress-bar-determinate',
        'progress-bar-indeterminate',
        'progress-bar-query',
        'progress-bar-buffer',
        'progress-bar-configurable'
    ],
    'dialog'          : [
        'dialog-overview',
        'dialog-content',
        'dialog-data',
        'dialog-elements'
    ],
    'tooltip'         : [
        'tooltip-overview',
        'tooltip-position'
    ],
    'snackbar'        : [
        'snack-bar-overview'
    ],
    'data-table'      : [
        'table-overview',
        'table-basic',
        'table-filtering',
        'table-http'
    ],
    'sort-header'     : [
        'sort-overview',
        'table-sorting'
    ],
    'paginator'       : [
        'table-pagination'
    ]
};

export const EXAMPLE_COMPONENTS = {
    'autocomplete-display'         : {
        title          : 'Display value autocomplete',
        component      : AutocompleteDisplayExample,
        additionalFiles: null,
        selectorName   : null
    },
    'autocomplete-filter'          : {
        title          : 'Filter autocomplete',
        component      : AutocompleteFilterExample,
        additionalFiles: null,
        selectorName   : null
    },
    'autocomplete-overview'        : {
        title          : 'Autocomplete overview',
        component      : AutocompleteOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'autocomplete-simple'          : {
        title          : 'Simple autocomplete',
        component      : AutocompleteSimpleExample,
        additionalFiles: null,
        selectorName   : null
    },
    'button-overview'              : {
        title          : 'Basic buttons',
        component      : ButtonOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'button-toggle-exclusive'      : {
        title          : 'Exclusive selection',
        component      : ButtonToggleExclusiveExample,
        additionalFiles: null,
        selectorName   : null
    },
    'button-toggle-overview'       : {
        title          : 'Basic button-toggles',
        component      : ButtonToggleOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'button-types'                 : {
        title          : 'Button varieties',
        component      : ButtonTypesExample,
        additionalFiles: null,
        selectorName   : null
    },
    'card-fancy'                   : {
        title          : 'Card with multiple sections',
        component      : CardFancyExample,
        additionalFiles: null,
        selectorName   : null
    },
    'card-overview'                : {
        title          : 'Basic cards',
        component      : CardOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'cdk-table-basic'              : {
        title          : 'Basic CDK data-table',
        component      : CdkTableBasicExample,
        additionalFiles: null,
        selectorName   : null
    },
    'checkbox-configurable'        : {
        title          : 'Configurable checkbox',
        component      : CheckboxConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'checkbox-overview'            : {
        title          : 'Basic checkboxes',
        component      : CheckboxOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'chips-input'                  : {
        title          : 'Chips with input',
        component      : ChipsInputExample,
        additionalFiles: null,
        selectorName   : null
    },
    'chips-overview'               : {
        title          : 'Basic chips',
        component      : ChipsOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'chips-stacked'                : {
        title          : 'Stacked chips',
        component      : ChipsStackedExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-api'               : {
        title          : 'Datepicker open method ',
        component      : DatepickerApiExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-disabled'          : {
        title          : 'Disabled datepicker ',
        component      : DatepickerDisabledExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-events'            : {
        title          : 'Datepicker input and change events ',
        component      : DatepickerEventsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-filter'            : {
        title          : 'Datepicker with filter validation ',
        component      : DatepickerFilterExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-formats'           : {
        title          : 'Datepicker with custom formats ',
        component      : DatepickerFormatsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-locale'            : {
        title          : 'Datepicker with different locale ',
        component      : DatepickerLocaleExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-min-max'           : {
        title          : 'Datepicker with min & max validation ',
        component      : DatepickerMinMaxExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-moment'            : {
        title          : 'Datepicker that uses Moment.js dates ',
        component      : DatepickerMomentExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-overview'          : {
        title          : 'Basic datepicker ',
        component      : DatepickerOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-start-view'        : {
        title          : 'Datepicker start date ',
        component      : DatepickerStartViewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-touch'             : {
        title          : 'Datepicker touch UI ',
        component      : DatepickerTouchExample,
        additionalFiles: null,
        selectorName   : null
    },
    'datepicker-value'             : {
        title          : 'Datepicker selected value ',
        component      : DatepickerValueExample,
        additionalFiles: null,
        selectorName   : null
    },
    'dialog-content'               : {
        title          : 'Dialog with header, scrollable content and actions',
        component      : DialogContentExample,
        additionalFiles: ['dialog-content-example-dialog.html'],
        selectorName   : 'DialogContentExample, DialogContentExampleDialog'
    },
    'dialog-data'                  : {
        title          : 'Injecting data when opening a dialog',
        component      : DialogDataExample,
        additionalFiles: ['dialog-data-example-dialog.html'],
        selectorName   : 'DialogDataExample, DialogDataExampleDialog'
    },
    'dialog-elements'              : {
        title          : 'Dialog elements',
        component      : DialogElementsExample,
        additionalFiles: ['dialog-elements-example-dialog.html'],
        selectorName   : 'DialogElementsExample, DialogElementsExampleDialog'
    },
    'dialog-overview'              : {
        title          : 'Dialog Overview',
        component      : DialogOverviewExample,
        additionalFiles: ['dialog-overview-example-dialog.html'],
        selectorName   : 'DialogOverviewExample, DialogOverviewExampleDialog'
    },
    'elevation-overview'           : {
        title          : 'Elevation CSS classes',
        component      : ElevationOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'expansion-overview'           : {
        title          : 'Basic expansion panel',
        component      : ExpansionOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'expansion-steps'              : {
        title          : 'Expansion panel as accordion',
        component      : ExpansionStepsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-custom-control'    : {
        title          : 'Form field with custom telephone number input control. ',
        component      : FormFieldCustomControlExample,
        additionalFiles: ['form-field-custom-control-example.html'],
        selectorName   : 'FormFieldCustomControlExample, MyTelInput'
    },
    'form-field-error'             : {
        title          : 'Form field with error messages ',
        component      : FormFieldErrorExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-hint'              : {
        title          : 'Form field with hints ',
        component      : FormFieldHintExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-overview'          : {
        title          : 'Simple form field ',
        component      : FormFieldOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-placeholder'       : {
        title          : 'Form field with placeholder ',
        component      : FormFieldPlaceholderExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-prefix-suffix'     : {
        title          : 'Form field with prefix & suffix ',
        component      : FormFieldPrefixSuffixExample,
        additionalFiles: null,
        selectorName   : null
    },
    'form-field-theming'           : {
        title          : 'Form field theming ',
        component      : FormFieldThemingExample,
        additionalFiles: null,
        selectorName   : null
    },
    'grid-list-dynamic'            : {
        title          : 'Dynamic grid-list',
        component      : GridListDynamicExample,
        additionalFiles: null,
        selectorName   : null
    },
    'grid-list-overview'           : {
        title          : 'Basic grid-list',
        component      : GridListOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'icon-overview'                : {
        title          : 'Basic icons',
        component      : IconOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'icon-svg'                     : {
        title          : 'SVG icons',
        component      : IconSvgExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-autosize-textarea'      : {
        title          : 'Auto-resizing textarea ',
        component      : InputAutosizeTextareaExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-clearable'              : {
        title          : 'Input with a clear button',
        component      : InputClearableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-error-state-matcher'    : {
        title          : 'Input with a custom ErrorStateMatcher ',
        component      : InputErrorStateMatcherExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-errors'                 : {
        title          : 'Input with error messages',
        component      : InputErrorsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-form'                   : {
        title          : 'Inputs in a form',
        component      : InputFormExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-hint'                   : {
        title          : 'Input with hints',
        component      : InputHintExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-overview'               : {
        title          : 'Basic Inputs',
        component      : InputOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'input-prefix-suffix'          : {
        title          : 'Inputs with prefixes and suffixes',
        component      : InputPrefixSuffixExample,
        additionalFiles: null,
        selectorName   : null
    },
    'list-overview'                : {
        title          : 'Basic list',
        component      : ListOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'list-sections'                : {
        title          : 'List with sections',
        component      : ListSectionsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'list-selection'               : {
        title          : 'List with selection',
        component      : ListSelectionExample,
        additionalFiles: null,
        selectorName   : null
    },
    'menu-icons'                   : {
        title          : 'Menu with icons',
        component      : MenuIconsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'menu-overview'                : {
        title          : 'Basic menu',
        component      : MenuOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'nested-menu'                  : {
        title          : 'Nested menu',
        component      : NestedMenuExample,
        additionalFiles: null,
        selectorName   : null
    },
    'paginator-configurable'       : {
        title          : 'Configurable paginator',
        component      : PaginatorConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'paginator-overview'           : {
        title          : 'Paginator',
        component      : PaginatorOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-bar-buffer'          : {
        title          : 'Buffer progress-bar',
        component      : ProgressBarBufferExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-bar-configurable'    : {
        title          : 'Configurable progress-bar',
        component      : ProgressBarConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-bar-determinate'     : {
        title          : 'Determinate progress-bar',
        component      : ProgressBarDeterminateExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-bar-indeterminate'   : {
        title          : 'Indeterminate progress-bar',
        component      : ProgressBarIndeterminateExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-bar-query'           : {
        title          : 'Query progress-bar',
        component      : ProgressBarQueryExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-spinner-configurable': {
        title          : 'Configurable progress spinner',
        component      : ProgressSpinnerConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'progress-spinner-overview'    : {
        title          : 'Basic progress-spinner',
        component      : ProgressSpinnerOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'radio-ng-model'               : {
        title          : 'Radios with ngModel',
        component      : RadioNgModelExample,
        additionalFiles: null,
        selectorName   : null
    },
    'radio-overview'               : {
        title          : 'Basic radios',
        component      : RadioOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-custom-trigger'        : {
        title          : 'Select with custom trigger text ',
        component      : SelectCustomTriggerExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-disabled'              : {
        title          : 'Disabled select ',
        component      : SelectDisabledExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-error-state-matcher'   : {
        title          : 'Select with a custom ErrorStateMatcher ',
        component      : SelectErrorStateMatcherExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-form'                  : {
        title          : 'Select in a form',
        component      : SelectFormExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-hint-error'            : {
        title          : 'Select with form field features ',
        component      : SelectHintErrorExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-multiple'              : {
        title          : 'Select with multiple selection ',
        component      : SelectMultipleExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-no-ripple'             : {
        title          : 'Select with no option ripple ',
        component      : SelectNoRippleExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-optgroup'              : {
        title          : 'Select with option groups ',
        component      : SelectOptgroupExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-overview'              : {
        title          : 'Basic select',
        component      : SelectOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-panel-class'           : {
        title          : 'Select with custom panel styling',
        component      : SelectPanelClassExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-reset'                 : {
        title          : 'Select with reset option ',
        component      : SelectResetExample,
        additionalFiles: null,
        selectorName   : null
    },
    'select-value-binding'         : {
        title          : 'Select with 2-way value binding ',
        component      : SelectValueBindingExample,
        additionalFiles: null,
        selectorName   : null
    },
    'sidenav-fab'                  : {
        title          : 'Sidenav with a FAB',
        component      : SidenavFabExample,
        additionalFiles: null,
        selectorName   : null
    },
    'sidenav-overview'             : {
        title          : 'Basic sidenav',
        component      : SidenavOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'slide-toggle-configurable'    : {
        title          : 'Configurable slide-toggle',
        component      : SlideToggleConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'slide-toggle-forms'           : {
        title          : 'Slide-toggle with forms',
        component      : SlideToggleFormsExample,
        additionalFiles: null,
        selectorName   : null
    },
    'slide-toggle-overview'        : {
        title          : 'Basic slide-toggles',
        component      : SlideToggleOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'slider-configurable'          : {
        title          : 'Configurable slider',
        component      : SliderConfigurableExample,
        additionalFiles: null,
        selectorName   : null
    },
    'slider-overview'              : {
        title          : 'Basic slider',
        component      : SliderOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'snack-bar-component'          : {
        title          : 'Snack-bar with a custom component',
        component      : SnackBarComponentExample,
        additionalFiles: ['snack-bar-component-example-snack.html'],
        selectorName   : 'SnackBarComponentExample, PizzaPartyComponent'
    },
    'snack-bar-overview'           : {
        title          : 'Basic snack-bar',
        component      : SnackBarOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'sort-overview'                : {
        title          : 'Sorting overview',
        component      : SortOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'stepper-overview'             : {
        title          : 'Stepper overview',
        component      : StepperOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-basic'                  : {
        title          : 'Basic table',
        component      : TableBasicExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-filtering'              : {
        title          : 'Table with filtering',
        component      : TableFilteringExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-http'                   : {
        title          : 'Table retrieving data through HTTP',
        component      : TableHttpExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-overview'               : {
        title          : 'Data table with sorting, pagination, and filtering.',
        component      : TableOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-pagination'             : {
        title          : 'Table with pagination',
        component      : TablePaginationExample,
        additionalFiles: null,
        selectorName   : null
    },
    'table-sorting'                : {
        title          : 'Table with sorting',
        component      : TableSortingExample,
        additionalFiles: null,
        selectorName   : null
    },
    'tabs-overview'                : {
        title          : 'Basic tabs',
        component      : TabsOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'tabs-template-label'          : {
        title          : 'Complex Example',
        component      : TabsTemplateLabelExample,
        additionalFiles: null,
        selectorName   : null
    },
    'toolbar-multirow'             : {
        title          : 'Multi-row toolbar',
        component      : ToolbarMultirowExample,
        additionalFiles: null,
        selectorName   : null
    },
    'toolbar-overview'             : {
        title          : 'Basic toolbar',
        component      : ToolbarOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'tooltip-overview'             : {
        title          : 'Basic tooltip',
        component      : TooltipOverviewExample,
        additionalFiles: null,
        selectorName   : null
    },
    'tooltip-position'             : {
        title          : 'Tooltip with custom position',
        component      : TooltipPositionExample,
        additionalFiles: null,
        selectorName   : null
    }
};

export const EXAMPLE_LIST = [
    AutocompleteDisplayExample,
    AutocompleteFilterExample,
    AutocompleteOverviewExample,
    AutocompleteSimpleExample,
    ButtonOverviewExample,
    ButtonToggleExclusiveExample,
    ButtonToggleOverviewExample,
    ButtonTypesExample,
    CardFancyExample,
    CardOverviewExample,
    CdkTableBasicExample,
    CheckboxConfigurableExample,
    CheckboxOverviewExample,
    ChipsInputExample,
    ChipsOverviewExample,
    ChipsStackedExample,
    DatepickerApiExample,
    DatepickerDisabledExample,
    DatepickerEventsExample,
    DatepickerFilterExample,
    DatepickerFormatsExample,
    DatepickerLocaleExample,
    DatepickerMinMaxExample,
    DatepickerMomentExample,
    DatepickerOverviewExample,
    DatepickerStartViewExample,
    DatepickerTouchExample,
    DatepickerValueExample,
    DialogContentExampleDialog, DialogContentExample,
    DialogDataExampleDialog, DialogDataExample,
    DialogElementsExampleDialog, DialogElementsExample,
    DialogOverviewExampleDialog, DialogOverviewExample,
    ElevationOverviewExample,
    ExpansionOverviewExample,
    ExpansionStepsExample,
    MyTelInput, FormFieldCustomControlExample,
    FormFieldErrorExample,
    FormFieldHintExample,
    FormFieldOverviewExample,
    FormFieldPlaceholderExample,
    FormFieldPrefixSuffixExample,
    FormFieldThemingExample,
    GridListDynamicExample,
    GridListOverviewExample,
    IconOverviewExample,
    IconSvgExample,
    InputAutosizeTextareaExample,
    InputClearableExample,
    InputErrorStateMatcherExample,
    InputErrorsExample,
    InputFormExample,
    InputHintExample,
    InputOverviewExample,
    InputPrefixSuffixExample,
    ListOverviewExample,
    ListSectionsExample,
    ListSelectionExample,
    MenuIconsExample,
    MenuOverviewExample,
    NestedMenuExample,
    PaginatorConfigurableExample,
    PaginatorOverviewExample,
    ProgressBarBufferExample,
    ProgressBarConfigurableExample,
    ProgressBarDeterminateExample,
    ProgressBarIndeterminateExample,
    ProgressBarQueryExample,
    ProgressSpinnerConfigurableExample,
    ProgressSpinnerOverviewExample,
    RadioNgModelExample,
    RadioOverviewExample,
    SelectCustomTriggerExample,
    SelectDisabledExample,
    SelectErrorStateMatcherExample,
    SelectFormExample,
    SelectHintErrorExample,
    SelectMultipleExample,
    SelectNoRippleExample,
    SelectOptgroupExample,
    SelectOverviewExample,
    SelectPanelClassExample,
    SelectResetExample,
    SelectValueBindingExample,
    SidenavFabExample,
    SidenavOverviewExample,
    SlideToggleConfigurableExample,
    SlideToggleFormsExample,
    SlideToggleOverviewExample,
    SliderConfigurableExample,
    SliderOverviewExample,
    PizzaPartyComponent, SnackBarComponentExample,
    SnackBarOverviewExample,
    SortOverviewExample,
    StepperOverviewExample,
    TableBasicExample,
    TableFilteringExample,
    TableHttpExample,
    TableOverviewExample,
    TablePaginationExample,
    TableSortingExample,
    TabsOverviewExample,
    TabsTemplateLabelExample,
    ToolbarMultirowExample,
    ToolbarOverviewExample,
    TooltipOverviewExample,
    TooltipPositionExample
];