@wizishop/angular-components 15.1.24 → 15.1.25

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 +218 -186
  2. package/esm2020/lib/components/card-price/card-price.component.mjs +5 -3
  3. package/fesm2015/wizishop-angular-components.mjs +4 -2
  4. package/fesm2015/wizishop-angular-components.mjs.map +1 -1
  5. package/fesm2020/wizishop-angular-components.mjs +4 -2
  6. package/fesm2020/wizishop-angular-components.mjs.map +1 -1
  7. package/lib/components/card-price/card-price.component.d.ts +2 -1
  8. package/package.json +1 -1
  9. package/wizishop-angular-components-15.1.25.tgz +0 -0
  10. package/wizishop-angular-components-15.1.24.tgz +0 -0
package/angular-components.scss CHANGED
@@ -485,6 +485,25 @@ $wac-link-active: #38A3F1!default;
485
485
  }
486
486
  }
487
487
  }
488
+ wac-block {
489
+ .wac-block {
490
+ background-color: $white;
491
+ @include padding(rem(30));
492
+ box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
493
+ @include simple_transition();
494
+ height: 100%;
495
+ border-radius: var(--wac-block-border-radius);
496
+
497
+ @include media('<tablet') {
498
+ @include padding(rem(20));
499
+ }
500
+
501
+ &:hover {
502
+ box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
503
+ }
504
+ }
505
+ }
506
+
488
507
  .block-with-checkbox {
489
508
  width: 100%;
490
509
  display: flex;
@@ -625,25 +644,135 @@ $wac-link-active: #38A3F1!default;
625
644
  margin-right: 0;
626
645
  }
627
646
  }
