import {
	Component,
	ViewEncapsulation,
  Input
} from '@angular/core';
import { AvatarDemoComponent } from './avatar-demo/avatar-demo.component';
import { ButtonDemoComponent } from './button-demo/button-demo.component';
import { TableDemoComponent } from './table-demo/table-demo.component';
import { BadgeDemoComponent } from './badge-demo/badge-demo.component';
import { MenuDemoComponent } from './menu-demo/menu-demo.component';
import { InputDemoComponent } from './input-demo/input-demo.component';
import { KanbanBoardDemoComponent } from './kanban-board-demo/kanban-board-demo.component';
import { RadioDemoComponent } from './radio-demo/radio-demo.component';
import { CheckboxDemoComponent } from './checkbox-demo/checkbox-demo.component';
import { SearchDemoComponent } from './search-demo/search-demo.component';
import { SwitchDemoComponent } from './switch-demo/switch-demo.component';
import { ProgressDemoComponent } from './progress-demo/progress-demo.component';
import { CardDemoComponent } from './card-demo/card-demo.component';
import { ChipDemoComponent } from './chip-demo/chip-demo.component';
import { AppbarDemoComponent } from './appbar-demo/appbar-demo.component';
import { BottomNavigationDemoComponent } from './bottom-navigation-demo/bottom-navigation-demo.component';
import { FontAwesomeDemoComponent } from './fontawesome-demo/fontawesome-demo.component';
import { ImageContainerDemoComponent } from './image-container-demo/image-container-demo.component';
import { CarouselDemoComponent } from './carousel-demo/carousel-demo.component';
import { VideoPlayerDemoComponent } from "./video-player-demo/video-player-demo.component";
import { ListDemoComponent } from "./list-demo/list-demo.component";
import { ModalDemoComponent } from "./modal-demo/modal-demo.component";
import { DrawerDemoComponent } from "./drawer-demo/drawer-demo.component";
import { DatePickerDemoComponent } from './date-picker-demo/date-picker-demo.component';
import { TimePickerDemoComponent } from './time-picker-demo/time-picker-demo.component';
import { GridSystemDemoComponent } from './grid-system-demo/grid-system-demo.component';
import { SpacerDemoComponent } from './spacer-demo/spacer-demo.component';
import { ContainerDemoComponent } from './container-demo/container-demo.component';
import { PaginationDemoComponent } from './pagination-demo/pagination-demo.component';
import { SkeletonLoaderDemoComponent } from './skeleton-loader-demo/skeleton-loader-demo.component';
import { EmptyStateDemoComponent } from './empty-state-demo/empty-state-demo.component';
import { FileUploadDemoComponent } from './file-upload-demo/file-upload-demo.component';
import { FormFieldDemoComponent } from './form-field-demo/form-field-demo.component';
import { AutocompleteDemoComponent } from './autocomplete-demo/autocomplete-demo.component';
import { BackdropDemoComponent } from './backdrop-demo/backdrop-demo.component';
import { OverlayContainerDemoComponent } from './overlay-container-demo/overlay-container-demo.component';
import { LoadingSpinnerDemoComponent } from './loading-spinner-demo/loading-spinner-demo.component';
import { ProgressCircleDemoComponent } from './progress-circle-demo/progress-circle-demo.component';
import { RangeSliderDemoComponent } from './range-slider-demo/range-slider-demo.component';
import { ColorPickerDemoComponent } from './color-picker-demo/color-picker-demo.component';
import { DividerDemoComponent } from './divider-demo/divider-demo.component';
import { TooltipDemoComponent } from './tooltip-demo/tooltip-demo.component';
import { AccordionDemoComponent } from './accordion-demo/accordion-demo.component';
import { PopoverDemoComponent } from './popover-demo/popover-demo.component';
import { AlertDemoComponent } from './alert-demo/alert-demo.component';
import { SnackbarDemoComponent } from './snackbar-demo/snackbar-demo.component';
import { ToastDemoComponent } from './toast-demo/toast-demo.component';
import { TreeViewDemoComponent } from './tree-view-demo/tree-view-demo.component';
import { TimelineDemoComponent } from './timeline-demo/timeline-demo.component';
import { StepperDemoComponent } from './stepper-demo/stepper-demo.component';
import { FabMenuDemoComponent } from './fab-menu-demo/fab-menu-demo.component';
import { EnhancedTableDemoComponent } from './enhanced-table-demo/enhanced-table-demo.component';
import { SplitButtonDemoComponent } from './split-button-demo/split-button-demo.component';
import { CommandPaletteDemoComponent } from './command-palette-demo/command-palette-demo.component';
import { TransferListDemoComponent } from './transfer-list-demo/transfer-list-demo.component';
import { FloatingToolbarDemoComponent } from './floating-toolbar-demo/floating-toolbar-demo.component';
import { TagInputDemoComponent } from './tag-input-demo/tag-input-demo.component';
import { IconButtonDemoComponent } from './icon-button-demo/icon-button-demo.component';
import { StackDemoComponent } from './stack-demo/stack-demo.component';
import { BoxDemoComponent } from './box-demo/box-demo.component';
import { CenterDemoComponent } from './center-demo/center-demo.component';
import { AspectRatioDemoComponent } from './aspect-ratio-demo/aspect-ratio-demo.component';
import { BentoGridDemoComponent } from './bento-grid-demo/bento-grid-demo.component';
import { BreakpointContainerDemoComponent } from './breakpoint-container-demo/breakpoint-container-demo.component';
import { SectionDemoComponent } from './section-demo/section-demo.component';
import { FlexDemoComponent } from './flex-demo/flex-demo.component';
import { ColumnDemoComponent } from './column-demo/column-demo.component';
import { SidebarLayoutDemoComponent } from './sidebar-layout-demo/sidebar-layout-demo.component';
import { ScrollContainerDemoComponent } from './scroll-container-demo/scroll-container-demo.component';
import { TabsContainerDemoComponent } from './tabs-container-demo/tabs-container-demo.component';
import { DashboardShellDemoComponent } from './dashboard-shell-demo/dashboard-shell-demo.component';
import { GridContainerDemoComponent } from './grid-container-demo/grid-container-demo.component';
import { FeedLayoutDemoComponent } from './feed-layout-demo/feed-layout-demo.component';
import { ListDetailLayoutDemoComponent } from './list-detail-layout-demo/list-detail-layout-demo.component';
import { SupportingPaneLayoutDemoComponent } from './supporting-pane-layout-demo/supporting-pane-layout-demo.component';
import { MasonryDemoComponent } from './masonry-demo/masonry-demo.component';
import { InfiniteScrollContainerDemoComponent } from './infinite-scroll-container-demo/infinite-scroll-container-demo.component';
import { StickyLayoutDemoComponent } from './sticky-layout-demo/sticky-layout-demo.component';
import { SplitViewDemoComponent } from './split-view-demo/split-view-demo.component';
import { GalleryGridDemoComponent } from './gallery-grid-demo/gallery-grid-demo.component';
import { AccessibilityDemoComponent } from './accessibility-demo/accessibility-demo.component';
import { SelectDemoComponent } from './select-demo/select-demo.component';
import { TextareaDemoComponent } from './textarea-demo/textarea-demo.component';
import { DataUtilsDemoComponent } from './data-utils-demo/data-utils-demo.component';
import { HclStudioDemoComponent } from './hcl-studio-demo/hcl-studio-demo.component';
import { FontManagerDemoComponent } from './font-manager-demo/font-manager-demo.component';
import { BackgroundsDemoComponent } from './backgrounds-demo/backgrounds-demo.component';
import { ConversionDemoComponent } from './conversion-demo/conversion-demo.component';
import { LandingHeaderDemoComponent } from './landing-header-demo/landing-header-demo.component';
import { LandingFooterDemoComponent } from './landing-footer-demo/landing-footer-demo.component';
import { LandingFAQDemoComponent } from './landing-faq-demo/landing-faq-demo.component';
import { LandingTemplatesDemoComponent } from "./landing-templates-demo/landing-templates-demo.component";
import { LandingTimelineDemoComponent } from "./landing-timeline-demo/landing-timeline-demo.component";
import { LandingTeamDemoComponent } from "./landing-team-demo/landing-team-demo.component";
import { LandingStatisticsDemoComponent } from "./landing-statistics-demo/landing-statistics-demo.component";
import { LandingFeatureGridDemoComponent } from "./landing-feature-grid-demo/landing-feature-grid-demo.component";
import { LandingTestimonialsDemoComponent } from "./landing-testimonials-demo/landing-testimonials-demo.component";
import { LandingLogoCloudDemoComponent } from "./landing-logo-cloud-demo/landing-logo-cloud-demo.component";
import { AnimationsDemoComponent } from "./animations-demo/animations-demo.component";
import { CodeDisplayDemoComponent } from "./code-display-demo/code-display-demo.component";


