@wizishop/angular-components 15.1.27 → 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.
Files changed (10) hide show
  1. package/angular-components.scss +278 -65
  2. package/esm2020/lib/components/card-price/card-price.component.mjs +9 -3
  3. package/fesm2015/wizishop-angular-components.mjs +8 -2
  4. package/fesm2015/wizishop-angular-components.mjs.map +1 -1
  5. package/fesm2020/wizishop-angular-components.mjs +8 -2
  6. package/fesm2020/wizishop-angular-components.mjs.map +1 -1
  7. package/lib/components/card-price/card-price.component.d.ts +3 -1
  8. package/package.json +1 -1
  9. package/wizishop-angular-components-15.1.28.tgz +0 -0
  10. package/wizishop-angular-components-15.1.27.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(40);
2655
- line-height: rem(47);
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 -5px;
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: calc(100% - 20px);
2881
+ width: 100%;
2676
2882
  position: absolute;
2677
2883
  text-align: center;
2678
- border-radius: 3px;
2679
- padding: 10px;
2884
+ border-radius: 3px 3px 0 0;
2885
+ padding: 6px;
2680
2886
  letter-spacing: 0px;
2681
- text-transform: uppercase;
2682
- font-size: rem(18);
2887
+ text-transform: none;
2888
+ font-size: rem(14);
2683
2889
  font-weight: 600;
2684
2890
  color: $wac-white;
2685
- margin: 10px;
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);
@@ -4670,35 +4883,7 @@ wac-calendar {
4670
4883
  border-radius: 3px;
4671
4884
  }
4672
4885
  }
