ng-zorro-antd/carousel/ng-zorro-antd-carousel.metadata.json

An enterprise-class UI components based on Ant Design and Angular

{"__symbolic":"module","version":4,"metadata":{"NzCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzCarouselComponent"},{"__symbolic":"reference","name":"NzCarouselContentDirective"}],"exports":[{"__symbolic":"reference","name":"NzCarouselComponent"},{"__symbolic":"reference","name":"NzCarouselContentDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":17,"character":26}]}]}],"members":{}},"NzCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":60,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":61,"character":17},"member":"None"},"selector":"nz-carousel","exportAs":"nzCarousel","preserveWhitespaces":false,"host":{"[class.ant-carousel-vertical]":"vertical","$quoted$":["[class.ant-carousel-vertical]"]},"styles":["\n      nz-carousel {\n        display: block;\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n      }\n\n      .slick-dots {\n        display: block;\n      }\n\n      .slick-track {\n        opacity: 1;\n      }\n    "],"template":"<div class=\"slick-initialized slick-slider\" [class.slick-vertical]=\"nzVertical\">\n  <div\n    #slickList\n    class=\"slick-list\"\n    tabindex=\"-1\"\n    (keydown)=\"onKeyDown($event)\"\n    (mousedown)=\"pointerDown($event)\"\n    (touchstart)=\"pointerDown($event)\"\n  >\n    <!-- Render carousel items. -->\n    <div class=\"slick-track\" #slickTrack>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <!-- Render dots. -->\n  <ul\n    class=\"slick-dots\"\n    *ngIf=\"nzDots\"\n    [class.slick-dots-top]=\"nzDotPosition === 'top'\"\n    [class.slick-dots-bottom]=\"nzDotPosition === 'bottom'\"\n    [class.slick-dots-left]=\"nzDotPosition === 'left'\"\n    [class.slick-dots-right]=\"nzDotPosition === 'right'\"\n  >\n    <li\n      *ngFor=\"let content of carouselContents; let i = index\"\n      [class.slick-active]=\"content.isActive\"\n      (click)=\"goTo(i)\"\n    >\n      <ng-template [ngTemplateOutlet]=\"nzDotRender || renderDotTemplate\" [ngTemplateOutletContext]=\"{ $implicit: i }\">\n      </ng-template>\n    </li>\n  </ul>\n</div>\n\n<ng-template #renderDotTemplate let-index>\n  <button>{{ index + 1 }}</button>\n</ng-template>\n"}]}],"members":{"carouselContents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":90,"character":3},"arguments":[{"__symbolic":"reference","name":"NzCarouselContentDirective"}]}]}],"slickList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":3},"arguments":["slickList",{"static":false}]}]}],"slickTrack":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":3},"arguments":["slickTrack",{"static":false}]}]}],"nzDotRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"nzEffect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":96,"character":12},"arguments":["scrollx"]}]}],"nzEnableSwipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":97,"character":12},"arguments":[true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":97,"character":30}}]}],"nzDots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":98,"character":12},"arguments":[true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":98,"character":30}}]}],"nzAutoPlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":99,"character":12},"arguments":[false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":99,"character":31}}]}],"nzAutoPlaySpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":100,"character":12},"arguments":[3000]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputNumber","line":100,"character":30}}]}],"nzTransitionSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputNumber","line":101,"character":12}}]}],"nzVertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":104,"character":3}}]}],"nzDotPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":115,"character":3},"arguments":["bottom"]}]}],"nzBeforeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":3}}]}],"nzAfterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":157,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":157,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":158,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":158,"character":17},"arguments":[{"__symbolic":"reference","name":"NZ_CAROUSEL_CUSTOM_STRATEGIES"}]}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzConfigService","line":151,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":152,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":153,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":154,"character":17},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":155,"character":22},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzDomEventService","line":156,"character":31},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"NzCarouselStrategyRegistryItem"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"pre":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"switchStrategy":[{"__symbolic":"method"}],"scheduleNextTransition":[{"__symbolic":"method"}],"clearScheduledTransition":[{"__symbolic":"method"}],"markContentActive":[{"__symbolic":"method"}],"syncStrategy":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}},"NzCarouselContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[nz-carousel-content]","exportAs":"nzCarouselContent"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":32,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":64}]}]}},"NzCarouselEffects":{"__symbolic":"interface"},"NzCarouselDotPosition":{"__symbolic":"interface"},"NzCarouselComponentAsSource":{"__symbolic":"interface"},"NzCarouselStrategyRegistryItem":{"__symbolic":"interface"},"NZ_CAROUSEL_CUSTOM_STRATEGIES":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":30,"character":49},"arguments":["nz-carousel-custom-strategies"]},"PointerVector":{"__symbolic":"interface"},"FromToInterface":{"__symbolic":"interface"},"NzCarouselBaseStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NzCarouselComponentAsSource"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":24}]}],"withCarouselContents":[{"__symbolic":"method"}],"switch":[{"__symbolic":"method"}],"dragging":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"getFromToInBoundary":[{"__symbolic":"method"}]}}},"origins":{"NzCarouselModule":"./nz-carousel.module","NzCarouselComponent":"./nz-carousel.component","NzCarouselContentDirective":"./nz-carousel-content.directive","NzCarouselEffects":"./nz-carousel-definitions","NzCarouselDotPosition":"./nz-carousel-definitions","NzCarouselComponentAsSource":"./nz-carousel-definitions","NzCarouselStrategyRegistryItem":"./nz-carousel-definitions","NZ_CAROUSEL_CUSTOM_STRATEGIES":"./nz-carousel-definitions","PointerVector":"./nz-carousel-definitions","FromToInterface":"./nz-carousel-definitions","NzCarouselBaseStrategy":"./strategies/base-strategy"},"importAs":"ng-zorro-antd/carousel"}