import { CustomSnackbarOverviewComponent } from './custom-snackbar/custom-snackbar-overview/custom-snackbar-overview.component';
import { CustomSnackbarComponent } from './custom-snackbar/custom-snackbar.component';
import { BasicSnackbarComponent } from './basic-snackbar/basic-snackbar.component';
import { ScrollableDialogOverviewComponent } from './scrollable-dialog/scrollable-dialog-overview/scrollable-dialog-overview.component';
import { ScrollableDialogComponent } from './scrollable-dialog/scrollable-dialog.component';
import { DataDialogOverviewComponent } from './data-dialog/data-dialog-overview/data-dialog-overview.component';
import { BasicDialogOverviewComponent } from './basic-dialog/basic-dialog-overview/basic-dialog-overview.component';
import { BasicDialogComponent } from './basic-dialog/basic-dialog.component';
import { BottomSheetOverviewComponent } from './bottom-sheet/bottom-sheet-overview/bottom-sheet-overview.component';
import { BottomSheetComponent } from './bottom-sheet/bottom-sheet.component';
import { FooterTableComponent } from './footer-table/footer-table.component';
import { PaginationTableComponent } from './pagination-table/pagination-table.component';
import { BasicTableComponent } from './basic-table/basic-table.component';
import { TableSortingComponent } from './table-sorting/table-sorting.component';
import { BasicSortHeaderComponent } from './basic-sort-header/basic-sort-header.component';
import { CustomPaginatorComponent } from './custom-paginator/custom-paginator.component';
import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
import { AutoHideTooltipComponent } from './auto-hide-tooltip/auto-hide-tooltip.component';
import { CustomPositionTooltipComponent } from './custom-position-tooltip/custom-position-tooltip.component';
import { BasicTooltipComponent } from './basic-tooltip/basic-tooltip.component';
import { CustomBarComponent } from './custom-bar/custom-bar.component';
import { BasicBarComponent } from './basic-bar/basic-bar.component';
import { CustomSpinnerComponent } from './custom-spinner/custom-spinner.component';
import { BasicSpinnerComponent } from './basic-spinner/basic-spinner.component';
import { BasicIconComponent } from './basic-icon/basic-icon.component';
import { InputChipComponent } from './input-chip/input-chip.component';
import { AutocompleteChipComponent } from './autocomplete-chip/autocomplete-chip.component';
import { BasicChipComponent } from './basic-chip/basic-chip.component';
import { BasicBadgeComponent } from './basic-badge/basic-badge.component';
import { BasicButtonToggleComponent } from './basic-button-toggle/basic-button-toggle.component';
import { ButtonToggleComponent } from './button-toggle/button-toggle.component';
import { CheckboxTreeComponent } from './checkbox-tree/checkbox-tree.component';
import { NestedTreeComponent } from './nested-tree/nested-tree.component';
import { CustomTabGroupComponent } from './custom-tab-group/custom-tab-group.component';
import { AnimationTabGroupComponent } from './animation-tab-group/animation-tab-group.component';
import { BasicTabGroupComponent } from './basic-tab-group/basic-tab-group.component';
import { CustomizedStepperComponent } from './customized-stepper/customized-stepper.component';
import { VerticalStepperComponent } from './vertical-stepper/vertical-stepper.component';
import { BasicStepperComponent } from './basic-stepper/basic-stepper.component';
import { BasicGridComponent } from './basic-grid/basic-grid.component';
import { AccordinExpansionPanelComponent } from './accordin-expansion-panel/accordin-expansion-panel.component';
import { BasicDividerComponent } from './basic-divider/basic-divider.component';
import { MultiSectionCardComponent } from './multi-section-card/multi-section-card.component';
import { BasicCardComponent } from './basic-card/basic-card.component';
import { BasicToolbarComponent } from './basic-toolbar/basic-toolbar.component';
import { FixedSidenavComponent } from './fixed-sidenav/fixed-sidenav.component';
import { AutoresizeSidenavComponent } from './autoresize-sidenav/autoresize-sidenav.component';
import { EscapeBackdropSidenavComponent } from './escape-backdrop-sidenav/escape-backdrop-sidenav.component';
import { ConfigurableSidenavComponent } from './configurable-sidenav/configurable-sidenav.component';
import { OpenCloseSidenavComponent } from './open-close-sidenav/open-close-sidenav.component';
import { TwoSidenavComponent } from './two-sidenav/two-sidenav.component';
import { BasicSidenavComponent } from './basic-sidenav/basic-sidenav.component';
import { IconMenuComponent } from './icon-menu/icon-menu.component';
import { BasicMenuComponent } from './basic-menu/basic-menu.component';
import { ConfigurableToggleComponent } from './configurable-toggle/configurable-toggle.component';
import { BasicToggleComponent } from './basic-toggle/basic-toggle.component';
import { BasicSliderComponent } from './basic-slider/basic-slider.component';
import { ErrorSelectComponent } from './error-select/error-select.component';
import { RipplelessSelectComponent } from './rippleless-select/rippleless-select.component';
import { ResetSelectComponent } from './reset-select/reset-select.component';
import { DisabledSelectComponent } from './disabled-select/disabled-select.component';
import { FeatureSelectComponent } from './feature-select/feature-select.component';
import { FormSelectComponent } from './form-select/form-select.component';
import { BasicSelectComponent } from './basic-select/basic-select.component';
import { BasicRadioComponent } from './basic-radio/basic-radio.component';
import { SuffixPrefixInputComponent } from './suffix-prefix-input/suffix-prefix-input.component';
import { HintsInputComponent } from './hints-input/hints-input.component';
import { FormInputComponent } from './form-input/form-input.component';
import { ClearButtonInputComponent } from './clear-button-input/clear-button-input.component';
import { AutoResizingTexareaComponent } from './auto-resizing-texarea/auto-resizing-texarea.component';
import { ErrorInputComponent } from './error-input/error-input.component';
import { BasicInputComponent } from './basic-input/basic-input.component';
import { HintsFormFieldComponent } from './hints-form-field/hints-form-field.component';
import { AppearanceFormFieldComponent } from './appearance-form-field/appearance-form-field.component';
import { CustomDatepickerComponent } from './custom-datepicker/custom-datepicker.component';
import { DifferentLocaleDatepickerComponent } from './different-locale-datepicker/different-locale-datepicker.component';
import { DisabledDatepickerComponent } from './disabled-datepicker/disabled-datepicker.component';
import { EventDatepickerComponent } from './event-datepicker/event-datepicker.component';
import { FilterDatepickerComponent } from './filter-datepicker/filter-datepicker.component';
import { MinMaxDatepickerComponent } from './min-max-datepicker/min-max-datepicker.component';
import { BasicDatepickerComponent } from './basic-datepicker/basic-datepicker.component';
import { ConfigurableCheckboxComponent } from './configurable-checkbox/configurable-checkbox.component';
import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';
import { HighlightFirstAutocompleteComponent } from './highlight-first-autocomplete/highlight-first-autocomplete.component';
import { FilterAutocompleteComponent } from './filter-autocomplete/filter-autocomplete.component';
import { ButtonExamplesComponent } from "./button-examples/button-examples.component";
import { AutocompleteOverviewComponent } from "./autocomplete-overview/autocomplete-overview.component";
import { SimpleAutocompleteComponent } from "./simple-autocomplete/simple-autocomplete.component";
import { DisplayValueAutocompleteComponent } from './display-value-autocomplete/display-value-autocomplete.component';
import { OptionGroupAutocompleteComponent } from './option-group-autocomplete/option-group-autocomplete.component';
import { StartDateDatepickerComponent } from './start-date-datepicker/start-date-datepicker.component';
import { SelectedValueDatepickerComponent } from './selected-value-datepicker/selected-value-datepicker.component';
import { TouchDatepickerComponent } from './touch-datepicker/touch-datepicker.component';
import { OpenMethodDatepickerComponent } from './open-method-datepicker/open-method-datepicker.component';
import { MomentJsDatepickerComponent } from './moment-js-datepicker/moment-js-datepicker.component';
import { SimpleFormFieldComponent } from './simple-form-field/simple-form-field.component';
import { LabelFormFieldComponent } from './label-form-field/label-form-field.component';
import { ErrorFormFieldComponent } from './error-form-field/error-form-field.component';
import { PrefixSuffixFormFieldComponent } from './prefix-suffix-form-field/prefix-suffix-form-field.component';
import { ThemingFormFieldComponent } from './theming-form-field/theming-form-field.component';
import { ErrorMessageInputComponent } from './error-message-input/error-message-input.component';
import { NgmodelRadioComponent } from './ngmodel-radio/ngmodel-radio.component';
import { TwoWayBindingSelectComponent } from './two-way-binding-select/two-way-binding-select.component';
import { OptionGroupSelectComponent } from './option-group-select/option-group-select.component';
import { MultipleSelectComponent } from './multiple-select/multiple-select.component';
import { TriggerSelectComponent } from './trigger-select/trigger-select.component';
import { CustomPanelSelectComponent } from './custom-panel-select/custom-panel-select.component';
import { SliderComponent } from './slider/slider.component';
import { NestedMenuComponent } from './nested-menu/nested-menu.component';
import { DrawerSidenavComponent } from './drawer-sidenav/drawer-sidenav.component';
import { ResponsiveSidenavComponent } from './responsive-sidenav/responsive-sidenav.component';
import { MultiRowToolbarComponent } from './multi-row-toolbar/multi-row-toolbar.component';
import { BasicExpansionPanelComponent } from './basic-expansion-panel/basic-expansion-panel.component';
import { DynamicGridComponent } from './dynamic-grid/dynamic-grid.component';
import { BasicListComponent } from './basic-list/basic-list.component';
import { SectionListComponent } from './section-list/section-list.component';
import { ErrorStepperComponent } from './error-stepper/error-stepper.component';
import { AlignTabGroupComponent } from './align-tab-group/align-tab-group.component';
import { DynamicTabGroupComponent } from './dynamic-tab-group/dynamic-tab-group.component';
import { NavTabGroupComponent } from './nav-tab-group/nav-tab-group.component';
import { FlatTreeComponent } from './flat-tree/flat-tree.component';
import { DynamicDataTreeComponent } from './dynamic-data-tree/dynamic-data-tree.component';
import { ButtonsComponent } from './buttons/buttons.component';
import { StackedChipComponent } from './stacked-chip/stacked-chip.component';
import { SvgIconComponent } from './svg-icon/svg-icon.component';
import { IndeterminateBarComponent } from './indeterminate-bar/indeterminate-bar.component';
import { CustomRipplesComponent } from './custom-ripples/custom-ripples.component';
import { CustomClassTooltipComponent } from './custom-class-tooltip/custom-class-tooltip.component';
import { DelayTooltipComponent } from './delay-tooltip/delay-tooltip.component';
import { DisabledTooltipComponent } from './disabled-tooltip/disabled-tooltip.component';
import { ManualHideTooltipComponent } from './manual-hide-tooltip/manual-hide-tooltip.component';
import { ChangingTooltipComponent } from './changing-tooltip/changing-tooltip.component';
import { SortingTableComponent } from './sorting-table/sorting-table.component';
import { SelectionTableComponent } from './selection-table/selection-table.component';
import { StickyHeaderTableComponent } from './sticky-header-table/sticky-header-table.component';
import { StickyFooterTableComponent } from './sticky-footer-table/sticky-footer-table.component';
import { StickyColumnTableComponent } from './sticky-column-table/sticky-column-table.component';
import { FilterTableComponent } from './filter-table/filter-table.component';
import { DataDialogComponent } from './data-dialog/data-dialog.component';
import { CustomLoadingButtonsComponent } from './custom-loading-buttons/custom-loading-buttons.component';


