@wizishop/angular-components 15.1.26 → 15.1.28
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 +224 -11
- package/esm2020/lib/components/card-price/card-price.component.mjs +9 -3
- package/esm2020/lib/components/free-popin/free-popin.component.mjs +4 -1
- package/fesm2015/wizishop-angular-components.mjs +11 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +11 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/card-price/card-price.component.d.ts +3 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.28.tgz +0 -0
- package/wizishop-angular-components-15.1.26.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -124,6 +124,11 @@ $wac-google-preview-title: #1A0DAB!default;
|
|
|
124
124
|
$wac-google-preview-description: #4D5156!default;
|
|
125
125
|
$wac-charging-bar-background: #E1E6EA!default;
|
|
126
126
|
$wac-link-active: #38A3F1!default;
|
|
127
|
+
$wac-evolup-green: #59D0CF!default;
|
|
128
|
+
$wac-evolup-green-darken: darken(#59D0CF, 15%)!default;
|
|
129
|
+
$wac-evolup-green-focus: darken(#59D0CF, 15%)!default;
|
|
130
|
+
$wac-evolup-green-opacity: lighten(#59D0CF, 30%)!default;
|
|
131
|
+
$wac-evolup-blue: #132C58!default;
|
|
127
132
|
.zindexToggle {
|
|
128
133
|
z-index: 9!important;
|
|
129
134
|
position: relative;
|
|
@@ -818,6 +823,20 @@ wac-block {
|
|
|
818
823
|
}
|
|
819
824
|
}
|
|
820
825
|
}
|
|
826
|
+
&.is-evolup.opacity {
|
|
827
|
+
background-color: $wac-evolup-green-opacity;
|
|
828
|
+
border-color: transparent!important;
|
|
829
|
+
transition: .3s;
|
|
830
|
+
i {
|
|
831
|
+
color: $wac-evolup-green;
|
|
832
|
+
}
|
|
833
|
+
&:hover, &:focus {
|
|
834
|
+
background-color: $wac-evolup-green;
|
|
835
|
+
i {
|
|
836
|
+
color: $wac-white;
|
|
837
|
+
}
|
|
838
|
+
}
|
|
839
|
+
}
|
|
821
840
|
|
|
822
841
|
&.static-width {
|
|
823
842
|
width: 40px;
|
|
@@ -1774,6 +1793,121 @@ wac-block {
|
|
|
1774
1793
|
}
|
|
1775
1794
|
}
|
|
1776
1795
|
|
|
1796
|
+
&.is-evolup {
|
|
1797
|
+
background-color: $wac-evolup-green;
|
|
1798
|
+
border-color: $wac-evolup-green;
|
|
1799
|
+
transition: background-color 0.3s ease-in-out;
|
|
1800
|
+
|
|
1801
|
+
.wac-button__loader {
|
|
1802
|
+
background-color: $wac-evolup-green-darken;
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
.wac-button__tooltips {
|
|
1806
|
+
background-color: $wac-evolup-green-darken!important;
|
|
1807
|
+
color: $wac-white!important;
|
|
1808
|
+
&.right {
|
|
1809
|
+
&:before {
|
|
1810
|
+
border-color: transparent $wac-evolup-green-darken transparent transparent;
|
|
1811
|
+
}
|
|
1812
|
+
}
|
|
1813
|
+
|
|
1814
|
+
&.left {
|
|
1815
|
+
&:before {
|
|
1816
|
+
border-color: transparent transparent transparent $wac-evolup-green-darken;
|
|
1817
|
+
}
|
|
1818
|
+
}
|
|
1819
|
+
|
|
1820
|
+
&.top-center {
|
|
1821
|
+
&:before {
|
|
1822
|
+
border-color: $wac-evolup-green-darken transparent transparent transparent;
|
|
1823
|
+
}
|
|
1824
|
+
}
|
|
1825
|
+
|
|
1826
|
+
&.top-right {
|
|
1827
|
+
&:before {
|
|
1828
|
+
border-color: $wac-evolup-green-darken transparent transparent transparent;
|
|
1829
|
+
}
|
|
1830
|
+
}
|
|
1831
|
+
|
|
1832
|
+
&.top-left {
|
|
1833
|
+
&:before {
|
|
1834
|
+
border-color: $wac-evolup-green-darken transparent transparent transparent;
|
|
1835
|
+
}
|
|
1836
|
+
}
|
|
1837
|
+
|
|
1838
|
+
&.bottom-center {
|
|
1839
|
+
&:before {
|
|
1840
|
+
border-color: transparent transparent $wac-evolup-green-darken transparent;
|
|
1841
|
+
}
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
&.bottom-right {
|
|
1845
|
+
&:before {
|
|
1846
|
+
border-color: transparent transparent $wac-evolup-green-darken transparent;
|
|
1847
|
+
}
|
|
1848
|
+
}
|
|
1849
|
+
|
|
1850
|
+
&.bottom-left {
|
|
1851
|
+
&:before {
|
|
1852
|
+
border-color: transparent transparent $wac-evolup-green-darken transparent;
|
|
1853
|
+
}
|
|
1854
|
+
}
|
|
1855
|
+
}
|
|
1856
|
+
|
|
1857
|
+
&:hover,
|
|
1858
|
+
&.hover {
|
|
1859
|
+
background-color: $wac-evolup-green-darken;
|
|
1860
|
+
border-color: $wac-evolup-green-darken;
|
|
1861
|
+
transition: background-color 0.3s ease-in-out;
|
|
1862
|
+
}
|
|
1863
|
+
|
|
1864
|
+
&:focus,
|
|
1865
|
+
&.focus {
|
|
1866
|
+
background-color: $wac-evolup-green-focus;
|
|
1867
|
+
border-color: $wac-evolup-green-focus;
|
|
1868
|
+
transition: background-color 0.3s ease-in-out;
|
|
1869
|
+
}
|
|
1870
|
+
|
|
1871
|
+
&.is-outlined {
|
|
1872
|
+
background-color: transparent;
|
|
1873
|
+
border-color: $wac-evolup-green;
|
|
1874
|
+
|
|
1875
|
+
.wac-button__wrapper, .wac-button__animation {
|
|
1876
|
+
color: $wac-evolup-green;
|
|
1877
|
+
transition: color 0.3s ease-in-out;
|
|
1878
|
+
}
|
|
1879
|
+
|
|
1880
|
+
&:hover,
|
|
1881
|
+
&.hover {
|
|
1882
|
+
background-color: $wac-evolup-green;
|
|
1883
|
+
border-color: $wac-evolup-green;
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
&:focus,
|
|
1887
|
+
&.focus {
|
|
1888
|
+
background-color: $wac-evolup-green-focus;
|
|
1889
|
+
border-color: $wac-evolup-green-focus;
|
|
1890
|
+
transition: background-color 0.3s ease-in-out;
|
|
1891
|
+
}
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
&.is-loading {
|
|
1895
|
+
&:hover,
|
|
1896
|
+
&.hover {
|
|
1897
|
+
background-color: $wac-evolup-green;
|
|
1898
|
+
transition: background-color 0.3s ease-in-out;
|
|
1899
|
+
}
|
|
1900
|
+
}
|
|
1901
|
+
&.opacity {
|
|
1902
|
+
background-color: $wac-green-opacity;
|
|
1903
|
+
border-color: transparent!important;
|
|
1904
|
+
&:hover, &:focus {
|
|
1905
|
+
background-color: $wac-evolup-green;
|
|
1906
|
+
border-color: $wac-evolup-green;
|
|
1907
|
+
}
|
|
1908
|
+
}
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1777
1911
|
&.is-light {
|
|
1778
1912
|
background-color: transparent;
|
|
1779
1913
|
border-color: $wac-border-color;
|
|
@@ -1876,6 +2010,17 @@ wac-block {
|
|
|
1876
2010
|
}
|
|
1877
2011
|
}
|
|
1878
2012
|
|
|
2013
|
+
&.is-evolup {
|
|
2014
|
+
i {
|
|
2015
|
+
color: $wac-evolup-green!important;
|
|
2016
|
+
}
|
|
2017
|
+
&:hover, &:focus {
|
|
2018
|
+
i {
|
|
2019
|
+
color: $wac-white!important;
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
}
|
|
2023
|
+
|
|
1879
2024
|
&.is-danger {
|
|
1880
2025
|
i {
|
|
1881
2026
|
color: $wac-primary-button!important;
|
|
@@ -2634,6 +2779,60 @@ wac-calendar {
|
|
|
2634
2779
|
border: 1px solid $wac-tag-success;
|
|
2635
2780
|
}
|
|
2636
2781
|
|
|
2782
|
+
&.is-dark {
|
|
2783
|
+
background-color: $wac-main-text;
|
|
2784
|
+
> strong, > p, .wac-link, .list-features__item {
|
|
2785
|
+
color: $wac-white;
|
|
2786
|
+
}
|
|
2787
|
+
.subtitle, .package-subtitle {
|
|
2788
|
+
color: $wac-white;
|
|
2789
|
+
opacity: .6;
|
|
2790
|
+
}
|
|
2791
|
+
.wac-link {
|
|
2792
|
+
&:before {
|
|
2793
|
+
background-color: $wac-white;
|
|
2794
|
+
}
|
|
2795
|
+
}
|
|
2796
|
+
&.is-evolup {
|
|
2797
|
+
background-color: $wac-evolup-blue;
|
|
2798
|
+
}
|
|
2799
|
+
}
|
|
2800
|
+
|
|
2801
|
+
&.is-evolup {
|
|
2802
|
+
.promo {
|
|
2803
|
+
background-color: $wac-evolup-green;
|
|
2804
|
+
}
|
|
2805
|
+
.price {
|
|
2806
|
+
color: $wac-evolup-green;
|
|
2807
|
+
}
|
|
2808
|
+
.wac-button {
|
|
2809
|
+
&:not(.is-outlined) {
|
|
2810
|
+
background-color: $wac-evolup-green;
|
|
2811
|
+
border-color: $wac-evolup-green;
|
|
2812
|
+
}
|
|
2813
|
+
&.is-outlined {
|
|
2814
|
+
border-color: $wac-evolup-green;
|
|
2815
|
+
.wac-button__wrapper {
|
|
2816
|
+
color: $wac-evolup-green;
|
|
2817
|
+
i {
|
|
2818
|
+
color: $wac-evolup-green;
|
|
2819
|
+
}
|
|
2820
|
+
}
|
|
2821
|
+
&:hover, &:focus {
|
|
2822
|
+
.wac-button__wrapper {
|
|
2823
|
+
color: $wac-white;
|
|
2824
|
+
i {
|
|
2825
|
+
color: $wac-white;
|
|
2826
|
+
}
|
|
2827
|
+
}
|
|
2828
|
+
}
|
|
2829
|
+
}
|
|
2830
|
+
&:hover, &:focus {
|
|
2831
|
+
background-color: darken($wac-evolup-green, 15%);
|
|
2832
|
+
}
|
|
2833
|
+
}
|
|
2834
|
+
}
|
|
2835
|
+
|
|
2637
2836
|
&:hover {
|
|
2638
2837
|
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
2639
2838
|
}
|
|
@@ -2651,13 +2850,20 @@ wac-calendar {
|
|
|
2651
2850
|
}
|
|
2652
2851
|
|
|
2653
2852
|
> strong {
|
|
2654
|
-
font-size: rem(
|
|
2655
|
-
line-height:
|
|
2853
|
+
font-size: rem(35);
|
|
2854
|
+
line-height: 1.4;
|
|
2656
2855
|
text-align: center;
|
|
2657
|
-
display: block;
|
|
2658
2856
|
width: 100%;
|
|
2659
2857
|
font-weight: 600;
|
|
2660
|
-
margin: 0 0
|
|
2858
|
+
margin: 0 0 20px;
|
|
2859
|
+
display: flex;
|
|
2860
|
+
justify-content: center;
|
|
2861
|
+
align-items: center;
|
|
2862
|
+
span {
|
|
2863
|
+
font-weight: 500;
|
|
2864
|
+
font-size: rem(25);
|
|
2865
|
+
margin: 0 0 0 5px;
|
|
2866
|
+
}
|
|
2661
2867
|
}
|
|
2662
2868
|
|
|
2663
2869
|
> p {
|
|
@@ -2672,19 +2878,26 @@ wac-calendar {
|
|
|
2672
2878
|
|
|
2673
2879
|
.promo {
|
|
2674
2880
|
background-color: $wac-tag-success;
|
|
2675
|
-
width:
|
|
2881
|
+
width: 100%;
|
|
2676
2882
|
position: absolute;
|
|
2677
2883
|
text-align: center;
|
|
2678
|
-
border-radius: 3px;
|
|
2679
|
-
padding:
|
|
2884
|
+
border-radius: 3px 3px 0 0;
|
|
2885
|
+
padding: 6px;
|
|
2680
2886
|
letter-spacing: 0px;
|
|
2681
|
-
text-transform:
|
|
2682
|
-
font-size: rem(
|
|
2887
|
+
text-transform: none;
|
|
2888
|
+
font-size: rem(14);
|
|
2683
2889
|
font-weight: 600;
|
|
2684
2890
|
color: $wac-white;
|
|
2685
|
-
|
|
2686
|
-
top: 0;
|
|
2891
|
+
bottom: 100%;
|
|
2687
2892
|
left: 0;
|
|
2893
|
+
display: flex;
|
|
2894
|
+
justify-content: center;
|
|
2895
|
+
align-items: center;
|
|
2896
|
+
|
|
2897
|
+
i {
|
|
2898
|
+
font-size: rem(16);
|
|
2899
|
+
margin: 0 0 10px;
|
|
2900
|
+
}
|
|
2688
2901
|
|
|
2689
2902
|
sup {
|
|
2690
2903
|
font-size: rem(9);
|
|
@@ -11,6 +11,8 @@ export class CardPriceComponent {
|
|
|
11
11
|
this.extraClasses = 'is-success';
|
|
12
12
|
this.extraClassesSelected = 'is-success is-outlined';
|
|
13
13
|
this.hideButton = false;
|
|
14
|
+
this.darkMode = false;
|
|
15
|
+
this.isEvolup = false;
|
|
14
16
|
this.confirm = new EventEmitter();
|
|
15
17
|
this.cancel = new EventEmitter();
|
|
16
18
|
}
|
|
@@ -22,10 +24,10 @@ export class CardPriceComponent {
|
|
|
22
24
|
}
|
|
23
25
|
}
|
|
24
26
|
CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", promo: "promo", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", listFeatures: "listFeatures", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong
|
|
27
|
+
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", promo: "promo", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", listFeatures: "listFeatures", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton", darkMode: "darkMode", isEvolup: "isEvolup" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected, 'is-evolup': isEvolup, 'is-dark': darkMode}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong>{{amount}} <span>{{title}}</span></strong>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"list-features\" *ngIf=\"listFeatures\">\n <div *ngFor=\"let feat of listFeatures;\" class=\"list-features__item\"><span>{{feat}}</span></div>\n </div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "component", type: i3.LinkComponent, selector: "wac-link", inputs: ["href", "tooltip", "tooltipWidth", "target", "id", "class", "fontSize"] }] });
|
|
26
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
|
|
27
29
|
type: Component,
|
|
28
|
-
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong
|
|
30
|
+
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected, 'is-evolup': isEvolup, 'is-dark': darkMode}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong>{{amount}} <span>{{title}}</span></strong>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"list-features\" *ngIf=\"listFeatures\">\n <div *ngFor=\"let feat of listFeatures;\" class=\"list-features__item\"><span>{{feat}}</span></div>\n </div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n" }]
|
|
29
31
|
}], ctorParameters: function () { return []; }, propDecorators: { amount: [{
|
|
30
32
|
type: Input
|
|
31
33
|
}], promo: [{
|
|
@@ -62,9 +64,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
62
64
|
type: Input
|
|
63
65
|
}], hideButton: [{
|
|
64
66
|
type: Input
|
|
67
|
+
}], darkMode: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], isEvolup: [{
|
|
70
|
+
type: Input
|
|
65
71
|
}], confirm: [{
|
|
66
72
|
type: Output
|
|
67
73
|
}], cancel: [{
|
|
68
74
|
type: Output
|
|
69
75
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBa0U3QjtRQXREQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBOEJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRUEsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVoRCxDQUFDO0lBRWpCLFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7OytHQTFFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpb0JDTi9CLDQzQ0F1QkE7MkZEakJhLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSxnQkFBZ0I7MEVBTTFCLE1BQU07c0JBREwsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sb0JBQW9CO3NCQURuQixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb21vOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ0bkxhYmVsU2VsZWN0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhY2thZ2VTdWJ0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmtQYWNrYWdlTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaXN0RmVhdHVyZXM6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnRuVGV4dGNvbG9yID0gJyNmZmZmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3NlcyA9ICdpcy1zdWNjZXNzJztcblxuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXNTZWxlY3RlZCA9ICdpcy1zdWNjZXNzIGlzLW91dGxpbmVkJztcblxuICBASW5wdXQoKVxuICBoaWRlQnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZGFya01vZGUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBpc0V2b2x1cCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY29uZmlybTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjYW5jZWw6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgdHJpZ2dlckNsaWNrKCkge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KHRydWUpO1xuICB9XG5cbiAgcmVtb3ZlUGFja2FnZVRyaWdnZXIoKSB7XG4gICAgdGhpcy5jYW5jZWwuZW1pdCh0cnVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwid2FjLWNhcmQtcHJpY2VcIiBbbmdDbGFzc109XCJ7J3NlbGVjdGVkJzogc2VsZWN0ZWQsICdpcy1ldm9sdXAnOiBpc0V2b2x1cCwgJ2lzLWRhcmsnOiBkYXJrTW9kZX1cIj5cbiAgPGRpdiBjbGFzcz1cInByb21vXCIgKm5nSWY9XCJwcm9tb1wiPlxuICAgICAgPHAgW2lubmVySFRNTF09XCJwcm9tb1wiPjwvcD5cbiAgPC9kaXY+XG4gIDxzdHJvbmc+e3thbW91bnR9fSA8c3Bhbj57e3RpdGxlfX08L3NwYW4+PC9zdHJvbmc+XG4gIDxkaXYgY2xhc3M9XCJwcmljZVwiPlxuICAgIDxzcGFuIGNsYXNzPVwiYW1vdW50XCI+e3twcmljZX19IDxzcGFuPnt7Y3VycmVuY3l9fTwvc3Bhbj48L3NwYW4+PHNwYW4gY2xhc3M9XCJtb250aFwiIFtpbm5lckhUTUxdPVwicHJpY2VXb3JkaW5nXCI+PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzdWJ0aXRsZX19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJsaXN0LWZlYXR1cmVzXCIgKm5nSWY9XCJsaXN0RmVhdHVyZXNcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmZWF0IG9mIGxpc3RGZWF0dXJlcztcIiBjbGFzcz1cImxpc3QtZmVhdHVyZXNfX2l0ZW1cIj48c3Bhbj57e2ZlYXR9fTwvc3Bhbj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdGFcIiAqbmdJZj1cIiFzZWxlY3RlZCAmJiAhaGlkZUJ1dHRvblwiPlxuICAgIDx3YWMtYnV0dG9uIFtub1BhZGRpbmddPVwidHJ1ZVwiIFtsYWJlbF09XCJidG5MYWJlbFwiIFtleHRyYUNsYXNzZXNdPVwiZXh0cmFDbGFzc2VzXCIgKGNsaWNrKT1cInRyaWdnZXJDbGljaygpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3doaXRlU3BhY2VOb3dyYXBdPVwidHJ1ZVwiIFt0ZXh0Y29sb3JdPVwiYnRuVGV4dGNvbG9yXCI+PC93YWMtYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImN0YVwiICpuZ0lmPVwic2VsZWN0ZWQgJiYgIWhpZGVCdXR0b25cIj5cbiAgICA8d2FjLWJ1dHRvbiBbbm9QYWRkaW5nXT1cInRydWVcIiBbaWNvbl09XCInZmEtc29saWQgZmEtY2hlY2snXCIgW2xhYmVsXT1cImJ0bkxhYmVsU2VsZWN0ZWRcIiBbZXh0cmFDbGFzc2VzXT1cImV4dHJhQ2xhc3Nlc1NlbGVjdGVkXCIgW3doaXRlU3BhY2VOb3dyYXBdPVwidHJ1ZVwiPjwvd2FjLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwYWNrYWdlLXN1YnRpdGxlXCIgKm5nSWY9XCJzZWxlY3RlZFwiPnt7cGFja2FnZVN1YnRpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpbmstYm90dG9tXCIgKm5nSWY9XCJsaW5rUGFja2FnZUxhYmVsXCI+XG4gICAgPHdhYy1saW5rIChjbGljayk9XCJyZW1vdmVQYWNrYWdlVHJpZ2dlcigpXCI+e3tsaW5rUGFja2FnZUxhYmVsfX08L3dhYy1saW5rPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -17,6 +17,9 @@ export class FreePopinComponent {
|
|
|
17
17
|
this.firstOpen = true;
|
|
18
18
|
}
|
|
19
19
|
ngOnInit() {
|
|
20
|
+
if (this.visible) {
|
|
21
|
+
this.firstOpen = false;
|
|
22
|
+
}
|
|
20
23
|
this.domService.setDocumentEventListener();
|
|
21
24
|
}
|
|
22
25
|
validatePopin() {
|
|
@@ -60,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
60
63
|
}], zIndex: [{
|
|
61
64
|
type: Input
|
|
62
65
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJlZS1wb3Bpbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ZyZWUtcG9waW4vZnJlZS1wb3Bpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ZyZWUtcG9waW4vZnJlZS1wb3Bpbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBTy9FLE1BQU0sT0FBTyxrQkFBa0I7SUEyQjdCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFuQjFDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHaEIsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBRzVCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUduQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUc5QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBR2xCLFdBQU0sR0FBVyxJQUFJLENBQUM7UUFFdEIsY0FBUyxHQUFHLElBQUksQ0FBQztJQUU2QixDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDeEI7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNILENBQUM7OytHQXREVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpVENQL0IsK3JDQXFCQTsyRkRkYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZ0JBQWdCO2lHQUsxQixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixNQUFNO2dCQUlQLFFBQVE7c0JBRFAsTUFBTTtnQkFJUCxVQUFVO3NCQURULEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2RvbS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWZyZWUtcG9waW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vZnJlZS1wb3Bpbi5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRnJlZVBvcGluQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgb2tCdXR0b25MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGtvQnV0dG9uTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICB2aXNpYmxlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZUNsb3NlT3V0c2lkZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICB2aXNpYmxlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICByZXNwb25zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICB6SW5kZXg6IG51bWJlciA9IDk5OTk7XG5cbiAgZmlyc3RPcGVuID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRvbVNlcnZpY2U6IERvbVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnZpc2libGUpIHtcbiAgICAgIHRoaXMuZmlyc3RPcGVuID0gZmFsc2U7XG4gICAgfVxuICAgIHRoaXMuZG9tU2VydmljZS5zZXREb2N1bWVudEV2ZW50TGlzdGVuZXIoKTtcbiAgfVxuXG4gIHZhbGlkYXRlUG9waW4oKSB7XG4gICAgdGhpcy5yZXNwb25zZS5lbWl0KHRydWUpO1xuICAgIHRoaXMuY2xvc2VQb3BpbigpO1xuICB9XG5cbiAgcmVmdXNlUG9waW4oKXtcbiAgICB0aGlzLnJlc3BvbnNlLmVtaXQoZmFsc2UpO1xuICAgIHRoaXMuY2xvc2VQb3BpbigpO1xuICB9XG5cbiAgY2xvc2VQb3BpbigpIHtcbiAgICBpZiAoIXRoaXMuZmlyc3RPcGVuIHx8IHRoaXMuZGlzYWJsZUNsb3NlT3V0c2lkZSkge1xuICAgICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XG4gICAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLnZpc2libGUpO1xuICAgICAgdGhpcy5maXJzdE9wZW4gPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZpcnN0T3BlbiA9IGZhbHNlO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1mcmVlLXBvcGluXCIgKm5nSWY9XCJ2aXNpYmxlXCIgW25nU3R5bGVdPVwieyd6LWluZGV4JzogekluZGV4fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtZnJlZS1wb3Bpbl9fd3JhcHBlclwiIHd6QXV0b0hpZGUgKGNsaWNrT3V0c2lkZSk9XCIhZGlzYWJsZUNsb3NlT3V0c2lkZSA/IGNsb3NlUG9waW4oKSA6ICcnXCI+XG4gICAgICA8YSBjbGFzcz1cIndhYy1mcmVlLXBvcGluX193cmFwcGVyX19idXR0b24tY2xvc2VcIiAoY2xpY2spPVwiY2xvc2VQb3BpbigpXCI+XG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLXRpbWVzXCI+PC9pPlxuICAgICAgPC9hPlxuICAgICAgPGRpdiBjbGFzcz1cIndhYy1mcmVlLXBvcGluX193cmFwcGVyX19jb250ZW50XCI+XG4gICAgICAgIDxwZXJmZWN0LXNjcm9sbGJhciBbY29uZmlnXT1cInsgc3VwcHJlc3NTY3JvbGxYOiB0cnVlIH1cIj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvcGVyZmVjdC1zY3JvbGxiYXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtZnJlZS1wb3Bpbl9fd3JhcHBlcl9fYnV0dG9uc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwid2FjLWZyZWUtcG9waW5fX3dyYXBwZXJfX2J1dHRvbnNfX2J1dHRvblwiICpuZ0lmPVwib2tCdXR0b25MYWJlbFwiPlxuICAgICAgICAgIDx3YWMtYnV0dG9uIFtleHRyYUNsYXNzZXNdPVwiJ2lzLXN1Y2Nlc3MnXCIgW2xhYmVsXT1cIm9rQnV0dG9uTGFiZWxcIiBbaGFzTG9hZGVyXT1cInRydWVcIiAoY2xpY2spPVwidmFsaWRhdGVQb3BpbigpXCI+PC93YWMtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndhYy1mcmVlLXBvcGluX193cmFwcGVyX19idXR0b25zX19idXR0b25cIiAqbmdJZj1cImtvQnV0dG9uTGFiZWxcIj5cbiAgICAgICAgICA8d2FjLWJ1dHRvbiBbZXh0cmFDbGFzc2VzXT1cIidpcy1kYW5nZXIgaXMtb3V0bGluZWQnXCIgW2xhYmVsXT1cImtvQnV0dG9uTGFiZWxcIiBbaGFzTG9hZGVyXT1cInRydWVcIiAoY2xpY2spPVwicmVmdXNlUG9waW4oKVwiPjwvd2FjLWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIndhYy1mcmVlLXBvcGluX19iYWNrZ3JvdW5kXCIgKm5nSWY9XCJiYWNrZ3JvdW5kXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4066,6 +4066,9 @@ class FreePopinComponent {
|
|
|
4066
4066
|
this.firstOpen = true;
|
|
4067
4067
|
}
|
|
4068
4068
|
ngOnInit() {
|
|
4069
|
+
if (this.visible) {
|
|
4070
|
+
this.firstOpen = false;
|
|
4071
|
+
}
|
|
4069
4072
|
this.domService.setDocumentEventListener();
|
|
4070
4073
|
}
|
|
4071
4074
|
validatePopin() {
|
|
@@ -5198,6 +5201,8 @@ class CardPriceComponent {
|
|
|
5198
5201
|
this.extraClasses = 'is-success';
|
|
5199
5202
|
this.extraClassesSelected = 'is-success is-outlined';
|
|
5200
5203
|
this.hideButton = false;
|
|
5204
|
+
this.darkMode = false;
|
|
5205
|
+
this.isEvolup = false;
|
|
5201
5206
|
this.confirm = new EventEmitter();
|
|
5202
5207
|
this.cancel = new EventEmitter();
|
|
5203
5208
|
}
|
|
@@ -5209,10 +5214,10 @@ class CardPriceComponent {
|
|
|
5209
5214
|
}
|
|
5210
5215
|
}
|
|
5211
5216
|
CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5212
|
-
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", promo: "promo", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", listFeatures: "listFeatures", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong
|
|
5217
|
+
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", promo: "promo", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", listFeatures: "listFeatures", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton", darkMode: "darkMode", isEvolup: "isEvolup" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected, 'is-evolup': isEvolup, 'is-dark': darkMode}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong>{{amount}} <span>{{title}}</span></strong>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"list-features\" *ngIf=\"listFeatures\">\n <div *ngFor=\"let feat of listFeatures;\" class=\"list-features__item\"><span>{{feat}}</span></div>\n </div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "component", type: LinkComponent, selector: "wac-link", inputs: ["href", "tooltip", "tooltipWidth", "target", "id", "class", "fontSize"] }] });
|
|
5213
5218
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
|
|
5214
5219
|
type: Component,
|
|
5215
|
-
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong
|
|
5220
|
+
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected, 'is-evolup': isEvolup, 'is-dark': darkMode}\">\n <div class=\"promo\" *ngIf=\"promo\">\n <p [innerHTML]=\"promo\"></p>\n </div>\n <strong>{{amount}} <span>{{title}}</span></strong>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"list-features\" *ngIf=\"listFeatures\">\n <div *ngFor=\"let feat of listFeatures;\" class=\"list-features__item\"><span>{{feat}}</span></div>\n </div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n" }]
|
|
5216
5221
|
}], ctorParameters: function () { return []; }, propDecorators: { amount: [{
|
|
5217
5222
|
type: Input
|
|
5218
5223
|
}], promo: [{
|
|
@@ -5249,6 +5254,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
5249
5254
|
type: Input
|
|
5250
5255
|
}], hideButton: [{
|
|
5251
5256
|
type: Input
|
|
5257
|
+
}], darkMode: [{
|
|
5258
|
+
type: Input
|
|
5259
|
+
}], isEvolup: [{
|
|
5260
|
+
type: Input
|
|
5252
5261
|
}], confirm: [{
|
|
5253
5262
|
type: Output
|
|
5254
5263
|
}], cancel: [{
|