@Component({
    selector: 'ui-demo-routes',
    encapsulation: ViewEncapsulation.None,
    standalone: true,    
    template: `

		@switch (this.route) {
			@case ("home") {
			}

			@case ("appbar") {
                <ui-appbar-demo></ui-appbar-demo>
			}

			@case ("bottom-navigation") {
                <ui-bottom-navigation-demo></ui-bottom-navigation-demo>
			}

			@case ("avatar") {
                <ui-avatar-demo></ui-avatar-demo>
			}

            @case ("buttons") {
                <ui-button-demo></ui-button-demo>
			}

			@case ("icon-button") {
                <ui-icon-button-demo></ui-icon-button-demo>
			}

			@case ("cards") {
                <ui-card-demo></ui-card-demo>
			}

			@case ("chips") {
                <ui-chip-demo></ui-chip-demo>
			}

			@case ("badge") {
                <ui-badge-demo></ui-badge-demo>
			}

			@case ("fontawesome") {
                <ui-fontawesome-demo></ui-fontawesome-demo>
			}

			@case ("input") {
                <ui-input-demo></ui-input-demo>
			}

			@case ("kanban-board") {
                <ui-kanban-board-demo></ui-kanban-board-demo>
			}
			@case ("radio") {
                <ui-radio-demo></ui-radio-demo>
			}
			
			@case ("checkbox") {
                <ui-checkbox-demo></ui-checkbox-demo>
			}
			
			@case ("search") {
                <ui-search-demo></ui-search-demo>
			}
			
			@case ("select") {
                <ui-select-demo></ui-select-demo>
			}
			
			@case ("textarea") {
                <ui-textarea-demo></ui-textarea-demo>
			}
			
			@case ("switch") {
                <ui-switch-demo></ui-switch-demo>
			}
			
			@case ("progress") {
                <ui-progress-demo></ui-progress-demo>
			}

			
			@case ("lists") {
                <ui-list-demo></ui-list-demo>
			}
			@case ("menu") {
                <ui-menu-demo></ui-menu-demo>
			}

			@case ("table") {
                <ui-table-demo></ui-table-demo>
			}

			@case ("image-container") {
                <ui-image-container-demo></ui-image-container-demo>
			}

			@case ("carousel") {
                <ui-carousel-demo></ui-carousel-demo>
			}

			@case ("video-player") {
                <app-video-player-demo></app-video-player-demo>
			}

			@case ("modal") {
                <ui-modal-demo></ui-modal-demo>
			}

			@case ("drawer") {
                <ui-drawer-demo></ui-drawer-demo>
			}

			@case ("date-picker") {
                <ui-date-picker-demo></ui-date-picker-demo>
			}

			@case ("time-picker") {
                <ui-time-picker-demo></ui-time-picker-demo>
			}

			@case ("grid-system") {
                <ui-grid-system-demo></ui-grid-system-demo>
			}

			@case ("spacer") {
                <ui-spacer-demo></ui-spacer-demo>
			}

			@case ("container") {
                <ui-container-demo></ui-container-demo>
			}

			@case ("pagination") {
                <ui-pagination-demo></ui-pagination-demo>
			}

			@case ("skeleton-loader") {
                <ui-skeleton-loader-demo></ui-skeleton-loader-demo>
			}

			@case ("empty-state") {
                <ui-empty-state-demo></ui-empty-state-demo>
			}

			@case ("file-upload") {
                <ui-file-upload-demo></ui-file-upload-demo>
			}

			@case ("form-field") {
                <ui-form-field-demo></ui-form-field-demo>
			}

			@case ("autocomplete") {
                <ui-autocomplete-demo></ui-autocomplete-demo>
			}

			@case ("backdrop") {
                <ui-backdrop-demo></ui-backdrop-demo>
			}

			@case ("overlay-container") {
                <ui-overlay-container-demo></ui-overlay-container-demo>
			}

			@case ("loading-spinner") {
                <ui-loading-spinner-demo></ui-loading-spinner-demo>
			}

			@case ("progress-circle") {
                <ui-progress-circle-demo></ui-progress-circle-demo>
			}

			@case ("range-slider") {
                <ui-range-slider-demo></ui-range-slider-demo>
			}

			@case ("color-picker") {
                <ui-color-picker-demo></ui-color-picker-demo>
			}

			@case ("divider") {
                <ui-divider-demo></ui-divider-demo>
			}

			@case ("tooltip") {
                <ui-tooltip-demo></ui-tooltip-demo>
			}

			@case ("accordion") {
                <ui-accordion-demo></ui-accordion-demo>
			}

			@case ("popover") {
                <ui-popover-demo></ui-popover-demo>
			}

			@case ("alert") {
                <ui-alert-demo></ui-alert-demo>
			}

			@case ("snackbar") {
                <ui-snackbar-demo></ui-snackbar-demo>
			}

			@case ("toast") {
                <ui-toast-demo></ui-toast-demo>
			}

			@case ("tree-view") {
                <ui-tree-view-demo></ui-tree-view-demo>
			}

			@case ("timeline") {
                <ui-timeline-demo></ui-timeline-demo>
			}

			@case ("stepper") {
                <ui-stepper-demo></ui-stepper-demo>
			}

			@case ("fab-menu") {
                <ui-fab-menu-demo></ui-fab-menu-demo>
			}

			@case ("enhanced-table") {
                <ui-enhanced-table-demo></ui-enhanced-table-demo>
			}

			@case ("split-button") {
                <ui-split-button-demo></ui-split-button-demo>
			}

			@case ("command-palette") {
                <ui-command-palette-demo></ui-command-palette-demo>
			}

			@case ("floating-toolbar") {
                <ui-floating-toolbar-demo></ui-floating-toolbar-demo>
			}

			@case ("transfer-list") {
                <ui-transfer-list-demo></ui-transfer-list-demo>
			}

			@case ("tag-input") {
                <ui-tag-input-demo></ui-tag-input-demo>
			}

			@case ("stack") {
                <ui-stack-demo></ui-stack-demo>
			}

			@case ("box") {
                <ui-box-demo></ui-box-demo>
			}

			@case ("center") {
                <ui-center-demo></ui-center-demo>
			}

			@case ("aspect-ratio") {
                <ui-aspect-ratio-demo></ui-aspect-ratio-demo>
			}

			@case ("bento-grid") {
                <ui-bento-grid-demo></ui-bento-grid-demo>
			}

			@case ("breakpoint-container") {
                <ui-breakpoint-container-demo></ui-breakpoint-container-demo>
			}

			@case ("section") {
                <ui-section-demo></ui-section-demo>
			}

			@case ("flex") {
                <ui-flex-demo></ui-flex-demo>
			}

			@case ("column") {
                <ui-column-demo></ui-column-demo>
			}

			@case ("sidebar-layout") {
                <ui-sidebar-layout-demo></ui-sidebar-layout-demo>
			}

			@case ("scroll-container") {
                <ui-scroll-container-demo></ui-scroll-container-demo>
			}

			@case ("infinite-scroll-container") {
                <ui-infinite-scroll-container-demo></ui-infinite-scroll-container-demo>
			}

			@case ("tabs-container") {
                <ui-tabs-container-demo></ui-tabs-container-demo>
			}

			@case ("dashboard-shell") {
                <ui-dashboard-shell-demo></ui-dashboard-shell-demo>
			}

			@case ("grid-container") {
                <ui-grid-container-demo></ui-grid-container-demo>
			}

			@case ("feed-layout") {
                <ui-feed-layout-demo></ui-feed-layout-demo>
			}

			@case ("list-detail-layout") {
                <ui-list-detail-layout-demo></ui-list-detail-layout-demo>
			}

			@case ("supporting-pane-layout") {
                <ui-supporting-pane-layout-demo></ui-supporting-pane-layout-demo>
			}

			@case ("masonry") {
                <ui-masonry-demo></ui-masonry-demo>
			}

			@case ("sticky-layout") {
                <ui-sticky-layout-demo></ui-sticky-layout-demo>
			}

			@case ("split-view") {
                <ui-split-view-demo></ui-split-view-demo>
			}

			@case ("gallery-grid") {
                <ui-gallery-grid-demo></ui-gallery-grid-demo>
			}

			@case ("animations") {
                <app-animations-demo></app-animations-demo>
			}

			@case ("accessibility") {
                <app-accessibility-demo></app-accessibility-demo>
			}

			@case ("data-utils") {
                <ui-data-utils-demo></ui-data-utils-demo>
			}

			@case ("hcl-studio") {
                <app-hcl-studio-demo></app-hcl-studio-demo>
			}

			@case ("font-manager") {
                <app-font-manager-demo></app-font-manager-demo>
			}

			@case ("code-display") {
                <app-code-display-demo></app-code-display-demo>
			}

			@case ("backgrounds") {
                <app-backgrounds-demo></app-backgrounds-demo>
			}

			@case ("conversion") {
                <app-conversion-demo></app-conversion-demo>
			}

			@case ("landing-faq") {
                <app-landing-faq-demo></app-landing-faq-demo>
			}
			
			@case ("landing-feature-grid") {
                <app-landing-feature-grid-demo></app-landing-feature-grid-demo>
			}

			@case ("landing-testimonials") {
                <app-landing-testimonials-demo></app-landing-testimonials-demo>
			}

			@case ("landing-logo-cloud") {
                <app-landing-logo-cloud-demo></app-landing-logo-cloud-demo>
			}

			@case ("landing-statistics") {
                <app-landing-statistics-demo></app-landing-statistics-demo>
			}

			@case ("landing-header") {
                <app-landing-header-demo></app-landing-header-demo>
			}

			@case ("landing-footer") {
                <app-landing-footer-demo></app-landing-footer-demo>
			}

			@case ("landing-team") {
                <app-landing-team-demo></app-landing-team-demo>
			}

			@case ("landing-timeline") {
                <app-landing-timeline-demo></app-landing-timeline-demo>
			}

			@case ("landing-templates") {
                <app-landing-templates-demo></app-landing-templates-demo>
			}
			

            
		}
	`,
    imports: [AvatarDemoComponent, ButtonDemoComponent, IconButtonDemoComponent, CardDemoComponent,
    ChipDemoComponent, TableDemoComponent, BadgeDemoComponent,
    MenuDemoComponent, InputDemoComponent, KanbanBoardDemoComponent,
    RadioDemoComponent, CheckboxDemoComponent,
    SearchDemoComponent, SwitchDemoComponent, ProgressDemoComponent,
    AppbarDemoComponent, BottomNavigationDemoComponent, FontAwesomeDemoComponent, ImageContainerDemoComponent,
    CarouselDemoComponent, VideoPlayerDemoComponent, ListDemoComponent,
    ModalDemoComponent, DrawerDemoComponent, DatePickerDemoComponent, TimePickerDemoComponent,
    GridSystemDemoComponent, SpacerDemoComponent, ContainerDemoComponent, PaginationDemoComponent,
    SkeletonLoaderDemoComponent, EmptyStateDemoComponent, FileUploadDemoComponent, FormFieldDemoComponent,
    AutocompleteDemoComponent, BackdropDemoComponent, OverlayContainerDemoComponent, LoadingSpinnerDemoComponent,
    ProgressCircleDemoComponent, RangeSliderDemoComponent, ColorPickerDemoComponent, DividerDemoComponent, TooltipDemoComponent, AccordionDemoComponent,
    PopoverDemoComponent, AlertDemoComponent, SnackbarDemoComponent, ToastDemoComponent, TreeViewDemoComponent, TimelineDemoComponent, StepperDemoComponent,
    FabMenuDemoComponent, EnhancedTableDemoComponent, SplitButtonDemoComponent,
    CommandPaletteDemoComponent, FloatingToolbarDemoComponent, TransferListDemoComponent, TagInputDemoComponent,
    StackDemoComponent, BoxDemoComponent, CenterDemoComponent, AspectRatioDemoComponent, BentoGridDemoComponent, BreakpointContainerDemoComponent, SectionDemoComponent,
    FlexDemoComponent, ColumnDemoComponent, SidebarLayoutDemoComponent, ScrollContainerDemoComponent,
    InfiniteScrollContainerDemoComponent, TabsContainerDemoComponent, DashboardShellDemoComponent, GridContainerDemoComponent, FeedLayoutDemoComponent,
    ListDetailLayoutDemoComponent, SupportingPaneLayoutDemoComponent, MasonryDemoComponent, StickyLayoutDemoComponent, SplitViewDemoComponent,
    GalleryGridDemoComponent, AccessibilityDemoComponent, SelectDemoComponent, TextareaDemoComponent, DataUtilsDemoComponent, HclStudioDemoComponent,
    FontManagerDemoComponent, BackgroundsDemoComponent,
    ConversionDemoComponent, LandingFAQDemoComponent,
    LandingFeatureGridDemoComponent, LandingTestimonialsDemoComponent, LandingLogoCloudDemoComponent, LandingStatisticsDemoComponent, LandingHeaderDemoComponent,
    LandingFooterDemoComponent, LandingTeamDemoComponent, LandingTimelineDemoComponent, LandingTemplatesDemoComponent,
    LandingTemplatesDemoComponent, LandingTimelineDemoComponent, LandingTeamDemoComponent, LandingFooterDemoComponent, LandingHeaderDemoComponent, LandingStatisticsDemoComponent,
    LandingFeatureGridDemoComponent, LandingTestimonialsDemoComponent, LandingLogoCloudDemoComponent, AnimationsDemoComponent, CodeDisplayDemoComponent]
})

 
export class DemoRoutes {

  @Input() route: string;

	constructor() {
    this.route = "home"
	}

	ngOnInit() {
	}

}