// ng g c ../assets/examples/hints-form-field --skip-import

export const MATERIAL_EXAMPLE_COMPONENT_MAP = {
  'buttons': [
    'buttons',
    'custom-loading-buttons'
  ],
  'button-toggle': [
    'basic-button-toggle',
    'button-toggle'
  ],
  'autocomplete': [
    'autocomplete-overview',
    'simple-autocomplete',
    'filter-autocomplete',
    'display-value-autocomplete',
    'highlight-first-autocomplete',
    'option-group-autocomplete'
  ],
  'checkbox': [
    'basic-checkbox',
    'configurable-checkbox'
  ],
  'datepicker': [
    'basic-datepicker',
    'start-date-datepicker',
    'selected-value-datepicker',
    'min-max-datepicker',
    'filter-datepicker',
    'event-datepicker',
    'disabled-datepicker',
    'touch-datepicker',
    'open-method-datepicker',
    'different-locale-datepicker',
    'moment-js-datepicker',
    'custom-datepicker',
  ],
  'form-field': [
    'simple-form-field',
    'label-form-field',
    'appearance-form-field',
    'hints-form-field',
    'error-form-field',
    'prefix-suffix-form-field',
    'theming-form-field',
    // 'telephone-form-field'
  ],
  'input-field': [
    'basic-input',
    'auto-resizing-texarea',
    'clear-button-input',
    'error-input',
    'error-message-input',
    'form-input',
    'hints-input',
    'suffix-prefix-input',
  ],
  'radio-button': [
    'basic-radio',
    'ngmodel-radio',
  ],
  'select': [
    'basic-select',
    'two-way-binding-select',
    'form-select',
    'feature-select',
    'disabled-select',
    'reset-select',
    'option-group-select',
    'multiple-select',
    'trigger-select',
    'rippleless-select',
    'custom-panel-select',
    'error-select'
  ],
  'slider': [
    'basic-slider',
    'configurable-slider'
  ],
  'slider-toggle': [
    'basic-toggle',
    'configurable-toggle'
  ],
  'menu': [
    'basic-menu',
    'nested-menu',
    'icon-menu',
  ],
  'sidenav': [
    'basic-sidenav',
    'drawer-sidenav',
    'two-sidenav',
    'open-close-sidenav',
    'configurable-sidenav',
    'escape-backdrop-sidenav',
    'autoresize-sidenav',
    'fixed-sidenav',
    'responsive-sidenav',
  ],
  'toolbar': [
    'basic-toolbar',
    'multi-row-toolbar'
  ],
  'card': [
    'basic-card',
    'multi-section-card'
  ],
  'divider': [
    'basic-divider'
  ],
  'expansion-panel': [
    'basic-expansion-panel',
    'accordin-expansion-panel',
  ],
  'grid': [
    'basic-grid',
    'dynamic-grid'
  ],
  'list': [
    'basic-list',
    'section-list'
  ],
  'stepper': [
    'basic-stepper',
    'vertical-stepper',
    'error-stepper',
    'customized-stepper'
  ],
  'tab-group': [
    'basic-tab-group',
    'align-tab-group',
    'animation-tab-group',
    'dynamic-tab-group',
    'nav-tab-group',
    'custom-tab-group',
  ],
  'tree': [
    'flat-tree',
    'nested-tree',
    'checkbox-tree',
    'dynamic-data-tree'
  ],
  'badge': [
    'basic-badge'
  ],
  'chips': [
    'basic-chip',
    'autocomplete-chip',
    'input-chip',
    'stacked-chip'
  ],
  'icons': [
    'basic-icon',
    'svg-icon'
  ],
  'progress-spinner': [
    'basic-spinner',
    'custom-spinner'
  ],
  'progress-bar': [
    'basic-bar',
    'custom-bar',
    'indeterminate-bar'
  ],
  'ripples': [
    'custom-ripples'
  ],
  'tooltip': [
    'basic-tooltip',
    'custom-position-tooltip',
    'custom-class-tooltip',
    'delay-tooltip',
    'disabled-tooltip',
    'manual-hide-tooltip',
    'changing-tooltip',
    'auto-hide-tooltip'
  ],
  'paginator': [
    'basic-paginator',
    'custom-paginator'
  ],
  'sort-header': [
    'basic-sort-header',
    'table-sorting'
  ],
  'table': [
    'basic-table',
    'pagination-table',
    'sorting-table',
    'filter-table',
    'selection-table',
    'footer-table',
    'sticky-header-table',
    'sticky-footer-table',
    'sticky-column-table',
  ],
  'bottom-sheet': [
    'bottom-sheet'
  ],
  'dialog': [
    'basic-dialog',
    'data-dialog',
    'scrollable-dialog'
  ],
  'snackbar': [
    'basic-snackbar',
    'custom-snackbar'
  ]
}

