@wizishop/angular-components 15.1.151 → 15.1.153
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 +96 -49
- package/esm2020/lib/components/menu-tile/menu-tile.component.mjs +3 -3
- package/esm2020/lib/components/upload/upload.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +4 -4
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +4 -4
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.153.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;
|
|
@@ -5358,6 +5358,8 @@ wac-grid {
|
|
|
5358
5358
|
:host {
|
|
5359
5359
|
height: 100%;
|
|
5360
5360
|
position: relative;
|
|
5361
|
+
border-radius: 3px;
|
|
5362
|
+
overflow: hidden;
|
|
5361
5363
|
|
|
5362
5364
|
@for $i from 1 through 12 {
|
|
5363
5365
|
&.wac-menu-tile--col-#{$i} {
|
|
@@ -5370,13 +5372,16 @@ wac-grid {
|
|
|
5370
5372
|
.wac-menu-tile {
|
|
5371
5373
|
&__new {
|
|
5372
5374
|
position: absolute;
|
|
5375
|
+
display: flex;
|
|
5376
|
+
align-items: center;
|
|
5377
|
+
gap: 5px;
|
|
5373
5378
|
background-color: #59D0CF;
|
|
5374
5379
|
color: #ffffff;
|
|
5375
5380
|
font-weight: 500;
|
|
5376
|
-
font-size:
|
|
5377
|
-
padding:
|
|
5381
|
+
font-size: 14px;
|
|
5382
|
+
padding: 8px;
|
|
5378
5383
|
top: 0;
|
|
5379
|
-
left:
|
|
5384
|
+
left: 0;
|
|
5380
5385
|
}
|
|
5381
5386
|
|
|
5382
5387
|
&__content {
|
|
@@ -9368,6 +9373,48 @@ span.wac-tooltip {
|
|
|
9368
9373
|
}
|
|
9369
9374
|
}
|
|
9370
9375
|
}
|
|
9376
|
+
&.btn {
|
|
9377
|
+
position: relative;
|
|
9378
|
+
display: flex;
|
|
9379
|
+
justify-content: center;
|
|
9380
|
+
align-items: center;
|
|
9381
|
+
cursor: pointer;
|
|
9382
|
+
|
|
9383
|
+
&:hover {
|
|
9384
|
+
.wac-upload__wrapper button.btn {
|
|
9385
|
+
background-color: #3BA6EC;
|
|
9386
|
+
color: $wac-white;
|
|
9387
|
+
i {
|
|
9388
|
+
color: $wac-white;
|
|
9389
|
+
}
|
|
9390
|
+
}
|
|
9391
|
+
}
|
|
9392
|
+
|
|
9393
|
+
.wac-upload {
|
|
9394
|
+
&__wrapper {
|
|
9395
|
+
width: 100%;
|
|
9396
|
+
height: 100%;
|
|
9397
|
+
|
|
9398
|
+
button {
|
|
9399
|
+
&.btn {
|
|
9400
|
+
display: flex;
|
|
9401
|
+
align-items: center;
|
|
9402
|
+
padding: rem(11) rem(15);
|
|
9403
|
+
background-color: #52AECD0D;
|
|
9404
|
+
border: 1px solid #3BA6EC;
|
|
9405
|
+
color: $wac-main-text;
|
|
9406
|
+
font-weight: 400;
|
|
9407
|
+
font-size: rem(14);
|
|
9408
|
+
margin: 0 auto;
|
|
9409
|
+
|
|
9410
|
+
i {
|
|
9411
|
+
color: #3BA6EC;
|
|
9412
|
+
}
|
|
9413
|
+
}
|
|
9414
|
+
}
|
|
9415
|
+
}
|
|
9416
|
+
}
|
|
9417
|
+
}
|
|
9371
9418
|
&.portrait {
|
|
9372
9419
|
.wac-upload {
|
|
9373
9420
|
&__wrapper {
|
|
@@ -36,10 +36,10 @@ export class MenuTileComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <
|
|
39
|
+
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\r\n <wac-text noMargin *ngIf=\"new\">{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative;border-radius:3px;overflow:hidden}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;display:flex;align-items:center;gap:5px;background-color:#59d0cf;color:#fff;font-weight:500;font-size:14px;padding:8px;top:0;left:0}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <
|
|
42
|
+
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\r\n <wac-text noMargin *ngIf=\"new\">{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative;border-radius:3px;overflow:hidden}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;display:flex;align-items:center;gap:5px;background-color:#59d0cf;color:#fff;font-weight:500;font-size:14px;padding:8px;top:0;left:0}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { col: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], hostClasses: [{
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
62
62
|
}], external: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10aWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS10aWxlL21lbnUtdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtdGlsZS9tZW51LXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF0RSxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLElBQ0ksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxvQ0FBb0MsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFrQkQsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFoQzFCLFNBQUksR0FBVyxDQUFDLENBQUM7UUFnQmhCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFdEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUVuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixRQUFHLEdBQVcsRUFBRSxDQUFDO1FBRWpCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFNUIsUUFBRyxHQUFrQixJQUFJLENBQUM7UUFFMUIsbUJBQWMsR0FBVyxJQUFJLENBQUM7UUFFOUIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVFLENBQUM7SUFFdEMsUUFBUSxLQUFJLENBQUM7SUFFYixRQUFRO1FBQ04sTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDN0I7WUFDRSxXQUFXO1lBQ1gsbUJBQW1CLEVBQUUsT0FBTztTQUM3QixDQUNGLENBQUM7SUFDSixDQUFDOzs4R0E5Q1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsZ1RDUjlCLGt4Q0F5QkE7MkZEakJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzZGQVNyQixHQUFHO3NCQUROLEtBQUs7Z0JBVUYsV0FBVztzQkFEZCxXQUFXO3VCQUFDLE9BQU87Z0JBS1gsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQYXJhbXMsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dhYy1tZW51LXRpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LXRpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtdGlsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51VGlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHByaXZhdGUgX2NvbDogbnVtYmVyID0gMTtcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgY29sKCk6IG51bWJlciB7IFxyXG4gICAgcmV0dXJuIHRoaXMuX2NvbDsgXHJcbiAgfVxyXG4gIHNldCBjb2wodmFsdWU6IG51bWJlcikge1xyXG4gICAgLy8gRW5zdXJlIGNvbCBpcyBiZXR3ZWVuIDEtMTIgZm9yIGEgMTItY29sdW1uIGdyaWRcclxuICAgIHRoaXMuX2NvbCA9ICFpc05hTihOdW1iZXIodmFsdWUpKSA/IE1hdGgubWluKE1hdGgubWF4KE1hdGgucm91bmQoTnVtYmVyKHZhbHVlKSksIDEpLCAxMikgOiAxO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgZ2V0IGhvc3RDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYHdhYy1tZW51LXRpbGUgd2FjLW1lbnUtdGlsZS0tY29sLSR7dGhpcy5jb2x9YDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGljb25QYXRoOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIG5ldzogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIG5ld0VsZW1lbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgdXJsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KCkgdXJsUXVlcnlQYXJhbXM6IFBhcmFtcyA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgpIGV4dGVybmFsOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgbmF2aWdhdGUoKSB7XHJcbiAgICBjb25zdCBxdWVyeVBhcmFtcyA9IHRoaXMudXJsUXVlcnlQYXJhbXM7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbdGhpcy51cmxdLCBcclxuICAgICAge1xyXG4gICAgICAgIHF1ZXJ5UGFyYW1zLFxyXG4gICAgICAgIHF1ZXJ5UGFyYW1zSGFuZGxpbmc6ICdtZXJnZScsXHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3YWMtbWVudS10aWxlX19uZXdcIiAqbmdJZj1cIm5ld0VsZW1lbnRcIj5cclxuICA8aSBjbGFzcz1cImZhLXJlZ3VsYXIgZmEtd2FuZC1tYWdpYy1zcGFya2xlc1wiPjwvaT5cclxuICA8d2FjLXRleHQgbm9NYXJnaW4gKm5nSWY9XCJuZXdcIj57eyBuZXcgfX08L3dhYy10ZXh0PlxyXG48L2Rpdj5cclxuPGEgY2xhc3M9XCJ3YWMtbWVudS10aWxlX19jb250ZW50XCIgW25nQ2xhc3NdPVwieyd3aXRoLWRlc2MnOiBkZXNjcmlwdGlvbn1cIiAqbmdJZj1cInVybCAmJiB1cmwuc3RhcnRzV2l0aCgnaHR0cCcpXCIgW2hyZWZdPVwidXJsXCIgW3RhcmdldF09XCJleHRlcm5hbCA/ICdfYmxhbmsnIDogJ19zZWxmJ1wiPlxyXG4gIDxpbWcgW3NyY109XCJpY29uUGF0aFwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cInctdGV4dFwiPlxyXG4gICAgPHdhYy10ZXh0IG5vTWFyZ2luPnt7IHRpdGxlIH19PC93YWMtdGV4dD5cclxuICAgIDx3YWMtdGV4dCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgbm9NYXJnaW4gW3RleHRDbGFzc109XCInZ3JleSdcIj57eyBkZXNjcmlwdGlvbiB9fTwvd2FjLXRleHQ+XHJcbiAgPC9kaXY+XHJcbjwvYT5cclxuPGEgY2xhc3M9XCJ3YWMtbWVudS10aWxlX19jb250ZW50XCIgW25nQ2xhc3NdPVwieyd3aXRoLWRlc2MnOiBkZXNjcmlwdGlvbn1cIiAqbmdJZj1cInVybCAmJiAhdXJsLnN0YXJ0c1dpdGgoJ2h0dHAnKVwiIChjbGljayk9XCJuYXZpZ2F0ZSgpXCI+XHJcbiAgPGltZyBbc3JjXT1cImljb25QYXRoXCIgLz5cclxuICA8ZGl2IGNsYXNzPVwidy10ZXh0XCI+XHJcbiAgICA8d2FjLXRleHQgbm9NYXJnaW4+e3sgdGl0bGUgfX08L3dhYy10ZXh0PlxyXG4gICAgPHdhYy10ZXh0ICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBub01hcmdpbiBbdGV4dENsYXNzXT1cIidncmV5J1wiPnt7IGRlc2NyaXB0aW9uIH19PC93YWMtdGV4dD5cclxuICA8L2Rpdj5cclxuPC9hPlxyXG48ZGl2ICpuZ0lmPVwiIXVybFwiIGNsYXNzPVwid2FjLW1lbnUtdGlsZV9fY29udGVudFwiIFtuZ0NsYXNzXT1cInsnd2l0aC1kZXNjJzogZGVzY3JpcHRpb259XCI+XHJcbiAgPGltZyBbc3JjXT1cImljb25QYXRoXCIgLz5cclxuICA8ZGl2IGNsYXNzPVwidy10ZXh0XCI+XHJcbiAgICA8d2FjLXRleHQgbm9NYXJnaW4+e3sgdGl0bGUgfX08L3dhYy10ZXh0PlxyXG4gICAgPHdhYy10ZXh0ICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBub01hcmdpbiBbdGV4dENsYXNzXT1cIidncmV5J1wiPnt7IGRlc2NyaXB0aW9uIH19PC93YWMtdGV4dD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -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: [{
|
|
@@ -6978,10 +6978,10 @@ class MenuTileComponent {
|
|
|
6978
6978
|
}
|
|
6979
6979
|
}
|
|
6980
6980
|
MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
6981
|
-
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <
|
|
6981
|
+
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\r\n <wac-text noMargin *ngIf=\"new\">{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative;border-radius:3px;overflow:hidden}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;display:flex;align-items:center;gap:5px;background-color:#59d0cf;color:#fff;font-weight:500;font-size:14px;padding:8px;top:0;left:0}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"], 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"] }] });
|
|
6982
6982
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
|
|
6983
6983
|
type: Component,
|
|
6984
|
-
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <
|
|
6984
|
+
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\r\n <wac-text noMargin *ngIf=\"new\">{{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative;border-radius:3px;overflow:hidden}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;display:flex;align-items:center;gap:5px;background-color:#59d0cf;color:#fff;font-weight:500;font-size:14px;padding:8px;top:0;left:0}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
6985
6985
|
}], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { col: [{
|
|
6986
6986
|
type: Input
|
|
6987
6987
|
}], hostClasses: [{
|