@seniorsistemas/angular-components 17.8.8 → 17.8.9
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/bundles/seniorsistemas-angular-components.umd.js +38 -23
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/file-upload/index.d.ts +1 -1
- package/components/profile-picture-picker/profile-picture-picker.component.d.ts +7 -4
- package/esm2015/components/dynamic-form/components/fields/password/password-field.component.js +1 -1
- package/esm2015/components/file-upload/file-upload.component.js +2 -2
- package/esm2015/components/file-upload/index.js +2 -2
- package/esm2015/components/profile-picture-picker/profile-picture-picker.component.js +25 -14
- package/esm5/components/dynamic-form/components/fields/password/password-field.component.js +1 -1
- package/esm5/components/file-upload/file-upload.component.js +2 -2
- package/esm5/components/file-upload/index.js +2 -2
- package/esm5/components/profile-picture-picker/profile-picture-picker.component.js +29 -14
- package/fesm2015/seniorsistemas-angular-components.js +27 -16
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +31 -16
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -6382,16 +6382,16 @@
|
|
|
6382
6382
|
ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
|
|
6383
6383
|
})(exports.ValidateErrors || (exports.ValidateErrors = {}));
|
|
6384
6384
|
|
|
6385
|
-
|
|
6385
|
+
|
|
6386
6386
|
(function (FileUploadPermissions) {
|
|
6387
6387
|
FileUploadPermissions["Add"] = "add";
|
|
6388
6388
|
FileUploadPermissions["Read"] = "read";
|
|
6389
6389
|
FileUploadPermissions["Remove"] = "remove";
|
|
6390
|
-
})(FileUploadPermissions || (FileUploadPermissions = {}));
|
|
6390
|
+
})(exports.FileUploadPermissions || (exports.FileUploadPermissions = {}));
|
|
6391
6391
|
var ALL_PERMISSIONS = [
|
|
6392
|
-
FileUploadPermissions.Add,
|
|
6393
|
-
FileUploadPermissions.Read,
|
|
6394
|
-
FileUploadPermissions.Remove,
|
|
6392
|
+
exports.FileUploadPermissions.Add,
|
|
6393
|
+
exports.FileUploadPermissions.Read,
|
|
6394
|
+
exports.FileUploadPermissions.Remove,
|
|
6395
6395
|
];
|
|
6396
6396
|
|
|
6397
6397
|
var moment$1 = moment_;
|
|
@@ -6400,9 +6400,9 @@
|
|
|
6400
6400
|
this.sanitizer = sanitizer;
|
|
6401
6401
|
this.fileUploadService = fileUploadService;
|
|
6402
6402
|
this.translate = translate;
|
|
6403
|
-
this.ADD_PERMISSION = FileUploadPermissions.Add;
|
|
6404
|
-
this.READ_PERMISSION = FileUploadPermissions.Read;
|
|
6405
|
-
this.REMOVE_PERMISSION = FileUploadPermissions.Remove;
|
|
6403
|
+
this.ADD_PERMISSION = exports.FileUploadPermissions.Add;
|
|
6404
|
+
this.READ_PERMISSION = exports.FileUploadPermissions.Read;
|
|
6405
|
+
this.REMOVE_PERMISSION = exports.FileUploadPermissions.Remove;
|
|
6406
6406
|
this.id = "s-file-upload-" + FileUploadComponent_1.nextId++;
|
|
6407
6407
|
this.supportedExtensions = [];
|
|
6408
6408
|
this.disabled = false;
|
|
@@ -6661,7 +6661,7 @@
|
|
|
6661
6661
|
FileUploadComponent = FileUploadComponent_1 = __decorate([
|
|
6662
6662
|
core.Component({
|
|
6663
6663
|
selector: "s-file-upload",
|
|
6664
|
-
template: "<div\n [id]=\"id\"\n class=\"s-fileupload\">\n <div class=\"s-fileupload-choose\">\n <input\n #inputUpload\n [id]=\"id+'input-upload'\"\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer\n ? $event.dataTransfer.files\n : $event.target.files)\"> \n <s-button\n *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled\"\n [auxiliary]=\"false\">\n </s-button>\n </div>\n\n <section\n *ngIf=\"files.length\" \n [id]=\"id + 'fileupload-list'\"\n class=\"s-fileupload-list\"\n role=\"grid\">\n <ng-container *ngFor=\"let file of files; let i = index\">\n <div\n class=\"s-fileupload-list-file\"\n role=\"row\">\n <div\n [id]=\"id + '-file-' + i + '-name'\"\n class=\"s-fileupload-list-file-name\"\n role=\"gridcell\">\n <ng-container *ngTemplateOutlet=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\n ? descriptionUrl\n : description; context: {\n $implicit: file,\n index: i\n }\">\n </ng-container>\n <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n </div>\n <div\n class=\"s-fileupload-list-file-status\"\n role=\"gridcell\">\n <p-progressBar\n *ngIf=\"file.isUploading && !isSmallDevice\"\n [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n [value]=\"file.progress\"\n [showValue]=\"false\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </p-progressBar>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\" \n [id]=\"id + '-file-' + i + '-spin'\"\n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </span>\n <span\n *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n [id]=\"id + '-file-' + i + '-check'\"\n class=\"fas fa-check\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n <span\n *ngIf=\"file.error?.message\" \n [id]=\"id + '-file-' + i + '-error'\"\n class=\"fas fa-times\"\n role=\"alert\"\n [pTooltip]=\"file.error?.message\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n </div>\n <div\n class=\"s-fileupload-list-file-actions\"\n role=\"gridcell\">\n <a\n *ngIf=\"file.isUploading\"\n [id]=\"id + '-file-' + i + '-cancel'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onCancelUpload(i)\">\n {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n </a>\n <a\n *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n role=\"button\"\n tabindex=\"0\"\n [id]=\"id + '-file-' + i + '-remove'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onRemoveFile(file)\"\n [attr.aria-label]=\"ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\">\n {{ removeLabel || 'platform.angular_components.remove' | translate }}\n </a>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n\n<ng-template\n #descriptionUrl\n let-file\n let-i = index>\n <a\n [id]=\"id + '-file-' + i + '-name-link'\"\n tabindex=\"0\"\n (click)=\"onDowloadFile(i)\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n </a>\n <a\n style=\"display: none;\"\n [href]=\"file.objectURL\"\n target=\"_blank\"\n download\n #anchor>\n </a>\n</ng-template>\n\n<ng-template\n #description\n let-file>\n <span\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">\n {{file.name}}\n </span>\n</ng-template>\n",
|
|
6664
|
+
template: "<div\n [id]=\"id\"\n class=\"s-fileupload\">\n <div class=\"s-fileupload-choose\">\n <input\n #inputUpload\n [id]=\"id+'input-upload'\"\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer\n ? $event.dataTransfer.files\n : $event.target.files)\"> \n <s-button\n *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled || fileLimit === files?.length\"\n [auxiliary]=\"false\">\n </s-button>\n </div>\n\n <section\n *ngIf=\"files.length\" \n [id]=\"id + 'fileupload-list'\"\n class=\"s-fileupload-list\"\n role=\"grid\">\n <ng-container *ngFor=\"let file of files; let i = index\">\n <div\n class=\"s-fileupload-list-file\"\n role=\"row\">\n <div\n [id]=\"id + '-file-' + i + '-name'\"\n class=\"s-fileupload-list-file-name\"\n role=\"gridcell\">\n <ng-container *ngTemplateOutlet=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\n ? descriptionUrl\n : description; context: {\n $implicit: file,\n index: i\n }\">\n </ng-container>\n <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n </div>\n <div\n class=\"s-fileupload-list-file-status\"\n role=\"gridcell\">\n <p-progressBar\n *ngIf=\"file.isUploading && !isSmallDevice\"\n [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n [value]=\"file.progress\"\n [showValue]=\"false\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </p-progressBar>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\" \n [id]=\"id + '-file-' + i + '-spin'\"\n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </span>\n <span\n *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n [id]=\"id + '-file-' + i + '-check'\"\n class=\"fas fa-check\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n <span\n *ngIf=\"file.error?.message\" \n [id]=\"id + '-file-' + i + '-error'\"\n class=\"fas fa-times\"\n role=\"alert\"\n [pTooltip]=\"file.error?.message\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n </div>\n <div\n class=\"s-fileupload-list-file-actions\"\n role=\"gridcell\">\n <a\n *ngIf=\"file.isUploading\"\n [id]=\"id + '-file-' + i + '-cancel'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onCancelUpload(i)\">\n {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n </a>\n <a\n *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n role=\"button\"\n tabindex=\"0\"\n [id]=\"id + '-file-' + i + '-remove'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onRemoveFile(file)\"\n [attr.aria-label]=\"ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\">\n {{ removeLabel || 'platform.angular_components.remove' | translate }}\n </a>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n\n<ng-template\n #descriptionUrl\n let-file\n let-i = index>\n <a\n [id]=\"id + '-file-' + i + '-name-link'\"\n tabindex=\"0\"\n (click)=\"onDowloadFile(i)\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n </a>\n <a\n style=\"display: none;\"\n [href]=\"file.objectURL\"\n target=\"_blank\"\n download\n #anchor>\n </a>\n</ng-template>\n\n<ng-template\n #description\n let-file>\n <span\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">\n {{file.name}}\n </span>\n</ng-template>\n",
|
|
6665
6665
|
styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
|
|
6666
6666
|
})
|
|
6667
6667
|
], FileUploadComponent);
|
|
@@ -9942,7 +9942,7 @@
|
|
|
9942
9942
|
core.Component({
|
|
9943
9943
|
template: "<div class=\"password-field\" [ngClass]=\"{ 'password-field--toggle': field.showToggle }\">\n <input\n [type]=\"passwordVisible ? 'text' : 'password'\"\n [id]=\"field.id || field.name\"\n class=\"password-input\"\n [name]=\"field.name\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n [placeholder]=\"field.placeholder\"\n [showDelay]=\"500\"\n [maxLength]=\"field.maxLength\"\n pInputText\n [ngClass]=\"'mousetrap'\"\n (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n (focus)=\"onFocus.next($event)\"\n (input)=\"onInput.next($event)\"\n [formControl]=\"formControl\"\n [ngStyle]=\"field.style\"\n [sPasswordStrength]=\"field.passwordStrength\"\n [psDescription]=\"field.passwordStrengthOptions?.description\"\n [psWeakTitle]=\"field.passwordStrengthOptions?.weakTitle\"\n [psMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle\"\n [psStrongTitle]=\"field.passwordStrengthOptions?.strongTitle\"\n [psValidation]=\"field.passwordStrengthOptions?.validation\"\n />\n <span *ngIf=\"field.showToggle\" class=\"toggle-button\">\n <s-button\n [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n priority=\"default\"\n (onClick)=\"onChangeVisible()\">\n </s-button>\n </span>\n</div>\n",
|
|
9944
9944
|
encapsulation: core.ViewEncapsulation.None,
|
|
9945
|
-
styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.password-field{display:-ms-flexbox;display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
|
|
9945
|
+
styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.password-field{display:-ms-flexbox;display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
|
|
9946
9946
|
})
|
|
9947
9947
|
], PasswordFieldComponent);
|
|
9948
9948
|
return PasswordFieldComponent;
|
|
@@ -10924,17 +10924,25 @@
|
|
|
10924
10924
|
this.translateService = translateService;
|
|
10925
10925
|
this.aspectRatio = 1;
|
|
10926
10926
|
this.supportedExtensions = [];
|
|
10927
|
-
|
|
10927
|
+
/**
|
|
10928
|
+
* @deprecated Use imageChange instead.
|
|
10929
|
+
*/
|
|
10928
10930
|
this.changedImage = new core.EventEmitter();
|
|
10931
|
+
this.imageChange = new core.EventEmitter();
|
|
10929
10932
|
this.removedImage = new core.EventEmitter();
|
|
10930
10933
|
this.invalidFile = new core.EventEmitter();
|
|
10931
10934
|
}
|
|
10932
10935
|
ProfilePicturePickerComponent_1 = ProfilePicturePickerComponent;
|
|
10936
|
+
Object.defineProperty(ProfilePicturePickerComponent.prototype, "imageBase64", {
|
|
10937
|
+
get: function () {
|
|
10938
|
+
var _a;
|
|
10939
|
+
return typeof this.image === "string" ? this.image : (_a = this.image) === null || _a === void 0 ? void 0 : _a.base64;
|
|
10940
|
+
},
|
|
10941
|
+
enumerable: true,
|
|
10942
|
+
configurable: true
|
|
10943
|
+
});
|
|
10933
10944
|
ProfilePicturePickerComponent.prototype.writeValue = function (value) {
|
|
10934
|
-
this.
|
|
10935
|
-
if (value) {
|
|
10936
|
-
this.image = value.base64;
|
|
10937
|
-
}
|
|
10945
|
+
this.image = value;
|
|
10938
10946
|
};
|
|
10939
10947
|
ProfilePicturePickerComponent.prototype.registerOnChange = function (onChange) {
|
|
10940
10948
|
this._onChange = onChange;
|
|
@@ -11017,12 +11025,19 @@
|
|
|
11017
11025
|
fileReader.onloadend = function (fileEvent) {
|
|
11018
11026
|
_this.imageCropperService.show(__assign({ imageSource: fileEvent.target.result, croppedImage: function (image) {
|
|
11019
11027
|
var _a;
|
|
11020
|
-
var data = { source: file, base64: image };
|
|
11021
|
-
_this.image = image;
|
|
11022
|
-
_this.imageChange.emit(data);
|
|
11023
11028
|
_this.changedImage.emit(image);
|
|
11024
|
-
|
|
11025
|
-
|
|
11029
|
+
var data = { source: file, base64: image };
|
|
11030
|
+
// Se o tipo do image for string eu preciso atualizar e mandar para o imageChange uma string.
|
|
11031
|
+
// Se for ProfilePicturePickerData eu preciso mandar o data completo.
|
|
11032
|
+
if (typeof _this.image === "string") {
|
|
11033
|
+
_this.image = image;
|
|
11034
|
+
_this.imageChange.emit(image);
|
|
11035
|
+
}
|
|
11036
|
+
else {
|
|
11037
|
+
_this.image = data;
|
|
11038
|
+
_this.imageChange.emit(data);
|
|
11039
|
+
}
|
|
11040
|
+
(_a = _this._onChange) === null || _a === void 0 ? void 0 : _a.call(_this, _this.image);
|
|
11026
11041
|
}, changeImage: function () { return _this.selectPhoto(); }, allowSelectAnother: false, aspectRatio: _this.aspectRatio }, _this.cropperLabelsConfig));
|
|
11027
11042
|
};
|
|
11028
11043
|
};
|
|
@@ -11127,10 +11142,10 @@
|
|
|
11127
11142
|
], ProfilePicturePickerComponent.prototype, "fileInput", void 0);
|
|
11128
11143
|
__decorate([
|
|
11129
11144
|
core.Output()
|
|
11130
|
-
], ProfilePicturePickerComponent.prototype, "
|
|
11145
|
+
], ProfilePicturePickerComponent.prototype, "changedImage", void 0);
|
|
11131
11146
|
__decorate([
|
|
11132
11147
|
core.Output()
|
|
11133
|
-
], ProfilePicturePickerComponent.prototype, "
|
|
11148
|
+
], ProfilePicturePickerComponent.prototype, "imageChange", void 0);
|
|
11134
11149
|
__decorate([
|
|
11135
11150
|
core.Output()
|
|
11136
11151
|
], ProfilePicturePickerComponent.prototype, "removedImage", void 0);
|
|
@@ -11152,7 +11167,7 @@
|
|
|
11152
11167
|
ProfilePicturePickerComponent = ProfilePicturePickerComponent_1 = __decorate([
|
|
11153
11168
|
core.Component({
|
|
11154
11169
|
selector: "s-profile-picture-picker",
|
|
11155
|
-
template: "<p-confirmDialog></p-confirmDialog>\n\n<input #fileInput [accept]=\"accept\" class=\"file-input\" type=\"file\" (change)=\"photoSelected($event)\">\n<div #uploadPicture class=\"upload-picture\">\n <s-thumbnail\n #thumbnail\n iconClass=\"far fa-user\"\n [imageSource]=\"
|
|
11170
|
+
template: "<p-confirmDialog></p-confirmDialog>\n\n<input #fileInput [accept]=\"accept\" class=\"file-input\" type=\"file\" (change)=\"photoSelected($event)\">\n<div #uploadPicture class=\"upload-picture\">\n <s-thumbnail\n #thumbnail\n iconClass=\"far fa-user\"\n [imageSource]=\"imageBase64\"\n [hasAction]=\"!image\"\n (click)=\"selectPhoto()\">\n </s-thumbnail>\n <div #info class=\"info\">\n <ng-container *ngIf=\"image; then withImage; else noImage\"></ng-container>\n <p class=\"subtitle\">{{ subtitle }}</p>\n </div>\n</div>\n\n<ng-template #withImage>\n <div class=\"buttons\">\n <s-button\n [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n priority=\"primary\"\n (onClick)=\"selectPhoto()\">\n </s-button>\n <s-button\n [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n priority=\"secondary\"\n (onClick)=\"removePhoto()\">\n </s-button>\n </div>\n</ng-template>\n\n<ng-template #noImage>\n <p class=\"title\">\n {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n <span\n class=\"action-title\"\n (click)=\"selectPhoto()\">\n {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n </span>\n </p>\n</ng-template>",
|
|
11156
11171
|
providers: [{
|
|
11157
11172
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
11158
11173
|
useExisting: core.forwardRef(function () { return ProfilePicturePickerComponent_1; }),
|