@wizishop/angular-components 15.1.38 → 15.1.40
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 +140 -197
- package/esm2020/lib/components/row/row.component.mjs +16 -4
- package/fesm2015/wizishop-angular-components.mjs +15 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +15 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/row/row.component.d.ts +3 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.40.tgz +0 -0
- package/wizishop-angular-components-15.1.38.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -3387,6 +3387,90 @@ 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
|
+
}
|
|
3390
3474
|
.wac-draganddrop-list {
|
|
3391
3475
|
width: 100%;
|
|
3392
3476
|
background-color: $wac-white;
|
|
@@ -3524,89 +3608,63 @@ wac-calendar {
|
|
|
3524
3608
|
.wac-draganddrop-list__wrapper.cdk-drop-list-dragging .wac-draganddrop-list__wrapper__item:not(.cdk-drag-placeholder) {
|
|
3525
3609
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
3526
3610
|
}
|
|
3527
|
-
.wac-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
@include align-items(center);
|
|
3611
|
+
.wac-expanded-panel {
|
|
3612
|
+
width: 100%;
|
|
3613
|
+
display: flex;
|
|
3614
|
+
flex-direction: column;
|
|
3615
|
+
align-items: flex-start;
|
|
3616
|
+
justify-content: flex-start;
|
|
3617
|
+
margin: 0 0 rem(30);
|
|
3618
|
+
&__top {
|
|
3536
3619
|
width: 100%;
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
font-size:
|
|
3542
|
-
line-height:
|
|
3543
|
-
|
|
3544
|
-
|
|
3620
|
+
display: flex;
|
|
3621
|
+
cursor: pointer;
|
|
3622
|
+
&__label {
|
|
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
|
+
}
|
|
3545
3632
|
}
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
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
|
-
}
|
|
3633
|
+
&__icon {
|
|
3634
|
+
width: auto;
|
|
3635
|
+
white-space: nowrap;
|
|
3636
|
+
margin: 0 0 0 rem(20);
|
|
3637
|
+
display: flex;
|
|
3638
|
+
justify-content: center;
|
|
3639
|
+
align-items: center;
|
|
3640
|
+
align-content: center;
|
|
3641
|
+
&.big {
|
|
3642
|
+
i {
|
|
3643
|
+
font-size: rem(20);
|
|
3591
3644
|
}
|
|
3592
3645
|
}
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
color: $wac-wizishop-blue;
|
|
3598
|
-
transform: rotate(90deg);
|
|
3599
|
-
transition: color 0.3s ease, transform 0.3s ease;
|
|
3646
|
+
&.is-open {
|
|
3647
|
+
i {
|
|
3648
|
+
transform: scale(-1, -1);
|
|
3649
|
+
}
|
|
3600
3650
|
}
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
z-index: 2;
|
|
3606
|
-
transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
|
|
3651
|
+
i {
|
|
3652
|
+
font-size: rem(16);
|
|
3653
|
+
transform: scale(1, 1);
|
|
3654
|
+
transition: .3s ease;
|
|
3607
3655
|
}
|
|
3608
3656
|
}
|
|
3609
3657
|
}
|
|
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
|
+
}
|
|
3610
3668
|
}
|
|
3611
3669
|
.wac-edit-in-place.nwb-wrapper {
|
|
3612
3670
|
display: inline-block;
|
|
@@ -3833,65 +3891,7 @@ wac-calendar {
|
|
|
3833
3891
|
}
|
|
3834
3892
|
}
|
|
3835
3893
|
}
|
|
3836
|
-
}.wac-
|
|
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 {
|
|
3894
|
+
}.wac-filters {
|
|
3895
3895
|
width: 100%;
|
|
3896
3896
|
&__wrapper {
|
|
3897
3897
|
width: 100%;
|
|
@@ -5716,68 +5716,47 @@ wac-optional-disable-container {
|
|
|
5716
5716
|
|
|
5717
5717
|
&.direction-column {
|
|
5718
5718
|
flex-direction: column!important;
|
|
5719
|
+
&.last-child-down {
|
|
5720
|
+
> *:last-child {
|
|
5721
|
+
justify-self: flex-end;
|
|
5722
|
+
margin-top: auto!important;
|
|
5723
|
+
}
|
|
5724
|
+
}
|
|
5719
5725
|
&.top-middle {
|
|
5720
5726
|
justify-content: flex-start;
|
|
5721
5727
|
align-items: center;
|
|
5722
|
-
> * {
|
|
5723
|
-
width: auto!important;
|
|
5724
|
-
}
|
|
5725
5728
|
}
|
|
5726
5729
|
&.top-right {
|
|
5727
5730
|
justify-content: flex-start;
|
|
5728
5731
|
align-items: flex-end;
|
|
5729
|
-
> * {
|
|
5730
|
-
width: auto!important;
|
|
5731
|
-
}
|
|
5732
5732
|
}
|
|
5733
5733
|
&.middle-left {
|
|
5734
5734
|
justify-content: center;
|
|
5735
5735
|
align-items: flex-start;
|
|
5736
|
-
> * {
|
|
5737
|
-
width: auto!important;
|
|
5738
|
-
}
|
|
5739
5736
|
}
|
|
5740
5737
|
&.middle-right {
|
|
5741
5738
|
justify-content: center;
|
|
5742
5739
|
align-items: flex-end;
|
|
5743
|
-
> * {
|
|
5744
|
-
width: auto!important;
|
|
5745
|
-
}
|
|
5746
5740
|
}
|
|
5747
5741
|
&.bottom-left {
|
|
5748
5742
|
justify-content: flex-end;
|
|
5749
5743
|
align-items: flex-start;
|
|
5750
|
-
> * {
|
|
5751
|
-
width: auto!important;
|
|
5752
|
-
}
|
|
5753
5744
|
}
|
|
5754
5745
|
&.bottom-middle {
|
|
5755
5746
|
justify-content: flex-end;
|
|
5756
5747
|
align-items: center;
|
|
5757
|
-
> * {
|
|
5758
|
-
width: auto!important;
|
|
5759
|
-
}
|
|
5760
5748
|
}
|
|
5761
5749
|
&.stretch-left {
|
|
5762
5750
|
justify-content: stretch;
|
|
5763
5751
|
align-items: flex-start;
|
|
5764
|
-
> * {
|
|
5765
|
-
width: auto!important;
|
|
5766
|
-
}
|
|
5767
5752
|
}
|
|
5768
5753
|
&.stretch-middle {
|
|
5769
5754
|
justify-content: stretch;
|
|
5770
5755
|
align-items: center;
|
|
5771
|
-
> * {
|
|
5772
|
-
width: auto!important;
|
|
5773
|
-
}
|
|
5774
5756
|
}
|
|
5775
5757
|
&.stretch-right {
|
|
5776
5758
|
justify-content: stretch;
|
|
5777
5759
|
align-items: flex-end;
|
|
5778
|
-
> * {
|
|
5779
|
-
width: auto!important;
|
|
5780
|
-
}
|
|
5781
5760
|
}
|
|
5782
5761
|
> * {
|
|
5783
5762
|
&:not(:last-child) {
|
|
@@ -5800,86 +5779,50 @@ wac-optional-disable-container {
|
|
|
5800
5779
|
&.top-left {
|
|
5801
5780
|
justify-content: flex-start;
|
|
5802
5781
|
align-items: flex-start;
|
|
5803
|
-
> * {
|
|
5804
|
-
width: auto!important;
|
|
5805
|
-
}
|
|
5806
5782
|
}
|
|
5807
5783
|
&.top-middle {
|
|
5808
5784
|
justify-content: center;
|
|
5809
5785
|
align-items: flex-start;
|
|
5810
|
-
> * {
|
|
5811
|
-
width: auto!important;
|
|
5812
|
-
}
|
|
5813
5786
|
}
|
|
5814
5787
|
&.top-right {
|
|
5815
5788
|
justify-content: flex-end;
|
|
5816
5789
|
align-items: flex-start;
|
|
5817
|
-
> * {
|
|
5818
|
-
width: auto!important;
|
|
5819
|
-
}
|
|
5820
5790
|
}
|
|
5821
5791
|
&.middle-left {
|
|
5822
5792
|
justify-content: flex-start;
|
|
5823
5793
|
align-items: center;
|
|
5824
|
-
> * {
|
|
5825
|
-
width: auto!important;
|
|
5826
|
-
}
|
|
5827
5794
|
}
|
|
5828
5795
|
&.middle-middle {
|
|
5829
5796
|
justify-content: center;
|
|
5830
5797
|
align-items: center;
|
|
5831
|
-
> * {
|
|
5832
|
-
width: auto!important;
|
|
5833
|
-
}
|
|
5834
5798
|
}
|
|
5835
5799
|
&.middle-right {
|
|
5836
5800
|
justify-content: flex-end;
|
|
5837
5801
|
align-items: center;
|
|
5838
|
-
> * {
|
|
5839
|
-
width: auto!important;
|
|
5840
|
-
}
|
|
5841
5802
|
}
|
|
5842
5803
|
&.bottom-left {
|
|
5843
5804
|
justify-content: flex-start;
|
|
5844
5805
|
align-items: flex-end;
|
|
5845
|
-
> * {
|
|
5846
|
-
width: auto!important;
|
|
5847
|
-
}
|
|
5848
5806
|
}
|
|
5849
5807
|
&.bottom-middle {
|
|
5850
5808
|
justify-content: center;
|
|
5851
5809
|
align-items: flex-end;
|
|
5852
|
-
> * {
|
|
5853
|
-
width: auto!important;
|
|
5854
|
-
}
|
|
5855
5810
|
}
|
|
5856
5811
|
&.bottom-right {
|
|
5857
5812
|
justify-content: flex-end;
|
|
5858
5813
|
align-items: flex-end;
|
|
5859
|
-
> * {
|
|
5860
|
-
width: auto!important;
|
|
5861
|
-
}
|
|
5862
5814
|
}
|
|
5863
5815
|
&.stretch-left {
|
|
5864
5816
|
justify-content: flex-start;
|
|
5865
5817
|
align-items: stretch;
|
|
5866
|
-
> * {
|
|
5867
|
-
width: auto!important;
|
|
5868
|
-
}
|
|
5869
5818
|
}
|
|
5870
5819
|
&.stretch-middle {
|
|
5871
5820
|
justify-content: center;
|
|
5872
5821
|
align-items: stretch;
|
|
5873
|
-
> * {
|
|
5874
|
-
width: auto!important;
|
|
5875
|
-
}
|
|
5876
5822
|
}
|
|
5877
5823
|
&.stretch-right {
|
|
5878
5824
|
justify-content: flex-end;
|
|
5879
5825
|
align-items: stretch;
|
|
5880
|
-
> * {
|
|
5881
|
-
width: auto!important;
|
|
5882
|
-
}
|
|
5883
5826
|
}
|
|
5884
5827
|
|
|
5885
5828
|
&.childrens-width-auto {
|
|
@@ -10,15 +10,17 @@ export class RowComponent {
|
|
|
10
10
|
this.responsiveAuto = false;
|
|
11
11
|
this.childrensWidthAuto = false;
|
|
12
12
|
this.marginChild = '';
|
|
13
|
+
this.marginBottomChild = '';
|
|
13
14
|
this.addWacBlock = false;
|
|
14
15
|
this.lineDisplayContent = false;
|
|
15
16
|
this.border = false;
|
|
16
17
|
this.padding = '';
|
|
18
|
+
this.lastChildIsDown = false;
|
|
17
19
|
this.halfMarginChild = '';
|
|
18
20
|
this.nbChildsClass = '';
|
|
19
21
|
}
|
|
20
22
|
ngOnInit() {
|
|
21
|
-
this.id = 'row-' + Math.floor(Math.random() *
|
|
23
|
+
this.id = 'row-' + Math.floor(Math.random() * 100000);
|
|
22
24
|
if (this.marginChild) {
|
|
23
25
|
this.halfMarginChild = parseInt(this.marginChild) / 2 + 'px';
|
|
24
26
|
}
|
|
@@ -65,16 +67,22 @@ export class RowComponent {
|
|
|
65
67
|
child.style.marginRight = this.halfMarginChild;
|
|
66
68
|
}
|
|
67
69
|
}
|
|
70
|
+
if (this.childs > 1 && this.marginBottomChild) {
|
|
71
|
+
for (let i = 0; i < this.childs; i++) {
|
|
72
|
+
const child = document.getElementById(this.id).children[i];
|
|
73
|
+
child.style.marginBottom = this.marginBottomChild;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
68
76
|
this.nbChildsClass = 'nb-child-' + this.childs;
|
|
69
77
|
this.onResize();
|
|
70
78
|
}, 1);
|
|
71
79
|
}
|
|
72
80
|
}
|
|
73
81
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
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", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding" }, 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' : '' }} {{ 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 });
|
|
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 });
|
|
75
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
76
84
|
type: Component,
|
|
77
|
-
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' : '' }} {{ 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" }]
|
|
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" }]
|
|
78
86
|
}], propDecorators: { position: [{
|
|
79
87
|
type: Input
|
|
80
88
|
}], width: [{
|
|
@@ -89,6 +97,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
89
97
|
type: Input
|
|
90
98
|
}], marginChild: [{
|
|
91
99
|
type: Input
|
|
100
|
+
}], marginBottomChild: [{
|
|
101
|
+
type: Input
|
|
92
102
|
}], addWacBlock: [{
|
|
93
103
|
type: Input
|
|
94
104
|
}], lineDisplayContent: [{
|
|
@@ -97,6 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
97
107
|
type: Input
|
|
98
108
|
}], padding: [{
|
|
99
109
|
type: Input
|
|
110
|
+
}], lastChildIsDown: [{
|
|
111
|
+
type: Input
|
|
100
112
|
}], container: [{
|
|
101
113
|
type: ViewChild,
|
|
102
114
|
args: [`container`]
|
|
@@ -104,4 +116,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
104
116
|
type: HostListener,
|
|
105
117
|
args: ['window:resize', ['$event']]
|
|
106
118
|
}] } });
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sWUFBWTtJQUx6QjtRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFDUixXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQU1yQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2Qix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsc0JBQWlCLEdBQUcsRUFBRSxDQUFDO1FBRXZCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUUzQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUViLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBOERwQjtJQTVEQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsTUFBTSxDQUFDLENBQUM7UUFD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QztZQUMvQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQzs7eUdBOUZVLFlBQVk7NkZBQVosWUFBWSxtbEJDaEJ6QixrdkJBT0E7MkZEU2EsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUk7OEJBSXJDLFFBQVE7c0JBRFAsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLGNBQWM7c0JBRGIsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBR04sV0FBVztzQkFEVixLQUFLO2dCQUdOLGtCQUFrQjtzQkFEakIsS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBR04sT0FBTztzQkFETixLQUFLO2dCQUdOLGVBQWU7c0JBRGQsS0FBSztnQkFHa0IsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXO2dCQTZCdEIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENvbXBvbmVudCwgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtcm93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUm93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KClcbiAgcG9zaXRpb246ICd0b3AtbGVmdCd8J3RvcC1taWRkbGUnfCd0b3AtcmlnaHQnfCdtaWRkbGUtbGVmdCd8J21pZGRsZS1taWRkbGUnfCdtaWRkbGUtcmlnaHQnfCdib3R0b20tbGVmdCd8J2JvdHRvbS1taWRkbGUnfCdib3R0b20tcmlnaHQnfCdzdHJldGNoLWxlZnQnfCdzdHJldGNoLW1pZGRsZSd8J3N0cmV0Y2gtcmlnaHQnO1xuICBpZCA9ICcnO1xuICBjaGlsZHMgPSAwO1xuICBjbGFzc1dpZHRoID0gJyc7XG4gIHJlc3BvbnNpdmVDbGFzcyA9ICcnO1xuICBASW5wdXQoKVxuICB3aWR0aDogc3RyaW5nO1xuICBASW5wdXQoKVxuICBoZWlnaHQ6IHN0cmluZztcbiAgQElucHV0KClcbiAgcmVzcG9uc2l2ZUF1dG8gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgY2hpbGRyZW5zV2lkdGhBdXRvID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHZpc2liaWxpdHk6ICdtb2JpbGUtb25seSd8J3RhYmxldC1vbmx5J3wnZGVza3RvcC1vbmx5J3wndW5kZXItZGVza3RvcCd8J2Fib3ZlLW1vYmlsZSc7XG4gIEBJbnB1dCgpXG4gIG1hcmdpbkNoaWxkID0gJyc7XG4gIEBJbnB1dCgpXG4gIG1hcmdpbkJvdHRvbUNoaWxkID0gJyc7XG4gIEBJbnB1dCgpXG4gIGFkZFdhY0Jsb2NrID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGxpbmVEaXNwbGF5Q29udGVudCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBib3JkZXIgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcGFkZGluZyA9ICcnO1xuICBASW5wdXQoKVxuICBsYXN0Q2hpbGRJc0Rvd24gPSBmYWxzZTtcbiAgaGFsZk1hcmdpbkNoaWxkID0gJyc7XG4gIEBWaWV3Q2hpbGQoYGNvbnRhaW5lcmApIGNvbnRhaW5lcjogRWxlbWVudFJlZjtcbiAgbmJDaGlsZHNDbGFzcyA9ICcnO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaWQgPSAncm93LScgKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwMDApO1xuICAgIGlmICh0aGlzLm1hcmdpbkNoaWxkKSB7XG4gICAgICB0aGlzLmhhbGZNYXJnaW5DaGlsZCA9IHBhcnNlSW50KHRoaXMubWFyZ2luQ2hpbGQpIC8gMiArICdweCc7XG4gICAgfVxuICB9XG5cbiAgcmVzcG9uc2l2ZUNvbnRyb2woc2l6ZSkge1xuICAgIGlmIChzaXplID4gMTAyNCkge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJyc7XG4gICAgfSBlbHNlIGlmIChzaXplIDw9IDQ4MCkge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJ2xvdyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xhc3NXaWR0aCA9ICdtZWRpdW0nO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVJlc3BvbnNpdmVBdXRvKHNpemUpIHtcbiAgICBpZiAoc2l6ZSA8IDUwMCkge1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ2xhc3MgPSAnbW9iaWxlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ2xhc3MgPSAnJztcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoKSB7XG4gICAgICBjb25zdCBzaXplID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICAgIHRoaXMucmVzcG9uc2l2ZUNvbnRyb2woc2l6ZSk7XG4gICAgICBpZiAodGhpcy5yZXNwb25zaXZlQXV0bykge1xuICAgICAgICB0aGlzLmhhbmRsZVJlc3BvbnNpdmVBdXRvKHNpemUpO1xuICAgICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jaGlsZHMgPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LmNoaWxkRWxlbWVudENvdW50O1xuICAgICAgaWYgKHRoaXMud2lkdGgpIHtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkucGFyZW50RWxlbWVudC5zdHlsZS5tYXhXaWR0aCA9IHRoaXMud2lkdGg7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5oZWlnaHQpIHtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkucGFyZW50RWxlbWVudC5zdHlsZS5tYXhIZWlnaHQgPSB0aGlzLmhlaWdodDtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmNoaWxkcyA+IDEgJiYgdGhpcy5tYXJnaW5DaGlsZCkge1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuY2hpbGRzOyBpKyspIHtcbiAgICAgICAgICBjb25zdCBjaGlsZDogYW55ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkuY2hpbGRyZW5baV07XG4gICAgICAgICAgY2hpbGQuc3R5bGUubWFyZ2luTGVmdCA9IHRoaXMuaGFsZk1hcmdpbkNoaWxkO1xuICAgICAgICAgIGNoaWxkLnN0eWxlLm1hcmdpblJpZ2h0ID0gdGhpcy5oYWxmTWFyZ2luQ2hpbGQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmNoaWxkcyA+IDEgJiYgdGhpcy5tYXJnaW5Cb3R0b21DaGlsZCkge1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuY2hpbGRzOyBpKyspIHtcbiAgICAgICAgICBjb25zdCBjaGlsZDogYW55ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkuY2hpbGRyZW5baV07XG4gICAgICAgICAgY2hpbGQuc3R5bGUubWFyZ2luQm90dG9tID0gdGhpcy5tYXJnaW5Cb3R0b21DaGlsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgdGhpcy5uYkNoaWxkc0NsYXNzID0gJ25iLWNoaWxkLScgKyB0aGlzLmNoaWxkcztcbiAgICAgIHRoaXMub25SZXNpemUoKTtcbiAgICB9LCAxKTtcbiAgfVxufVxuIiwiPGRpdiBbbmdTdHlsZV09XCJ7J3BhZGRpbmcnOiBwYWRkaW5nLCd0cmFuc2Zvcm0nOiAoY2hpbGRzID4gMSA/ICd0cmFuc2xhdGVYKC0nICsgaGFsZk1hcmdpbkNoaWxkICsgJyknIDogJ3dyb25nJyksICd3aWR0aCc6IChjaGlsZHMgPiAxID8gJ2NhbGMoMTAwJSArICcgKyBtYXJnaW5DaGlsZCAgKyAnKScgOiAnd3JvbmcnKX1cIiBjbGFzcz1cIndhYy1yb3cge3sgYWRkV2FjQmxvY2sgPyAnd2hpdGUtYmxvY2snIDogJycgfX0ge3sgbGluZURpc3BsYXlDb250ZW50ID8gJ2RpcmVjdGlvbi1jb2x1bW4nIDogJycgfX0ge3sgYm9yZGVyID8gJ3dpdGgtYm9yZGVyJyA6ICcnIH19IHt7IGxhc3RDaGlsZElzRG93biA/ICdsYXN0LWNoaWxkLWRvd24nIDogJycgfX0ge3sgY2hpbGRyZW5zV2lkdGhBdXRvID8gJ2NoaWxkcmVucy13aWR0aC1hdXRvJyA6ICcnIH19IHt7IHBvc2l0aW9uID8gcG9zaXRpb24gOiAnJyB9fSB7eyB2aXNpYmlsaXR5ID8gdmlzaWJpbGl0eSA6ICcnIH19IHt7IHJlc3BvbnNpdmVDbGFzcyA/IHJlc3BvbnNpdmVDbGFzcyA6ICcnIH19IHt7bmJDaGlsZHNDbGFzc319IHt7Y2xhc3NXaWR0aH19XCIgI2NvbnRhaW5lciBbbmdDbGFzc109XCJ7XG4gICdtdWx0aXBsZS1jaGlsZCc6IGNoaWxkcyA+IDMsXG4gICdmaXZlLW9yLW1vcmUtY2hpbGQnOiBjaGlsZHMgPiA0LFxuICAnYWxvbmUnOiBjaGlsZHMgPT09IDFcbn1cIiBbaWRdPVwiaWRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -5941,15 +5941,17 @@ class RowComponent {
|
|
|
5941
5941
|
this.responsiveAuto = false;
|
|
5942
5942
|
this.childrensWidthAuto = false;
|
|
5943
5943
|
this.marginChild = '';
|
|
5944
|
+
this.marginBottomChild = '';
|
|
5944
5945
|
this.addWacBlock = false;
|
|
5945
5946
|
this.lineDisplayContent = false;
|
|
5946
5947
|
this.border = false;
|
|
5947
5948
|
this.padding = '';
|
|
5949
|
+
this.lastChildIsDown = false;
|
|
5948
5950
|
this.halfMarginChild = '';
|
|
5949
5951
|
this.nbChildsClass = '';
|
|
5950
5952
|
}
|
|
5951
5953
|
ngOnInit() {
|
|
5952
|
-
this.id = 'row-' + Math.floor(Math.random() *
|
|
5954
|
+
this.id = 'row-' + Math.floor(Math.random() * 100000);
|
|
5953
5955
|
if (this.marginChild) {
|
|
5954
5956
|
this.halfMarginChild = parseInt(this.marginChild) / 2 + 'px';
|
|
5955
5957
|
}
|
|
@@ -5996,16 +5998,22 @@ class RowComponent {
|
|
|
5996
5998
|
child.style.marginRight = this.halfMarginChild;
|
|
5997
5999
|
}
|
|
5998
6000
|
}
|
|
6001
|
+
if (this.childs > 1 && this.marginBottomChild) {
|
|
6002
|
+
for (let i = 0; i < this.childs; i++) {
|
|
6003
|
+
const child = document.getElementById(this.id).children[i];
|
|
6004
|
+
child.style.marginBottom = this.marginBottomChild;
|
|
6005
|
+
}
|
|
6006
|
+
}
|
|
5999
6007
|
this.nbChildsClass = 'nb-child-' + this.childs;
|
|
6000
6008
|
this.onResize();
|
|
6001
6009
|
}, 1);
|
|
6002
6010
|
}
|
|
6003
6011
|
}
|
|
6004
6012
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6005
|
-
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", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding" }, 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' : '' }} {{ 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 });
|
|
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 });
|
|
6006
6014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
6007
6015
|
type: Component,
|
|
6008
|
-
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' : '' }} {{ 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" }]
|
|
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" }]
|
|
6009
6017
|
}], propDecorators: { position: [{
|
|
6010
6018
|
type: Input
|
|
6011
6019
|
}], width: [{
|
|
@@ -6020,6 +6028,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6020
6028
|
type: Input
|
|
6021
6029
|
}], marginChild: [{
|
|
6022
6030
|
type: Input
|
|
6031
|
+
}], marginBottomChild: [{
|
|
6032
|
+
type: Input
|
|
6023
6033
|
}], addWacBlock: [{
|
|
6024
6034
|
type: Input
|
|
6025
6035
|
}], lineDisplayContent: [{
|
|
@@ -6028,6 +6038,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6028
6038
|
type: Input
|
|
6029
6039
|
}], padding: [{
|
|
6030
6040
|
type: Input
|
|
6041
|
+
}], lastChildIsDown: [{
|
|
6042
|
+
type: Input
|
|
6031
6043
|
}], container: [{
|
|
6032
6044
|
type: ViewChild,
|
|
6033
6045
|
args: [`container`]
|