xui
Version:
xUI Components for Angular
53 lines • 5.57 kB
JavaScript
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { DIALOG_DATA } from '@angular/cdk/dialog';
import * as i0 from "@angular/core";
import * as i1 from "ngx-image-cropper";
import * as i2 from "../button/button.component";
import * as i3 from "@ngx-translate/core";
export class ImageUploadCropperComponent {
constructor(data) {
this.data = data;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ImageUploadCropperComponent, deps: [{ token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: ImageUploadCropperComponent, selector: "xui-image-upload-cropper", ngImport: i0, template: `
<div class="x-image-upload-cropper">
<image-cropper
[]="data.imageChangedEvent"
[]="true"
[]="data.aspectRatio"
format="webp"
[]="data.type === 'round'"
(imageCropped)="data.imageCropped($event)"
></image-cropper>
</div>
<div class="x-image-upload-cropper-actions">
<xui-button type="raised" (click)="data.save()">{{ 'xui.image_upload.save' | translate }}</xui-button>
</div>
`, isInline: true, dependencies: [{ kind: "component", type: i1.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "output", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i2.ButtonComponent, selector: "xui-button", inputs: ["type", "size", "color", "shine", "disabled", "onClick", "stateDelay"], outputs: ["click"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ImageUploadCropperComponent, decorators: [{
type: Component,
args: [{
selector: 'xui-image-upload-cropper',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
<div class="x-image-upload-cropper">
<image-cropper
[]="data.imageChangedEvent"
[]="true"
[]="data.aspectRatio"
format="webp"
[]="data.type === 'round'"
(imageCropped)="data.imageCropped($event)"
></image-cropper>
</div>
<div class="x-image-upload-cropper-actions">
<xui-button type="raised" (click)="data.save()">{{ 'xui.image_upload.save' | translate }}</xui-button>
</div>
`
}]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [DIALOG_DATA]
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdXBsb2FkLWNyb3BwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3h1aS9zcmMvaW1hZ2UtdXBsb2FkL2ltYWdlLXVwbG9hZC1jcm9wcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFxQmxELE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBd0MsSUFBUztRQUFULFNBQUksR0FBSixJQUFJLENBQUs7SUFBRyxDQUFDOzhHQUQxQywyQkFBMkIsa0JBQ2xCLFdBQVc7a0dBRHBCLDJCQUEyQixnRUFoQjVCOzs7Ozs7Ozs7Ozs7OztHQWNUOzsyRkFFVSwyQkFBMkI7a0JBbkJ2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7aUJBQ0Y7OzBCQUVjLE1BQU07MkJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpLWltYWdlLXVwbG9hZC1jcm9wcGVyJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIngtaW1hZ2UtdXBsb2FkLWNyb3BwZXJcIj5cbiAgICAgIDxpbWFnZS1jcm9wcGVyXG4gICAgICAgIFtpbWFnZUNoYW5nZWRFdmVudF09XCJkYXRhLmltYWdlQ2hhbmdlZEV2ZW50XCJcbiAgICAgICAgW21haW50YWluQXNwZWN0UmF0aW9dPVwidHJ1ZVwiXG4gICAgICAgIFthc3BlY3RSYXRpb109XCJkYXRhLmFzcGVjdFJhdGlvXCJcbiAgICAgICAgZm9ybWF0PVwid2VicFwiXG4gICAgICAgIFtyb3VuZENyb3BwZXJdPVwiZGF0YS50eXBlID09PSAncm91bmQnXCJcbiAgICAgICAgKGltYWdlQ3JvcHBlZCk9XCJkYXRhLmltYWdlQ3JvcHBlZCgkZXZlbnQpXCJcbiAgICAgID48L2ltYWdlLWNyb3BwZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIngtaW1hZ2UtdXBsb2FkLWNyb3BwZXItYWN0aW9uc1wiPlxuICAgICAgPHh1aS1idXR0b24gdHlwZT1cInJhaXNlZFwiIChjbGljayk9XCJkYXRhLnNhdmUoKVwiPnt7ICd4dWkuaW1hZ2VfdXBsb2FkLnNhdmUnIHwgdHJhbnNsYXRlIH19PC94dWktYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlVXBsb2FkQ3JvcHBlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnkpIHt9XG59XG4iXX0=