@wizishop/angular-components 15.1.150 → 15.1.152
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/angular-components.scss +42 -2
- package/esm2020/lib/components/upload/upload.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +2 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +2 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.152.tgz +0 -0
- package/wizishop-angular-components-15.1.150.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -9339,8 +9339,6 @@ span.wac-tooltip {
|
|
|
9339
9339
|
|
|
9340
9340
|
button {
|
|
9341
9341
|
&.block {
|
|
9342
|
-
width: 100%;
|
|
9343
|
-
height: 100%;
|
|
9344
9342
|
display: flex;
|
|
9345
9343
|
align-items: center;
|
|
9346
9344
|
padding: rem(11) rem(15);
|
|
@@ -9370,6 +9368,48 @@ span.wac-tooltip {
|
|
|
9370
9368
|
}
|
|
9371
9369
|
}
|
|
9372
9370
|
}
|
|
9371
|
+
&.btn {
|
|
9372
|
+
position: relative;
|
|
9373
|
+
display: flex;
|
|
9374
|
+
justify-content: center;
|
|
9375
|
+
align-items: center;
|
|
9376
|
+
cursor: pointer;
|
|
9377
|
+
|
|
9378
|
+
&:hover {
|
|
9379
|
+
.wac-upload__wrapper button.btn {
|
|
9380
|
+
background-color: #3BA6EC;
|
|
9381
|
+
color: $wac-white;
|
|
9382
|
+
i {
|
|
9383
|
+
color: $wac-white;
|
|
9384
|
+
}
|
|
9385
|
+
}
|
|
9386
|
+
}
|
|
9387
|
+
|
|
9388
|
+
.wac-upload {
|
|
9389
|
+
&__wrapper {
|
|
9390
|
+
width: 100%;
|
|
9391
|
+
height: 100%;
|
|
9392
|
+
|
|
9393
|
+
button {
|
|
9394
|
+
&.btn {
|
|
9395
|
+
display: flex;
|
|
9396
|
+
align-items: center;
|
|
9397
|
+
padding: rem(11) rem(15);
|
|
9398
|
+
background-color: #52AECD0D;
|
|
9399
|
+
border: 1px solid #3BA6EC;
|
|
9400
|
+
color: $wac-main-text;
|
|
9401
|
+
font-weight: 400;
|
|
9402
|
+
font-size: rem(14);
|
|
9403
|
+
margin: 0 auto;
|
|
9404
|
+
|
|
9405
|
+
i {
|
|
9406
|
+
color: #3BA6EC;
|
|
9407
|
+
}
|
|
9408
|
+
}
|
|
9409
|
+
}
|
|
9410
|
+
}
|
|
9411
|
+
}
|
|
9412
|
+
}
|
|
9373
9413
|
&.portrait {
|
|
9374
9414
|
.wac-upload {
|
|
9375
9415
|
&__wrapper {
|
|
@@ -29,10 +29,10 @@ export class UploadComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: UploadComponent, selector: "wac-upload", inputs: { label: "label", type: "type", icon: "icon", image: "image", labelImage: "labelImage", imageBlock: "imageBlock", labelUploadImage: "labelUploadImage", onClickAction: "onClickAction", isUploaded: "isUploaded", imageUpload: "imageUpload" }, outputs: { open: "open", clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block'}\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
32
|
+
UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: UploadComponent, selector: "wac-upload", inputs: { label: "label", type: "type", icon: "icon", image: "image", labelImage: "labelImage", imageBlock: "imageBlock", labelUploadImage: "labelUploadImage", onClickAction: "onClickAction", isUploaded: "isUploaded", imageUpload: "imageUpload" }, outputs: { open: "open", clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block', btn: type === 'btn' }\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block', btn: type === 'btn' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UploadComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'wac-upload', template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block'}\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>" }]
|
|
35
|
+
args: [{ selector: 'wac-upload', template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block', btn: type === 'btn' }\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block', btn: type === 'btn' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>" }]
|
|
36
36
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], type: [{
|
|
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
58
58
|
}], clickEvent: [{
|
|
59
59
|
type: Output
|
|
60
60
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdXBsb2FkL3VwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3VwbG9hZC91cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU0vRSxNQUFNLE9BQU8sZUFBZTtJQTBCMUI7UUF4QkEsVUFBSyxHQUFXLCtCQUErQixDQUFDO1FBRWhELFNBQUksR0FBVyxRQUFRLENBQUM7UUFFeEIsU0FBSSxHQUFxQixlQUFlLENBQUM7UUFFekMsVUFBSyxHQUFxQiwwREFBMEQsQ0FBQztRQUVyRixlQUFVLEdBQVcsaUNBQWlDLENBQUM7UUFFdkQsZUFBVSxHQUFxQiwyREFBMkQsQ0FBQztRQUUzRixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7UUFFOUIsa0JBQWEsR0FBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFckMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUd6QixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUUvQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUN2QixDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRW5CLFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzs7NEdBdkNVLGVBQWU7Z0dBQWYsZUFBZSwrVkNONUIsNnZEQXdDTTsyRkRsQ08sZUFBZTtrQkFKM0IsU0FBUzsrQkFDRSxZQUFZOzBFQUt0QixLQUFLO3NCQURKLEtBQUs7Z0JBR04sSUFBSTtzQkFESCxLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFHTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFVBQVU7c0JBRFQsS0FBSztnQkFHTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFHTixhQUFhO3NCQURaLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixJQUFJO3NCQURILE1BQU07Z0JBR1AsVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3YWMtdXBsb2FkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVXBsb2FkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIGxhYmVsOiBzdHJpbmcgPSAnQ2hvaXNpciBsZXMgaW1hZ2VzIMOgIGltcG9ydGVyJztcclxuICBASW5wdXQoKVxyXG4gIHR5cGU6IHN0cmluZyA9ICdidXR0b24nO1xyXG4gIEBJbnB1dCgpXHJcbiAgaWNvbjogc3RyaW5nIHwgYm9vbGVhbiA9ICdmYXIgZmEtaW1hZ2VzJztcclxuICBASW5wdXQoKVxyXG4gIGltYWdlOiBzdHJpbmcgfCBib29sZWFuID0gJ2Fzc2V0cy9hbmd1bGFyLWNvbXBvbmVudHMvaW1hZ2VzL3VwbG9hZC9pY29uX3BpY3R1cmUuc3ZnJztcclxuICBASW5wdXQoKVxyXG4gIGxhYmVsSW1hZ2U6IHN0cmluZyA9ICdHbGlzc2VyLWTDqXBvc2VyIHZvdHJlIGltYWdlIGljaSc7XHJcbiAgQElucHV0KClcclxuICBpbWFnZUJsb2NrOiBzdHJpbmcgfCBib29sZWFuID0gJ2Fzc2V0cy9hbmd1bGFyLWNvbXBvbmVudHMvaW1hZ2VzL3VwbG9hZC91cGxvYWRfaW1hZ2VzLnN2Zyc7XHJcbiAgQElucHV0KClcclxuICBsYWJlbFVwbG9hZEltYWdlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKVxyXG4gIG9uQ2xpY2tBY3Rpb246ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcclxuICBASW5wdXQoKVxyXG4gIGlzVXBsb2FkZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIGltYWdlVXBsb2FkOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgb3BlbiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHRyaWdnZXJFdmVudChldmVudCkge1xyXG4gICAgdGhpcy5vcGVuLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tBY3Rpb24oKSB7XHJcbiAgICBpZiAodGhpcy5vbkNsaWNrQWN0aW9uKSB7XHJcbiAgICAgIHRoaXMub25DbGlja0FjdGlvbigpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIndhYy11cGxvYWRcIiBbbmdDbGFzc109XCJ7IHBvcnRyYWl0OiB0eXBlID09PSAncG9ydHJhaXQnLCBsYW5kc2NhcGU6IHR5cGUgPT09ICdsYW5kc2NhcGUnLCBibG9jazogdHlwZSA9PT0gJ2Jsb2NrJywgYnRuOiB0eXBlID09PSAnYnRuJyB9XCIgKGNsaWNrKT1cImNsaWNrQWN0aW9uKClcIj5cclxuICA8ZGl2IGNsYXNzPVwid2FjLXVwbG9hZF9fd3JhcHBlclwiPlxyXG5cclxuICAgIDwhLS0gQWZmaWNoYWdlIHF1YW5kIGF1Y3VuZSBpbWFnZSBuJ2VzdCB1cGxvYWTDqWUgLS0+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzVXBsb2FkZWRcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cIih0eXBlID09PSAncG9ydHJhaXQnIHx8IHR5cGUgPT09ICdsYW5kc2NhcGUnKSAmJiBpbWFnZVwiIGNsYXNzPVwid2FjLXVwbG9hZF9fd3JhcHBlcl9fdmlzdWFsXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cImltYWdlXCIgLz5cclxuICAgICAgICA8c3Ryb25nIFtpbm5lckhUTUxdPVwibGFiZWxJbWFnZVwiPjwvc3Ryb25nPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDxkaXYgKm5nSWY9XCIodHlwZSA9PT0gJ2Jsb2NrJylcIiBjbGFzcz1cIndhYy11cGxvYWRfX3dyYXBwZXJfX3Zpc3VhbFwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJpbWFnZUJsb2NrXCIgLz5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8c3BhbiAqbmdJZj1cIih0eXBlID09PSAncG9ydHJhaXQnIHx8IHR5cGUgPT09ICdsYW5kc2NhcGUnKSAmJiBpbWFnZVwiPm91PC9zcGFuPlxyXG4gICAgICBcclxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwidHJpZ2dlckV2ZW50KCRldmVudClcIiB0eXBlPVwiYnV0dG9uXCIgW25nQ2xhc3NdPVwieyBibG9jazogdHlwZSA9PT0gJ2Jsb2NrJywgYnRuOiB0eXBlID09PSAnYnRuJyB9XCI+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJpY29uXCI+PGkgW2NsYXNzTGlzdF09XCJpY29uXCI+PC9pPjwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImxhYmVsXCI+PC9zcGFuPlxyXG4gICAgICA8L2J1dHRvbj5cclxuXHJcbiAgICAgIDxkaXYgKm5nSWY9XCIodHlwZSA9PT0gJ2Jsb2NrJylcIiBjbGFzcz1cIndhYy11cGxvYWRfX3dyYXBwZXJfX3Zpc3VhbFwiPlxyXG4gICAgICAgIDx3YWMtdGV4dCBbdGV4dENsYXNzXT1cIidvcHRpb25hbCdcIiBub01hcmdpbj57eyBsYWJlbFVwbG9hZEltYWdlIH19PC93YWMtdGV4dD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8IS0tIEFmZmljaGFnZSBxdWFuZCB1bmUgaW1hZ2UgZXN0IHVwbG9hZMOpZSAtLT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1VwbG9hZGVkICYmIGltYWdlVXBsb2FkXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtdXBsb2FkX193cmFwcGVyX191cGxvYWRlZFwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJpbWFnZVVwbG9hZFwiIGFsdD1cIkltYWdlIHVwbG9hZMOpZVwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNVcGxvYWRlZCAmJiBpbWFnZVVwbG9hZFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm92ZXJsYXlcIj5cclxuICAgICAgPGltZyBbc3JjXT1cImltYWdlQmxvY2tcIiBhbHQ9XCJJbWFnZSBkZSBmb25kXCIgLz5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj4iXX0=
|
|
@@ -3879,10 +3879,10 @@ class UploadComponent {
|
|
|
3879
3879
|
}
|
|
3880
3880
|
}
|
|
3881
3881
|
UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3882
|
-
UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: UploadComponent, selector: "wac-upload", inputs: { label: "label", type: "type", icon: "icon", image: "image", labelImage: "labelImage", imageBlock: "imageBlock", labelUploadImage: "labelUploadImage", onClickAction: "onClickAction", isUploaded: "isUploaded", imageUpload: "imageUpload" }, outputs: { open: "open", clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block'}\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
3882
|
+
UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: UploadComponent, selector: "wac-upload", inputs: { label: "label", type: "type", icon: "icon", image: "image", labelImage: "labelImage", imageBlock: "imageBlock", labelUploadImage: "labelUploadImage", onClickAction: "onClickAction", isUploaded: "isUploaded", imageUpload: "imageUpload" }, outputs: { open: "open", clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block', btn: type === 'btn' }\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block', btn: type === 'btn' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
3883
3883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UploadComponent, decorators: [{
|
|
3884
3884
|
type: Component,
|
|
3885
|
-
args: [{ selector: 'wac-upload', template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block'}\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>" }]
|
|
3885
|
+
args: [{ selector: 'wac-upload', template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape', block: type === 'block', btn: type === 'btn' }\" (click)=\"clickAction()\">\r\n <div class=\"wac-upload__wrapper\">\r\n\r\n <!-- Affichage quand aucune image n'est upload\u00E9e -->\r\n <ng-container *ngIf=\"!isUploaded\">\r\n <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"image\" />\r\n <strong [innerHTML]=\"labelImage\"></strong>\r\n </div>\r\n \r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <img [src]=\"imageBlock\" />\r\n </div>\r\n\r\n <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\r\n \r\n <button (click)=\"triggerEvent($event)\" type=\"button\" [ngClass]=\"{ block: type === 'block', btn: type === 'btn' }\">\r\n <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\r\n <span [innerHTML]=\"label\"></span>\r\n </button>\r\n\r\n <div *ngIf=\"(type === 'block')\" class=\"wac-upload__wrapper__visual\">\r\n <wac-text [textClass]=\"'optional'\" noMargin>{{ labelUploadImage }}</wac-text>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Affichage quand une image est upload\u00E9e -->\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"wac-upload__wrapper__uploaded\">\r\n <img [src]=\"imageUpload\" alt=\"Image upload\u00E9e\" />\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <ng-container *ngIf=\"isUploaded && imageUpload\">\r\n <div class=\"overlay\">\r\n <img [src]=\"imageBlock\" alt=\"Image de fond\" />\r\n </div>\r\n </ng-container>\r\n</div>" }]
|
|
3886
3886
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
3887
3887
|
type: Input
|
|
3888
3888
|
}], type: [{
|