@wizishop/angular-components 15.1.151 → 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 +88 -46
- 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.151.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -489,33 +489,6 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
489
489
|
font-size: rem(20);
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
|
-
.wac-back {
|
|
493
|
-
width: 40px;
|
|
494
|
-
height: 40px;
|
|
495
|
-
|
|
496
|
-
&__wrapper {
|
|
497
|
-
@include flexbox();
|
|
498
|
-
@include justify-content(center);
|
|
499
|
-
@include align-items(center);
|
|
500
|
-
width: 100%;
|
|
501
|
-
height: 100%;
|
|
502
|
-
border-radius: 3px;
|
|
503
|
-
border: 1px solid $wac-border-light;
|
|
504
|
-
background-color: transparent;
|
|
505
|
-
transition: border-color 0.3s ease-in-out;
|
|
506
|
-
|
|
507
|
-
i {
|
|
508
|
-
color: $wac-second-color;
|
|
509
|
-
font-size: 11px;
|
|
510
|
-
line-height: 14px;
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
&:hover {
|
|
514
|
-
border-color: $wac-back-border-hover;
|
|
515
|
-
transition: border-color 0.3s ease-in-out;
|
|
516
|
-
}
|
|
517
|
-
}
|
|
518
|
-
}
|
|
519
492
|
.wac-alert-popup {
|
|
520
493
|
.alert {
|
|
521
494
|
z-index: 999999;
|
|
@@ -799,6 +772,52 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
799
772
|
}
|
|
800
773
|
|
|
801
774
|
}
|
|
775
|
+
.wac-back {
|
|
776
|
+
width: 40px;
|
|
777
|
+
height: 40px;
|
|
778
|
+
|
|
779
|
+
&__wrapper {
|
|
780
|
+
@include flexbox();
|
|
781
|
+
@include justify-content(center);
|
|
782
|
+
@include align-items(center);
|
|
783
|
+
width: 100%;
|
|
784
|
+
height: 100%;
|
|
785
|
+
border-radius: 3px;
|
|
786
|
+
border: 1px solid $wac-border-light;
|
|
787
|
+
background-color: transparent;
|
|
788
|
+
transition: border-color 0.3s ease-in-out;
|
|
789
|
+
|
|
790
|
+
i {
|
|
791
|
+
color: $wac-second-color;
|
|
792
|
+
font-size: 11px;
|
|
793
|
+
line-height: 14px;
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
&:hover {
|
|
797
|
+
border-color: $wac-back-border-hover;
|
|
798
|
+
transition: border-color 0.3s ease-in-out;
|
|
799
|
+
}
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
wac-block {
|
|
803
|
+
.wac-block {
|
|
804
|
+
background-color: $white;
|
|
805
|
+
@include padding(rem(30));
|
|
806
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
807
|
+
@include simple_transition();
|
|
808
|
+
height: 100%;
|
|
809
|
+
border-radius: var(--wac-block-border-radius);
|
|
810
|
+
|
|
811
|
+
@include media('<tablet') {
|
|
812
|
+
@include padding(rem(20));
|
|
813
|
+
}
|
|
814
|
+
|
|
815
|
+
&:hover {
|
|
816
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
817
|
+
}
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
|
|
802
821
|
.block-with-checkbox {
|
|
803
822
|
width: 100%;
|
|
804
823
|
display: flex;
|
|
@@ -939,25 +958,6 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
939
958
|
margin-right: 0;
|
|
940
959
|
}
|
|
941
960
|
}
|
|
942
|
-
wac-block {
|
|
943
|
-
.wac-block {
|
|
944
|
-
background-color: $white;
|
|
945
|
-
@include padding(rem(30));
|
|
946
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
947
|
-
@include simple_transition();
|
|
948
|
-
height: 100%;
|
|
949
|
-
border-radius: var(--wac-block-border-radius);
|
|
950
|
-
|
|
951
|
-
@include media('<tablet') {
|
|
952
|
-
@include padding(rem(20));
|
|
953
|
-
}
|
|
954
|
-
|
|
955
|
-
&:hover {
|
|
956
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
957
|
-
}
|
|
958
|
-
}
|
|
959
|
-
}
|
|
960
|
-
|
|
961
961
|
.w-border-picker {
|
|
962
962
|
display: flex;
|
|
963
963
|
flex-direction: column;
|
|
@@ -9368,6 +9368,48 @@ span.wac-tooltip {
|
|
|
9368
9368
|
}
|
|
9369
9369
|
}
|
|
9370
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
|
+
}
|
|
9371
9413
|
&.portrait {
|
|
9372
9414
|
.wac-upload {
|
|
9373
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: [{
|