Files
fuse-angular/src/app/main/content/components/angular-material/example-components.ts
2017-09-28 11:05:11 +03:00

760 lines
31 KiB
TypeScript

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 { DatepickerFilterExample } from '../../../../../assets/angular-material-examples/datepicker-filter/datepicker-filter-example';
import { DatepickerMinMaxExample } from '../../../../../assets/angular-material-examples/datepicker-min-max/datepicker-min-max-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 { 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 { ExpansionOverviewExample } from '../../../../../assets/angular-material-examples/expansion-overview/expansion-overview-example';
import { ExpansionStepsExample } from '../../../../../assets/angular-material-examples/expansion-steps/expansion-steps-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 { InputClearableExample } from '../../../../../assets/angular-material-examples/input-clearable/input-clearable-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 { ProgressBarConfigurableExample } from '../../../../../assets/angular-material-examples/progress-bar-configurable/progress-bar-configurable-example';
import { ProgressBarOverviewExample } from '../../../../../assets/angular-material-examples/progress-bar-overview/progress-bar-overview-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 { SelectFormExample } from '../../../../../assets/angular-material-examples/select-form/select-form-example';
import { SelectOverviewExample } from '../../../../../assets/angular-material-examples/select-overview/select-overview-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-min-max',
'datepicker-filter',
'datepicker-touch',
'datepicker-api'
],
'input' : [
'input-overview',
'input-errors',
'input-prefix-suffix',
'input-hint',
'input-clearable',
'input-form'
],
'radio-button' : [
'radio-overview',
'radio-ng-model'
],
'select' : [
'select-overview',
'select-form'
],
'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'
],
'expansion-panel' : [
'expansion-overview',
'expansion-steps'
],
'button' : [
'button-overview',
'button-types'
],
'button-toggle' : [
'button-toggle-overview',
'button-toggle-exclusive'
],
'chips' : [
'chips-overview',
'chips-input'
],
'icon' : [
'icon-overview',
'icon-svg'
],
'progress-spinner': [
'progress-spinner-overview',
'progress-spinner-configurable'
],
'progress-bar' : [
'progress-bar-overview',
'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 API',
component : DatepickerApiExample,
additionalFiles: null,
selectorName : null
},
'datepicker-filter' : {
title : 'Datepicker Filter',
component : DatepickerFilterExample,
additionalFiles: null,
selectorName : null
},
'datepicker-min-max' : {
title : 'Datepicker Min Max',
component : DatepickerMinMaxExample,
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',
component : DatepickerTouchExample,
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'
},
'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
},
'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-clearable' : {
title : 'Input Clearable',
component : InputClearableExample,
additionalFiles: null,
selectorName : null
},
'input-errors' : {
title : 'Input Errors',
component : InputErrorsExample,
additionalFiles: null,
selectorName : null
},
'input-form' : {
title : 'Inputs in a form',
component : InputFormExample,
additionalFiles: null,
selectorName : null
},
'input-hint' : {
title : 'Input hints',
component : InputHintExample,
additionalFiles: null,
selectorName : null
},
'input-overview' : {
title : 'Basic Inputs',
component : InputOverviewExample,
additionalFiles: null,
selectorName : null
},
'input-prefix-suffix' : {
title : 'Input 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-configurable' : {
title : 'Configurable progress-bar',
component : ProgressBarConfigurableExample,
additionalFiles: null,
selectorName : null
},
'progress-bar-overview' : {
title : 'Basic progress-bar',
component : ProgressBarOverviewExample,
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-form' : {
title : 'Select in a form',
component : SelectFormExample,
additionalFiles: null,
selectorName : null
},
'select-overview' : {
title : 'Basic select',
component : SelectOverviewExample,
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 : 'Feature-rich data table',
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,
DatepickerFilterExample,
DatepickerMinMaxExample,
DatepickerOverviewExample,
DatepickerStartViewExample,
DatepickerTouchExample,
DialogContentExampleDialog,
DialogContentExample,
DialogDataExampleDialog,
DialogDataExample,
DialogElementsExampleDialog,
DialogElementsExample,
DialogOverviewExampleDialog,
DialogOverviewExample,
ExpansionOverviewExample,
ExpansionStepsExample,
GridListDynamicExample,
GridListOverviewExample,
IconOverviewExample,
IconSvgExample,
InputClearableExample,
InputErrorsExample,
InputFormExample,
InputHintExample,
InputOverviewExample,
InputPrefixSuffixExample,
ListOverviewExample,
ListSectionsExample,
ListSelectionExample,
MenuIconsExample,
MenuOverviewExample,
NestedMenuExample,
PaginatorConfigurableExample,
PaginatorOverviewExample,
ProgressBarConfigurableExample,
ProgressBarOverviewExample,
ProgressSpinnerConfigurableExample,
ProgressSpinnerOverviewExample,
RadioNgModelExample,
RadioOverviewExample,
SelectFormExample,
SelectOverviewExample,
SidenavFabExample,
SidenavOverviewExample,
SlideToggleConfigurableExample,
SlideToggleFormsExample,
SlideToggleOverviewExample,
SliderConfigurableExample,
SliderOverviewExample,
PizzaPartyComponent, SnackBarComponentExample,
SnackBarOverviewExample,
SortOverviewExample,
StepperOverviewExample,
TableBasicExample,
TableFilteringExample,
TableHttpExample,
TableOverviewExample,
TablePaginationExample,
TableSortingExample,
TabsOverviewExample,
TabsTemplateLabelExample,
ToolbarMultirowExample,
ToolbarOverviewExample,
TooltipOverviewExample,
TooltipPositionExample
];