@wizishop/angular-components 15.1.38 → 15.1.39
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 +6 -63
- package/esm2020/lib/components/row/row.component.mjs +7 -4
- package/fesm2015/wizishop-angular-components.mjs +6 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +6 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/row/row.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.39.tgz +0 -0
- package/wizishop-angular-components-15.1.38.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -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 {
|
|
@@ -14,11 +14,12 @@ export class RowComponent {
|
|
|
14
14
|
this.lineDisplayContent = false;
|
|
15
15
|
this.border = false;
|
|
16
16
|
this.padding = '';
|
|
17
|
+
this.lastChildIsDown = false;
|
|
17
18
|
this.halfMarginChild = '';
|
|
18
19
|
this.nbChildsClass = '';
|
|
19
20
|
}
|
|
20
21
|
ngOnInit() {
|
|
21
|
-
this.id = 'row-' + Math.floor(Math.random() *
|
|
22
|
+
this.id = 'row-' + Math.floor(Math.random() * 100000);
|
|
22
23
|
if (this.marginChild) {
|
|
23
24
|
this.halfMarginChild = parseInt(this.marginChild) / 2 + 'px';
|
|
24
25
|
}
|
|
@@ -71,10 +72,10 @@ export class RowComponent {
|
|
|
71
72
|
}
|
|
72
73
|
}
|
|
73
74
|
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 });
|
|
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 });
|
|
75
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
76
77
|
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" }]
|
|
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" }]
|
|
78
79
|
}], propDecorators: { position: [{
|
|
79
80
|
type: Input
|
|
80
81
|
}], width: [{
|
|
@@ -97,6 +98,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
97
98
|
type: Input
|
|
98
99
|
}], padding: [{
|
|
99
100
|
type: Input
|
|
101
|
+
}], lastChildIsDown: [{
|
|
102
|
+
type: Input
|
|
100
103
|
}], container: [{
|
|
101
104
|
type: ViewChild,
|
|
102
105
|
args: [`container`]
|
|
@@ -104,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
104
107
|
type: HostListener,
|
|
105
108
|
args: ['window:resize', ['$event']]
|
|
106
109
|
}] } });
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sWUFBWTtJQUx6QjtRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFDUixXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQU1yQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2Qix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRTNCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFFckIsa0JBQWEsR0FBRyxFQUFFLENBQUM7S0F3RHBCO0lBdERDLFFBQVE7UUFDTixJQUFJLENBQUMsRUFBRSxHQUFHLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQztRQUN0RCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7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V0FBVztzQkFEVixLQUFLO2dCQUdOLGtCQUFrQjtzQkFEakIsS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBR04sT0FBTztzQkFETixLQUFLO2dCQUdOLGVBQWU7c0JBRGQsS0FBSztnQkFHa0IsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXO2dCQTZCdEIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENvbXBvbmVudCwgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtcm93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUm93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KClcbiAgcG9zaXRpb246ICd0b3AtbGVmdCd8J3RvcC1taWRkbGUnfCd0b3AtcmlnaHQnfCdtaWRkbGUtbGVmdCd8J21pZGRsZS1taWRkbGUnfCdtaWRkbGUtcmlnaHQnfCdib3R0b20tbGVmdCd8J2JvdHRvbS1taWRkbGUnfCdib3R0b20tcmlnaHQnfCdzdHJldGNoLWxlZnQnfCdzdHJldGNoLW1pZGRsZSd8J3N0cmV0Y2gtcmlnaHQnO1xuICBpZCA9ICcnO1xuICBjaGlsZHMgPSAwO1xuICBjbGFzc1dpZHRoID0gJyc7XG4gIHJlc3BvbnNpdmVDbGFzcyA9ICcnO1xuICBASW5wdXQoKVxuICB3aWR0aDogc3RyaW5nO1xuICBASW5wdXQoKVxuICBoZWlnaHQ6IHN0cmluZztcbiAgQElucHV0KClcbiAgcmVzcG9uc2l2ZUF1dG8gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgY2hpbGRyZW5zV2lkdGhBdXRvID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHZpc2liaWxpdHk6ICdtb2JpbGUtb25seSd8J3RhYmxldC1vbmx5J3wnZGVza3RvcC1vbmx5J3wndW5kZXItZGVza3RvcCd8J2Fib3ZlLW1vYmlsZSc7XG4gIEBJbnB1dCgpXG4gIG1hcmdpbkNoaWxkID0gJyc7XG4gIEBJbnB1dCgpXG4gIGFkZFdhY0Jsb2NrID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGxpbmVEaXNwbGF5Q29udGVudCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBib3JkZXIgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcGFkZGluZyA9ICcnO1xuICBASW5wdXQoKVxuICBsYXN0Q2hpbGRJc0Rvd24gPSBmYWxzZTtcbiAgaGFsZk1hcmdpbkNoaWxkID0gJyc7XG4gIEBWaWV3Q2hpbGQoYGNvbnRhaW5lcmApIGNvbnRhaW5lcjogRWxlbWVudFJlZjtcbiAgbmJDaGlsZHNDbGFzcyA9ICcnO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaWQgPSAncm93LScgKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwMDApO1xuICAgIGlmICh0aGlzLm1hcmdpbkNoaWxkKSB7XG4gICAgICB0aGlzLmhhbGZNYXJnaW5DaGlsZCA9IHBhcnNlSW50KHRoaXMubWFyZ2luQ2hpbGQpIC8gMiArICdweCc7XG4gICAgfVxuICB9XG5cbiAgcmVzcG9uc2l2ZUNvbnRyb2woc2l6ZSkge1xuICAgIGlmIChzaXplID4gMTAyNCkge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJyc7XG4gICAgfSBlbHNlIGlmIChzaXplIDw9IDQ4MCkge1xuICAgICAgdGhpcy5jbGFzc1dpZHRoID0gJ2xvdyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xhc3NXaWR0aCA9ICdtZWRpdW0nO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZVJlc3BvbnNpdmVBdXRvKHNpemUpIHtcbiAgICBpZiAoc2l6ZSA8IDUwMCkge1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ2xhc3MgPSAnbW9iaWxlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ2xhc3MgPSAnJztcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoKSB7XG4gICAgICBjb25zdCBzaXplID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICAgIHRoaXMucmVzcG9uc2l2ZUNvbnRyb2woc2l6ZSk7XG4gICAgICBpZiAodGhpcy5yZXNwb25zaXZlQXV0bykge1xuICAgICAgICB0aGlzLmhhbmRsZVJlc3BvbnNpdmVBdXRvKHNpemUpO1xuICAgICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jaGlsZHMgPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LmNoaWxkRWxlbWVudENvdW50O1xuICAgICAgaWYgKHRoaXMud2lkdGgpIHtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkucGFyZW50RWxlbWVudC5zdHlsZS5tYXhXaWR0aCA9IHRoaXMud2lkdGg7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5oZWlnaHQpIHtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkucGFyZW50RWxlbWVudC5zdHlsZS5tYXhIZWlnaHQgPSB0aGlzLmhlaWdodDtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmNoaWxkcyA+IDEgJiYgdGhpcy5tYXJnaW5DaGlsZCkge1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuY2hpbGRzOyBpKyspIHtcbiAgICAgICAgICBjb25zdCBjaGlsZDogYW55ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkuY2hpbGRyZW5baV07XG4gICAgICAgICAgY2hpbGQuc3R5bGUubWFyZ2luTGVmdCA9IHRoaXMuaGFsZk1hcmdpbkNoaWxkO1xuICAgICAgICAgIGNoaWxkLnN0eWxlLm1hcmdpblJpZ2h0ID0gdGhpcy5oYWxmTWFyZ2luQ2hpbGQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXMubmJDaGlsZHNDbGFzcyA9ICduYi1jaGlsZC0nICsgdGhpcy5jaGlsZHM7XG4gICAgICB0aGlzLm9uUmVzaXplKCk7XG4gICAgfSwgMSk7XG4gIH1cbn1cbiIsIjxkaXYgW25nU3R5bGVdPVwieydwYWRkaW5nJzogcGFkZGluZywndHJhbnNmb3JtJzogKGNoaWxkcyA+IDEgPyAndHJhbnNsYXRlWCgtJyArIGhhbGZNYXJnaW5DaGlsZCArICcpJyA6ICd3cm9uZycpLCAnd2lkdGgnOiAoY2hpbGRzID4gMSA/ICdjYWxjKDEwMCUgKyAnICsgbWFyZ2luQ2hpbGQgICsgJyknIDogJ3dyb25nJyl9XCIgY2xhc3M9XCJ3YWMtcm93IHt7IGFkZFdhY0Jsb2NrID8gJ3doaXRlLWJsb2NrJyA6ICcnIH19IHt7IGxpbmVEaXNwbGF5Q29udGVudCA/ICdkaXJlY3Rpb24tY29sdW1uJyA6ICcnIH19IHt7IGJvcmRlciA/ICd3aXRoLWJvcmRlcicgOiAnJyB9fSB7eyBsYXN0Q2hpbGRJc0Rvd24gPyAnbGFzdC1jaGlsZC1kb3duJyA6ICcnIH19IHt7IGNoaWxkcmVuc1dpZHRoQXV0byA/ICdjaGlsZHJlbnMtd2lkdGgtYXV0bycgOiAnJyB9fSB7eyBwb3NpdGlvbiA/IHBvc2l0aW9uIDogJycgfX0ge3sgdmlzaWJpbGl0eSA/IHZpc2liaWxpdHkgOiAnJyB9fSB7eyByZXNwb25zaXZlQ2xhc3MgPyByZXNwb25zaXZlQ2xhc3MgOiAnJyB9fSB7e25iQ2hpbGRzQ2xhc3N9fSB7e2NsYXNzV2lkdGh9fVwiICNjb250YWluZXIgW25nQ2xhc3NdPVwie1xuICAnbXVsdGlwbGUtY2hpbGQnOiBjaGlsZHMgPiAzLFxuICAnZml2ZS1vci1tb3JlLWNoaWxkJzogY2hpbGRzID4gNCxcbiAgJ2Fsb25lJzogY2hpbGRzID09PSAxXG59XCIgW2lkXT1cImlkXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -5945,11 +5945,12 @@ class RowComponent {
|
|
|
5945
5945
|
this.lineDisplayContent = false;
|
|
5946
5946
|
this.border = false;
|
|
5947
5947
|
this.padding = '';
|
|
5948
|
+
this.lastChildIsDown = false;
|
|
5948
5949
|
this.halfMarginChild = '';
|
|
5949
5950
|
this.nbChildsClass = '';
|
|
5950
5951
|
}
|
|
5951
5952
|
ngOnInit() {
|
|
5952
|
-
this.id = 'row-' + Math.floor(Math.random() *
|
|
5953
|
+
this.id = 'row-' + Math.floor(Math.random() * 100000);
|
|
5953
5954
|
if (this.marginChild) {
|
|
5954
5955
|
this.halfMarginChild = parseInt(this.marginChild) / 2 + 'px';
|
|
5955
5956
|
}
|
|
@@ -6002,10 +6003,10 @@ class RowComponent {
|
|
|
6002
6003
|
}
|
|
6003
6004
|
}
|
|
6004
6005
|
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 });
|
|
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 });
|
|
6006
6007
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
|
|
6007
6008
|
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" }]
|
|
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" }]
|
|
6009
6010
|
}], propDecorators: { position: [{
|
|
6010
6011
|
type: Input
|
|
6011
6012
|
}], width: [{
|
|
@@ -6028,6 +6029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6028
6029
|
type: Input
|
|
6029
6030
|
}], padding: [{
|
|
6030
6031
|
type: Input
|
|
6032
|
+
}], lastChildIsDown: [{
|
|
6033
|
+
type: Input
|
|
6031
6034
|
}], container: [{
|
|
6032
6035
|
type: ViewChild,
|
|
6033
6036
|
args: [`container`]
|