@wertzui/ngx-restworld-client 7.2.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/restworld-file/restworld-file.component.mjs +57 -0
- package/esm2020/lib/components/restworld-form/restworld-form.component.mjs +188 -0
- package/esm2020/lib/components/restworld-id-navigation/restworld-id-navigation.component.mjs +65 -0
- package/esm2020/lib/components/restworld-image/restworld-image.component.mjs +164 -0
- package/esm2020/lib/components/restworld-inputs/restworld-inputs.mjs +306 -0
- package/esm2020/lib/components/restworld-label/restworld-label.component.mjs +24 -0
- package/esm2020/lib/components/restworld-menu-button/restworld-menu-button.component.mjs +40 -0
- package/esm2020/lib/components/restworld-table/restworld-table.component.mjs +157 -0
- package/esm2020/lib/components/restworld-validation-errors/restworld-validation-errors.component.mjs +21 -0
- package/esm2020/lib/models/o-data.mjs +2 -0
- package/esm2020/lib/models/restworld-image.mjs +2 -0
- package/esm2020/lib/models/restworld-options.mjs +2 -2
- package/esm2020/lib/models/special-properties.mjs +6 -0
- package/esm2020/lib/models/templating.mjs +2 -0
- package/esm2020/lib/restworld-client.module.mjs +83 -25
- package/esm2020/lib/services/o-data.service.mjs +6 -3
- package/esm2020/lib/services/restworld-client-collection.mjs +7 -7
- package/esm2020/lib/services/restworld-client.mjs +40 -29
- package/esm2020/lib/services/settings.service.mjs +5 -5
- package/esm2020/lib/views/restworld-edit-view/restworld-edit-view.component.mjs +24 -255
- package/esm2020/lib/views/restworld-list-view/restworld-list-view.component.mjs +49 -101
- package/esm2020/public-api.mjs +17 -6
- package/fesm2015/wertzui-ngx-restworld-client.mjs +1373 -1017
- package/fesm2015/wertzui-ngx-restworld-client.mjs.map +1 -1
- package/fesm2020/wertzui-ngx-restworld-client.mjs +1322 -978
- package/fesm2020/wertzui-ngx-restworld-client.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/components/restworld-avatar/restworld-avatar.component.d.ts +1 -0
- package/lib/components/restworld-avatar/restworld-avatar.component.d.ts.map +1 -0
- package/lib/{views/restworld-file-view/restworld-file-view.component.d.ts → components/restworld-file/restworld-file.component.d.ts} +4 -3
- package/lib/components/restworld-file/restworld-file.component.d.ts.map +1 -0
- package/lib/components/restworld-form/restworld-form.component.d.ts +53 -0
- package/lib/components/restworld-form/restworld-form.component.d.ts.map +1 -0
- package/lib/components/restworld-id-navigation/restworld-id-navigation.component.d.ts +27 -0
- package/lib/components/restworld-id-navigation/restworld-id-navigation.component.d.ts.map +1 -0
- package/lib/components/restworld-image/restworld-image.component.d.ts +62 -0
- package/lib/components/restworld-image/restworld-image.component.d.ts.map +1 -0
- package/lib/components/restworld-inputs/restworld-inputs.d.ts +146 -0
- package/lib/components/restworld-inputs/restworld-inputs.d.ts.map +1 -0
- package/lib/components/restworld-label/restworld-label.component.d.ts +14 -0
- package/lib/components/restworld-label/restworld-label.component.d.ts.map +1 -0
- package/lib/components/restworld-menu-button/restworld-menu-button.component.d.ts +12 -0
- package/lib/components/restworld-menu-button/restworld-menu-button.component.d.ts.map +1 -0
- package/lib/components/restworld-table/restworld-table.component.d.ts +54 -0
- package/lib/components/restworld-table/restworld-table.component.d.ts.map +1 -0
- package/lib/components/restworld-validation-errors/restworld-validation-errors.component.d.ts +15 -0
- package/lib/components/restworld-validation-errors/restworld-validation-errors.component.d.ts.map +1 -0
- package/lib/constants/link-names.d.ts +1 -0
- package/lib/constants/link-names.d.ts.map +1 -0
- package/lib/models/api-url.d.ts +1 -0
- package/lib/models/api-url.d.ts.map +1 -0
- package/lib/models/client-settings.d.ts +1 -0
- package/lib/models/client-settings.d.ts.map +1 -0
- package/lib/models/o-data.d.ts +7 -0
- package/lib/models/o-data.d.ts.map +1 -0
- package/lib/models/problem-details.d.ts +1 -0
- package/lib/models/problem-details.d.ts.map +1 -0
- package/lib/models/restworld-image.d.ts +28 -0
- package/lib/models/restworld-image.d.ts.map +1 -0
- package/lib/models/restworld-options.d.ts +2 -1
- package/lib/models/restworld-options.d.ts.map +1 -0
- package/lib/models/special-properties.d.ts +9 -0
- package/lib/models/special-properties.d.ts.map +1 -0
- package/lib/models/templating.d.ts +8 -0
- package/lib/models/templating.d.ts.map +1 -0
- package/lib/pipes/as.pipe.d.ts +1 -0
- package/lib/pipes/as.pipe.d.ts.map +1 -0
- package/lib/pipes/safe-url.pipe.d.ts +1 -0
- package/lib/pipes/safe-url.pipe.d.ts.map +1 -0
- package/lib/restworld-client.module.d.ts +45 -37
- package/lib/restworld-client.module.d.ts.map +1 -0
- package/lib/services/avatar-generator.d.ts +1 -0
- package/lib/services/avatar-generator.d.ts.map +1 -0
- package/lib/services/form.service.d.ts +1 -0
- package/lib/services/form.service.d.ts.map +1 -0
- package/lib/services/o-data.service.d.ts +1 -0
- package/lib/services/o-data.service.d.ts.map +1 -0
- package/lib/services/restworld-client-collection.d.ts +9 -8
- package/lib/services/restworld-client-collection.d.ts.map +1 -0
- package/lib/services/restworld-client.d.ts +12 -4
- package/lib/services/restworld-client.d.ts.map +1 -0
- package/lib/services/settings.service.d.ts +3 -2
- package/lib/services/settings.service.d.ts.map +1 -0
- package/lib/views/restworld-edit-view/restworld-edit-view.component.d.ts +16 -68
- package/lib/views/restworld-edit-view/restworld-edit-view.component.d.ts.map +1 -0
- package/lib/views/restworld-list-view/restworld-list-view.component.d.ts +25 -41
- package/lib/views/restworld-list-view/restworld-list-view.component.d.ts.map +1 -0
- package/package.json +6 -6
- package/public-api.d.ts +17 -5
- package/public-api.d.ts.map +1 -0
- package/wertzui-ngx-restworld-client.d.ts.map +1 -0
- package/esm2020/lib/views/restworld-edit-form/restworld-edit-form.component.mjs +0 -233
- package/esm2020/lib/views/restworld-file-view/restworld-file-view.component.mjs +0 -57
- package/esm2020/lib/views/restworld-image-view/restworld-image-view.component.mjs +0 -139
- package/lib/views/restworld-edit-form/restworld-edit-form.component.d.ts +0 -74
- package/lib/views/restworld-image-view/restworld-image-view.component.d.ts +0 -57
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { Component, forwardRef, Input, ViewChildren } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { ImageCropperComponent } from 'ngx-image-cropper';
|
|
4
|
-
import { FileUpload } from 'primeng/fileupload';
|
|
5
|
-
import { Dialog } from 'primeng/dialog';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "@angular/forms";
|
|
9
|
-
import * as i3 from "primeng/tooltip";
|
|
10
|
-
import * as i4 from "primeng/inputtext";
|
|
11
|
-
import * as i5 from "primeng/button";
|
|
12
|
-
import * as i6 from "primeng/ripple";
|
|
13
|
-
import * as i7 from "primeng/fileupload";
|
|
14
|
-
import * as i8 from "ngx-image-cropper";
|
|
15
|
-
import * as i9 from "primeng/dialog";
|
|
16
|
-
import * as i10 from "primeng/colorpicker";
|
|
17
|
-
import * as i11 from "../../pipes/safe-url.pipe";
|
|
18
|
-
export class RESTWorldImageViewComponent {
|
|
19
|
-
constructor() {
|
|
20
|
-
this.disabled = false;
|
|
21
|
-
this.displayCropDialog = false;
|
|
22
|
-
}
|
|
23
|
-
writeValue(obj) {
|
|
24
|
-
this.uri = obj;
|
|
25
|
-
}
|
|
26
|
-
registerOnChange(fn) {
|
|
27
|
-
this.onChange = fn;
|
|
28
|
-
}
|
|
29
|
-
registerOnTouched() {
|
|
30
|
-
// not needed for this component, but needed to implement the interface
|
|
31
|
-
}
|
|
32
|
-
setDisabledState(isDisabled) {
|
|
33
|
-
this.disabled = isDisabled;
|
|
34
|
-
}
|
|
35
|
-
ngOnInit() {
|
|
36
|
-
// If no background color is set, we set it to white.
|
|
37
|
-
// Otherwise the color picker would show red, the input would be empty and the image cropper would show transparent.
|
|
38
|
-
if (!this.backgroundColor)
|
|
39
|
-
this.backgroundColor = '#ffffff';
|
|
40
|
-
}
|
|
41
|
-
ngOnDestroy() {
|
|
42
|
-
this._subscriptions?.forEach(s => s.unsubscribe());
|
|
43
|
-
}
|
|
44
|
-
ngAfterViewInit() {
|
|
45
|
-
// We need to trigger imageLoadedInView each time, after the opening animation of the dialog has been completed.
|
|
46
|
-
// Otherwise the image cropper initially (and after every window resize) thinks that the image size is 0x0,
|
|
47
|
-
// because the opening animation hast just begun when the image cropper is first shown.
|
|
48
|
-
this.dialogs?.map(d => d.onShow.subscribe(() => this.imageCroppers?.forEach(i => { i.imageLoadedInView(); })));
|
|
49
|
-
}
|
|
50
|
-
showCropDialog() {
|
|
51
|
-
this.displayCropDialog = true;
|
|
52
|
-
}
|
|
53
|
-
imageChanged(event) {
|
|
54
|
-
this.tempImageFile = event.files[0];
|
|
55
|
-
this.showCropDialog();
|
|
56
|
-
}
|
|
57
|
-
croppedImageChanged(event) {
|
|
58
|
-
this.tempCroppedUri = event.base64;
|
|
59
|
-
}
|
|
60
|
-
acceptCroppedImage() {
|
|
61
|
-
this.uri = this.tempCroppedUri;
|
|
62
|
-
this.onChange?.(this.uri);
|
|
63
|
-
this.closeCropDialog();
|
|
64
|
-
}
|
|
65
|
-
closeCropDialog() {
|
|
66
|
-
this.fileUploads?.forEach(f => f.clear());
|
|
67
|
-
this.displayCropDialog = false;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
RESTWorldImageViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: RESTWorldImageViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
RESTWorldImageViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: RESTWorldImageViewComponent, selector: "rw-image", inputs: { alt: "alt", accept: "accept", fileName: "fileName", alignImage: "alignImage", aspectRatio: "aspectRatio", backgroundColor: "backgroundColor", canvasRotation: "canvasRotation", containWithinAspectRatio: "containWithinAspectRatio", cropper: "cropper", cropperMaxHeight: "cropperMaxHeight", cropperMaxWidth: "cropperMaxWidth", cropperMinHeight: "cropperMinHeight", cropperMinWidth: "cropperMinWidth", cropperStaticHeight: "cropperStaticHeight", cropperStaticWidth: "cropperStaticWidth", format: "format", imageQuality: "imageQuality", initialStepSize: "initialStepSize", maintainAspectRatio: "maintainAspectRatio", onlyScaleDown: "onlyScaleDown", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight", roundCropper: "roundCropper" }, providers: [{
|
|
72
|
-
provide: NG_VALUE_ACCESSOR,
|
|
73
|
-
useExisting: forwardRef(() => RESTWorldImageViewComponent),
|
|
74
|
-
multi: true
|
|
75
|
-
}], viewQueries: [{ propertyName: "fileUploads", predicate: FileUpload, descendants: true }, { propertyName: "imageCroppers", predicate: ImageCropperComponent, descendants: true }, { propertyName: "dialogs", predicate: Dialog, descendants: true }], ngImport: i0, template: "<div class=\"flex align-items-center\">\r\n <p-button *ngIf=\"!uri\" [disabled]=\"true\" icon=\"pi pi-download\" class=\"mr-1\" pTooltip=\"No image present\"></p-button>\r\n <a *ngIf=\"uri\" [href]=\"uri | safeUrl\" [download]=\"fileName || 'download'\" class=\"mr-1\" pButton pTooltip=\"Download image\" icon=\"pi pi-download\"></a>\r\n <p-fileUpload class=\"mr-1\" chooseIcon=\"pi-upload fas fa-upload\" mode=\"basic\" [auto]=\"true\" [accept]=\"accept || 'image/*'\" [customUpload]=\"true\" (uploadHandler)=\"imageChanged($event)\" pTooltip=\"Upload new image\"></p-fileUpload>\r\n <img *ngIf=\"uri\" class=\"thumbnail\" [src]=\"uri | safeUrl\" [alt]=\"alt\" (click)=\"showCropDialog()\" pTooltip=\"Zoom and crop\" />\r\n</div>\r\n\r\n<p-dialog [header]=\"alt ?? ''\" [(visible)]=\"displayCropDialog\">\r\n <image-cropper\r\n [autoCrop]=\"true\"\r\n (imageCropped)=\"croppedImageChanged($event)\"\r\n [alignImage]=\"alignImage ?? 'center'\"\r\n [aspectRatio]=\"aspectRatio ?? 1\"\r\n [backgroundColor]=\"backgroundColor ?? null\"\r\n [canvasRotation]=\"canvasRotation ?? 0\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio ?? false\"\r\n [cropper]=\"cropper ?? { x1: -100, y1: -100, x2: 10000, y2: 10000 }\"\r\n [cropperMaxHeight]=\"cropperMaxHeight ?? 0\"\r\n [cropperMaxWidth]=\"cropperMaxWidth ?? 0\"\r\n [cropperMinHeight]=\"cropperMinHeight ?? 0\"\r\n [cropperMinWidth]=\"cropperMinWidth ?? 0\"\r\n [cropperStaticHeight]=\"cropperStaticHeight ?? 0\"\r\n [cropperStaticWidth]=\"cropperStaticWidth ?? 0\"\r\n [format]=\"format ?? 'png'\"\r\n [imageQuality]=\"imageQuality ?? 92\"\r\n [initialStepSize]=\"initialStepSize ?? 3\"\r\n [maintainAspectRatio]=\"maintainAspectRatio ?? true\"\r\n [onlyScaleDown]=\"onlyScaleDown ?? false\"\r\n [resizeToWidth]=\"resizeToWidth ?? 0\"\r\n [resizeToHeight]=\"resizeToHeight ?? 0\"\r\n [roundCropper]=\"roundCropper ?? false\"\r\n [imageFile]=\"tempImageFile!\"\r\n [imageURL]=\"uri!\"\r\n ></image-cropper>\r\n <div class=\"flex justify-content-end\">\r\n <div class=\"flex-auto align-items-center\">\r\n <span>Background color: </span>\r\n <p-colorPicker [(ngModel)]=\"backgroundColor\" appendTo=\"body\" class=\"ml-1 mr-1\"></p-colorPicker>\r\n <input pInputText [(ngModel)]=\"backgroundColor\" />\r\n </div>\r\n <button type=\"button\" pButton pRipple (click)=\"acceptCroppedImage()\" class=\"mr-2\">Ok</button>\r\n <button type=\"button\" pButton pRipple (click)=\"closeCropDialog()\">Cancel</button>\r\n </div>\r\n</p-dialog>\r\n", styles: ["img.thumbnail{height:calc(1rem + 18px);cursor:zoom-in;border-radius:3px}a{text-decoration:none;height:calc(1rem + 18px)}a.p-button-icon-only span.p-button-label{height:1rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "component", type: i7.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError"] }, { kind: "component", type: i8.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "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: i9.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i10.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "pipe", type: i11.SafeUrlPipe, name: "safeUrl" }] });
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: RESTWorldImageViewComponent, decorators: [{
|
|
77
|
-
type: Component,
|
|
78
|
-
args: [{ selector: 'rw-image', providers: [{
|
|
79
|
-
provide: NG_VALUE_ACCESSOR,
|
|
80
|
-
useExisting: forwardRef(() => RESTWorldImageViewComponent),
|
|
81
|
-
multi: true
|
|
82
|
-
}], template: "<div class=\"flex align-items-center\">\r\n <p-button *ngIf=\"!uri\" [disabled]=\"true\" icon=\"pi pi-download\" class=\"mr-1\" pTooltip=\"No image present\"></p-button>\r\n <a *ngIf=\"uri\" [href]=\"uri | safeUrl\" [download]=\"fileName || 'download'\" class=\"mr-1\" pButton pTooltip=\"Download image\" icon=\"pi pi-download\"></a>\r\n <p-fileUpload class=\"mr-1\" chooseIcon=\"pi-upload fas fa-upload\" mode=\"basic\" [auto]=\"true\" [accept]=\"accept || 'image/*'\" [customUpload]=\"true\" (uploadHandler)=\"imageChanged($event)\" pTooltip=\"Upload new image\"></p-fileUpload>\r\n <img *ngIf=\"uri\" class=\"thumbnail\" [src]=\"uri | safeUrl\" [alt]=\"alt\" (click)=\"showCropDialog()\" pTooltip=\"Zoom and crop\" />\r\n</div>\r\n\r\n<p-dialog [header]=\"alt ?? ''\" [(visible)]=\"displayCropDialog\">\r\n <image-cropper\r\n [autoCrop]=\"true\"\r\n (imageCropped)=\"croppedImageChanged($event)\"\r\n [alignImage]=\"alignImage ?? 'center'\"\r\n [aspectRatio]=\"aspectRatio ?? 1\"\r\n [backgroundColor]=\"backgroundColor ?? null\"\r\n [canvasRotation]=\"canvasRotation ?? 0\"\r\n [containWithinAspectRatio]=\"containWithinAspectRatio ?? false\"\r\n [cropper]=\"cropper ?? { x1: -100, y1: -100, x2: 10000, y2: 10000 }\"\r\n [cropperMaxHeight]=\"cropperMaxHeight ?? 0\"\r\n [cropperMaxWidth]=\"cropperMaxWidth ?? 0\"\r\n [cropperMinHeight]=\"cropperMinHeight ?? 0\"\r\n [cropperMinWidth]=\"cropperMinWidth ?? 0\"\r\n [cropperStaticHeight]=\"cropperStaticHeight ?? 0\"\r\n [cropperStaticWidth]=\"cropperStaticWidth ?? 0\"\r\n [format]=\"format ?? 'png'\"\r\n [imageQuality]=\"imageQuality ?? 92\"\r\n [initialStepSize]=\"initialStepSize ?? 3\"\r\n [maintainAspectRatio]=\"maintainAspectRatio ?? true\"\r\n [onlyScaleDown]=\"onlyScaleDown ?? false\"\r\n [resizeToWidth]=\"resizeToWidth ?? 0\"\r\n [resizeToHeight]=\"resizeToHeight ?? 0\"\r\n [roundCropper]=\"roundCropper ?? false\"\r\n [imageFile]=\"tempImageFile!\"\r\n [imageURL]=\"uri!\"\r\n ></image-cropper>\r\n <div class=\"flex justify-content-end\">\r\n <div class=\"flex-auto align-items-center\">\r\n <span>Background color: </span>\r\n <p-colorPicker [(ngModel)]=\"backgroundColor\" appendTo=\"body\" class=\"ml-1 mr-1\"></p-colorPicker>\r\n <input pInputText [(ngModel)]=\"backgroundColor\" />\r\n </div>\r\n <button type=\"button\" pButton pRipple (click)=\"acceptCroppedImage()\" class=\"mr-2\">Ok</button>\r\n <button type=\"button\" pButton pRipple (click)=\"closeCropDialog()\">Cancel</button>\r\n </div>\r\n</p-dialog>\r\n", styles: ["img.thumbnail{height:calc(1rem + 18px);cursor:zoom-in;border-radius:3px}a{text-decoration:none;height:calc(1rem + 18px)}a.p-button-icon-only span.p-button-label{height:1rem!important}\n"] }]
|
|
83
|
-
}], propDecorators: { alt: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], accept: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], fileName: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], alignImage: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], aspectRatio: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], backgroundColor: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], canvasRotation: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], containWithinAspectRatio: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], cropper: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], cropperMaxHeight: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], cropperMaxWidth: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], cropperMinHeight: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], cropperMinWidth: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], cropperStaticHeight: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}], cropperStaticWidth: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], format: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], imageQuality: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], initialStepSize: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], maintainAspectRatio: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], onlyScaleDown: [{
|
|
122
|
-
type: Input
|
|
123
|
-
}], resizeToWidth: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}], resizeToHeight: [{
|
|
126
|
-
type: Input
|
|
127
|
-
}], roundCropper: [{
|
|
128
|
-
type: Input
|
|
129
|
-
}], fileUploads: [{
|
|
130
|
-
type: ViewChildren,
|
|
131
|
-
args: [FileUpload]
|
|
132
|
-
}], imageCroppers: [{
|
|
133
|
-
type: ViewChildren,
|
|
134
|
-
args: [ImageCropperComponent]
|
|
135
|
-
}], dialogs: [{
|
|
136
|
-
type: ViewChildren,
|
|
137
|
-
args: [Dialog]
|
|
138
|
-
}] } });
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdHdvcmxkLWltYWdlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlc3R3b3JsZC1jbGllbnQvc3JjL2xpYi92aWV3cy9yZXN0d29ybGQtaW1hZ2Utdmlldy9yZXN0d29ybGQtaW1hZ2Utdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVzdHdvcmxkLWNsaWVudC9zcmMvbGliL3ZpZXdzL3Jlc3R3b3JsZC1pbWFnZS12aWV3L3Jlc3R3b3JsZC1pbWFnZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQWdDLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFzQyxxQkFBcUIsRUFBZ0IsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFBOzs7Ozs7Ozs7Ozs7O0FBYXZDLE1BQU0sT0FBTywyQkFBMkI7SUFWeEM7UUEwRVMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixzQkFBaUIsR0FBRyxLQUFLLENBQUM7S0E0RGxDO0lBekRDLFVBQVUsQ0FBQyxHQUFtQjtRQUM1QixJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUNqQixDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsRUFBYTtRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBQ0QsaUJBQWlCO1FBQ2YsdUVBQXVFO0lBQ3pFLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLHFEQUFxRDtRQUNyRCxvSEFBb0g7UUFDcEgsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlO1lBQ3ZCLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsZUFBZTtRQUNiLGdIQUFnSDtRQUNoSCwyR0FBMkc7UUFDM0csdUZBQXVGO1FBQ3ZGLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQzdDLElBQUksQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDN0QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRU0sWUFBWSxDQUFDLEtBQXdCO1FBQzFDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVNLG1CQUFtQixDQUFDLEtBQXdCO1FBQ2pELElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQUNyQyxDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUMvQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzFDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFDakMsQ0FBQzs7d0hBOUhVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLG14QkFOM0IsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztZQUMxRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMERBd0RZLFVBQVUsbUVBSVYscUJBQXFCLDZEQUdyQixNQUFNLGdEQzlFdEIsMDRGQTRDQTsyRkQzQmEsMkJBQTJCO2tCQVZ2QyxTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDOzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQVFLLEdBQUc7c0JBRFQsS0FBSztnQkFHQyxNQUFNO3NCQURaLEtBQUs7Z0JBR0MsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBR0MsV0FBVztzQkFEakIsS0FBSztnQkFHQyxlQUFlO3NCQURyQixLQUFLO2dCQUdDLGNBQWM7c0JBRHBCLEtBQUs7Z0JBR0Msd0JBQXdCO3NCQUQ5QixLQUFLO2dCQUdDLE9BQU87c0JBRGIsS0FBSztnQkFHQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBR0MsZUFBZTtzQkFEckIsS0FBSztnQkFHQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBR0MsZUFBZTtzQkFEckIsS0FBSztnQkFHQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBR0Msa0JBQWtCO3NCQUR4QixLQUFLO2dCQUdDLE1BQU07c0JBRFosS0FBSztnQkFHQyxZQUFZO3NCQURsQixLQUFLO2dCQUdDLGVBQWU7c0JBRHJCLEtBQUs7Z0JBR0MsbUJBQW1CO3NCQUR6QixLQUFLO2dCQUdDLGFBQWE7c0JBRG5CLEtBQUs7Z0JBR0MsYUFBYTtzQkFEbkIsS0FBSztnQkFHQyxjQUFjO3NCQURwQixLQUFLO2dCQUdDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBTU4sV0FBVztzQkFEVixZQUFZO3VCQUFDLFVBQVU7Z0JBS3hCLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENyb3BwZXJQb3NpdGlvbiwgSW1hZ2VDcm9wcGVkRXZlbnQsIEltYWdlQ3JvcHBlckNvbXBvbmVudCwgT3V0cHV0Rm9ybWF0IH0gZnJvbSAnbmd4LWltYWdlLWNyb3BwZXInO1xyXG5pbXBvcnQgeyBGaWxlVXBsb2FkIH0gZnJvbSAncHJpbWVuZy9maWxldXBsb2FkJztcclxuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAncHJpbWVuZy9kaWFsb2cnXHJcbmltcG9ydCB7IGFzeW5jLCBmaXJzdFZhbHVlRnJvbSwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnctaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVzdHdvcmxkLWltYWdlLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZXN0d29ybGQtaW1hZ2Utdmlldy5jb21wb25lbnQuY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcclxuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUkVTVFdvcmxkSW1hZ2VWaWV3Q29tcG9uZW50KSxcclxuICAgIG11bHRpOiB0cnVlXHJcbiAgfV1cbn0pXG5leHBvcnQgY2xhc3MgUkVTVFdvcmxkSW1hZ2VWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcblxyXG4gIHByaXZhdGUgb25DaGFuZ2U/OiBGdW5jdGlvbjtcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9ucz86IFN1YnNjcmlwdGlvbltdO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhbHQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY2NlcHQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWxlTmFtZT86IHN0cmluZztcbiAgQElucHV0KClcclxuICBwdWJsaWMgYWxpZ25JbWFnZT86ICdjZW50ZXInIHwgJ2xlZnQnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGFzcGVjdFJhdGlvPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjYW52YXNSb3RhdGlvbj86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb250YWluV2l0aGluQXNwZWN0UmF0aW8/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNyb3BwZXI/OiBDcm9wcGVyUG9zaXRpb247XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY3JvcHBlck1heEhlaWdodD86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcm9wcGVyTWF4V2lkdGg/OiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY3JvcHBlck1pbkhlaWdodD86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcm9wcGVyTWluV2lkdGg/OiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY3JvcHBlclN0YXRpY0hlaWdodD86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcm9wcGVyU3RhdGljV2lkdGg/OiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZm9ybWF0PzogT3V0cHV0Rm9ybWF0O1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGltYWdlUXVhbGl0eT86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpbml0aWFsU3RlcFNpemU/OiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbWFpbnRhaW5Bc3BlY3RSYXRpbz86IGJvb2xlYW47XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgb25seVNjYWxlRG93bj86IGJvb2xlYW47XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcmVzaXplVG9XaWR0aD86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyByZXNpemVUb0hlaWdodD86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyByb3VuZENyb3BwZXI/OiBib29sZWFuO1xyXG5cblxuXHJcbiAgQFZpZXdDaGlsZHJlbihGaWxlVXBsb2FkKVxyXG4gIGZpbGVVcGxvYWRzPzogUXVlcnlMaXN0PEZpbGVVcGxvYWQ+O1xuXG5cclxuICBAVmlld0NoaWxkcmVuKEltYWdlQ3JvcHBlckNvbXBvbmVudClcbiAgaW1hZ2VDcm9wcGVycz86IFF1ZXJ5TGlzdDxJbWFnZUNyb3BwZXJDb21wb25lbnQ+O1xuXG4gIEBWaWV3Q2hpbGRyZW4oRGlhbG9nKVxuICBkaWFsb2dzPzogUXVlcnlMaXN0PERpYWxvZz47XG5cbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG4gIHB1YmxpYyB1cmk/OiBzdHJpbmcgfCBudWxsO1xyXG4gIHB1YmxpYyB0ZW1wSW1hZ2VGaWxlPzogRmlsZTtcclxuICBwdWJsaWMgZGlzcGxheUNyb3BEaWFsb2cgPSBmYWxzZTtcbiAgcHVibGljIHRlbXBDcm9wcGVkVXJpPzogc3RyaW5nIHwgbnVsbDtcblxuICB3cml0ZVZhbHVlKG9iaj86IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcclxuICAgIHRoaXMudXJpID0gb2JqO1xyXG4gIH1cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuPzogRnVuY3Rpb24pOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoKTogdm9pZCB7XHJcbiAgICAvLyBub3QgbmVlZGVkIGZvciB0aGlzIGNvbXBvbmVudCwgYnV0IG5lZWRlZCB0byBpbXBsZW1lbnQgdGhlIGludGVyZmFjZVxyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIC8vIElmIG5vIGJhY2tncm91bmQgY29sb3IgaXMgc2V0LCB3ZSBzZXQgaXQgdG8gd2hpdGUuXHJcbiAgICAvLyBPdGhlcndpc2UgdGhlIGNvbG9yIHBpY2tlciB3b3VsZCBzaG93IHJlZCwgdGhlIGlucHV0IHdvdWxkIGJlIGVtcHR5IGFuZCB0aGUgaW1hZ2UgY3JvcHBlciB3b3VsZCBzaG93IHRyYW5zcGFyZW50LlxyXG4gICAgaWYgKCF0aGlzLmJhY2tncm91bmRDb2xvcilcclxuICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3IgPSAnI2ZmZmZmZic7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N1YnNjcmlwdGlvbnM/LmZvckVhY2gocyA9PiBzLnVuc3Vic2NyaWJlKCkpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgLy8gV2UgbmVlZCB0byB0cmlnZ2VyIGltYWdlTG9hZGVkSW5WaWV3IGVhY2ggdGltZSwgYWZ0ZXIgdGhlIG9wZW5pbmcgYW5pbWF0aW9uIG9mIHRoZSBkaWFsb2cgaGFzIGJlZW4gY29tcGxldGVkLlxyXG4gICAgLy8gT3RoZXJ3aXNlIHRoZSBpbWFnZSBjcm9wcGVyIGluaXRpYWxseSAoYW5kIGFmdGVyIGV2ZXJ5IHdpbmRvdyByZXNpemUpIHRoaW5rcyB0aGF0IHRoZSBpbWFnZSBzaXplIGlzIDB4MCxcclxuICAgIC8vIGJlY2F1c2UgdGhlIG9wZW5pbmcgYW5pbWF0aW9uIGhhc3QganVzdCBiZWd1biB3aGVuIHRoZSBpbWFnZSBjcm9wcGVyIGlzIGZpcnN0IHNob3duLlxyXG4gICAgdGhpcy5kaWFsb2dzPy5tYXAoZCA9PiBkLm9uU2hvdy5zdWJzY3JpYmUoKCkgPT5cclxuICAgICAgdGhpcy5pbWFnZUNyb3BwZXJzPy5mb3JFYWNoKGkgPT4geyBpLmltYWdlTG9hZGVkSW5WaWV3KCk7IH0pXHJcbiAgICApKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzaG93Q3JvcERpYWxvZygpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzcGxheUNyb3BEaWFsb2cgPSB0cnVlO1xyXG4gIH1cclxuXG4gIHB1YmxpYyBpbWFnZUNoYW5nZWQoZXZlbnQ6IHsgZmlsZXM6IEZpbGVbXSB9KTogdm9pZCB7XHJcbiAgICB0aGlzLnRlbXBJbWFnZUZpbGUgPSBldmVudC5maWxlc1swXTtcclxuICAgIHRoaXMuc2hvd0Nyb3BEaWFsb2coKTtcclxuICB9XG5cbiAgcHVibGljIGNyb3BwZWRJbWFnZUNoYW5nZWQoZXZlbnQ6IEltYWdlQ3JvcHBlZEV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnRlbXBDcm9wcGVkVXJpID0gZXZlbnQuYmFzZTY0O1xyXG4gIH1cblxyXG4gIHB1YmxpYyBhY2NlcHRDcm9wcGVkSW1hZ2UoKTogdm9pZCB7XHJcbiAgICB0aGlzLnVyaSA9IHRoaXMudGVtcENyb3BwZWRVcmk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlPy4odGhpcy51cmkpO1xyXG4gICAgdGhpcy5jbG9zZUNyb3BEaWFsb2coKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZUNyb3BEaWFsb2coKTogdm9pZCB7XHJcbiAgICB0aGlzLmZpbGVVcGxvYWRzPy5mb3JFYWNoKGYgPT4gZi5jbGVhcigpKTtcclxuICAgIHRoaXMuZGlzcGxheUNyb3BEaWFsb2cgPSBmYWxzZTtcclxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICA8cC1idXR0b24gKm5nSWY9XCIhdXJpXCIgW2Rpc2FibGVkXT1cInRydWVcIiBpY29uPVwicGkgcGktZG93bmxvYWRcIiBjbGFzcz1cIm1yLTFcIiBwVG9vbHRpcD1cIk5vIGltYWdlIHByZXNlbnRcIj48L3AtYnV0dG9uPlxyXG4gIDxhICpuZ0lmPVwidXJpXCIgW2hyZWZdPVwidXJpIHwgc2FmZVVybFwiIFtkb3dubG9hZF09XCJmaWxlTmFtZSB8fCAnZG93bmxvYWQnXCIgY2xhc3M9XCJtci0xXCIgcEJ1dHRvbiBwVG9vbHRpcD1cIkRvd25sb2FkIGltYWdlXCIgaWNvbj1cInBpIHBpLWRvd25sb2FkXCI+PC9hPlxyXG4gIDxwLWZpbGVVcGxvYWQgY2xhc3M9XCJtci0xXCIgY2hvb3NlSWNvbj1cInBpLXVwbG9hZCBmYXMgZmEtdXBsb2FkXCIgbW9kZT1cImJhc2ljXCIgW2F1dG9dPVwidHJ1ZVwiIFthY2NlcHRdPVwiYWNjZXB0IHx8ICdpbWFnZS8qJ1wiIFtjdXN0b21VcGxvYWRdPVwidHJ1ZVwiICh1cGxvYWRIYW5kbGVyKT1cImltYWdlQ2hhbmdlZCgkZXZlbnQpXCIgcFRvb2x0aXA9XCJVcGxvYWQgbmV3IGltYWdlXCI+PC9wLWZpbGVVcGxvYWQ+XHJcbiAgPGltZyAqbmdJZj1cInVyaVwiIGNsYXNzPVwidGh1bWJuYWlsXCIgW3NyY109XCJ1cmkgfCBzYWZlVXJsXCIgW2FsdF09XCJhbHRcIiAoY2xpY2spPVwic2hvd0Nyb3BEaWFsb2coKVwiIHBUb29sdGlwPVwiWm9vbSBhbmQgY3JvcFwiIC8+XHJcbjwvZGl2PlxyXG5cclxuPHAtZGlhbG9nIFtoZWFkZXJdPVwiYWx0ID8/ICcnXCIgWyh2aXNpYmxlKV09XCJkaXNwbGF5Q3JvcERpYWxvZ1wiPlxyXG4gIDxpbWFnZS1jcm9wcGVyXHJcbiAgICAgICAgICAgICAgICAgIFthdXRvQ3JvcF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgKGltYWdlQ3JvcHBlZCk9XCJjcm9wcGVkSW1hZ2VDaGFuZ2VkKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgICBbYWxpZ25JbWFnZV09XCJhbGlnbkltYWdlID8/ICdjZW50ZXInXCJcclxuICAgICAgICAgICAgICAgICAgW2FzcGVjdFJhdGlvXT1cImFzcGVjdFJhdGlvID8/IDFcIlxyXG4gICAgICAgICAgICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cImJhY2tncm91bmRDb2xvciA/PyBudWxsXCJcclxuICAgICAgICAgICAgICAgICAgW2NhbnZhc1JvdGF0aW9uXT1cImNhbnZhc1JvdGF0aW9uID8/IDBcIlxyXG4gICAgICAgICAgICAgICAgICBbY29udGFpbldpdGhpbkFzcGVjdFJhdGlvXT1cImNvbnRhaW5XaXRoaW5Bc3BlY3RSYXRpbyA/PyBmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtjcm9wcGVyXT1cImNyb3BwZXIgPz8geyB4MTogLTEwMCwgeTE6IC0xMDAsIHgyOiAxMDAwMCwgeTI6IDEwMDAwIH1cIlxyXG4gICAgICAgICAgICAgICAgICBbY3JvcHBlck1heEhlaWdodF09XCJjcm9wcGVyTWF4SGVpZ2h0ID8/IDBcIlxyXG4gICAgICAgICAgICAgICAgICBbY3JvcHBlck1heFdpZHRoXT1cImNyb3BwZXJNYXhXaWR0aCA/PyAwXCJcclxuICAgICAgICAgICAgICAgICAgW2Nyb3BwZXJNaW5IZWlnaHRdPVwiY3JvcHBlck1pbkhlaWdodCA/PyAwXCJcclxuICAgICAgICAgICAgICAgICAgW2Nyb3BwZXJNaW5XaWR0aF09XCJjcm9wcGVyTWluV2lkdGggPz8gMFwiXHJcbiAgICAgICAgICAgICAgICAgIFtjcm9wcGVyU3RhdGljSGVpZ2h0XT1cImNyb3BwZXJTdGF0aWNIZWlnaHQgPz8gMFwiXHJcbiAgICAgICAgICAgICAgICAgIFtjcm9wcGVyU3RhdGljV2lkdGhdPVwiY3JvcHBlclN0YXRpY1dpZHRoID8/IDBcIlxyXG4gICAgICAgICAgICAgICAgICBbZm9ybWF0XT1cImZvcm1hdCA/PyAncG5nJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtpbWFnZVF1YWxpdHldPVwiaW1hZ2VRdWFsaXR5ID8/IDkyXCJcclxuICAgICAgICAgICAgICAgICAgW2luaXRpYWxTdGVwU2l6ZV09XCJpbml0aWFsU3RlcFNpemUgPz8gM1wiXHJcbiAgICAgICAgICAgICAgICAgIFttYWludGFpbkFzcGVjdFJhdGlvXT1cIm1haW50YWluQXNwZWN0UmF0aW8gPz8gdHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtvbmx5U2NhbGVEb3duXT1cIm9ubHlTY2FsZURvd24gPz8gZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICBbcmVzaXplVG9XaWR0aF09XCJyZXNpemVUb1dpZHRoID8/IDBcIlxyXG4gICAgICAgICAgICAgICAgICBbcmVzaXplVG9IZWlnaHRdPVwicmVzaXplVG9IZWlnaHQgPz8gMFwiXHJcbiAgICAgICAgICAgICAgICAgIFtyb3VuZENyb3BwZXJdPVwicm91bmRDcm9wcGVyID8/IGZhbHNlXCJcclxuICAgICAgICAgICAgICAgICAgW2ltYWdlRmlsZV09XCJ0ZW1wSW1hZ2VGaWxlIVwiXHJcbiAgICAgICAgICAgICAgICAgIFtpbWFnZVVSTF09XCJ1cmkhXCJcclxuICAgICAgICAgICAgICAgICA+PC9pbWFnZS1jcm9wcGVyPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktY29udGVudC1lbmRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LWF1dG8gYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgIDxzcGFuPkJhY2tncm91bmQgY29sb3I6Jm5ic3A7PC9zcGFuPlxyXG4gICAgICA8cC1jb2xvclBpY2tlciBbKG5nTW9kZWwpXT1cImJhY2tncm91bmRDb2xvclwiIGFwcGVuZFRvPVwiYm9keVwiIGNsYXNzPVwibWwtMSBtci0xXCI+PC9wLWNvbG9yUGlja2VyPlxyXG4gICAgICA8aW5wdXQgcElucHV0VGV4dCBbKG5nTW9kZWwpXT1cImJhY2tncm91bmRDb2xvclwiIC8+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHBCdXR0b24gcFJpcHBsZSAoY2xpY2spPVwiYWNjZXB0Q3JvcHBlZEltYWdlKClcIiBjbGFzcz1cIm1yLTJcIj5PazwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgcEJ1dHRvbiBwUmlwcGxlIChjbGljayk9XCJjbG9zZUNyb3BEaWFsb2coKVwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L3AtZGlhbG9nPlxyXG4iXX0=
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
2
|
-
import { OnInit } from '@angular/core';
|
|
3
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
4
|
-
import { TemplateRef } from '@angular/core';
|
|
5
|
-
import { AbstractControl, FormArray, FormGroup } from '@angular/forms';
|
|
6
|
-
import { Property, PropertyPromptDisplayType, PropertyType, Resource, Template } from '@wertzui/ngx-hal-client';
|
|
7
|
-
import { MessageService } from 'primeng/api';
|
|
8
|
-
import { FormService } from '../../services/form.service';
|
|
9
|
-
import { RESTworldClientCollection } from '../../services/restworld-client-collection';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export declare class RestworldEditFormComponent implements OnInit {
|
|
12
|
-
private _formService;
|
|
13
|
-
private _changeDetectorRef;
|
|
14
|
-
private _messageService;
|
|
15
|
-
private _clients;
|
|
16
|
-
formGroup: FormGroup<any>;
|
|
17
|
-
template: Template;
|
|
18
|
-
apiName?: string;
|
|
19
|
-
inputOptionsSingleRef?: TemplateRef<unknown>;
|
|
20
|
-
inputOptionsMultipleRef?: TemplateRef<unknown>;
|
|
21
|
-
inputOptionsRef?: TemplateRef<unknown>;
|
|
22
|
-
inputHiddenRef?: TemplateRef<unknown>;
|
|
23
|
-
inputTextRef?: TemplateRef<unknown>;
|
|
24
|
-
inputTextareaRef?: TemplateRef<unknown>;
|
|
25
|
-
inputSearchRef?: TemplateRef<unknown>;
|
|
26
|
-
inputTelRef?: TemplateRef<unknown>;
|
|
27
|
-
inputUrlRef?: TemplateRef<unknown>;
|
|
28
|
-
inputEmailRef?: TemplateRef<unknown>;
|
|
29
|
-
inputPasswordRef?: TemplateRef<unknown>;
|
|
30
|
-
inputDateRef?: TemplateRef<unknown>;
|
|
31
|
-
inputMonthRef?: TemplateRef<unknown>;
|
|
32
|
-
inputWeekRef?: TemplateRef<unknown>;
|
|
33
|
-
inputTimeRef?: TemplateRef<unknown>;
|
|
34
|
-
inputDatetimeLocalRef?: TemplateRef<unknown>;
|
|
35
|
-
inputNumberRef?: TemplateRef<unknown>;
|
|
36
|
-
inputRangeRef?: TemplateRef<unknown>;
|
|
37
|
-
inputColorRef?: TemplateRef<unknown>;
|
|
38
|
-
inputBoolRef?: TemplateRef<unknown>;
|
|
39
|
-
inputDatetimeOffsetRef?: TemplateRef<unknown>;
|
|
40
|
-
inputDurationRef?: TemplateRef<unknown>;
|
|
41
|
-
inputImageRef?: TemplateRef<unknown>;
|
|
42
|
-
inputFileRef?: TemplateRef<unknown>;
|
|
43
|
-
inputObjectRef?: TemplateRef<unknown>;
|
|
44
|
-
inputCollectionRef?: TemplateRef<unknown>;
|
|
45
|
-
inputDefaultRef?: TemplateRef<unknown>;
|
|
46
|
-
get PropertyType(): typeof PropertyType;
|
|
47
|
-
get PropertyPromptDisplayType(): typeof PropertyPromptDisplayType;
|
|
48
|
-
get dateFormat(): string;
|
|
49
|
-
UntypedFormGroup: {
|
|
50
|
-
new (controls: any, validatorOrOpts?: import("@angular/forms").ValidatorFn | import("@angular/forms").ValidatorFn[] | import("@angular/forms").AbstractControlOptions | null | undefined, asyncValidator?: import("@angular/forms").AsyncValidatorFn | import("@angular/forms").AsyncValidatorFn[] | null | undefined): FormGroup<any>;
|
|
51
|
-
};
|
|
52
|
-
UntypedFormArray: {
|
|
53
|
-
new (controls: any[], validatorOrOpts?: import("@angular/forms").ValidatorFn | import("@angular/forms").ValidatorFn[] | import("@angular/forms").AbstractControlOptions | null | undefined, asyncValidator?: import("@angular/forms").AsyncValidatorFn | import("@angular/forms").AsyncValidatorFn[] | null | undefined): FormArray<any>;
|
|
54
|
-
};
|
|
55
|
-
Number: NumberConstructor;
|
|
56
|
-
constructor(_formService: FormService, _changeDetectorRef: ChangeDetectorRef, _messageService: MessageService, _clients: RESTworldClientCollection);
|
|
57
|
-
ngOnInit(): void;
|
|
58
|
-
getTooltip(resource: Resource, keysToExclude?: string[]): string;
|
|
59
|
-
private static jsonStringifyWithElipsis;
|
|
60
|
-
getCollectionEntryTemplates(property?: Property): Template[];
|
|
61
|
-
addNewItemToCollection(property: Property, formArray: FormArray<any> | AbstractControl): void;
|
|
62
|
-
deleteItemFromCollection(property: Property, formArray: FormArray<any> | AbstractControl, template: Template): void;
|
|
63
|
-
collectionItemDropped($event: CdkDragDrop<{
|
|
64
|
-
property: Property;
|
|
65
|
-
formArray: FormArray<any>;
|
|
66
|
-
}>): void;
|
|
67
|
-
onOptionsFiltered(property: Property, event: {
|
|
68
|
-
originalEvent: unknown;
|
|
69
|
-
filter: string | null;
|
|
70
|
-
}): Promise<void>;
|
|
71
|
-
private getClient;
|
|
72
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RestworldEditFormComponent, never>;
|
|
73
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RestworldEditFormComponent, "rw-form", never, { "formGroup": "formGroup"; "template": "template"; "apiName": "apiName"; }, {}, ["inputOptionsSingleRef", "inputOptionsMultipleRef", "inputOptionsRef", "inputHiddenRef", "inputTextRef", "inputTextareaRef", "inputSearchRef", "inputTelRef", "inputUrlRef", "inputEmailRef", "inputPasswordRef", "inputDateRef", "inputMonthRef", "inputWeekRef", "inputTimeRef", "inputDatetimeLocalRef", "inputNumberRef", "inputRangeRef", "inputColorRef", "inputBoolRef", "inputDatetimeOffsetRef", "inputDurationRef", "inputImageRef", "inputFileRef", "inputObjectRef", "inputCollectionRef", "inputDefaultRef"], never, false, never>;
|
|
74
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { CropperPosition, ImageCroppedEvent, ImageCropperComponent, OutputFormat } from 'ngx-image-cropper';
|
|
4
|
-
import { FileUpload } from 'primeng/fileupload';
|
|
5
|
-
import { Dialog } from 'primeng/dialog';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class RESTWorldImageViewComponent implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
|
|
8
|
-
private onChange?;
|
|
9
|
-
private _subscriptions?;
|
|
10
|
-
alt?: string;
|
|
11
|
-
accept?: string;
|
|
12
|
-
fileName?: string;
|
|
13
|
-
alignImage?: 'center' | 'left';
|
|
14
|
-
aspectRatio?: number;
|
|
15
|
-
backgroundColor?: string;
|
|
16
|
-
canvasRotation?: number;
|
|
17
|
-
containWithinAspectRatio?: boolean;
|
|
18
|
-
cropper?: CropperPosition;
|
|
19
|
-
cropperMaxHeight?: number;
|
|
20
|
-
cropperMaxWidth?: number;
|
|
21
|
-
cropperMinHeight?: number;
|
|
22
|
-
cropperMinWidth?: number;
|
|
23
|
-
cropperStaticHeight?: number;
|
|
24
|
-
cropperStaticWidth?: number;
|
|
25
|
-
format?: OutputFormat;
|
|
26
|
-
imageQuality?: number;
|
|
27
|
-
initialStepSize?: number;
|
|
28
|
-
maintainAspectRatio?: boolean;
|
|
29
|
-
onlyScaleDown?: boolean;
|
|
30
|
-
resizeToWidth?: number;
|
|
31
|
-
resizeToHeight?: number;
|
|
32
|
-
roundCropper?: boolean;
|
|
33
|
-
fileUploads?: QueryList<FileUpload>;
|
|
34
|
-
imageCroppers?: QueryList<ImageCropperComponent>;
|
|
35
|
-
dialogs?: QueryList<Dialog>;
|
|
36
|
-
disabled: boolean;
|
|
37
|
-
uri?: string | null;
|
|
38
|
-
tempImageFile?: File;
|
|
39
|
-
displayCropDialog: boolean;
|
|
40
|
-
tempCroppedUri?: string | null;
|
|
41
|
-
writeValue(obj?: string | null): void;
|
|
42
|
-
registerOnChange(fn?: Function): void;
|
|
43
|
-
registerOnTouched(): void;
|
|
44
|
-
setDisabledState?(isDisabled: boolean): void;
|
|
45
|
-
ngOnInit(): void;
|
|
46
|
-
ngOnDestroy(): void;
|
|
47
|
-
ngAfterViewInit(): void;
|
|
48
|
-
showCropDialog(): void;
|
|
49
|
-
imageChanged(event: {
|
|
50
|
-
files: File[];
|
|
51
|
-
}): void;
|
|
52
|
-
croppedImageChanged(event: ImageCroppedEvent): void;
|
|
53
|
-
acceptCroppedImage(): void;
|
|
54
|
-
closeCropDialog(): void;
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RESTWorldImageViewComponent, never>;
|
|
56
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RESTWorldImageViewComponent, "rw-image", never, { "alt": "alt"; "accept": "accept"; "fileName": "fileName"; "alignImage": "alignImage"; "aspectRatio": "aspectRatio"; "backgroundColor": "backgroundColor"; "canvasRotation": "canvasRotation"; "containWithinAspectRatio": "containWithinAspectRatio"; "cropper": "cropper"; "cropperMaxHeight": "cropperMaxHeight"; "cropperMaxWidth": "cropperMaxWidth"; "cropperMinHeight": "cropperMinHeight"; "cropperMinWidth": "cropperMinWidth"; "cropperStaticHeight": "cropperStaticHeight"; "cropperStaticWidth": "cropperStaticWidth"; "format": "format"; "imageQuality": "imageQuality"; "initialStepSize": "initialStepSize"; "maintainAspectRatio": "maintainAspectRatio"; "onlyScaleDown": "onlyScaleDown"; "resizeToWidth": "resizeToWidth"; "resizeToHeight": "resizeToHeight"; "roundCropper": "roundCropper"; }, {}, never, never, false, never>;
|
|
57
|
-
}
|