export const MATERIAL_EXAMPLE_COMPONENTS = {
  'autocomplete-overview': {
    title: 'Autocomplete overview',
    component: AutocompleteOverviewComponent
  },
  'simple-autocomplete': {
    title: 'Simple autocomplete',
    component: SimpleAutocompleteComponent
  },
  'filter-autocomplete': {
    title: 'Filter autocomplete',
    component: FilterAutocompleteComponent
  },
  'display-value-autocomplete': {
    title: 'Display value autocomplete',
    component: DisplayValueAutocompleteComponent
  },
  'highlight-first-autocomplete': {
    title: 'Highlight the first autocomplete option',
    component: HighlightFirstAutocompleteComponent
  },
  'option-group-autocomplete': {
    title: 'Option groups autocomplete',
    component: OptionGroupAutocompleteComponent
  },
  'basic-checkbox': {
    title: 'Basic checkboxes',
    component: BasicCheckboxComponent
  },
  'configurable-checkbox': {
    title: 'Configurable checkboxes',
    component: ConfigurableCheckboxComponent
  },
  'basic-datepicker': {
    title: 'Basic datepicker',
    component: BasicDatepickerComponent
  },
  'start-date-datepicker': {
    title: 'Datepicker with starting date',
    component: StartDateDatepickerComponent
  },
  'selected-value-datepicker': {
    title: 'Datepicker with selected date',
    component: SelectedValueDatepickerComponent
  },
  'min-max-datepicker': {
    title: 'Datepicker with minimum and maximum date',
    component: MinMaxDatepickerComponent
  },
  'filter-datepicker': {
    title: 'Datepicker with filtered date',
    component: FilterDatepickerComponent
  },
  'event-datepicker': {
    title: 'Datepicker input and change event',
    component: EventDatepickerComponent
  },
  'disabled-datepicker': {
    title: 'Disabled datepicker',
    component: DisabledDatepickerComponent
  },
  'touch-datepicker': {
    title: 'Disabled with touh UI',
    component: TouchDatepickerComponent
  },
  'open-method-datepicker': {
    title: 'Datepicker open method',
    component: OpenMethodDatepickerComponent
  },
  'different-locale-datepicker': {
    title: 'Datepicker with different locale',
    component: DifferentLocaleDatepickerComponent
  },
  'moment-js-datepicker': {
    title: 'Datepicker that uses Moment.js dates',
    component: MomentJsDatepickerComponent
  },
  'custom-datepicker': {
    title: 'Datepicker with custom formats',
    component: CustomDatepickerComponent
  },
  'simple-form-field': {
    title: 'Simple form field',
    component: SimpleFormFieldComponent
  },
  'label-form-field': {
    title: 'Form field with label',
    component: LabelFormFieldComponent
  },
  'appearance-form-field': {
    title: 'Form field appearance variants',
    component: AppearanceFormFieldComponent
  },
  'hints-form-field': {
    title: 'Form field with hints',
    component: HintsFormFieldComponent
  },
  'error-form-field': {
    title: 'Form field with error messages',
    component: ErrorFormFieldComponent
  },
  'prefix-suffix-form-field': {
    title: 'Form field with prefix & suffix',
    component: PrefixSuffixFormFieldComponent
  },
  'theming-form-field': {
    title: 'Form field theming',
    component: ThemingFormFieldComponent
  },
  // 'telephone-form-field': {
  //   title: 'Form field with custom telephone number input control',
  //   component: TelephoneFormFieldComponent
  // },
  'basic-input': {
    title: 'Basic Inputs',
    component: BasicInputComponent
  },
  'error-input': {
    title: 'Input with a custom ErrorStateMatcher',
    component: ErrorInputComponent
  },
  'auto-resizing-texarea': {
    title: 'Auto-resizing textarea',
    component: AutoResizingTexareaComponent
  },
  'clear-button-input': {
    title: 'Input with a clear button',
    component: ClearButtonInputComponent
  },
  'error-message-input': {
    title: 'Input with error messages',
    component: ErrorMessageInputComponent
  },
  'form-input': {
    title: 'Inputs in a form',
    component: FormInputComponent
  },
  'hints-input': {
    title: 'Input with hints',
    component: HintsInputComponent
  },
  'suffix-prefix-input': {
    title: 'Inputs with prefixes and suffixes',
    component: SuffixPrefixInputComponent
  },
  'basic-radio': {
    title: 'Basic radios',
    component: BasicRadioComponent
  },
  'ngmodel-radio': {
    title: 'Radios with ngMode',
    component: NgmodelRadioComponent
  },
  'basic-select': {
    title: 'Basic select',
    component: BasicSelectComponent
  },
  'two-way-binding-select': {
    title: 'Select with 2-way value binding',
    component: TwoWayBindingSelectComponent
  },
  'form-select': {
    title: 'Select in a form',
    component: FormSelectComponent
  },
  'feature-select': {
    title: 'Select with form field features',
    component: FeatureSelectComponent
  },
  'disabled-select': {
    title: 'Disabled select',
    component: DisabledSelectComponent
  },
  'reset-select': {
    title: 'Select with reset option',
    component: ResetSelectComponent
  },
  'option-group-select': {
    title: 'Select with option groups',
    component: OptionGroupSelectComponent
  },
  'multiple-select': {
    title: 'Select with multiple selection',
    component: MultipleSelectComponent
  },
  'trigger-select': {
    title: 'Select with custom trigger text',
    component: TriggerSelectComponent
  },
  'rippleless-select': {
    title: 'Select with no option ripple',
    component: RipplelessSelectComponent
  },
  'custom-panel-select': {
    title: 'Select with custom panel styling',
    component: CustomPanelSelectComponent
  },
  'error-select': {
    title: 'Select with a custom ErrorStateMatcher',
    component: ErrorSelectComponent
  },
  'configurable-slider': {
    title: 'Configurable slider',
    component: SliderComponent
  },
  'basic-slider': {
    title: 'Basic slider',
    component: BasicSliderComponent
  },
  'basic-toggle': {
    title: 'Basic slide-toggle',
    component: BasicToggleComponent
  },
  'configurable-toggle': {
    title: 'Configurable slide-toggle',
    component: ConfigurableToggleComponent
  },
  'basic-menu': {
    title: 'Basic menu',
    component: BasicMenuComponent
  },
  'nested-menu': {
    title: 'Nested menu',
    component: NestedMenuComponent
  },
  'icon-menu': {
    title: 'Menu with icons',
    component: IconMenuComponent
  },
  'basic-sidenav': {
    title: 'Basic sidenav',
    component: BasicSidenavComponent
  },
  'drawer-sidenav': {
    title: 'Basic drawer',
    component: DrawerSidenavComponent
  },
  'two-sidenav': {
    title: 'Implicit main content with two sidenavs',
    component: TwoSidenavComponent
  },
  'open-close-sidenav': {
    title: 'Sidenav open & close behavior',
    component: OpenCloseSidenavComponent
  },
  'configurable-sidenav': {
    title: 'Sidenav with configurable mode',
    component: ConfigurableSidenavComponent
  },
  'escape-backdrop-sidenav': {
    title: 'Sidenav with custom escape and backdrop click behavior',
    component: EscapeBackdropSidenavComponent
  },
  'autoresize-sidenav': {
    title: 'Autosize sidenav',
    component: AutoresizeSidenavComponent
  },
  'fixed-sidenav': {
    title:  'Fixed sidenav',
    component: FixedSidenavComponent
  },
  'responsive-sidenav': {
    title:  'Responsive sidenav',
    component: ResponsiveSidenavComponent
  },
  'basic-toolbar': {
    title:  'Basic toolbar',
    component: BasicToolbarComponent
  },
  'multi-row-toolbar': {
    title:  'Multi-row toolbar',
    component: MultiRowToolbarComponent
  },
  'basic-card': {
    title:  'Basic card',
    component: BasicCardComponent
  },
  'multi-section-card': {
    title:  'Card with multiple sections',
    component: MultiSectionCardComponent
  },
  'basic-divider': {
    title:  'Basic divider',
    component: BasicDividerComponent
  },
  'basic-expansion-panel': {
    title:  'Basic expansion panel',
    component: BasicExpansionPanelComponent
  },
  'accordin-expansion-panel': {
    title:  'Expansion panel as accordion',
    component: AccordinExpansionPanelComponent
  },
  'basic-grid': {
    title:  'Basic grid',
    component: BasicGridComponent
  },
  'dynamic-grid': {
    title:  'Dynamic grid',
    component: DynamicGridComponent
  },
  'basic-list': {
    title:  'Basic list',
    component: BasicListComponent
  },
  'section-list': {
    title:  'List with sections',
    component: SectionListComponent
  },
  'basic-stepper': {
    title:  'Stepper overview',
    component: BasicStepperComponent
  },
  'vertical-stepper': {
    title:  'Vertical stepper',
    component: VerticalStepperComponent
  },
  'error-stepper': {
    title:  'Stepper that displays errors in the steps',
    component: ErrorStepperComponent
  },
  'customized-stepper': {
    title:  'Stepper with customized states',
    component: CustomizedStepperComponent
  },
  'basic-tab-group': {
    title:  'Basic use of the tab group',
    component: BasicTabGroupComponent
  },
  'align-tab-group': {
    title:  'Tab group with aligned labels',
    component: AlignTabGroupComponent
  },
  'animation-tab-group': {
    title:  'Tab group animations',
    component: AnimationTabGroupComponent
  },
  'dynamic-tab-group': {
    title:  'Tab group with dynamically changing tabs',
    component: DynamicTabGroupComponent
  },
  'nav-tab-group': {
    title:  'Basic use of the tab nav bar',
    component: NavTabGroupComponent
  },
  'custom-tab-group': {
    title:  'Customizing the theme options on the tab group',
    component: CustomTabGroupComponent
  },
  'flat-tree': {
    title:  'Tree with flat nodes',
    component: FlatTreeComponent
  },
  'nested-tree': {
    title:  'Tree with nested nodes',
    component: NestedTreeComponent
  },
  'checkbox-tree': {
    title:  'Tree with checkboxes',
    component: CheckboxTreeComponent
  },
  'dynamic-data-tree': {
    title:  'Tree with dynamic data',
    component: DynamicDataTreeComponent
  },
  'buttons': {
    title:  'Various buttons',
    component: ButtonsComponent
  },
  'custom-loading-buttons': {
    title: 'Loading buttons',
    component: CustomLoadingButtonsComponent
  },
  'button-toggle': {
    title:  'Exclusive selection',
    component: ButtonToggleComponent
  },
  'basic-button-toggle': {
    title:  'Basic button toggle',
    component: BasicButtonToggleComponent
  },
  'basic-badge': {
    title:  'Badge overview',
    component: BasicBadgeComponent
  },
  'basic-chip': {
    title:  'Basic chips',
    component: BasicChipComponent
  },
  'autocomplete-chip': {
    title:  'Chips Autocomplete',
    component: AutocompleteChipComponent
  },
  'input-chip': {
    title:  'Chips with input',
    component: InputChipComponent
  },
  'stacked-chip': {
    title:  'Stacked chips',
    component: StackedChipComponent
  },
  'basic-icon': {
    title:  'Basic icon',
    component: BasicIconComponent
  },
  'svg-icon': {
    title:  'SVG icon',
    component: SvgIconComponent
  },
  'basic-spinner': {
    title:  'Basic spinner',
    component: BasicSpinnerComponent
  },
  'custom-spinner': {
    title:  'Configurable progress spinner',
    component: CustomSpinnerComponent
  },
  'basic-bar': {
    title:  'Determinate progress-bar',
    component: BasicBarComponent
  },
  'custom-bar': {
    title:  'Configurable progress-bar',
    component: CustomBarComponent
  },
  'indeterminate-bar': {
    title:  'Indeterminate progress-bar',
    component: IndeterminateBarComponent
  },
  'custom-ripples': {
    title:  'MatRipple basic usage',
    component: CustomRipplesComponent
  },
  'basic-tooltip': {
    title:  'Basic tooltip',
    component: BasicTooltipComponent
  },
  'custom-position-tooltip': {
    title:  'Tooltip with a custom position',
    component: CustomPositionTooltipComponent
  },
  'custom-class-tooltip': {
    title:  'Tooltip that can have a custom class applied',
    component: CustomClassTooltipComponent
  },
  'delay-tooltip': {
    title:  'Tooltip with a show and hide delay',
    component: DelayTooltipComponent
  },
  'disabled-tooltip': {
    title:  'Tooltip that can be disabled',
    component: DisabledTooltipComponent
  },
  'manual-hide-tooltip': {
    title:  'Tooltip that can be manually shown/hidden',
    component: ManualHideTooltipComponent
  },
  'changing-tooltip': {
    title:  'Tooltip with a changing message',
    component: ChangingTooltipComponent
  },
  'auto-hide-tooltip': {
    title:  'Tooltip that demonstrates auto-hiding when it clips out of its scrolling container',
    component: AutoHideTooltipComponent
  },
  'basic-paginator': {
    title:  'Paginator',
    component: BasicPaginatorComponent
  },
  'custom-paginator': {
    title:  'Configurable paginator',
    component: CustomPaginatorComponent
  },
  'basic-sort-header': {
    title:  'Sorting overview',
    component: BasicSortHeaderComponent
  },
  'table-sorting': {
    title:  'Table with sorting',
    component: TableSortingComponent
  },
  'basic-table': {
    title:  'Basic use of `<table mat-table>` with horizontal scroll',
    component: BasicTableComponent
  },
  'pagination-table': {
    title:  'Table with pagination',
    component: PaginationTableComponent
  },
  'sorting-table': {
    title:  'Table with sorting',
    component: SortingTableComponent
  },
  'filter-table': {
    title:  'Table with filtering',
    component: FilterTableComponent
  },
  'selection-table': {
    title:  'Table with selection',
    component: SelectionTableComponent
  },
  'footer-table': {
    title:  'Footer row table',
    component: FooterTableComponent
  },
  'sticky-header-table': {
    title:  'Table with sticky header',
    component: StickyHeaderTableComponent
  },
  'sticky-footer-table': {
    title:  'Table with sticky footer',
    component: StickyFooterTableComponent
  },
  'sticky-column-table': {
    title:  'Table with sticky columns',
    component: StickyColumnTableComponent
  },
  'bottom-sheet': {
    title:  'Bottom Sheet Overview',
    component: BottomSheetComponent
  },
  'basic-dialog': {
    title:  'Dialog Overview',
    component: BasicDialogComponent
  },
  'data-dialog': {
    title:  'Injecting data when opening a dialog',
    component: DataDialogComponent
  },
  'scrollable-dialog': {
    title:  'Dialog with header, scrollable content and actions',
    component: ScrollableDialogComponent
  },
  'basic-snackbar': {
    title:  'Basic snack-bar',
    component: BasicSnackbarComponent
  },
  'custom-snackbar': {
    title:  'Snack-bar with a custom component',
    component: CustomSnackbarComponent
  },
  

}