628
- wac-block {
629
- .wac-block {
630
- background-color: $white;
631
- @include padding(rem(30));
632
- box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
633
- @include simple_transition();
634
- height: 100%;
635
- border-radius: var(--wac-block-border-radius);
647
+ .wac-breadcrumbs {
648
+ width: 100%;
649
+ display: flex;
650
+ align-items: center;
651
+ padding: 0;
652
+ margin: 0 0 10px;
653
+ border-radius: 3px;
636
654
 
637
- @include media('<tablet') {
638
- @include padding(rem(20));
655
+ @include media('<tablet') {
656
+ &:not(.no-responsive) {
657
+ max-width: 100%;
658
+ overflow: hidden;
659
+ .wac-breadcrumbs {
660
+ &__wrapper {
661
+ @include media('<tablet') {
662
+ width: auto;
663
+ overflow-x: scroll;
664
+ }
665
+ }
666
+ &__item {
667
+ @include media('<tablet') {
668
+ width: auto;
669
+ min-width: unset;
670
+ max-width: unset;
671
+ .name {
672
+ white-space: nowrap;
673
+ }
674
+ }
675
+ }
676
+ }
639
677
  }
678
+ }
640
679
 
641
- &:hover {
642
- box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
680
+ &__wrapper {
681
+ width: 100%;
682
+ display: flex;
683
+ align-items: center;
684
+ }
685
+
686
+ &__item {
687
+ width: 100%;
688
+ max-width: 50%;
689
+ display: flex;
690
+ align-items: center;
691
+ justify-content: center;
692
+ position: relative;
693
+ padding: 10px;
694
+ cursor: pointer;
695
+ &:before {
696
+ content: '';
697
+ display: block;
698
+ position: absolute;
699
+ bottom: -5px;
700
+ left: 50%;
701
+ transform: translateX(-50%);
702
+ width: calc(100% - 5px);
703
+ height: 3px;
704
+ background-color: $wac-round-breadcrumbs;
705
+ }
706
+ &.current, &.valid {
707
+ &:before {
708
+ background-color: $wac-wizishop-blue;
709
+ }
710
+ &:hover, &:focus {
711
+ .round {
712
+ background-color: $wac-wizishop-blue;
713
+ border-color: $wac-wizishop-blue;
714
+ > span, > i {
715
+ color: $wac-white;
716
+ }
717
+ }
718
+ .name {
719
+ color: $wac-wizishop-blue;
720
+ }
721
+ }
722
+ }
723
+
724
+
725
+ &.current {
726
+ &:before {
727
+ height: 5px;
728
+ }
729
+ }
730
+ .round {
731
+ min-width: 30px;
732
+ height: 30px;
733
+ border-radius: 30px;
734
+ display: flex;
735
+ justify-content: center;
736
+ align-items: center;
737
+ border: 2px solid $wac-round-breadcrumbs;
738
+ background-color: $wac-round-breadcrumbs;
739
+ transition: .3s ease;
740
+ margin: 0 15px 0 0;
741
+ > span {
742
+ font-size: rem(12);
743
+ font-weight: 500;
744
+ color: $wac-second-color;
745
+ line-height: 1;
746
+ }
747
+ > i {
748
+ font-size: rem(14);
749
+ color: $wac-wizishop-blue;
750
+ }
751
+ &.valid {
752
+ background-color: transparent;
753
+ border-color: $wac-wizishop-blue;
754
+ color: $wac-wizishop-blue;
755
+ }
756
+ &.current:not(.valid) {
757
+ background-color: $wac-wizishop-blue;
758
+ border-color: $wac-wizishop-blue;
759
+ > span, > i {
760
+ color: $wac-white;
761
+ }
762
+ }
763
+ }
764
+ .name {
765
+ font-size: rem(14);
766
+ font-weight: 500;
767
+ color: $wac-second-color;
768
+ line-height: 1;
769
+ transition: .3s ease;
770
+ &.valid, &.current {
771
+ color: $wac-wizishop-blue;
772
+ }
643
773
  }
644
774
  }
645
775
  }
646
-
647
776
  .wac-button {
648
777
  @include flexbox();
649
778
  @include justify-content(center);
@@ -1923,135 +2052,6 @@ wac-block {
1923
2052
  }
1924
2053
  }
1925
2054
  }
1926
- .wac-breadcrumbs {
1927
- width: 100%;
1928
- display: flex;
1929
- align-items: center;
1930
- padding: 0;
1931
- margin: 0 0 10px;
1932
- border-radius: 3px;
1933
-
1934
- @include media('<tablet') {
1935
- &:not(.no-responsive) {
1936
- max-width: 100%;
1937
- overflow: hidden;
1938
- .wac-breadcrumbs {
1939
- &__wrapper {
1940
- @include media('<tablet') {
1941
- width: auto;
1942
- overflow-x: scroll;
1943
- }
1944
- }
1945
- &__item {
1946
- @include media('<tablet') {
1947
- width: auto;
1948
- min-width: unset;
1949
- max-width: unset;
1950
- .name {
1951
- white-space: nowrap;
1952
- }
1953
- }
1954
- }
1955
- }
1956
- }
1957
- }
1958
-
1959
- &__wrapper {
1960
- width: 100%;
1961
- display: flex;
1962
- align-items: center;
1963
- }
1964
-
1965
- &__item {
1966
- width: 100%;
1967
- max-width: 50%;
1968
- display: flex;
1969
- align-items: center;
1970
- justify-content: center;
1971
- position: relative;
1972
- padding: 10px;
1973
- cursor: pointer;
1974
- &:before {
1975
- content: '';
1976
- display: block;
1977
- position: absolute;
1978
- bottom: -5px;
1979
- left: 50%;
1980
- transform: translateX(-50%);
1981
- width: calc(100% - 5px);
1982
- height: 3px;
1983
- background-color: $wac-round-breadcrumbs;
1984
- }
1985
- &.current, &.valid {
1986
- &:before {
1987
- background-color: $wac-wizishop-blue;
1988
- }
1989
- &:hover, &:focus {
1990
- .round {
1991
- background-color: $wac-wizishop-blue;
1992
- border-color: $wac-wizishop-blue;
1993
- > span, > i {
1994
- color: $wac-white;
1995
- }
1996
- }
1997
- .name {
1998
- color: $wac-wizishop-blue;
1999
- }
2000
- }
2001
- }
2002
-
2003
-
2004
- &.current {
2005
- &:before {
2006
- height: 5px;
2007
- }
2008
- }
2009
- .round {
2010
- min-width: 30px;
2011
- height: 30px;
2012
- border-radius: 30px;
2013
- display: flex;
2014
- justify-content: center;
2015
- align-items: center;
2016
- border: 2px solid $wac-round-breadcrumbs;
2017
- background-color: $wac-round-breadcrumbs;
2018
- transition: .3s ease;
2019
- margin: 0 15px 0 0;
2020
- > span {
2021
- font-size: rem(12);
2022
- font-weight: 500;
2023
- color: $wac-second-color;
2024
- line-height: 1;
2025
- }
2026
- > i {
2027
- font-size: rem(14);
2028
- color: $wac-wizishop-blue;
2029
- }
2030
- &.valid {
2031
- background-color: transparent;
2032
- border-color: $wac-wizishop-blue;
2033
- color: $wac-wizishop-blue;
2034
- }
2035
- &.current:not(.valid) {
2036
- background-color: $wac-wizishop-blue;
2037
- border-color: $wac-wizishop-blue;
2038
- > span, > i {
2039
- color: $wac-white;
2040
- }
2041
- }
2042
- }
2043
- .name {
2044
- font-size: rem(14);
2045
- font-weight: 500;
2046
- color: $wac-second-color;
2047
- line-height: 1;
2048
- transition: .3s ease;
2049
- &.valid, &.current {
2050
- color: $wac-wizishop-blue;
2051
- }
2052
- }
2053
- }
2054
- }
2055
2055
  wac-calendar {
2056
2056
  &.ng-touched.ng-invalid {
2057
2057
  .wac-calendar__wrapper__select, .wac-calendar__wrapper__editInPlace, .wac-calendar__wrapper__select {
@@ -2750,6 +2750,38 @@ wac-calendar {
2750
2750
  justify-content: center;
2751
2751
  width: 100%;
2752
2752
  }
2753
+
2754
+ .list-features {
2755
+ width: 100%;
2756
+ margin: 0 0 30px;
2757
+ display: flex;
2758
+ flex-direction: column;
2759
+ &__item {
2760
+ width: 100%;
2761
+ display: flex;
2762
+ justify-content: center;
2763
+ overflow: hidden;
2764
+ text-overflow: ellipsis;
2765
+ font-size: rem(14);
2766
+ line-height: 1;
2767
+ position: relative;
2768
+ &:not(:last-child) {
2769
+ padding: 0 0 30px;
2770
+ position: relative;
2771
+ &:before {
2772
+ content: '';
2773
+ display: block;
2774
+ position: absolute;
2775
+ width: 100px;
2776
+ height: 1px;
2777
+ left: 50%;
2778
+ transform: translateX(-50%);
2779
+ bottom: 14.5px;
2780
+ background-color: $wac-background-indication;
2781
+ }
2782
+ }
2783
+ }
2784
+ }
2753
2785
  }
2754
2786
  .wac-charging-bar {
2755
2787
  width: 100%;
@@ -2998,6 +3030,50 @@ wac-calendar {
2998
3030
  }
2999
3031
  }
3000
3032
  }
3033
+ .wac-content-with-buttons {
3034
+ display: flex;
3035
+ align-items: center;
3036
+ width: 100%;
3037
+ @include media('<tablet') {
3038
+ margin: 0 0 20px;
3039
+ }
3040
+ &__text {
3041
+ width: 100%;
3042
+ max-width: calc(100% - 100px);
3043
+ &__count {
3044
+ margin: 0;
3045
+ width: 100%;
3046
+ display: flex;
3047
+ align-items: flex-end;
3048
+ justify-content: flex-start;
3049
+ > span {
3050
+ &:first-child {
3051
+ font-size: rem(12);
3052
+ font-style: italic;
3053
+ color: $wac-color-text-grey;
3054
+ line-height: rem(16);
3055
+ display: inline-block;
3056
+ transform: translateY(-3px);
3057
+ }
3058
+ &:last-child {
3059
+ display: inline-block;
3060
+ margin: 0 0 0 20px;
3061
+ }
3062
+ }
3063
+ }
3064
+ }
3065
+ &__cta {
3066
+ display: flex;
3067
+ align-items: center;
3068
+ width: auto;
3069
+ > div {
3070
+ margin: 0 0 0 10px;
3071
+ &:hover, &:focus {
3072
+ z-index: 2;
3073
+ }
3074
+ }
3075
+ }
3076
+ }
3001
3077
  .wac-confirm-delete {
3002
3078
  position: absolute;
3003
3079
  right: 0;
@@ -3098,50 +3174,6 @@ wac-calendar {
3098
3174
  }
3099
3175
  }
3100
3176
  }
3101
- .wac-content-with-buttons {
3102
- display: flex;
3103
- align-items: center;
3104
- width: 100%;
3105
- @include media('<tablet') {
3106
- margin: 0 0 20px;
3107
- }
3108
- &__text {
3109
- width: 100%;
3110
- max-width: calc(100% - 100px);
3111
- &__count {
3112
- margin: 0;
3113
- width: 100%;
3114
- display: flex;
3115
- align-items: flex-end;
3116
- justify-content: flex-start;
3117
- > span {
3118
- &:first-child {
3119
- font-size: rem(12);
3120
- font-style: italic;
3121
- color: $wac-color-text-grey;
3122
- line-height: rem(16);
3123
- display: inline-block;
3124
- transform: translateY(-3px);
3125
- }
3126
- &:last-child {
3127
- display: inline-block;
3128
- margin: 0 0 0 20px;
3129
- }
3130
- }
3131
- }
3132
- }
3133
- &__cta {
3134
- display: flex;
3135
- align-items: center;
3136
- width: auto;
3137
- > div {
3138
- margin: 0 0 0 10px;
3139
- &:hover, &:focus {
3140
- z-index: 2;
3141
- }
3142
- }
3143
- }
3144
- }
3145
3177
  .wac-draganddrop-list {
3146
3178
  width: 100%;
3147
3179
  background-color: $wac-white;
package/esm2020/lib/components/card-price/card-price.component.mjs CHANGED
@@ -22,10 +22,10 @@ export class CardPriceComponent {
22
22
  }
23
23
  }
24
24
  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", 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=\"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.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"] }] });
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"] }] });
26
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
27
27
  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=\"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" }]
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" }]
29
29
  }], ctorParameters: function () { return []; }, propDecorators: { amount: [{
30
30
  type: Input
31
31
  }], promo: [{
@@ -50,6 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
50
50
  type: Input
51
51
  }], linkPackageLabel: [{
52
52
  type: Input
53
+ }], listFeatures: [{
54
+ type: Input
53
55
  }], disabled: [{
54
56
  type: Input
55
57
  }], btnTextcolor: [{
@@ -65,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
65
67
  }], cancel: [{
66
68
  type: Output
67
69
  }] } });
