@wizishop/angular-components 15.1.39 → 15.1.41
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 +129 -129
- package/esm2020/lib/components/row/row.component.mjs +15 -3
- package/fesm2015/wizishop-angular-components.mjs +14 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +14 -2
- 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.41.tgz +0 -0
- package/wizishop-angular-components-15.1.39.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -649,135 +649,6 @@ wac-block {
|
|
|
649
649
|
margin-right: 0;
|
|
650
650
|
}
|
|
651
651
|
}
|
|
652
|
-
.wac-breadcrumbs {
|
|
653
|
-
width: 100%;
|
|
654
|
-
display: flex;
|
|
655
|
-
align-items: center;
|
|
656
|
-
padding: 0;
|
|
657
|
-
margin: 0 0 10px;
|
|
658
|
-
border-radius: 3px;
|
|
659
|
-
|
|
660
|
-
@include media('<tablet') {
|
|
661
|
-
&:not(.no-responsive) {
|
|
662
|
-
max-width: 100%;
|
|
663
|
-
overflow: hidden;
|
|
664
|
-
.wac-breadcrumbs {
|
|
665
|
-
&__wrapper {
|
|
666
|
-
@include media('<tablet') {
|
|
667
|
-
width: auto;
|
|
668
|
-
overflow-x: scroll;
|
|
669
|
-
}
|
|
670
|
-
}
|
|
671
|
-
&__item {
|
|
672
|
-
@include media('<tablet') {
|
|
673
|
-
width: auto;
|
|
674
|
-
min-width: unset;
|
|
675
|
-
max-width: unset;
|
|
676
|
-
.name {
|
|
677
|
-
white-space: nowrap;
|
|
678
|
-
}
|
|
679
|
-
}
|
|
680
|
-
}
|
|
681
|
-
}
|
|
682
|
-
}
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
&__wrapper {
|
|
686
|
-
width: 100%;
|
|
687
|
-
display: flex;
|
|
688
|
-
align-items: center;
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
&__item {
|
|
692
|
-
width: 100%;
|
|
693
|
-
max-width: 50%;
|
|
694
|
-
display: flex;
|
|
695
|
-
align-items: center;
|
|
696
|
-
justify-content: center;
|
|
697
|
-
position: relative;
|
|
698
|
-
padding: 10px;
|
|
699
|
-
cursor: pointer;
|
|
700
|
-
&:before {
|
|
701
|
-
content: '';
|
|
702
|
-
display: block;
|
|
703
|
-
position: absolute;
|
|
704
|
-
bottom: -5px;
|
|
705
|
-
left: 50%;
|
|
706
|
-
transform: translateX(-50%);
|
|
707
|
-
width: calc(100% - 5px);
|
|
708
|
-
height: 3px;
|
|
709
|
-
background-color: $wac-round-breadcrumbs;
|
|
710
|
-
}
|
|
711
|
-
&.current, &.valid {
|
|
712
|
-
&:before {
|
|
713
|
-
background-color: $wac-wizishop-blue;
|
|
714
|
-
}
|
|
715
|
-
&:hover, &:focus {
|
|
716
|
-
.round {
|
|
717
|
-
background-color: $wac-wizishop-blue;
|
|
718
|
-
border-color: $wac-wizishop-blue;
|
|
719
|
-
> span, > i {
|
|
720
|
-
color: $wac-white;
|
|
721
|
-
}
|
|
722
|
-
}
|
|
723
|
-
.name {
|
|
724
|
-
color: $wac-wizishop-blue;
|
|
725
|
-
}
|
|
726
|
-
}
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
&.current {
|
|
731
|
-
&:before {
|
|
732
|
-
height: 5px;
|
|
733
|
-
}
|
|
734
|
-
}
|
|
735
|
-
.round {
|
|
736
|
-
min-width: 30px;
|
|
737
|
-
height: 30px;
|
|
738
|
-
border-radius: 30px;
|
|
739
|
-
display: flex;
|
|
740
|
-
justify-content: center;
|
|
741
|
-
align-items: center;
|
|
742
|
-
border: 2px solid $wac-round-breadcrumbs;
|
|
743
|
-
background-color: $wac-round-breadcrumbs;
|
|
744
|
-
transition: .3s ease;
|
|
745
|
-
margin: 0 15px 0 0;
|
|
746
|
-
> span {
|
|
747
|
-
font-size: rem(12);
|
|
748
|
-
font-weight: 500;
|
|
749
|
-
color: $wac-second-color;
|
|
750
|
-
line-height: 1;
|
|
751
|
-
}
|
|
752
|
-
> i {
|
|
753
|
-
font-size: rem(14);
|
|
754
|
-
color: $wac-wizishop-blue;
|
|
755
|
-
}
|
|
756
|
-
&.valid {
|
|
757
|
-
background-color: transparent;
|
|
758
|
-
border-color: $wac-wizishop-blue;
|
|
759
|
-
color: $wac-wizishop-blue;
|
|
760
|
-
}
|
|
761
|
-
&.current:not(.valid) {
|
|
762
|
-
background-color: $wac-wizishop-blue;
|
|
763
|
-
border-color: $wac-wizishop-blue;
|
|
764
|
-
> span, > i {
|
|
765
|
-
color: $wac-white;
|
|
766
|
-
}
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
|
-
.name {
|
|
770
|
-
font-size: rem(14);
|
|
771
|
-
font-weight: 500;
|
|
772
|
-
color: $wac-second-color;
|
|
773
|
-
line-height: 1;
|
|
774
|
-
transition: .3s ease;
|
|
775
|
-
&.valid, &.current {
|
|
776
|
-
color: $wac-wizishop-blue;
|
|
777
|
-
}
|
|
778
|
-
}
|
|
779
|
-
}
|
|
780
|
-
}
|
|
781
652
|
.wac-button {
|
|
782
653
|
@include flexbox();
|
|
783
654
|
@include justify-content(center);
|
|
@@ -2197,6 +2068,135 @@ wac-block {
|
|
|
2197
2068
|
}
|
|
2198
2069
|
}
|
|
2199
2070
|
}
|
|
2071
|
+
.wac-breadcrumbs {
|
|
2072
|
+
width: 100%;
|
|
2073
|
+
display: flex;
|
|
2074
|
+
align-items: center;
|
|
2075
|
+
padding: 0;
|
|
2076
|
+
margin: 0 0 10px;
|
|
2077
|
+
border-radius: 3px;
|
|
2078
|
+
|
|
2079
|
+
@include media('<tablet') {
|
|
2080
|
+
&:not(.no-responsive) {
|
|
2081
|
+
max-width: 100%;
|
|
2082
|
+
overflow: hidden;
|
|
2083
|
+
.wac-breadcrumbs {
|
|
2084
|
+
&__wrapper {
|
|
2085
|
+
@include media('<tablet') {
|
|
2086
|
+
width: auto;
|
|
2087
|
+
overflow-x: scroll;
|
|
2088
|
+
}
|
|
2089
|
+
}
|
|
2090
|
+
&__item {
|
|
2091
|
+
@include media('<tablet') {
|
|
2092
|
+
width: auto;
|
|
2093
|
+
min-width: unset;
|
|
2094
|
+
max-width: unset;
|
|
2095
|
+
.name {
|
|
2096
|
+
white-space: nowrap;
|
|
2097
|
+
}
|
|
2098
|
+
}
|
|
2099
|
+
}
|
|
2100
|
+
}
|
|
2101
|
+
}
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
&__wrapper {
|
|
2105
|
+
width: 100%;
|
|
2106
|
+
display: flex;
|
|
2107
|
+
align-items: center;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
&__item {
|
|
2111
|
+
width: 100%;
|
|
2112
|
+
max-width: 50%;
|
|
2113
|
+
display: flex;
|
|
2114
|
+
align-items: center;
|
|
2115
|
+
justify-content: center;
|
|
2116
|
+
position: relative;
|
|
2117
|
+
padding: 10px;
|
|
2118
|
+
cursor: pointer;
|
|
2119
|
+
&:before {
|
|
2120
|
+
content: '';
|
|
2121
|
+
display: block;
|
|
2122
|
+
position: absolute;
|
|
2123
|
+
bottom: -5px;
|
|
2124
|
+
left: 50%;
|
|
2125
|
+
transform: translateX(-50%);
|
|
2126
|
+
width: calc(100% - 5px);
|
|
2127
|
+
height: 3px;
|
|
2128
|
+
background-color: $wac-round-breadcrumbs;
|
|
2129
|
+
}
|
|
2130
|
+
&.current, &.valid {
|
|
2131
|
+
&:before {
|
|
2132
|
+
background-color: $wac-wizishop-blue;
|
|
2133
|
+
}
|
|
2134
|
+
&:hover, &:focus {
|
|
2135
|
+
.round {
|
|
2136
|
+
background-color: $wac-wizishop-blue;
|
|
2137
|
+
border-color: $wac-wizishop-blue;
|
|
2138
|
+
> span, > i {
|
|
2139
|
+
color: $wac-white;
|
|
2140
|
+
}
|
|
2141
|
+
}
|
|
2142
|
+
.name {
|
|
2143
|
+
color: $wac-wizishop-blue;
|
|
2144
|
+
}
|
|
2145
|
+
}
|
|
2146
|
+
}
|
|
2147
|
+
|
|
2148
|
+
|
|
2149
|
+
&.current {
|
|
2150
|
+
&:before {
|
|
2151
|
+
height: 5px;
|
|
2152
|
+
}
|
|
2153
|
+
}
|
|
2154
|
+
.round {
|
|
2155
|
+
min-width: 30px;
|
|
2156
|
+
height: 30px;
|
|
2157
|
+
border-radius: 30px;
|
|
2158
|
+
display: flex;
|
|
2159
|
+
justify-content: center;
|
|
2160
|
+
align-items: center;
|
|
2161
|
+
border: 2px solid $wac-round-breadcrumbs;
|
|
2162
|
+
background-color: $wac-round-breadcrumbs;
|
|
2163
|
+
transition: .3s ease;
|
|
2164
|
+
margin: 0 15px 0 0;
|
|
2165
|
+
> span {
|
|
2166
|
+
font-size: rem(12);
|
|
2167
|
+
font-weight: 500;
|
|
2168
|
+
color: $wac-second-color;
|
|
2169
|
+
line-height: 1;
|
|
2170
|
+
}
|
|
2171
|
+
> i {
|
|
2172
|
+
font-size: rem(14);
|
|
2173
|
+
color: $wac-wizishop-blue;
|
|
2174
|
+
}
|
|
2175
|
+
&.valid {
|
|
2176
|
+
background-color: transparent;
|
|
2177
|
+
border-color: $wac-wizishop-blue;
|
|
2178
|
+
color: $wac-wizishop-blue;
|
|
2179
|
+
}
|
|
2180
|
+
&.current:not(.valid) {
|
|
2181
|
+
background-color: $wac-wizishop-blue;
|
|
2182
|
+
border-color: $wac-wizishop-blue;
|
|
2183
|
+
> span, > i {
|
|
2184
|
+
color: $wac-white;
|
|
2185
|
+
}
|
|
2186
|
+
}
|
|
2187
|
+
}
|
|
2188
|
+
.name {
|
|
2189
|
+
font-size: rem(14);
|
|
2190
|
+
font-weight: 500;
|
|
2191
|
+
color: $wac-second-color;
|
|
2192
|
+
line-height: 1;
|
|
2193
|
+
transition: .3s ease;
|
|
2194
|
+
&.valid, &.current {
|
|
2195
|
+
color: $wac-wizishop-blue;
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
}
|
|
2199
|
+
}
|
|
2200
2200
|
wac-calendar {
|
|
2201
2201
|
&.ng-touched.ng-invalid {
|
|
2202
2202
|
.wac-calendar__wrapper__select, .wac-calendar__wrapper__editInPlace, .wac-calendar__wrapper__select {
|
|
@@ -10,6 +10,8 @@ export class RowComponent {
|
|
|
10
10
|
this.responsiveAuto = false;
|
|
11
11
|
this.childrensWidthAuto = false;
|
|
12
12
|
this.marginChild = '';
|
|
13
|
+
this.marginBottom = '';
|
|
14
|
+
this.marginBottomChild = '';
|
|
13
15
|
this.addWacBlock = false;
|
|
14
16
|
this.lineDisplayContent = false;
|
|
15
17
|
this.border = false;
|
|
@@ -66,16 +68,22 @@ export class RowComponent {
|
|
|
66
68
|
child.style.marginRight = this.halfMarginChild;
|
|
67
69
|
}
|
|
68
70
|
}
|
|
71
|
+
if (this.childs > 1 && this.marginBottomChild) {
|
|
72
|
+
for (let i = 0; i < this.childs; i++) {
|
|
73
|
+
const child = document.getElementById(this.id).children[i];
|
|
74
|
+
child.style.marginBottom = this.marginBottomChild;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
69
77
|
this.nbChildsClass = 'nb-child-' + this.childs;
|
|
70
78
|
this.onResize();
|
|
71
79
|
}, 1);
|
|
72
80
|
}
|
|
73
81
|
}
|
|
74
82
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
-
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", 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 });
|
|
76
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
77
85
|
type: Component,
|
|
78
|
-
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" }]
|
|
79
87
|
}], propDecorators: { position: [{
|
|
80
88
|
type: Input
|
|
81
89
|
}], width: [{
|
|
@@ -90,6 +98,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
90
98
|
type: Input
|
|
91
99
|
}], marginChild: [{
|
|
92
100
|
type: Input
|
|
101
|
+
}], marginBottom: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], marginBottomChild: [{
|
|
104
|
+
type: Input
|
|
93
105
|
}], addWacBlock: [{
|
|
94
106
|
type: Input
|
|
95
107
|
}], lineDisplayContent: [{
|
|
@@ -107,4 +119,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
107
119
|
type: HostListener,
|
|
108
120
|
args: ['window:resize', ['$event']]
|
|
109
121
|
}] } });
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sWUFBWTtJQUx6QjtRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFDUixXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQU1yQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2Qix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFFbEIsc0JBQWlCLEdBQUcsRUFBRSxDQUFDO1FBRXZCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUUzQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUViLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBOERwQjtJQTVEQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxF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QUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUMvQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQzs7eUdBaEdVLFlBQVk7NkZBQVosWUFBWSxpbkJDaEJ6QixneEJBT0E7MkZEU2EsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUk7OEJBSXJDLFFBQVE7c0JBRFAsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLGNBQWM7c0JBRGIsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixZQUFZO3NCQURYLEtBQUs7Z0JBR04saUJBQWlCO3NCQURoQixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixlQUFlO3NCQURkLEtBQUs7Z0JBR2tCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkE2QnRCLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXJvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3cuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHBvc2l0aW9uOiAndG9wLWxlZnQnfCd0b3AtbWlkZGxlJ3wndG9wLXJpZ2h0J3wnbWlkZGxlLWxlZnQnfCdtaWRkbGUtbWlkZGxlJ3wnbWlkZGxlLXJpZ2h0J3wnYm90dG9tLWxlZnQnfCdib3R0b20tbWlkZGxlJ3wnYm90dG9tLXJpZ2h0J3wnc3RyZXRjaC1sZWZ0J3wnc3RyZXRjaC1taWRkbGUnfCdzdHJldGNoLXJpZ2h0JztcbiAgaWQgPSAnJztcbiAgY2hpbGRzID0gMDtcbiAgY2xhc3NXaWR0aCA9ICcnO1xuICByZXNwb25zaXZlQ2xhc3MgPSAnJztcbiAgQElucHV0KClcbiAgd2lkdGg6IHN0cmluZztcbiAgQElucHV0KClcbiAgaGVpZ2h0OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHJlc3BvbnNpdmVBdXRvID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGNoaWxkcmVuc1dpZHRoQXV0byA9IGZhbHNlO1xuICBASW5wdXQoKVxuICB2aXNpYmlsaXR5OiAnbW9iaWxlLW9ubHknfCd0YWJsZXQtb25seSd8J2Rlc2t0b3Atb25seSd8J3VuZGVyLWRlc2t0b3AnfCdhYm92ZS1tb2JpbGUnO1xuICBASW5wdXQoKVxuICBtYXJnaW5DaGlsZCA9ICcnO1xuICBASW5wdXQoKVxuICBtYXJnaW5Cb3R0b20gPSAnJztcbiAgQElucHV0KClcbiAgbWFyZ2luQm90dG9tQ2hpbGQgPSAnJztcbiAgQElucHV0KClcbiAgYWRkV2FjQmxvY2sgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgbGluZURpc3BsYXlDb250ZW50ID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGJvcmRlciA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBwYWRkaW5nID0gJyc7XG4gIEBJbnB1dCgpXG4gIGxhc3RDaGlsZElzRG93biA9IGZhbHNlO1xuICBoYWxmTWFyZ2luQ2hpbGQgPSAnJztcbiAgQFZpZXdDaGlsZChgY29udGFpbmVyYCkgY29udGFpbmVyOiBFbGVtZW50UmVmO1xuICBuYkNoaWxkc0NsYXNzID0gJyc7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pZCA9ICdyb3ctJyArIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDAwMCk7XG4gICAgaWYgKHRoaXMubWFyZ2luQ2hpbGQpIHtcbiAgICAgIHRoaXMuaGFsZk1hcmdpbkNoaWxkID0gcGFyc2VJbnQodGhpcy5tYXJnaW5DaGlsZCkgLyAyICsgJ3B4JztcbiAgICB9XG4gIH1cblxuICByZXNwb25zaXZlQ29udHJvbChzaXplKSB7XG4gICAgaWYgKHNpemUgPiAxMDI0KSB7XG4gICAgICB0aGlzLmNsYXNzV2lkdGggPSAnJztcbiAgICB9IGVsc2UgaWYgKHNpemUgPD0gNDgwKSB7XG4gICAgICB0aGlzLmNsYXNzV2lkdGggPSAnbG93JztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJ21lZGl1bSc7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlUmVzcG9uc2l2ZUF1dG8oc2l6ZSkge1xuICAgIGlmIChzaXplIDwgNTAwKSB7XG4gICAgICB0aGlzLnJlc3BvbnNpdmVDbGFzcyA9ICdtb2JpbGUnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlc3BvbnNpdmVDbGFzcyA9ICcnO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvblJlc2l6ZSgpIHtcbiAgICAgIGNvbnN0IHNpemUgPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ29udHJvbChzaXplKTtcbiAgICAgIGlmICh0aGlzLnJlc3BvbnNpdmVBdXRvKSB7XG4gICAgICAgIHRoaXMuaGFuZGxlUmVzcG9uc2l2ZUF1dG8oc2l6ZSk7XG4gICAgICB9XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmNoaWxkcyA9IHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2hpbGRFbGVtZW50Q291bnQ7XG4gICAgICBpZiAodGhpcy53aWR0aCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5wYXJlbnRFbGVtZW50LnN0eWxlLm1heFdpZHRoID0gdGhpcy53aWR0aDtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmhlaWdodCkge1xuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5wYXJlbnRFbGVtZW50LnN0eWxlLm1heEhlaWdodCA9IHRoaXMuaGVpZ2h0O1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMuY2hpbGRzID4gMSAmJiB0aGlzLm1hcmdpbkNoaWxkKSB7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5jaGlsZHM7IGkrKykge1xuICAgICAgICAgIGNvbnN0IGNoaWxkOiBhbnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5jaGlsZHJlbltpXTtcbiAgICAgICAgICBjaGlsZC5zdHlsZS5tYXJnaW5MZWZ0ID0gdGhpcy5oYWxmTWFyZ2luQ2hpbGQ7XG4gICAgICAgICAgY2hpbGQuc3R5bGUubWFyZ2luUmlnaHQgPSB0aGlzLmhhbGZNYXJnaW5DaGlsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKHRoaXMuY2hpbGRzID4gMSAmJiB0aGlzLm1hcmdpbkJvdHRvbUNoaWxkKSB7XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5jaGlsZHM7IGkrKykge1xuICAgICAgICAgIGNvbnN0IGNoaWxkOiBhbnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKS5jaGlsZHJlbltpXTtcbiAgICAgICAgICBjaGlsZC5zdHlsZS5tYXJnaW5Cb3R0b20gPSB0aGlzLm1hcmdpbkJvdHRvbUNoaWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICB0aGlzLm5iQ2hpbGRzQ2xhc3MgPSAnbmItY2hpbGQtJyArIHRoaXMuY2hpbGRzO1xuICAgICAgdGhpcy5vblJlc2l6ZSgpO1xuICAgIH0sIDEpO1xuICB9XG59XG4iLCI8ZGl2IFtuZ1N0eWxlXT1cInsncGFkZGluZyc6IHBhZGRpbmcsJ21hcmdpbi1ib3R0b20nOiBtYXJnaW5Cb3R0b20sJ3RyYW5zZm9ybSc6IChjaGlsZHMgPiAxID8gJ3RyYW5zbGF0ZVgoLScgKyBoYWxmTWFyZ2luQ2hpbGQgKyAnKScgOiAnd3JvbmcnKSwgJ3dpZHRoJzogKGNoaWxkcyA+IDEgPyAnY2FsYygxMDAlICsgJyArIG1hcmdpbkNoaWxkICArICcpJyA6ICd3cm9uZycpfVwiIGNsYXNzPVwid2FjLXJvdyB7eyBhZGRXYWNCbG9jayA/ICd3aGl0ZS1ibG9jaycgOiAnJyB9fSB7eyBsaW5lRGlzcGxheUNvbnRlbnQgPyAnZGlyZWN0aW9uLWNvbHVtbicgOiAnJyB9fSB7eyBib3JkZXIgPyAnd2l0aC1ib3JkZXInIDogJycgfX0ge3sgbGFzdENoaWxkSXNEb3duID8gJ2xhc3QtY2hpbGQtZG93bicgOiAnJyB9fSB7eyBjaGlsZHJlbnNXaWR0aEF1dG8gPyAnY2hpbGRyZW5zLXdpZHRoLWF1dG8nIDogJycgfX0ge3sgcG9zaXRpb24gPyBwb3NpdGlvbiA6ICcnIH19IHt7IHZpc2liaWxpdHkgPyB2aXNpYmlsaXR5IDogJycgfX0ge3sgcmVzcG9uc2l2ZUNsYXNzID8gcmVzcG9uc2l2ZUNsYXNzIDogJycgfX0ge3tuYkNoaWxkc0NsYXNzfX0ge3tjbGFzc1dpZHRofX1cIiAjY29udGFpbmVyIFtuZ0NsYXNzXT1cIntcbiAgJ211bHRpcGxlLWNoaWxkJzogY2hpbGRzID4gMyxcbiAgJ2ZpdmUtb3ItbW9yZS1jaGlsZCc6IGNoaWxkcyA+IDQsXG4gICdhbG9uZSc6IGNoaWxkcyA9PT0gMVxufVwiIFtpZF09XCJpZFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5941,6 +5941,8 @@ class RowComponent {
|
|
|
5941
5941
|
this.responsiveAuto = false;
|
|
5942
5942
|
this.childrensWidthAuto = false;
|
|
5943
5943
|
this.marginChild = '';
|
|
5944
|
+
this.marginBottom = '';
|
|
5945
|
+
this.marginBottomChild = '';
|
|
5944
5946
|
this.addWacBlock = false;
|
|
5945
5947
|
this.lineDisplayContent = false;
|
|
5946
5948
|
this.border = false;
|
|
@@ -5997,16 +5999,22 @@ class RowComponent {
|
|
|
5997
5999
|
child.style.marginRight = this.halfMarginChild;
|
|
5998
6000
|
}
|
|
5999
6001
|
}
|
|
6002
|
+
if (this.childs > 1 && this.marginBottomChild) {
|
|
6003
|
+
for (let i = 0; i < this.childs; i++) {
|
|
6004
|
+
const child = document.getElementById(this.id).children[i];
|
|
6005
|
+
child.style.marginBottom = this.marginBottomChild;
|
|
6006
|
+
}
|
|
6007
|
+
}
|
|
6000
6008
|
this.nbChildsClass = 'nb-child-' + this.childs;
|
|
6001
6009
|
this.onResize();
|
|
6002
6010
|
}, 1);
|
|
6003
6011
|
}
|
|
6004
6012
|
}
|
|
6005
6013
|
RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6006
|
-
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", 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 });
|
|
6014
|
+
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 });
|
|
6007
6015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
6008
6016
|
type: Component,
|
|
6009
|
-
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" }]
|
|
6017
|
+
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" }]
|
|
6010
6018
|
}], propDecorators: { position: [{
|
|
6011
6019
|
type: Input
|
|
6012
6020
|
}], width: [{
|
|
@@ -6021,6 +6029,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6021
6029
|
type: Input
|
|
6022
6030
|
}], marginChild: [{
|
|
6023
6031
|
type: Input
|
|
6032
|
+
}], marginBottom: [{
|
|
6033
|
+
type: Input
|
|
6034
|
+
}], marginBottomChild: [{
|
|
6035
|
+
type: Input
|
|
6024
6036
|
}], addWacBlock: [{
|
|
6025
6037
|
type: Input
|
|
6026
6038
|
}], lineDisplayContent: [{
|