export const MATERIAL_EXAMPLE_COMPONENT_LIST = [
  ButtonExamplesComponent,
  AutocompleteOverviewComponent,
  SimpleAutocompleteComponent,
  FilterAutocompleteComponent,
  DisplayValueAutocompleteComponent,
  HighlightFirstAutocompleteComponent,
  OptionGroupAutocompleteComponent,
  BasicCheckboxComponent,
  ConfigurableCheckboxComponent,
  BasicDatepickerComponent,
  StartDateDatepickerComponent,
  SelectedValueDatepickerComponent,
  MinMaxDatepickerComponent,
  FilterDatepickerComponent,
  EventDatepickerComponent,
  DisabledDatepickerComponent,
  TouchDatepickerComponent,
  OpenMethodDatepickerComponent,
  DifferentLocaleDatepickerComponent,
  MomentJsDatepickerComponent,
  CustomDatepickerComponent,
  SimpleFormFieldComponent,
  LabelFormFieldComponent,
  AppearanceFormFieldComponent,
  HintsFormFieldComponent,
  ErrorFormFieldComponent,
  PrefixSuffixFormFieldComponent,
  ThemingFormFieldComponent,
  BasicInputComponent,
  ErrorInputComponent,
  AutoResizingTexareaComponent,
  ClearButtonInputComponent,
  ErrorMessageInputComponent,
  FormInputComponent,
  HintsInputComponent,
  SuffixPrefixInputComponent,
  BasicRadioComponent,
  NgmodelRadioComponent,
  BasicSelectComponent,
  TwoWayBindingSelectComponent,
  FormSelectComponent,
  FeatureSelectComponent,
  DisabledSelectComponent,
  ResetSelectComponent,
  OptionGroupSelectComponent,
  MultipleSelectComponent,
  TriggerSelectComponent,
  RipplelessSelectComponent,
  CustomPanelSelectComponent,
  ErrorSelectComponent,
  SliderComponent,
  BasicSliderComponent,
  BasicToggleComponent,
  ConfigurableToggleComponent,
  BasicMenuComponent,
  NestedMenuComponent,
  IconMenuComponent,
  BasicSidenavComponent,
  DrawerSidenavComponent,
  TwoSidenavComponent,
  OpenCloseSidenavComponent,
  ConfigurableSidenavComponent,
  EscapeBackdropSidenavComponent,
  AutoresizeSidenavComponent,
  FixedSidenavComponent,
  ResponsiveSidenavComponent,
  BasicToolbarComponent,
  MultiRowToolbarComponent,
  BasicCardComponent,
  MultiSectionCardComponent,
  BasicSidenavComponent,
  BasicExpansionPanelComponent,
  AccordinExpansionPanelComponent,
  BasicGridComponent,
  DynamicGridComponent,
  BasicListComponent,
  SectionListComponent,
  BasicStepperComponent,
  VerticalStepperComponent,
  ErrorStepperComponent,
  CustomizedStepperComponent,
  BasicTabGroupComponent,
  AlignTabGroupComponent,
  AnimationTabGroupComponent,
  DynamicTabGroupComponent,
  NavTabGroupComponent,
  CustomTabGroupComponent,
  FlatTreeComponent,
  NestedTreeComponent,
  CheckboxTreeComponent,
  DynamicDataTreeComponent,
  ButtonsComponent,
  CustomLoadingButtonsComponent,
  ButtonToggleComponent,
  BasicButtonToggleComponent,
  BasicBadgeComponent,
  BasicChipComponent,
  AutocompleteChipComponent,
  InputChipComponent,
  StackedChipComponent,
  BasicIconComponent,
  SvgIconComponent,
  BasicSpinnerComponent,
  CustomSpinnerComponent,
  BasicBarComponent,
  CustomBarComponent,
  IndeterminateBarComponent,
  CustomRipplesComponent,
  BasicTooltipComponent,
  CustomPositionTooltipComponent,
  CustomClassTooltipComponent,
  DelayTooltipComponent,
  DisabledTooltipComponent,
  ManualHideTooltipComponent,
  ChangingTooltipComponent,
  AutoHideTooltipComponent,
  BasicPaginatorComponent,
  CustomPaginatorComponent,
  BasicSortHeaderComponent,
  TableSortingComponent,
  BasicTableComponent,
  PaginationTableComponent,
  SortingTableComponent,
  FilterTableComponent,
  SelectionTableComponent,
  FooterTableComponent,
  StickyHeaderTableComponent,
  StickyFooterTableComponent,
  StickyColumnTableComponent,
  BottomSheetComponent,
  BottomSheetOverviewComponent,
  BasicDialogComponent,
  BasicDialogOverviewComponent,
  DataDialogComponent,
  DataDialogOverviewComponent,
  ScrollableDialogComponent,
  ScrollableDialogOverviewComponent,
  BasicSnackbarComponent,
  CustomSnackbarComponent,
  BasicDividerComponent,
  CustomSnackbarOverviewComponent
]