68
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBeUQ3QjtRQTdDQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBMkJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBakVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVqQkNOL0IsOHNDQXFCQTsyRkRmYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU0xQixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sb0JBQW9CO3NCQURuQixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFHVyxPQUFPO3NCQUF2QixNQUFNO2dCQUVVLE1BQU07c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtY2FyZC1wcmljZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXByaWNlLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZFByaWNlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBhbW91bnQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcm9tbzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5MYWJlbFNlbGVjdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2U6IHN0cmluZyB8IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBjdXJyZW5jeTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByaWNlV29yZGluZzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHN1YnRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYnRuTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYWNrYWdlU3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaW5rUGFja2FnZUxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5UZXh0Y29sb3IgPSAnI2ZmZmZmZic7XG5cbiAgQElucHV0KClcbiAgZXh0cmFDbGFzc2VzID0gJ2lzLXN1Y2Nlc3MnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3Nlc1NlbGVjdGVkID0gJ2lzLXN1Y2Nlc3MgaXMtb3V0bGluZWQnO1xuXG4gIEBJbnB1dCgpXG4gIGhpZGVCdXR0b24gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm06IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2FuY2VsOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHRyaWdnZXJDbGljaygpIHtcbiAgICB0aGlzLmNvbmZpcm0uZW1pdCh0cnVlKTtcbiAgfVxuXG4gIHJlbW92ZVBhY2thZ2VUcmlnZ2VyKCkge1xuICAgIHRoaXMuY2FuY2VsLmVtaXQodHJ1ZSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1jYXJkLXByaWNlXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZCc6IHNlbGVjdGVkfVwiPlxuICA8ZGl2IGNsYXNzPVwicHJvbW9cIiAqbmdJZj1cInByb21vXCI+XG4gICAgICA8cCBbaW5uZXJIVE1MXT1cInByb21vXCI+PC9wPlxuICA8L2Rpdj5cbiAgPHN0cm9uZyBbc3R5bGVdPVwicHJvbW8gPyAnbWFyZ2luLXRvcDogNTBweCcgOiAnJ1wiPnt7YW1vdW50fX08L3N0cm9uZz5cbiAgPHA+e3t0aXRsZX19PC9wPlxuICA8ZGl2IGNsYXNzPVwicHJpY2VcIj5cbiAgICA8c3BhbiBjbGFzcz1cImFtb3VudFwiPnt7cHJpY2V9fSA8c3Bhbj57e2N1cnJlbmN5fX08L3NwYW4+PC9zcGFuPjxzcGFuIGNsYXNzPVwibW9udGhcIiBbaW5uZXJIVE1MXT1cInByaWNlV29yZGluZ1wiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7c3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCIhc2VsZWN0ZWQgJiYgIWhpZGVCdXR0b25cIj5cbiAgICA8d2FjLWJ1dHRvbiBbbm9QYWRkaW5nXT1cInRydWVcIiBbbGFiZWxdPVwiYnRuTGFiZWxcIiBbZXh0cmFDbGFzc2VzXT1cImV4dHJhQ2xhc3Nlc1wiIChjbGljayk9XCJ0cmlnZ2VyQ2xpY2soKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIiBbdGV4dGNvbG9yXT1cImJ0blRleHRjb2xvclwiPjwvd2FjLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdGFcIiAqbmdJZj1cInNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2ljb25dPVwiJ2ZhLXNvbGlkIGZhLWNoZWNrJ1wiIFtsYWJlbF09XCJidG5MYWJlbFNlbGVjdGVkXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNTZWxlY3RlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicGFja2FnZS1zdWJ0aXRsZVwiICpuZ0lmPVwic2VsZWN0ZWRcIj57e3BhY2thZ2VTdWJ0aXRsZX19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJsaW5rLWJvdHRvbVwiICpuZ0lmPVwibGlua1BhY2thZ2VMYWJlbFwiPlxuICAgIDx3YWMtbGluayAoY2xpY2spPVwicmVtb3ZlUGFja2FnZVRyaWdnZXIoKVwiPnt7bGlua1BhY2thZ2VMYWJlbH19PC93YWMtbGluaz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
70
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBNEQ3QjtRQWhEQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBOEJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBcEVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHFsQkNOL0IseTNDQXdCQTsyRkRsQmEsa0JBQWtCO2tCQUo5QixTQUFTOytCQUNFLGdCQUFnQjswRUFNMUIsTUFBTTtzQkFETCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb21vOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ0bkxhYmVsU2VsZWN0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhY2thZ2VTdWJ0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmtQYWNrYWdlTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaXN0RmVhdHVyZXM6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnRuVGV4dGNvbG9yID0gJyNmZmZmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3NlcyA9ICdpcy1zdWNjZXNzJztcblxuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXNTZWxlY3RlZCA9ICdpcy1zdWNjZXNzIGlzLW91dGxpbmVkJztcblxuICBASW5wdXQoKVxuICBoaWRlQnV0dG9uID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjb25maXJtOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICB0cmlnZ2VyQ2xpY2soKSB7XG4gICAgdGhpcy5jb25maXJtLmVtaXQodHJ1ZSk7XG4gIH1cblxuICByZW1vdmVQYWNrYWdlVHJpZ2dlcigpIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KHRydWUpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtY2FyZC1wcmljZVwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBzZWxlY3RlZH1cIj5cbiAgPGRpdiBjbGFzcz1cInByb21vXCIgKm5nSWY9XCJwcm9tb1wiPlxuICAgICAgPHAgW2lubmVySFRNTF09XCJwcm9tb1wiPjwvcD5cbiAgPC9kaXY+XG4gIDxzdHJvbmcgW3N0eWxlXT1cInByb21vID8gJ21hcmdpbi10b3A6IDUwcHgnIDogJydcIj57e2Ftb3VudH19PC9zdHJvbmc+XG4gIDxwPnt7dGl0bGV9fTwvcD5cbiAgPGRpdiBjbGFzcz1cInByaWNlXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJhbW91bnRcIj57e3ByaWNlfX0gPHNwYW4+e3tjdXJyZW5jeX19PC9zcGFuPjwvc3Bhbj48c3BhbiBjbGFzcz1cIm1vbnRoXCIgW2lubmVySFRNTF09XCJwcmljZVdvcmRpbmdcIj48L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj57e3N1YnRpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpc3QtZmVhdHVyZXNcIiAqbmdJZj1cImxpc3RGZWF0dXJlc1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGZlYXQgb2YgbGlzdEZlYXR1cmVzO1wiIGNsYXNzPVwibGlzdC1mZWF0dXJlc19faXRlbVwiPjxzcGFuPnt7ZmVhdH19PC9zcGFuPjwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImN0YVwiICpuZ0lmPVwiIXNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2xhYmVsXT1cImJ0bkxhYmVsXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNcIiAoY2xpY2spPVwidHJpZ2dlckNsaWNrKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCIgW3RleHRjb2xvcl09XCJidG5UZXh0Y29sb3JcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCJzZWxlY3RlZCAmJiAhaGlkZUJ1dHRvblwiPlxuICAgIDx3YWMtYnV0dG9uIFtub1BhZGRpbmddPVwidHJ1ZVwiIFtpY29uXT1cIidmYS1zb2xpZCBmYS1jaGVjaydcIiBbbGFiZWxdPVwiYnRuTGFiZWxTZWxlY3RlZFwiIFtleHRyYUNsYXNzZXNdPVwiZXh0cmFDbGFzc2VzU2VsZWN0ZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCI+PC93YWMtYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBhY2thZ2Utc3VidGl0bGVcIiAqbmdJZj1cInNlbGVjdGVkXCI+e3twYWNrYWdlU3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibGluay1ib3R0b21cIiAqbmdJZj1cImxpbmtQYWNrYWdlTGFiZWxcIj5cbiAgICA8d2FjLWxpbmsgKGNsaWNrKT1cInJlbW92ZVBhY2thZ2VUcmlnZ2VyKClcIj57e2xpbmtQYWNrYWdlTGFiZWx9fTwvd2FjLWxpbms+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
package/fesm2015/wizishop-angular-components.mjs CHANGED
@@ -5206,10 +5206,10 @@ class CardPriceComponent {
5206
5206
  }
5207
5207
  }
5208
5208
  CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5209
- 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", 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=\"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.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"] }] });
5209
+ 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"] }] });
5210
5210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
5211
5211
  type: Component,
5212
- 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=\"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" }]
5212
+ 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" }]
5213
5213
  }], ctorParameters: function () { return []; }, propDecorators: { amount: [{
5214
5214
  type: Input
5215
5215
  }], promo: [{
@@ -5234,6 +5234,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
5234
5234
  type: Input
5235
5235
  }], linkPackageLabel: [{
5236
5236
  type: Input
5237
+ }], listFeatures: [{
5238
+ type: Input
5237
5239
  }], disabled: [{
5238
5240
  type: Input
5239
5241
  }], btnTextcolor: [{