4673
- wac-optional-disable-container {
4674
- position: relative;
4675
- .wac-optional-disable-container {
4676
- &__disabledSection {
4677
- display: block;
4678
- position: absolute;
4679
- top: 0;
4680
- left: 0;
4681
- width: 100%;
4682
- height: 100%;
4683
- z-index: 9999;
4684
- border-radius: 3px;
4685
- cursor: not-allowed;
4686
-
4687
- &:before {
4688
- display: block;
4689
- position: absolute;
4690
- top: 0;
4691
- left: 0;
4692
- width: 100%;
4693
- height: 100%;
4694
- content: '';
4695
- background-color: $wac-gray-background;
4696
- opacity: 0.5;
4697
- pointer-events: none;
4698
- }
4699
- }
4700
- }
4701
- }.wac-multiple-search-plus {
4886
+ .wac-multiple-search-plus {
4702
4887
 
4703
4888
  &.disabled {
4704
4889
  pointer-events: none;
@@ -5033,7 +5218,35 @@ wac-optional-disable-container {
5033
5218
  .wac-table__body__loader + div {
5034
5219
  display: none;
5035
5220
  }
5036
- .wac-pagination {
5221
+ wac-optional-disable-container {
5222
+ position: relative;
5223
+ .wac-optional-disable-container {
5224
+ &__disabledSection {
5225
+ display: block;
5226
+ position: absolute;
5227
+ top: 0;
5228
+ left: 0;
5229
+ width: 100%;
5230
+ height: 100%;
5231
+ z-index: 9999;
5232
+ border-radius: 3px;
5233
+ cursor: not-allowed;
5234
+
5235
+ &:before {
5236
+ display: block;
5237
+ position: absolute;
5238
+ top: 0;
5239
+ left: 0;
5240
+ width: 100%;
5241
+ height: 100%;
5242
+ content: '';
5243
+ background-color: $wac-gray-background;
5244
+ opacity: 0.5;
5245
+ pointer-events: none;
5246
+ }
5247
+ }
5248
+ }
5249
+ }.wac-pagination {
5037
5250
  width: 100%;
5038
5251
 
5039
5252
  &__wrapper {
@@ -6926,6 +7139,30 @@ wac-optional-disable-container {
6926
7139
  }
6927
7140
  }
6928
7141
  }
7142
+ .wac-token-check {
7143
+ display: inline-block;
7144
+ position: relative;
7145
+ padding: 11px 20px;
7146
+ border-style: solid;
7147
+ border-width: 1px;
7148
+ border-radius: 3px;
7149
+ box-sizing: border-box;
7150
+ border-color: $wac-border-light;
7151
+ font-size: 14px;
7152
+ line-height: 16px;
7153
+ font-weight: 400;
7154
+ > span:nth-child(2){
7155
+ font-weight: 600;
7156
+ }
7157
+ > strong {
7158
+ font-weight: 400;
7159
+ }
7160
+ > span {
7161
+ &.warning {
7162
+ color: $wac-primary-button;
7163
+ }
7164
+ }
7165
+ }
6929
7166
  span.wac-tooltip {
6930
7167
  position: relative;
6931
7168
  padding: 0.5rem;
@@ -7197,30 +7434,6 @@ span.wac-tooltip {
7197
7434
  }
7198
7435
  }
7199
7436
  }
7200
- .wac-token-check {
7201
- display: inline-block;
7202
- position: relative;
7203
- padding: 11px 20px;
7204
- border-style: solid;
7205
- border-width: 1px;
7206
- border-radius: 3px;
7207
- box-sizing: border-box;
7208
- border-color: $wac-border-light;
7209
- font-size: 14px;
7210
- line-height: 16px;
7211
- font-weight: 400;
7212
- > span:nth-child(2){
7213
- font-weight: 600;
7214
- }
7215
- > strong {
7216
- font-weight: 400;
7217
- }
7218
- > span {
7219
- &.warning {
7220
- color: $wac-primary-button;
7221
- }
7222
- }
7223
- }
7224
7437
  .wac-block__title {
7225
7438
  text-transform: none;
7226
7439
  font-size: rem(16);
package/esm2020/lib/components/card-price/card-price.component.mjs CHANGED
@@ -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 [style]=\"promo ? 'margin-top: 50px' : ''\">{{amount}}</strong>\n <p>{{title}}</p>\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"] }] });
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 [style]=\"promo ? 'margin-top: 50px' : ''\">{{amount}}</strong>\n <p>{{title}}</p>\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" }]
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBNEQ3QjtRQWhEQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBOEJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBcEVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHFsQkNOL0IseTNDQXdCQTsyRkRsQmEsa0JBQWtCO2tCQUo5QixTQUFTOytCQUNFLGdCQUFnQjswRUFNMUIsTUFBTTtzQkFETCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb21vOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ0bkxhYmVsU2VsZWN0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhY2thZ2VTdWJ0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmtQYWNrYWdlTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaXN0RmVhdHVyZXM6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnRuVGV4dGNvbG9yID0gJyNmZmZmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3NlcyA9ICdpcy1zdWNjZXNzJztcblxuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXNTZWxlY3RlZCA9ICdpcy1zdWNjZXNzIGlzLW91dGxpbmVkJztcblxuICBASW5wdXQoKVxuICBoaWRlQnV0dG9uID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjb25maXJtOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICB0cmlnZ2VyQ2xpY2soKSB7XG4gICAgdGhpcy5jb25maXJtLmVtaXQodHJ1ZSk7XG4gIH1cblxuICByZW1vdmVQYWNrYWdlVHJpZ2dlcigpIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KHRydWUpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtY2FyZC1wcmljZVwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBzZWxlY3RlZH1cIj5cbiAgPGRpdiBjbGFzcz1cInByb21vXCIgKm5nSWY9XCJwcm9tb1wiPlxuICAgICAgPHAgW2lubmVySFRNTF09XCJwcm9tb1wiPjwvcD5cbiAgPC9kaXY+XG4gIDxzdHJvbmcgW3N0eWxlXT1cInByb21vID8gJ21hcmdpbi10b3A6IDUwcHgnIDogJydcIj57e2Ftb3VudH19PC9zdHJvbmc+XG4gIDxwPnt7dGl0bGV9fTwvcD5cbiAgPGRpdiBjbGFzcz1cInByaWNlXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJhbW91bnRcIj57e3ByaWNlfX0gPHNwYW4+e3tjdXJyZW5jeX19PC9zcGFuPjwvc3Bhbj48c3BhbiBjbGFzcz1cIm1vbnRoXCIgW2lubmVySFRNTF09XCJwcmljZVdvcmRpbmdcIj48L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj57e3N1YnRpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpc3QtZmVhdHVyZXNcIiAqbmdJZj1cImxpc3RGZWF0dXJlc1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGZlYXQgb2YgbGlzdEZlYXR1cmVzO1wiIGNsYXNzPVwibGlzdC1mZWF0dXJlc19faXRlbVwiPjxzcGFuPnt7ZmVhdH19PC9zcGFuPjwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImN0YVwiICpuZ0lmPVwiIXNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2xhYmVsXT1cImJ0bkxhYmVsXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNcIiAoY2xpY2spPVwidHJpZ2dlckNsaWNrKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCIgW3RleHRjb2xvcl09XCJidG5UZXh0Y29sb3JcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCJzZWxlY3RlZCAmJiAhaGlkZUJ1dHRvblwiPlxuICAgIDx3YWMtYnV0dG9uIFtub1BhZGRpbmddPVwidHJ1ZVwiIFtpY29uXT1cIidmYS1zb2xpZCBmYS1jaGVjaydcIiBbbGFiZWxdPVwiYnRuTGFiZWxTZWxlY3RlZFwiIFtleHRyYUNsYXNzZXNdPVwiZXh0cmFDbGFzc2VzU2VsZWN0ZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCI+PC93YWMtYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBhY2thZ2Utc3VidGl0bGVcIiAqbmdJZj1cInNlbGVjdGVkXCI+e3twYWNrYWdlU3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibGluay1ib3R0b21cIiAqbmdJZj1cImxpbmtQYWNrYWdlTGFiZWxcIj5cbiAgICA8d2FjLWxpbmsgKGNsaWNrKT1cInJlbW92ZVBhY2thZ2VUcmlnZ2VyKClcIj57e2xpbmtQYWNrYWdlTGFiZWx9fTwvd2FjLWxpbms+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
76
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBa0U3QjtRQXREQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBOEJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRUEsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVoRCxDQUFDO0lBRWpCLFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7OytHQTFFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpb0JDTi9CLDQzQ0F1QkE7MkZEakJhLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSxnQkFBZ0I7MEVBTTFCLE1BQU07c0JBREwsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sb0JBQW9CO3NCQURuQixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb21vOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ0bkxhYmVsU2VsZWN0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhY2thZ2VTdWJ0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmtQYWNrYWdlTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaXN0RmVhdHVyZXM6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnRuVGV4dGNvbG9yID0gJyNmZmZmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3NlcyA9ICdpcy1zdWNjZXNzJztcblxuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXNTZWxlY3RlZCA9ICdpcy1zdWNjZXNzIGlzLW91dGxpbmVkJztcblxuICBASW5wdXQoKVxuICBoaWRlQnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZGFya01vZGUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBpc0V2b2x1cCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY29uZmlybTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjYW5jZWw6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgdHJpZ2dlckNsaWNrKCkge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KHRydWUpO1xuICB9XG5cbiAgcmVtb3ZlUGFja2FnZVRyaWdnZXIoKSB7XG4gICAgdGhpcy5jYW5jZWwuZW1pdCh0cnVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwid2FjLWNhcmQtcHJpY2VcIiBbbmdDbGFzc109XCJ7J3NlbGVjdGVkJzogc2VsZWN0ZWQsICdpcy1ldm9sdXAnOiBpc0V2b2x1cCwgJ2lzLWRhcmsnOiBkYXJrTW9kZX1cIj5cbiAgPGRpdiBjbGFzcz1cInByb21vXCIgKm5nSWY9XCJwcm9tb1wiPlxuICAgICAgPHAgW2lubmVySFRNTF09XCJwcm9tb1wiPjwvcD5cbiAgPC9kaXY+XG4gIDxzdHJvbmc+e3thbW91bnR9fSA8c3Bhbj57e3RpdGxlfX08L3NwYW4+PC9zdHJvbmc+XG4gIDxkaXYgY2xhc3M9XCJwcmljZVwiPlxuICAgIDxzcGFuIGNsYXNzPVwiYW1vdW50XCI+e3twcmljZX19IDxzcGFuPnt7Y3VycmVuY3l9fTwvc3Bhbj48L3NwYW4+PHNwYW4gY2xhc3M9XCJtb250aFwiIFtpbm5lckhUTUxdPVwicHJpY2VXb3JkaW5nXCI+PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzdWJ0aXRsZX19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJsaXN0LWZlYXR1cmVzXCIgKm5nSWY9XCJsaXN0RmVhdHVyZXNcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmZWF0IG9mIGxpc3RGZWF0dXJlcztcIiBjbGFzcz1cImxpc3QtZmVhdHVyZXNfX2l0ZW1cIj48c3Bhbj57e2ZlYXR9fTwvc3Bhbj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdGFcIiAqbmdJZj1cIiFzZWxlY3RlZCAmJiAhaGlkZUJ1dHRvblwiPlxuICAgIDx3YWMtYnV0dG9uIFtub1BhZGRpbmddPVwidHJ1ZVwiIFtsYWJlbF09XCJidG5MYWJlbFwiIFtleHRyYUNsYXNzZXNdPVwiZXh0cmFDbGFzc2VzXCIgKGNsaWNrKT1cInRyaWdnZXJDbGljaygpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3doaXRlU3BhY2VOb3dyYXBdPVwidHJ1ZVwiIFt0ZXh0Y29sb3JdPVwiYnRuVGV4dGNvbG9yXCI+PC93YWMtYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImN0YVwiICpuZ0lmPVwic2VsZWN0ZWQgJiYgIWhpZGVCdXR0b25cIj5cbiAgICA8d2FjLWJ1dHRvbiBbbm9QYWRkaW5nXT1cInRydWVcIiBbaWNvbl09XCInZmEtc29saWQgZmEtY2hlY2snXCIgW2xhYmVsXT1cImJ0bkxhYmVsU2VsZWN0ZWRcIiBbZXh0cmFDbGFzc2VzXT1cImV4dHJhQ2xhc3Nlc1NlbGVjdGVkXCIgW3doaXRlU3BhY2VOb3dyYXBdPVwidHJ1ZVwiPjwvd2FjLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwYWNrYWdlLXN1YnRpdGxlXCIgKm5nSWY9XCJzZWxlY3RlZFwiPnt7cGFja2FnZVN1YnRpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpbmstYm90dG9tXCIgKm5nSWY9XCJsaW5rUGFja2FnZUxhYmVsXCI+XG4gICAgPHdhYy1saW5rIChjbGljayk9XCJyZW1vdmVQYWNrYWdlVHJpZ2dlcigpXCI+e3tsaW5rUGFja2FnZUxhYmVsfX08L3dhYy1saW5rPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
package/fesm2015/wizishop-angular-components.mjs CHANGED
@@ -5201,6 +5201,8 @@ class CardPriceComponent {
5201
5201
  this.extraClasses = 'is-success';
5202
5202
  this.extraClassesSelected = 'is-success is-outlined';
5203
5203
  this.hideButton = false;
5204
+ this.darkMode = false;
5205
+ this.isEvolup = false;
5204
5206
  this.confirm = new EventEmitter();
5205
5207
  this.cancel = new EventEmitter();
5206
5208
  }
@@ -5212,10 +5214,10 @@ class CardPriceComponent {
5212
5214
  }
5213
5215
  }
5214
5216
  CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5215
- 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 [style]=\"promo ? 'margin-top: 50px' : ''\">{{amount}}</strong>\n <p>{{title}}</p>\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"] }] });
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"] }] });
5216
5218
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
5217
5219
  type: Component,
5218
- 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 [style]=\"promo ? 'margin-top: 50px' : ''\">{{amount}}</strong>\n <p>{{title}}</p>\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" }]
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" }]
5219
5221
  }], ctorParameters: function () { return []; }, propDecorators: { amount: [{
5220
5222
  type: Input
5221
5223
  }], promo: [{
@@ -5252,6 +5254,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
5252
5254
  type: Input
5253
5255
  }], hideButton: [{
5254
5256
  type: Input
5257
+ }], darkMode: [{
5258
+ type: Input
5259
+ }], isEvolup: [{
5260
+ type: Input
5255
5261
  }], confirm: [{
5256
5262
  type: Output
5257
5263
  }], cancel: [{