import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';

// angular cdk
import { DragDropModule } from '@angular/cdk/drag-drop';

import { SharedModule } from '../../share/shared.module';
import { ComponentMakerComponent } from './component-maker/component-maker.component';
import { HtmlBuilderRoutingModule } from './html-builder-routing.module';
import { HtmlBuilderComponent } from './html-builder.component';
import { PageEditorComponent } from './page-editor/page-editor.component';
import { PageUpdaterComponent } from './page-updater/page-updater.component';

import { CodemirrorModule } from '@ctrl/ngx-codemirror';
import 'codemirror/mode/css/css';
import 'codemirror/mode/htmlmixed/htmlmixed';
import { ChCarouselComponent } from './component/ch/ch-carousel/ch-carousel.component';
import { ChGridComponent } from './component/ch/ch-grid/ch-grid.component';
import { ChHeadComponent } from './component/ch/ch-head/ch-head.component';
import { ChImgComponent } from './component/ch/ch-img/ch-img.component';
import { ChInfoCardComponent } from './component/ch/ch-info-card/ch-info-card.component';
import { ChLinkComponent } from './component/ch/ch-link/ch-link.component';
import { ChListComponent } from './component/ch/ch-list/ch-list.component';
import { ChPComponent } from './component/ch/ch-p/ch-p.component';
import { ChTailormadeFormComponent } from './component/ch/ch-tailormade-form/ch-tailormade-form.component';
import { ChTourCardComponent } from './component/ch/ch-tour-card/ch-tour-card.component';
import { ChTourFormComponent } from './component/ch/ch-tour-form/ch-tour-form.component';

// 组件属性表单
import { DelonFormModule } from '@delon/form';
import { PropsPipe } from '../../pipe/props.pipe';
// 安全html
import { SafePipe } from '../../pipe/safe.pipe';

@NgModule({
  declarations: [
    SafePipe,
    PropsPipe,
    HtmlBuilderComponent,
    PageEditorComponent,
    ComponentMakerComponent,
    PageUpdaterComponent,
    ChPComponent,
    ChHeadComponent,
    ChGridComponent,
    ChListComponent,
    ChLinkComponent,
    ChImgComponent,
    ChCarouselComponent,
    ChInfoCardComponent,
    ChTourCardComponent,
    ChTailormadeFormComponent,
    ChTourFormComponent,
  ],
  imports: [
    CommonModule,
    HtmlBuilderRoutingModule,
    SharedModule,
    CodemirrorModule,
    DragDropModule,
    DelonFormModule.forRoot(),
  ],
})
export class HtmlBuilderModule { }