@wizishop/angular-components 15.1.40 → 15.1.42
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 +134 -134
- package/esm2020/lib/components/row/row.component.mjs +6 -3
- package/esm2020/lib/components/tab/tab.component.mjs +6 -3
- package/fesm2015/wizishop-angular-components.mjs +10 -4
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +10 -4
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/row/row.component.d.ts +2 -1
- package/lib/components/tab/tab.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.42.tgz +0 -0
- package/wizishop-angular-components-15.1.40.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -3387,90 +3387,6 @@ wac-calendar {
|
|
|
3387
3387
|
}
|
|
3388
3388
|
}
|
|
3389
3389
|
}
|
|
3390
|
-
.wac-dropdown {
|
|
3391
|
-
display: inline-block;
|
|
3392
|
-
width: 40px;
|
|
3393
|
-
height: 40px;
|
|
3394
|
-
|
|
3395
|
-
&__wrapper {
|
|
3396
|
-
@include flexbox();
|
|
3397
|
-
@include justify-content(center);
|
|
3398
|
-
@include align-items(center);
|
|
3399
|
-
width: 100%;
|
|
3400
|
-
height: 100%;
|
|
3401
|
-
position: relative;
|
|
3402
|
-
|
|
3403
|
-
&__icon {
|
|
3404
|
-
font-size: 30px;
|
|
3405
|
-
line-height: 18px;
|
|
3406
|
-
color: $wac-second-color;
|
|
3407
|
-
transition: color 0.3s ease, transform 0.3s ease;
|
|
3408
|
-
}
|
|
3409
|
-
|
|
3410
|
-
&__sublevel {
|
|
3411
|
-
position: absolute;
|
|
3412
|
-
min-width: 160px;
|
|
3413
|
-
top: 100%;
|
|
3414
|
-
right: 0;
|
|
3415
|
-
z-index: -1;
|
|
3416
|
-
opacity: 0;
|
|
3417
|
-
background-color: $wac-white;
|
|
3418
|
-
border-radius: rem(3);
|
|
3419
|
-
box-shadow: 0px 2px 5px $wac-info-box-shadow;
|
|
3420
|
-
visibility: hidden;
|
|
3421
|
-
transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
|
|
3422
|
-
|
|
3423
|
-
&__container {
|
|
3424
|
-
padding: 10px 10px;
|
|
3425
|
-
border: 1px solid $wac-border-color;
|
|
3426
|
-
border-radius: 3px;
|
|
3427
|
-
|
|
3428
|
-
&__item {
|
|
3429
|
-
padding: 5.7px 10px;
|
|
3430
|
-
font-size: 14px;
|
|
3431
|
-
line-height: 24px;
|
|
3432
|
-
color: $wac-second-color;
|
|
3433
|
-
cursor: pointer;
|
|
3434
|
-
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3435
|
-
display: flex;
|
|
3436
|
-
justify-content: flex-start;
|
|
3437
|
-
align-items: center;
|
|
3438
|
-
align-content: center;
|
|
3439
|
-
|
|
3440
|
-
i {
|
|
3441
|
-
min-width: 15px;
|
|
3442
|
-
margin-right: 5px;
|
|
3443
|
-
text-align: center;
|
|
3444
|
-
}
|
|
3445
|
-
span {
|
|
3446
|
-
white-space: nowrap;
|
|
3447
|
-
}
|
|
3448
|
-
|
|
3449
|
-
&:hover {
|
|
3450
|
-
background-color: $wac-gray-background;
|
|
3451
|
-
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3452
|
-
color: $wac-input-active-color;
|
|
3453
|
-
}
|
|
3454
|
-
}
|
|
3455
|
-
}
|
|
3456
|
-
}
|
|
3457
|
-
|
|
3458
|
-
&:hover {
|
|
3459
|
-
.wac-dropdown__wrapper__icon {
|
|
3460
|
-
color: $wac-wizishop-blue;
|
|
3461
|
-
transform: rotate(90deg);
|
|
3462
|
-
transition: color 0.3s ease, transform 0.3s ease;
|
|
3463
|
-
}
|
|
3464
|
-
|
|
3465
|
-
.wac-dropdown__wrapper__sublevel {
|
|
3466
|
-
visibility: visible;
|
|
3467
|
-
opacity: 1;
|
|
3468
|
-
z-index: 2;
|
|
3469
|
-
transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
|
|
3470
|
-
}
|
|
3471
|
-
}
|
|
3472
|
-
}
|
|
3473
|
-
}
|
|
3474
3390
|
.wac-draganddrop-list {
|
|
3475
3391
|
width: 100%;
|
|
3476
3392
|
background-color: $wac-white;
|
|
@@ -3608,63 +3524,89 @@ wac-calendar {
|
|
|
3608
3524
|
.wac-draganddrop-list__wrapper.cdk-drop-list-dragging .wac-draganddrop-list__wrapper__item:not(.cdk-drag-placeholder) {
|
|
3609
3525
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
3610
3526
|
}
|
|
3611
|
-
.wac-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
|
|
3616
|
-
|
|
3617
|
-
|
|
3618
|
-
|
|
3527
|
+
.wac-dropdown {
|
|
3528
|
+
display: inline-block;
|
|
3529
|
+
width: 40px;
|
|
3530
|
+
height: 40px;
|
|
3531
|
+
|
|
3532
|
+
&__wrapper {
|
|
3533
|
+
@include flexbox();
|
|
3534
|
+
@include justify-content(center);
|
|
3535
|
+
@include align-items(center);
|
|
3619
3536
|
width: 100%;
|
|
3620
|
-
|
|
3621
|
-
|
|
3622
|
-
|
|
3623
|
-
width: 100%;
|
|
3624
|
-
font-size: rem(14);
|
|
3625
|
-
line-height: rem(22);
|
|
3626
|
-
font-weight: 500;
|
|
3627
|
-
&.big {
|
|
3628
|
-
font-size: rem(20);
|
|
3629
|
-
line-height: rem(26);
|
|
3630
|
-
font-weight: 600;
|
|
3631
|
-
}
|
|
3632
|
-
}
|
|
3537
|
+
height: 100%;
|
|
3538
|
+
position: relative;
|
|
3539
|
+
|
|
3633
3540
|
&__icon {
|
|
3634
|
-
|
|
3635
|
-
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3541
|
+
font-size: 30px;
|
|
3542
|
+
line-height: 18px;
|
|
3543
|
+
color: $wac-second-color;
|
|
3544
|
+
transition: color 0.3s ease, transform 0.3s ease;
|
|
3545
|
+
}
|
|
3546
|
+
|
|
3547
|
+
&__sublevel {
|
|
3548
|
+
position: absolute;
|
|
3549
|
+
min-width: 160px;
|
|
3550
|
+
top: 100%;
|
|
3551
|
+
right: 0;
|
|
3552
|
+
z-index: -1;
|
|
3553
|
+
opacity: 0;
|
|
3554
|
+
background-color: $wac-white;
|
|
3555
|
+
border-radius: rem(3);
|
|
3556
|
+
box-shadow: 0px 2px 5px $wac-info-box-shadow;
|
|
3557
|
+
visibility: hidden;
|
|
3558
|
+
transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
|
|
3559
|
+
|
|
3560
|
+
&__container {
|
|
3561
|
+
padding: 10px 10px;
|
|
3562
|
+
border: 1px solid $wac-border-color;
|
|
3563
|
+
border-radius: 3px;
|
|
3564
|
+
|
|
3565
|
+
&__item {
|
|
3566
|
+
padding: 5.7px 10px;
|
|
3567
|
+
font-size: 14px;
|
|
3568
|
+
line-height: 24px;
|
|
3569
|
+
color: $wac-second-color;
|
|
3570
|
+
cursor: pointer;
|
|
3571
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3572
|
+
display: flex;
|
|
3573
|
+
justify-content: flex-start;
|
|
3574
|
+
align-items: center;
|
|
3575
|
+
align-content: center;
|
|
3576
|
+
|
|
3577
|
+
i {
|
|
3578
|
+
min-width: 15px;
|
|
3579
|
+
margin-right: 5px;
|
|
3580
|
+
text-align: center;
|
|
3581
|
+
}
|
|
3582
|
+
span {
|
|
3583
|
+
white-space: nowrap;
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3586
|
+
&:hover {
|
|
3587
|
+
background-color: $wac-gray-background;
|
|
3588
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3589
|
+
color: $wac-input-active-color;
|
|
3590
|
+
}
|
|
3644
3591
|
}
|
|
3645
3592
|
}
|
|
3646
|
-
|
|
3647
|
-
|
|
3648
|
-
|
|
3649
|
-
|
|
3593
|
+
}
|
|
3594
|
+
|
|
3595
|
+
&:hover {
|
|
3596
|
+
.wac-dropdown__wrapper__icon {
|
|
3597
|
+
color: $wac-wizishop-blue;
|
|
3598
|
+
transform: rotate(90deg);
|
|
3599
|
+
transition: color 0.3s ease, transform 0.3s ease;
|
|
3650
3600
|
}
|
|
3651
|
-
|
|
3652
|
-
|
|
3653
|
-
|
|
3654
|
-
|
|
3601
|
+
|
|
3602
|
+
.wac-dropdown__wrapper__sublevel {
|
|
3603
|
+
visibility: visible;
|
|
3604
|
+
opacity: 1;
|
|
3605
|
+
z-index: 2;
|
|
3606
|
+
transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
|
|
3655
3607
|
}
|
|
3656
3608
|
}
|
|
3657
3609
|
}
|
|
3658
|
-
&__bottom {
|
|
3659
|
-
width: 100%;
|
|
3660
|
-
margin: rem(15) 0 0;
|
|
3661
|
-
max-height: 0;
|
|
3662
|
-
overflow: hidden;
|
|
3663
|
-
transition: .6s ease;
|
|
3664
|
-
&.is-open {
|
|
3665
|
-
max-height: 50em;
|
|
3666
|
-
}
|
|
3667
|
-
}
|
|
3668
3610
|
}
|
|
3669
3611
|
.wac-edit-in-place.nwb-wrapper {
|
|
3670
3612
|
display: inline-block;
|
|
@@ -3891,7 +3833,65 @@ wac-calendar {
|
|
|
3891
3833
|
}
|
|
3892
3834
|
}
|
|
3893
3835
|
}
|
|
3894
|
-
}.wac-
|
|
3836
|
+
}.wac-expanded-panel {
|
|
3837
|
+
width: 100%;
|
|
3838
|
+
display: flex;
|
|
3839
|
+
flex-direction: column;
|
|
3840
|
+
align-items: flex-start;
|
|
3841
|
+
justify-content: flex-start;
|
|
3842
|
+
margin: 0 0 rem(30);
|
|
3843
|
+
&__top {
|
|
3844
|
+
width: 100%;
|
|
3845
|
+
display: flex;
|
|
3846
|
+
cursor: pointer;
|
|
3847
|
+
&__label {
|
|
3848
|
+
width: 100%;
|
|
3849
|
+
font-size: rem(14);
|
|
3850
|
+
line-height: rem(22);
|
|
3851
|
+
font-weight: 500;
|
|
3852
|
+
&.big {
|
|
3853
|
+
font-size: rem(20);
|
|
3854
|
+
line-height: rem(26);
|
|
3855
|
+
font-weight: 600;
|
|
3856
|
+
}
|
|
3857
|
+
}
|
|
3858
|
+
&__icon {
|
|
3859
|
+
width: auto;
|
|
3860
|
+
white-space: nowrap;
|
|
3861
|
+
margin: 0 0 0 rem(20);
|
|
3862
|
+
display: flex;
|
|
3863
|
+
justify-content: center;
|
|
3864
|
+
align-items: center;
|
|
3865
|
+
align-content: center;
|
|
3866
|
+
&.big {
|
|
3867
|
+
i {
|
|
3868
|
+
font-size: rem(20);
|
|
3869
|
+
}
|
|
3870
|
+
}
|
|
3871
|
+
&.is-open {
|
|
3872
|
+
i {
|
|
3873
|
+
transform: scale(-1, -1);
|
|
3874
|
+
}
|
|
3875
|
+
}
|
|
3876
|
+
i {
|
|
3877
|
+
font-size: rem(16);
|
|
3878
|
+
transform: scale(1, 1);
|
|
3879
|
+
transition: .3s ease;
|
|
3880
|
+
}
|
|
3881
|
+
}
|
|
3882
|
+
}
|
|
3883
|
+
&__bottom {
|
|
3884
|
+
width: 100%;
|
|
3885
|
+
margin: rem(15) 0 0;
|
|
3886
|
+
max-height: 0;
|
|
3887
|
+
overflow: hidden;
|
|
3888
|
+
transition: .6s ease;
|
|
3889
|
+
&.is-open {
|
|
3890
|
+
max-height: 50em;
|
|
3891
|
+
}
|
|
3892
|
+
}
|
|
3893
|
+
}
|
|
3894
|
+
.wac-filters {
|
|
3895
3895
|
width: 100%;
|
|
3896
3896
|
&__wrapper {
|
|
3897
3897
|
width: 100%;
|
|
@@ -10,6 +10,7 @@ export class RowComponent {
|
|
|
10
10
|
this.responsiveAuto = false;
|
|
11
11
|
this.childrensWidthAuto = false;
|
|
12
12
|
this.marginChild = '';
|
|
13
|
+
this.marginBottom = '';
|
|
13
14
|
this.marginBottomChild = '';
|
|
14
15
|
this.addWacBlock = false;
|
|
15
16
|
this.lineDisplayContent = false;
|
|
@@ -79,10 +80,10 @@ export class RowComponent {
|
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
82
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
-
RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
83
|
+
RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
83
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
84
85
|
type: Component,
|
|
85
|
-
args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
86
|
+
args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
86
87
|
}], propDecorators: { position: [{
|
|
87
88
|
type: Input
|
|
88
89
|
}], width: [{
|
|
@@ -97,6 +98,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
97
98
|
type: Input
|
|
98
99
|
}], marginChild: [{
|
|
99
100
|
type: Input
|
|
101
|
+
}], marginBottom: [{
|
|
102
|
+
type: Input
|
|
100
103
|
}], marginBottomChild: [{
|
|
101
104
|
type: Input
|
|
102
105
|
}], addWacBlock: [{
|
|
@@ -116,4 +119,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
116
119
|
type: HostListener,
|
|
117
120
|
args: ['window:resize', ['$event']]
|
|
118
121
|
}] } });
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sWUFBWTtJQUx6QjtRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFDUixXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQU1yQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2Qix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFFbEIsc0JBQWlCLEdBQUcsRUFBRSxDQUFDO1FBRXZCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUUzQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUViLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBOERwQjtJQTVEQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxF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QUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUMvQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQzs7eUdBaEdVLFlBQVk7NkZBQVosWUFBWSxpbkJDaEJ6QixneEJBT0E7MkZEU2EsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUk7OEJBSXJDLFFBQVE7c0JBRFAsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLGNBQWM7c0JBRGIsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixZQUFZO3NCQURYLEtBQUs7Z0JBR04saUJBQWlCO3NCQURoQixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixlQUFlO3NCQURkLEtBQUs7Z0JBR2tCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkE2QnRCLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXJvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3cuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHBvc2l0aW9uOiAndG9wLWxlZnQnfCd0b3AtbWlkZGxlJ3wndG9wLXJpZ2h0J3wnbWlkZGxlLWxlZnQnfCdtaWRkbGUtbWlkZGxlJ3wnbWlkZGxlLXJpZ2h0J3wnYm90dG9tLWxlZnQnfCdib3R0b20tbWlkZGxlJ3wnYm90dG9tLXJpZ2h0J3wnc3RyZXRjaC1sZWZ0J3wnc3RyZXRjaC1taWRkbGUnfCdzdHJldGNoLXJpZ2h0JztcbiAgaWQgPSAnJztcbiAgY2hpbGRzID0gMDtcbiAgY2xhc3NXaWR0aCA9ICcnO1xuICByZXNwb25zaXZlQ2xhc3MgPSAnJztcbiAgQElucHV0KClcbiAgd2lkdGg6IHN0cmluZztcbiAgQElucHV0KClcbiAgaGVpZ2h0OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHJlc3BvbnNpdmVBdXRvID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGNoaWxkcmVuc1dpZHRoQXV0byA9IGZhbHNlO1xuICBASW5wdXQoKVxuICB2aXNpYmlsaXR5OiAnbW9iaWxlLW9ubHknfCd0YWJsZXQtb25seSd8J2Rlc2t0b3Atb25seSd8J3VuZGVyLWRlc2t0b3AnfCdhYm92ZS1tb2JpbGUnO1xuICBASW5wdXQoKVxuICBtYXJnaW5DaGlsZCA9ICcnO1xuICBASW5wdXQoKVxuICBtYXJnaW5Cb3R0b20gPSAnJztcbiAgQElucHV0KClcbiAgbWFyZ2luQm90dG9tQ2hpbGQgPSAnJztcbiAgQElucHV0KClcbiAgYWRkV2FjQmxvY2sgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgbGluZURpc3BsYXlDb250ZW50ID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGJvcmRlciA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBwYWRkaW5nID0gJyc7XG4gIEBJbnB1dCgpXG4gIGxhc3RDaGlsZElzRG93biA9IGZhbHNlO1xuICBoYWxmTWFyZ2luQ2hpbGQgPSAnJztcbiAgQFZpZXdDaGlsZChgY29udGFpbmVyYCkgY29udGFpbmVyOiBFbGVtZW50UmVmO1xuICBuYkNoaWxkc0NsYXNzID0gJyc7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pZCA9ICdyb3ctJyArIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDAwMCk7XG4gICAgaWYgKHRoaXMubWFyZ2luQ2hpbGQpIHtcbiAgICAgIHRoaXMuaGFsZk1hcmdpbkNoaWxkID0gcGFyc2VJbnQodGhpcy5tYXJnaW5DaGlsZCkgLyAyICsgJ3B4JztcbiAgICB9XG4gIH1cblxuICByZXNwb25zaXZlQ29udHJvbChzaXplKSB7XG4gICAgaWYgKHNpemUgPiAxMDI0KSB7XG4gICAgICB0aGlzLmNsYXNzV2lkdGggPSAnJztcbiAgICB9IGVsc2UgaWYgKHNpemUgPD0gNDgwKSB7XG4gICAgICB0aGlzLmNsYXNzV2lkdGggPSAnbG93JztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJ21lZGl1bSc7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlUmVzcG9uc2l2ZUF1dG8oc2l6ZSkge1xuICAgIGlmIChzaXplIDwgNTAwKSB7XG4gICAgICB0aGlzLnJlc3BvbnNpdmVDbGFzcyA9ICdtb2JpbGUnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlc3BvbnNpdmVDbGFzcyA9ICcnO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvblJlc2l6ZSgpIHtcbiAgICAgIGNvbnN0IHNpemUgPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ29udHJvbChzaXplKTtcbiAgICAgIGlmICh0aGlzLnJlc3BvbnNpdmVBdXRvKSB7XG4gICAgICAgIHRoaXMuaGFuZGxlUmVzcG9uc2l2ZUF1dG8oc2l6ZSk7XG4gICAgICB9XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmNoaWxkcyA9IHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2hpbGRFbGVtZW50Q291bnQ7XG4gICAgICBpZiAodGhpcy53aWR0aCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5wYXJlbnRFbGVtZW50LnN0eWxlLm1heFdpZHRoID0gdGhpcy53aWR0aDtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmhlaWdodCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5wYXJlbnRFbGVtZW50LnN0eWxlLm1heEhlaWdodCA9IHRoaXMuaGVpZ2h0O1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMuY2hpbGRzID4gMSAmJiB0aGlzLm1hcmdpbkNoaWxkKSB7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5jaGlsZHM7IGkrKykge1xuICAgICAgICAgIGNvbnN0IGNoaWxkOiBhbnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5jaGlsZHJlbltpXTtcbiAgICAgICAgICBjaGlsZC5zdHlsZS5tYXJnaW5MZWZ0ID0gdGhpcy5oYWxmTWFyZ2luQ2hpbGQ7XG4gICAgICAgICAgY2hpbGQuc3R5bGUubWFyZ2luUmlnaHQgPSB0aGlzLmhhbGZNYXJnaW5DaGlsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKHRoaXMuY2hpbGRzID4gMSAmJiB0aGlzLm1hcmdpbkJvdHRvbUNoaWxkKSB7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5jaGlsZHM7IGkrKykge1xuICAgICAgICAgIGNvbnN0IGNoaWxkOiBhbnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5jaGlsZHJlbltpXTtcbiAgICAgICAgICBjaGlsZC5zdHlsZS5tYXJnaW5Cb3R0b20gPSB0aGlzLm1hcmdpbkJvdHRvbUNoaWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICB0aGlzLm5iQ2hpbGRzQ2xhc3MgPSAnbmItY2hpbGQtJyArIHRoaXMuY2hpbGRzO1xuICAgICAgdGhpcy5vblJlc2l6ZSgpO1xuICAgIH0sIDEpO1xuICB9XG59XG4iLCI8ZGl2IFtuZ1N0eWxlXT1cInsncGFkZGluZyc6IHBhZGRpbmcsJ21hcmdpbi1ib3R0b20nOiBtYXJnaW5Cb3R0b20sJ3RyYW5zZm9ybSc6IChjaGlsZHMgPiAxID8gJ3RyYW5zbGF0ZVgoLScgKyBoYWxmTWFyZ2luQ2hpbGQgKyAnKScgOiAnd3JvbmcnKSwgJ3dpZHRoJzogKGNoaWxkcyA+IDEgPyAnY2FsYygxMDAlICsgJyArIG1hcmdpbkNoaWxkICArICcpJyA6ICd3cm9uZycpfVwiIGNsYXNzPVwid2FjLXJvdyB7eyBhZGRXYWNCbG9jayA/ICd3aGl0ZS1ibG9jaycgOiAnJyB9fSB7eyBsaW5lRGlzcGxheUNvbnRlbnQgPyAnZGlyZWN0aW9uLWNvbHVtbicgOiAnJyB9fSB7eyBib3JkZXIgPyAnd2l0aC1ib3JkZXInIDogJycgfX0ge3sgbGFzdENoaWxkSXNEb3duID8gJ2xhc3QtY2hpbGQtZG93bicgOiAnJyB9fSB7eyBjaGlsZHJlbnNXaWR0aEF1dG8gPyAnY2hpbGRyZW5zLXdpZHRoLWF1dG8nIDogJycgfX0ge3sgcG9zaXRpb24gPyBwb3NpdGlvbiA6ICcnIH19IHt7IHZpc2liaWxpdHkgPyB2aXNpYmlsaXR5IDogJycgfX0ge3sgcmVzcG9uc2l2ZUNsYXNzID8gcmVzcG9uc2l2ZUNsYXNzIDogJycgfX0ge3tuYkNoaWxkc0NsYXNzfX0ge3tjbGFzc1dpZHRofX1cIiAjY29udGFpbmVyIFtuZ0NsYXNzXT1cIntcbiAgJ211bHRpcGxlLWNoaWxkJzogY2hpbGRzID4gMyxcbiAgJ2ZpdmUtb3ItbW9yZS1jaGlsZCc6IGNoaWxkcyA+IDQsXG4gICdhbG9uZSc6IGNoaWxkcyA9PT0gMVxufVwiIFtpZF09XCJpZFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -8,6 +8,7 @@ export class TabComponent {
|
|
|
8
8
|
// TODO implement ngModel
|
|
9
9
|
this.underline = false;
|
|
10
10
|
this.button = false;
|
|
11
|
+
this.marginBottom = '30px';
|
|
11
12
|
this.tabs = [];
|
|
12
13
|
this.index = 0;
|
|
13
14
|
this.indexChange = new EventEmitter();
|
|
@@ -18,14 +19,16 @@ export class TabComponent {
|
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
21
|
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
|
+
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", marginBottom: "marginBottom", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
|
-
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
25
|
+
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
25
26
|
}], ctorParameters: function () { return []; }, propDecorators: { underline: [{
|
|
26
27
|
type: Input
|
|
27
28
|
}], button: [{
|
|
28
29
|
type: Input
|
|
30
|
+
}], marginBottom: [{
|
|
31
|
+
type: Input
|
|
29
32
|
}], tabs: [{
|
|
30
33
|
type: Input
|
|
31
34
|
}], index: [{
|
|
@@ -33,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
33
36
|
}], indexChange: [{
|
|
34
37
|
type: Output
|
|
35
38
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFiL3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYi90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVcxRixNQUFNLE9BQU8sWUFBWTtJQW9CdkI7UUFuQkEsNEJBQTRCO1FBQzVCLHlCQUF5QjtRQUd6QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFHZixpQkFBWSxHQUFHLE1BQU0sQ0FBQztRQUd0QixTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRVIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUVqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFcEMsQ0FBQztJQUVoQixZQUFZLENBQUMsQ0FBQztRQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O3lHQXpCVSxZQUFZOzZGQUFaLFlBQVksOE5DWnpCLGljQVlBLDJDREZZLFlBQVk7MkZBRVgsWUFBWTtrQkFQeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzBFQU92QixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBR0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFRhYiA9IHtsYWJlbDpzdHJpbmcsIGluZGV4OiBudW1iZXJ9O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCB7XG4gIC8vIFRPRE8gaW1wbGVtZW50IG5nLWNvbnRlbnRcbiAgLy8gVE9ETyBpbXBsZW1lbnQgbmdNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHVuZGVybGluZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1hcmdpbkJvdHRvbSA9ICczMHB4JztcblxuICBASW5wdXQoKVxuICB0YWJzOiBUYWJbXSA9IFtdO1xuXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKSBpbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB2YWx1ZUNoYW5nZWQoaSkge1xuICAgIHRoaXMuaW5kZXggPSBpO1xuICAgIHRoaXMuaW5kZXhDaGFuZ2UuZW1pdCh0aGlzLmluZGV4KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy10YWJcIiBbbmdDbGFzc109XCJ7J3dhYy10YWItLXVuZGVybGluZSc6IHVuZGVybGluZSwgJ3dhYy10YWItLWJ1dHRvbicgOiBidXR0b259XCI+XG4gIDxkaXYgY2xhc3M9XCJ3YWMtdGFiX193cmFwcGVyXCIgW25nU3R5bGVdPVwieydtYXJnaW4tYm90dG9tJzogbWFyZ2luQm90dG9tfVwiPlxuICAgIDxhXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNcIlxuICAgICAgY2xhc3M9XCJ3YWMtdGFiX193cmFwcGVyX190YWJcIlxuICAgICAgW25nQ2xhc3NdPVwiaW5kZXggPT09IHRhYi5pbmRleCA/ICd3YWMtdGFiX193cmFwcGVyX190YWItLXNlbGVjdGVkJyA6ICcnXCJcbiAgICAgIChjbGljayk9XCJ2YWx1ZUNoYW5nZWQodGFiLmluZGV4KVwiXG4gICAgPlxuICAgICAge3sgdGFiLmxhYmVsIH19XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1978,6 +1978,7 @@ class TabComponent {
|
|
|
1978
1978
|
// TODO implement ngModel
|
|
1979
1979
|
this.underline = false;
|
|
1980
1980
|
this.button = false;
|
|
1981
|
+
this.marginBottom = '30px';
|
|
1981
1982
|
this.tabs = [];
|
|
1982
1983
|
this.index = 0;
|
|
1983
1984
|
this.indexChange = new EventEmitter();
|
|
@@ -1988,14 +1989,16 @@ class TabComponent {
|
|
|
1988
1989
|
}
|
|
1989
1990
|
}
|
|
1990
1991
|
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1991
|
-
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1992
|
+
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", marginBottom: "marginBottom", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1992
1993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
1993
1994
|
type: Component,
|
|
1994
|
-
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
1995
|
+
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
1995
1996
|
}], ctorParameters: function () { return []; }, propDecorators: { underline: [{
|
|
1996
1997
|
type: Input
|
|
1997
1998
|
}], button: [{
|
|
1998
1999
|
type: Input
|
|
2000
|
+
}], marginBottom: [{
|
|
2001
|
+
type: Input
|
|
1999
2002
|
}], tabs: [{
|
|
2000
2003
|
type: Input
|
|
2001
2004
|
}], index: [{
|
|
@@ -5941,6 +5944,7 @@ class RowComponent {
|
|
|
5941
5944
|
this.responsiveAuto = false;
|
|
5942
5945
|
this.childrensWidthAuto = false;
|
|
5943
5946
|
this.marginChild = '';
|
|
5947
|
+
this.marginBottom = '';
|
|
5944
5948
|
this.marginBottomChild = '';
|
|
5945
5949
|
this.addWacBlock = false;
|
|
5946
5950
|
this.lineDisplayContent = false;
|
|
@@ -6010,10 +6014,10 @@ class RowComponent {
|
|
|
6010
6014
|
}
|
|
6011
6015
|
}
|
|
6012
6016
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6013
|
-
RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
6017
|
+
RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
6014
6018
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
6015
6019
|
type: Component,
|
|
6016
|
-
args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
6020
|
+
args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n 'multiple-child': childs > 3,\n 'five-or-more-child': childs > 4,\n 'alone': childs === 1\n}\" [id]=\"id\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
6017
6021
|
}], propDecorators: { position: [{
|
|
6018
6022
|
type: Input
|
|
6019
6023
|
}], width: [{
|
|
@@ -6028,6 +6032,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6028
6032
|
type: Input
|
|
6029
6033
|
}], marginChild: [{
|
|
6030
6034
|
type: Input
|
|
6035
|
+
}], marginBottom: [{
|
|
6036
|
+
type: Input
|
|
6031
6037
|
}], marginBottomChild: [{
|
|
6032
6038
|
type: Input
|
|
6033
6039
|
}], addWacBlock: [{
|