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

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

{"__symbolic":"module","version":4,"metadata":{"ImageStatusType":{"__symbolic":"interface"},"NzImageDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"img[nz-image]","exportAs":"nzImage","host":{"(click)":"onPreview()","$quoted$":["(click)"]}}]}],"members":{"nzSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"nzDisablePreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":32,"character":12}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":32,"character":28}}]}],"nzFallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":33,"character":12}}]}],"nzPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":34,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":51,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":46,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":47,"character":24},{"__symbolic":"reference","name":"NzImageService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":19},{"__symbolic":"reference","name":"NzImageGroupComponent"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":51,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onPreview":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"backLoad":[{"__symbolic":"method"}]}},"NzImageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":25,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":22,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":22},{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":24,"character":29},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":25,"character":40}]}],"preview":[{"__symbolic":"method"}],"display":[{"__symbolic":"method"}],"attachPreviewComponent":[{"__symbolic":"method"}],"createOverlay":[{"__symbolic":"method"}]}},"FADE_CLASS_NAME_MAP":{"enter":"fade-enter","enterActive":"fade-enter-active","leave":"fade-leave","leaveActive":"fade-leave-active"},"IMAGE_PREVIEW_MASK_CLASS_NAME":"ant-image-preview-mask","NZ_CONFIG_MODULE_NAME":"image","NzImageGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"nz-image-group","exportAs":"nzImageGroup","template":"<ng-content></ng-content>","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"addImage":[{"__symbolic":"method"}]}},"NzImageContainerOperation":{"__symbolic":"interface"},"NzImagePreviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"nz-image-preview","exportAs":"nzImagePreview","animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core/animation","name":"fadeMotion","line":42,"character":15}],"template":"\n    <div class=\"ant-image-preview\">\n      <div tabindex=\"0\" aria-hidden=\"true\" style=\"width: 0; height: 0; overflow: hidden; outline: none;\"></div>\n      <div class=\"ant-image-preview-content\">\n        <div class=\"ant-image-preview-body\">\n          <ul class=\"ant-image-preview-operations\">\n            <li\n              class=\"ant-image-preview-operations-operation\"\n              [class.ant-image-preview-operations-operation-disabled]=\"zoomOutDisabled && option.type === 'zoomOut'\"\n              (click)=\"option.onClick()\"\n              *ngFor=\"let option of operations\"\n            >\n              <span class=\"ant-image-preview-operations-icon\" nz-icon [nzType]=\"option.icon\" nzTheme=\"outline\"></span>\n            </li>\n          </ul>\n          <div\n            class=\"ant-image-preview-img-wrapper\"\n            cdkDrag\n            [style.transform]=\"previewImageWrapperTransform\"\n            [cdkDragFreeDragPosition]=\"position\"\n            (mousedown)=\"onDragStarted()\"\n            (cdkDragReleased)=\"onDragReleased()\"\n          >\n            <ng-container *ngFor=\"let image of images; index as imageIndex\">\n              <img\n                cdkDragHandle\n                class=\"ant-image-preview-img\"\n                #imgRef\n                *ngIf=\"index === imageIndex\"\n                [attr.src]=\"image.src\"\n                [attr.alt]=\"image.alt\"\n                [style.width]=\"image.width\"\n                [style.height]=\"image.height\"\n                [style.transform]=\"previewImageTransform\"\n              />\n            </ng-container>\n          </div>\n          <ng-container *ngIf=\"images.length > 1\">\n            <div\n              class=\"ant-image-preview-switch-left\"\n              [class.ant-image-preview-switch-left-disabled]=\"index <= 0\"\n              (click)=\"onSwitchLeft($event)\"\n            >\n              <span nz-icon nzType=\"left\" nzTheme=\"outline\"></span>\n            </div>\n            <div\n              class=\"ant-image-preview-switch-right\"\n              [class.ant-image-preview-switch-right-disabled]=\"index >= images.length - 1\"\n              (click)=\"onSwitchRight($event)\"\n            >\n              <span nz-icon nzType=\"right\" nzTheme=\"outline\"></span>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div tabindex=\"0\" aria-hidden=\"true\" style=\"width: 0; height: 0; overflow: hidden; outline: none;\"></div>\n    </div>\n  ","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":102,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":103,"character":17},"member":"None"},"host":{"[class.ant-image-preview-moving]":"isDragging","[style.zIndex]":"config.nzZIndex","[class.ant-image-preview-wrap]":"true","[@.disabled]":"config.nzNoAnimation","[@fadeMotion]":"animationState","(@fadeMotion.start)":"onAnimationStart($event)","(@fadeMotion.done)":"onAnimationDone($event)","(click)":"onContainerClick($event)","tabindex":"-1","role":"document","$quoted$":["[class.ant-image-preview-moving]","[style.zIndex]","[class.ant-image-preview-wrap]","[@.disabled]","[@fadeMotion]","(@fadeMotion.start)","(@fadeMotion.done)","(click)"]}}]}],"members":{"imageRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":171,"character":3},"arguments":["imgRef"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":17},{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":188,"character":28},{"__symbolic":"reference","name":"NzImagePreviewOptions"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":190,"character":24}]}],"setImages":[{"__symbolic":"method"}],"switchTo":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"markForCheck":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onZoomIn":[{"__symbolic":"method"}],"onZoomOut":[{"__symbolic":"method"}],"onRotateRight":[{"__symbolic":"method"}],"onRotateLeft":[{"__symbolic":"method"}],"onSwitchLeft":[{"__symbolic":"method"}],"onSwitchRight":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"onAnimationDone":[{"__symbolic":"method"}],"startLeaveAnimation":[{"__symbolic":"method"}],"onDragStarted":[{"__symbolic":"method"}],"onDragReleased":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updatePreviewImageTransform":[{"__symbolic":"method"}],"updatePreviewImageWrapperTransform":[{"__symbolic":"method"}],"updateZoomOutDisabled":[{"__symbolic":"method"}],"setEnterAnimationClass":[{"__symbolic":"method"}],"setLeaveAnimationClass":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"NzImagePreviewOptions":{"__symbolic":"class","members":{}},"NzImage":{"__symbolic":"interface"},"NzImagePreviewRef":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NzImagePreviewComponent"},{"__symbolic":"reference","name":"NzImagePreviewOptions"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":12,"character":122}]}],"switchTo":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}},"NzImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":24},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":19,"character":39},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":19,"character":53},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":69},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":19,"character":83},{"__symbolic":"reference","module":"ng-zorro-antd/pipes","name":"NzPipesModule","line":19,"character":97}],"exports":[{"__symbolic":"reference","name":"NzImageDirective"},{"__symbolic":"reference","name":"NzImagePreviewComponent"},{"__symbolic":"reference","name":"NzImageGroupComponent"}],"providers":[{"__symbolic":"reference","name":"NzImageService"}],"entryComponents":[{"__symbolic":"reference","name":"NzImagePreviewComponent"}],"declarations":[{"__symbolic":"reference","name":"NzImageDirective"},{"__symbolic":"reference","name":"NzImagePreviewComponent"},{"__symbolic":"reference","name":"NzImageGroupComponent"}]}]}],"members":{}},"getFitContentPosition":{"__symbolic":"function"},"getOffset":{"__symbolic":"function"},"getClientSize":{"__symbolic":"function"}},"origins":{"ImageStatusType":"./image.directive","NzImageDirective":"./image.directive","NzImageService":"./image.service","FADE_CLASS_NAME_MAP":"./image-config","IMAGE_PREVIEW_MASK_CLASS_NAME":"./image-config","NZ_CONFIG_MODULE_NAME":"./image-config","NzImageGroupComponent":"./image-group.component","NzImageContainerOperation":"./image-preview.component","NzImagePreviewComponent":"./image-preview.component","NzImagePreviewOptions":"./image-preview-options","NzImage":"./image-preview-options","NzImagePreviewRef":"./image-preview-ref","NzImageModule":"./image.module","getFitContentPosition":"./utils","getOffset":"./utils","getClientSize":"./utils"},"importAs":"ng-zorro-antd/image"}