@xui/components
Version:
xUI Components for Angular
55 lines • 5.58 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";
import * as i3 from "@ngx-translate/core";
export class XuiImageUploadCropper {
constructor(data) {
this.data = data;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiImageUploadCropper, deps: [{ token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XuiImageUploadCropper, selector: "xui-image-upload-cropper", ngImport: i0, template: `
<div class="x-image-upload-cropper">
<image-cropper
[]="data.imageChangedEvent"
[]="true"
[]="data.aspectRatio()"
format="webp"
output="base64"
[]="data.type() === 'round'"
(imageCropped)="data.imageCropped($event)"
/>
</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", "cropperFrameAriaLabel", "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.XuiButton, selector: "xui-button", inputs: ["type", "size", "color", "shine", "disabled", "stateDelay", "onClick"], outputs: ["click"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiImageUploadCropper, 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"
output="base64"
[]="data.type() === 'round'"
(imageCropped)="data.imageCropped($event)"
/>
</div>
<div class="x-image-upload-cropper-actions">
<xui-button type="raised" (click)="data.save()">{{ 'xui.image_upload.save' | translate }}</xui-button>
</div>
`
}]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Inject,
args: [DIALOG_DATA]
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdXBsb2FkLWNyb3BwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3h1aS9zcmMvaW1hZ2UtdXBsb2FkL2ltYWdlLXVwbG9hZC1jcm9wcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFzQmxELE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsWUFBd0MsSUFBUztRQUFULFNBQUksR0FBSixJQUFJLENBQUs7SUFBRyxDQUFDOzhHQUQxQyxxQkFBcUIsa0JBQ1osV0FBVztrR0FEcEIscUJBQXFCLGdFQWpCdEI7Ozs7Ozs7Ozs7Ozs7OztHQWVUOzsyRkFFVSxxQkFBcUI7a0JBcEJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztHQWVUO2lCQUNGOzswQkFFYyxNQUFNOzJCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aS1pbWFnZS11cGxvYWQtY3JvcHBlcicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ4LWltYWdlLXVwbG9hZC1jcm9wcGVyXCI+XG4gICAgICA8aW1hZ2UtY3JvcHBlclxuICAgICAgICBbaW1hZ2VDaGFuZ2VkRXZlbnRdPVwiZGF0YS5pbWFnZUNoYW5nZWRFdmVudFwiXG4gICAgICAgIFttYWludGFpbkFzcGVjdFJhdGlvXT1cInRydWVcIlxuICAgICAgICBbYXNwZWN0UmF0aW9dPVwiZGF0YS5hc3BlY3RSYXRpbygpXCJcbiAgICAgICAgZm9ybWF0PVwid2VicFwiXG4gICAgICAgIG91dHB1dD1cImJhc2U2NFwiXG4gICAgICAgIFtyb3VuZENyb3BwZXJdPVwiZGF0YS50eXBlKCkgPT09ICdyb3VuZCdcIlxuICAgICAgICAoaW1hZ2VDcm9wcGVkKT1cImRhdGEuaW1hZ2VDcm9wcGVkKCRldmVudClcIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwieC1pbWFnZS11cGxvYWQtY3JvcHBlci1hY3Rpb25zXCI+XG4gICAgICA8eHVpLWJ1dHRvbiB0eXBlPVwicmFpc2VkXCIgKGNsaWNrKT1cImRhdGEuc2F2ZSgpXCI+e3sgJ3h1aS5pbWFnZV91cGxvYWQuc2F2ZScgfCB0cmFuc2xhdGUgfX08L3h1aS1idXR0b24+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgWHVpSW1hZ2VVcGxvYWRDcm9wcGVyIHtcbiAgY29uc3RydWN0b3IoQEluamVjdChESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSkge31cbn1cbiJdfQ==