@wizishop/angular-components 15.1.24 → 15.1.25

package/angular-components.scss

@@ -485,6 +485,25 @@ $wac-link-active: #38A3F1!default;
     }
   }
 }
+wac-block {
+  .wac-block {
+    background-color: $white;
+    @include padding(rem(30));
+    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
+    @include simple_transition();
+    height: 100%;
+    border-radius: var(--wac-block-border-radius);
+
+    @include media('<tablet') {
+      @include padding(rem(20));
+    }
+
+    &:hover {
+      box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
+    }
+  }
+}
+
 .block-with-checkbox {
   width: 100%;
   display: flex;
@@ -625,25 +644,135 @@ $wac-link-active: #38A3F1!default;
     margin-right: 0;
   }
 }
-wac-block {
-  .wac-block {
-    background-color: $white;
-    @include padding(rem(30));
-    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
-    @include simple_transition();
-    height: 100%;
-    border-radius: var(--wac-block-border-radius);
+.wac-breadcrumbs {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0 0 10px;
+  border-radius: 3px;
 
-    @include media('<tablet') {
-      @include padding(rem(20));
+  @include media('<tablet') {
+    &:not(.no-responsive) {
+      max-width: 100%;
+      overflow: hidden;
+      .wac-breadcrumbs {
+        &__wrapper {
+          @include media('<tablet') {
+            width: auto;
+            overflow-x: scroll;
+          }
+        }
+        &__item {
+          @include media('<tablet') {
+            width: auto;
+            min-width: unset;
+            max-width: unset;
+            .name {
+              white-space: nowrap;
+            }
+          }
+        }
+      }
     }
+  }
 
-    &:hover {
-      box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
+  &__wrapper {
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  &__item {
+    width: 100%;
+    max-width: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    padding: 10px;
+    cursor: pointer;
+    &:before {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: -5px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: calc(100% - 5px);
+      height: 3px;
+      background-color: $wac-round-breadcrumbs;
+    }
+    &.current, &.valid {
+      &:before {
+        background-color: $wac-wizishop-blue;
+      }
+      &:hover, &:focus {
+        .round {
+          background-color: $wac-wizishop-blue;
+          border-color: $wac-wizishop-blue;
+          > span, > i {
+            color: $wac-white;
+          }
+        }
+        .name {
+          color: $wac-wizishop-blue;
+        }
+      }
+    }
+
+
+    &.current {
+      &:before {
+        height: 5px;
+      }
+    }
+    .round {
+      min-width: 30px;
+      height: 30px;
+      border-radius: 30px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: 2px solid $wac-round-breadcrumbs;
+      background-color: $wac-round-breadcrumbs;
+      transition: .3s ease;
+      margin: 0 15px 0 0;
+      > span {
+        font-size: rem(12);
+        font-weight: 500;
+        color: $wac-second-color;
+        line-height: 1;
+      }
+      > i {
+        font-size: rem(14);
+        color: $wac-wizishop-blue;
+      }
+      &.valid {
+        background-color: transparent;
+        border-color: $wac-wizishop-blue;
+        color: $wac-wizishop-blue;
+      }
+      &.current:not(.valid) {
+        background-color: $wac-wizishop-blue;
+        border-color: $wac-wizishop-blue;
+        > span, > i {
+          color: $wac-white;
+        }
+      }
+    }
+    .name {
+      font-size: rem(14);
+      font-weight: 500;
+      color: $wac-second-color;
+      line-height: 1;
+      transition: .3s ease;
+      &.valid, &.current {
+        color: $wac-wizishop-blue;
+      }
     }
   }
 }
-
 .wac-button {
   @include flexbox();
   @include justify-content(center);
@@ -1923,135 +2052,6 @@ wac-block {
     }
   }
 }
-.wac-breadcrumbs {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0;
-  margin: 0 0 10px;
-  border-radius: 3px;
-
-  @include media('<tablet') {
-    &:not(.no-responsive) {
-      max-width: 100%;
-      overflow: hidden;
-      .wac-breadcrumbs {
-        &__wrapper {
-          @include media('<tablet') {
-            width: auto;
-            overflow-x: scroll;
-          }
-        }
-        &__item {
-          @include media('<tablet') {
-            width: auto;
-            min-width: unset;
-            max-width: unset;
-            .name {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &__wrapper {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  &__item {
-    width: 100%;
-    max-width: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    padding: 10px;
-    cursor: pointer;
-    &:before {
-      content: '';
-      display: block;
-      position: absolute;
-      bottom: -5px;
-      left: 50%;
-      transform: translateX(-50%);
-      width: calc(100% - 5px);
-      height: 3px;
-      background-color: $wac-round-breadcrumbs;
-    }
-    &.current, &.valid {
-      &:before {
-        background-color: $wac-wizishop-blue;
-      }
-      &:hover, &:focus {
-        .round {
-          background-color: $wac-wizishop-blue;
-          border-color: $wac-wizishop-blue;
-          > span, > i {
-            color: $wac-white;
-          }
-        }
-        .name {
-          color: $wac-wizishop-blue;
-        }
-      }
-    }
-
-
-    &.current {
-      &:before {
-        height: 5px;
-      }
-    }
-    .round {
-      min-width: 30px;
-      height: 30px;
-      border-radius: 30px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border: 2px solid $wac-round-breadcrumbs;
-      background-color: $wac-round-breadcrumbs;
-      transition: .3s ease;
-      margin: 0 15px 0 0;
-      > span {
-        font-size: rem(12);
-        font-weight: 500;
-        color: $wac-second-color;
-        line-height: 1;
-      }
-      > i {
-        font-size: rem(14);
-        color: $wac-wizishop-blue;
-      }
-      &.valid {
-        background-color: transparent;
-        border-color: $wac-wizishop-blue;
-        color: $wac-wizishop-blue;
-      }
-      &.current:not(.valid) {
-        background-color: $wac-wizishop-blue;
-        border-color: $wac-wizishop-blue;
-        > span, > i {
-          color: $wac-white;
-        }
-      }
-    }
-    .name {
-      font-size: rem(14);
-      font-weight: 500;
-      color: $wac-second-color;
-      line-height: 1;
-      transition: .3s ease;
-      &.valid, &.current {
-        color: $wac-wizishop-blue;
-      }
-    }
-  }
-}
 wac-calendar {
   &.ng-touched.ng-invalid {
     .wac-calendar__wrapper__select, .wac-calendar__wrapper__editInPlace, .wac-calendar__wrapper__select {
@@ -2750,6 +2750,38 @@ wac-calendar {
     justify-content: center;
     width: 100%;
   }
+
+  .list-features {
+    width: 100%;
+    margin: 0 0 30px;
+    display: flex;
+    flex-direction: column;
+    &__item {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-size: rem(14);
+      line-height: 1;
+      position: relative;
+      &:not(:last-child) {
+        padding: 0 0 30px;
+        position: relative;
+        &:before {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 100px;
+          height: 1px;
+          left: 50%;
+          transform: translateX(-50%);
+          bottom: 14.5px;
+          background-color: $wac-background-indication;
+        }
+      }
+    }
+  }
 }
 .wac-charging-bar {
   width: 100%;
@@ -2998,6 +3030,50 @@ wac-calendar {
     }
   }
 }
+.wac-content-with-buttons {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  @include media('<tablet') {
+    margin: 0 0 20px;
+  }
+  &__text {
+    width: 100%;
+    max-width: calc(100% - 100px);
+    &__count {
+      margin: 0;
+      width: 100%;
+      display: flex;
+      align-items: flex-end;
+      justify-content: flex-start;
+      > span {
+        &:first-child {
+          font-size: rem(12);
+          font-style: italic;
+          color: $wac-color-text-grey;
+          line-height: rem(16);
+          display: inline-block;
+          transform: translateY(-3px);
+        }
+        &:last-child {
+          display: inline-block;
+          margin: 0 0 0 20px;
+        }
+      }
+    }
+  }
+  &__cta {
+    display: flex;
+    align-items: center;
+    width: auto;
+   > div {
+     margin: 0 0 0 10px;
+     &:hover, &:focus {
+       z-index: 2;
+     }
+   }
+  }
+}
 .wac-confirm-delete {
   position: absolute;
   right: 0;
@@ -3098,50 +3174,6 @@ wac-calendar {
     }
   }
 }
-.wac-content-with-buttons {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  @include media('<tablet') {
-    margin: 0 0 20px;
-  }
-  &__text {
-    width: 100%;
-    max-width: calc(100% - 100px);
-    &__count {
-      margin: 0;
-      width: 100%;
-      display: flex;
-      align-items: flex-end;
-      justify-content: flex-start;
-      > span {
-        &:first-child {
-          font-size: rem(12);
-          font-style: italic;
-          color: $wac-color-text-grey;
-          line-height: rem(16);
-          display: inline-block;
-          transform: translateY(-3px);
-        }
-        &:last-child {
-          display: inline-block;
-          margin: 0 0 0 20px;
-        }
-      }
-    }
-  }
-  &__cta {
-    display: flex;
-    align-items: center;
-    width: auto;
-   > div {
-     margin: 0 0 0 10px;
-     &:hover, &:focus {
-       z-index: 2;
-     }
-   }
-  }
-}
 .wac-draganddrop-list {
   width: 100%;
   background-color: $wac-white;

package/esm2020/lib/components/card-price/card-price.component.mjs

@@ -22,10 +22,10 @@ export class CardPriceComponent {
     }
 }
 CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], ctorParameters: function () { return []; }, propDecorators: { amount: [{
                 type: Input
             }], promo: [{
@@ -50,6 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: Input
             }], linkPackageLabel: [{
                 type: Input
+            }], listFeatures: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }], btnTextcolor: [{
@@ -65,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
             }], cancel: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBeUQ3QjtRQTdDQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBMkJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBakVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVqQkNOL0IsOHNDQXFCQTsyRkRmYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU0xQixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sb0JBQW9CO3NCQURuQixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFHVyxPQUFPO3NCQUF2QixNQUFNO2dCQUVVLE1BQU07c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtY2FyZC1wcmljZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXByaWNlLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZFByaWNlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBhbW91bnQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcm9tbzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5MYWJlbFNlbGVjdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2U6IHN0cmluZyB8IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBjdXJyZW5jeTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByaWNlV29yZGluZzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHN1YnRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYnRuTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYWNrYWdlU3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaW5rUGFja2FnZUxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5UZXh0Y29sb3IgPSAnI2ZmZmZmZic7XG5cbiAgQElucHV0KClcbiAgZXh0cmFDbGFzc2VzID0gJ2lzLXN1Y2Nlc3MnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3Nlc1NlbGVjdGVkID0gJ2lzLXN1Y2Nlc3MgaXMtb3V0bGluZWQnO1xuXG4gIEBJbnB1dCgpXG4gIGhpZGVCdXR0b24gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm06IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2FuY2VsOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHRyaWdnZXJDbGljaygpIHtcbiAgICB0aGlzLmNvbmZpcm0uZW1pdCh0cnVlKTtcbiAgfVxuXG4gIHJlbW92ZVBhY2thZ2VUcmlnZ2VyKCkge1xuICAgIHRoaXMuY2FuY2VsLmVtaXQodHJ1ZSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1jYXJkLXByaWNlXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZCc6IHNlbGVjdGVkfVwiPlxuICA8ZGl2IGNsYXNzPVwicHJvbW9cIiAqbmdJZj1cInByb21vXCI+XG4gICAgICA8cCBbaW5uZXJIVE1MXT1cInByb21vXCI+PC9wPlxuICA8L2Rpdj5cbiAgPHN0cm9uZyBbc3R5bGVdPVwicHJvbW8gPyAnbWFyZ2luLXRvcDogNTBweCcgOiAnJ1wiPnt7YW1vdW50fX08L3N0cm9uZz5cbiAgPHA+e3t0aXRsZX19PC9wPlxuICA8ZGl2IGNsYXNzPVwicHJpY2VcIj5cbiAgICA8c3BhbiBjbGFzcz1cImFtb3VudFwiPnt7cHJpY2V9fSA8c3Bhbj57e2N1cnJlbmN5fX08L3NwYW4+PC9zcGFuPjxzcGFuIGNsYXNzPVwibW9udGhcIiBbaW5uZXJIVE1MXT1cInByaWNlV29yZGluZ1wiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7c3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCIhc2VsZWN0ZWQgJiYgIWhpZGVCdXR0b25cIj5cbiAgICA8d2FjLWJ1dHRvbiBbbm9QYWRkaW5nXT1cInRydWVcIiBbbGFiZWxdPVwiYnRuTGFiZWxcIiBbZXh0cmFDbGFzc2VzXT1cImV4dHJhQ2xhc3Nlc1wiIChjbGljayk9XCJ0cmlnZ2VyQ2xpY2soKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIiBbdGV4dGNvbG9yXT1cImJ0blRleHRjb2xvclwiPjwvd2FjLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdGFcIiAqbmdJZj1cInNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2ljb25dPVwiJ2ZhLXNvbGlkIGZhLWNoZWNrJ1wiIFtsYWJlbF09XCJidG5MYWJlbFNlbGVjdGVkXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNTZWxlY3RlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicGFja2FnZS1zdWJ0aXRsZVwiICpuZ0lmPVwic2VsZWN0ZWRcIj57e3BhY2thZ2VTdWJ0aXRsZX19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJsaW5rLWJvdHRvbVwiICpuZ0lmPVwibGlua1BhY2thZ2VMYWJlbFwiPlxuICAgIDx3YWMtbGluayAoY2xpY2spPVwicmVtb3ZlUGFja2FnZVRyaWdnZXIoKVwiPnt7bGlua1BhY2thZ2VMYWJlbH19PC93YWMtbGluaz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBNEQ3QjtRQWhEQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBOEJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBcEVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHFsQkNOL0IseTNDQXdCQTsyRkRsQmEsa0JBQWtCO2tCQUo5QixTQUFTOytCQUNFLGdCQUFnQjswRUFNMUIsTUFBTTtzQkFETCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb21vOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ0bkxhYmVsU2VsZWN0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwcmljZTogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGN1cnJlbmN5OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2VXb3JkaW5nOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBidG5MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhY2thZ2VTdWJ0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmtQYWNrYWdlTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaXN0RmVhdHVyZXM6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnRuVGV4dGNvbG9yID0gJyNmZmZmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3NlcyA9ICdpcy1zdWNjZXNzJztcblxuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXNTZWxlY3RlZCA9ICdpcy1zdWNjZXNzIGlzLW91dGxpbmVkJztcblxuICBASW5wdXQoKVxuICBoaWRlQnV0dG9uID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjb25maXJtOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICB0cmlnZ2VyQ2xpY2soKSB7XG4gICAgdGhpcy5jb25maXJtLmVtaXQodHJ1ZSk7XG4gIH1cblxuICByZW1vdmVQYWNrYWdlVHJpZ2dlcigpIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KHRydWUpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtY2FyZC1wcmljZVwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBzZWxlY3RlZH1cIj5cbiAgPGRpdiBjbGFzcz1cInByb21vXCIgKm5nSWY9XCJwcm9tb1wiPlxuICAgICAgPHAgW2lubmVySFRNTF09XCJwcm9tb1wiPjwvcD5cbiAgPC9kaXY+XG4gIDxzdHJvbmcgW3N0eWxlXT1cInByb21vID8gJ21hcmdpbi10b3A6IDUwcHgnIDogJydcIj57e2Ftb3VudH19PC9zdHJvbmc+XG4gIDxwPnt7dGl0bGV9fTwvcD5cbiAgPGRpdiBjbGFzcz1cInByaWNlXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJhbW91bnRcIj57e3ByaWNlfX0gPHNwYW4+e3tjdXJyZW5jeX19PC9zcGFuPjwvc3Bhbj48c3BhbiBjbGFzcz1cIm1vbnRoXCIgW2lubmVySFRNTF09XCJwcmljZVdvcmRpbmdcIj48L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj57e3N1YnRpdGxlfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpc3QtZmVhdHVyZXNcIiAqbmdJZj1cImxpc3RGZWF0dXJlc1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGZlYXQgb2YgbGlzdEZlYXR1cmVzO1wiIGNsYXNzPVwibGlzdC1mZWF0dXJlc19faXRlbVwiPjxzcGFuPnt7ZmVhdH19PC9zcGFuPjwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImN0YVwiICpuZ0lmPVwiIXNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2xhYmVsXT1cImJ0bkxhYmVsXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNcIiAoY2xpY2spPVwidHJpZ2dlckNsaWNrKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCIgW3RleHRjb2xvcl09XCJidG5UZXh0Y29sb3JcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCJzZWxlY3RlZCAmJiAhaGlkZUJ1dHRvblwiPlxuICAgIDx3YWMtYnV0dG9uIFtub1BhZGRpbmddPVwidHJ1ZVwiIFtpY29uXT1cIidmYS1zb2xpZCBmYS1jaGVjaydcIiBbbGFiZWxdPVwiYnRuTGFiZWxTZWxlY3RlZFwiIFtleHRyYUNsYXNzZXNdPVwiZXh0cmFDbGFzc2VzU2VsZWN0ZWRcIiBbd2hpdGVTcGFjZU5vd3JhcF09XCJ0cnVlXCI+PC93YWMtYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBhY2thZ2Utc3VidGl0bGVcIiAqbmdJZj1cInNlbGVjdGVkXCI+e3twYWNrYWdlU3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibGluay1ib3R0b21cIiAqbmdJZj1cImxpbmtQYWNrYWdlTGFiZWxcIj5cbiAgICA8d2FjLWxpbmsgKGNsaWNrKT1cInJlbW92ZVBhY2thZ2VUcmlnZ2VyKClcIj57e2xpbmtQYWNrYWdlTGFiZWx9fTwvd2FjLWxpbms+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2015/wizishop-angular-components.mjs

@@ -5206,10 +5206,10 @@ class CardPriceComponent {
     }
 }
 CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardPriceComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], ctorParameters: function () { return []; }, propDecorators: { amount: [{
                 type: Input
             }], promo: [{
@@ -5234,6 +5234,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: Input
             }], linkPackageLabel: [{
                 type: Input
+            }], listFeatures: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }], btnTextcolor: [{