@wizishop/angular-components 15.1.77 → 15.1.78

package/angular-components.scss

@@ -228,7 +228,7 @@ $wac-token-disabled-dark: #8A98B2!default;
     align-items: center;
     position: absolute;
     left: calc(100% + 4px);
-    bottom: 0;
+    top: 28px;
     box-shadow: 0px 3px 6px #00000014;
     border: 1px solid $wac-background-indication;
     background-color: $wac-white;
@@ -280,7 +280,7 @@ $wac-token-disabled-dark: #8A98B2!default;
     align-items: flex-start;
     position: absolute;
     left: calc(100% + 4px);
-    bottom: 0;
+    top: 28px;
     box-shadow: 0px 3px 6px #00000014;
     border: 1px solid $wac-background-indication;
     &:hover, &:focus {
@@ -910,6 +910,135 @@ wac-block {
     margin-right: 0;
   }
 }
+.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-button {
   @include flexbox();
   @include justify-content(center);
@@ -2366,135 +2495,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 {
@@ -3685,6 +3685,90 @@ wac-calendar {
     }
   }
 }
+.wac-dropdown {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+
+  &__wrapper {
+    @include flexbox();
+    @include justify-content(center);
+    @include align-items(center);
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    &__icon {
+      font-size: 30px;
+      line-height: 18px;
+      color: $wac-second-color;
+      transition: color 0.3s ease, transform 0.3s ease;
+    }
+
+    &__sublevel {
+      position: absolute;
+      min-width: 160px;
+      top: 100%;
+      right: 0;
+      z-index: -1;
+      opacity: 0;
+      background-color: $wac-white;
+      border-radius: rem(3);
+      box-shadow: 0px 2px 5px $wac-info-box-shadow;
+      visibility: hidden;
+      transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
+
+      &__container {
+        padding: 10px 10px;
+        border: 1px solid $wac-border-color;
+        border-radius: 3px;
+
+        &__item {
+          padding: 5.7px 10px;
+          font-size: 14px;
+          line-height: 24px;
+          color: $wac-second-color;
+          cursor: pointer;
+          transition: background-color 0.3s ease, color 0.3s ease;
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          align-content: center;
+
+          i {
+            min-width: 15px;
+            margin-right: 5px;
+            text-align: center;
+          }
+          span {
+            white-space: nowrap;
+          }
+
+          &:hover {
+            background-color: $wac-gray-background;
+            transition: background-color 0.3s ease, color 0.3s ease;
+            color: $wac-input-active-color;
+          }
+        }
+      }
+    }
+
+    &:hover {
+      .wac-dropdown__wrapper__icon {
+        color: $wac-wizishop-blue;
+        transform: rotate(90deg);
+        transition: color 0.3s ease, transform 0.3s ease;
+      }
+
+      .wac-dropdown__wrapper__sublevel {
+        visibility: visible;
+        opacity: 1;
+        z-index: 2;
+        transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
+      }
+    }
+  }
+}
 .wac-draganddrop-list {
   width: 100%;
   background-color: $wac-white;
@@ -3822,90 +3906,6 @@ wac-calendar {
 .wac-draganddrop-list__wrapper.cdk-drop-list-dragging .wac-draganddrop-list__wrapper__item:not(.cdk-drag-placeholder) {
   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
-.wac-dropdown {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-
-  &__wrapper {
-    @include flexbox();
-    @include justify-content(center);
-    @include align-items(center);
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    &__icon {
-      font-size: 30px;
-      line-height: 18px;
-      color: $wac-second-color;
-      transition: color 0.3s ease, transform 0.3s ease;
-    }
-
-    &__sublevel {
-      position: absolute;
-      min-width: 160px;
-      top: 100%;
-      right: 0;
-      z-index: -1;
-      opacity: 0;
-      background-color: $wac-white;
-      border-radius: rem(3);
-      box-shadow: 0px 2px 5px $wac-info-box-shadow;
-      visibility: hidden;
-      transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
-
-      &__container {
-        padding: 10px 10px;
-        border: 1px solid $wac-border-color;
-        border-radius: 3px;
-
-        &__item {
-          padding: 5.7px 10px;
-          font-size: 14px;
-          line-height: 24px;
-          color: $wac-second-color;
-          cursor: pointer;
-          transition: background-color 0.3s ease, color 0.3s ease;
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          align-content: center;
-
-          i {
-            min-width: 15px;
-            margin-right: 5px;
-            text-align: center;
-          }
-          span {
-            white-space: nowrap;
-          }
-
-          &:hover {
-            background-color: $wac-gray-background;
-            transition: background-color 0.3s ease, color 0.3s ease;
-            color: $wac-input-active-color;
-          }
-        }
-      }
-    }
-
-    &:hover {
-      .wac-dropdown__wrapper__icon {
-        color: $wac-wizishop-blue;
-        transform: rotate(90deg);
-        transition: color 0.3s ease, transform 0.3s ease;
-      }
-
-      .wac-dropdown__wrapper__sublevel {
-        visibility: visible;
-        opacity: 1;
-        z-index: 2;
-        transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
-      }
-    }
-  }
-}
 .wac-edit-in-place.nwb-wrapper {
   display: inline-block;
   position: relative;

package/esm2020/lib/components/ai-express/ai-express.component.mjs

@@ -44,9 +44,9 @@ export class AiExpressComponent {
         }
     }
 }
-AiExpressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AiExpressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AiExpressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AiExpressComponent, selector: "wac-ai-express", inputs: { top: "top", right: "right", loading: "loading", disabled: "disabled", wordingTop: "wordingTop", wordingToken: "wordingToken", wordingTokenLeft: "wordingTokenLeft", wordingRegisterTop: "wordingRegisterTop", wordingRegisterBtn: "wordingRegisterBtn", wordingDisabled: "wordingDisabled", tokenCost: "tokenCost", tokenLeft: "tokenLeft", tokenCount: "tokenCount", isRegister: "isRegister" }, outputs: { validAction: "validAction" }, ngImport: i0, template: "<div class=\"wac-ai-express\">\n  <ng-content></ng-content>\n  <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled, 'loading': loading}\" (click)=\"validate();\">\n    <i class=\"fa-regular fa-wand-magic-sparkles\" *ngIf=\"!loading\"></i>\n    <svg *ngIf=\"loading\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:transparent;display:block;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n      <g transform=\"rotate(0 50 50)\">\n        <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n          <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n        </rect>\n      </g><g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g>\n    </svg>\n  </div>\n  <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n    <div>\n      <span [innerHTML]=\"wordingTop\"></span>\n    </div>\n    <div>\n      <div>\n        <div>\n          <i class=\"fa-solid fa-coin-front\"></i>\n          <span [innerHTML]=\"tokenCost\"></span>\n        </div>\n        <span [innerHTML]=\"wordingToken\"></span>\n      </div>\n      <div>\n        <div>\n          <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n        </div>\n        <div>\n          <span [innerHTML]=\"wordingTokenLeft\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div  *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n    <p [innerHTML]=\"wordingRegisterTop\"></p>\n    <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n  </div>\n  <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n    <p [innerHTML]=\"wordingDisabled\"></p>\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AiExpressComponent, decorators: [{
+AiExpressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AiExpressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AiExpressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AiExpressComponent, selector: "wac-ai-express", inputs: { top: "top", right: "right", loading: "loading", disabled: "disabled", wordingTop: "wordingTop", wordingToken: "wordingToken", wordingTokenLeft: "wordingTokenLeft", wordingRegisterTop: "wordingRegisterTop", wordingRegisterBtn: "wordingRegisterBtn", wordingDisabled: "wordingDisabled", tokenCost: "tokenCost", tokenLeft: "tokenLeft", tokenCount: "tokenCount", isRegister: "isRegister" }, outputs: { validAction: "validAction" }, ngImport: i0, template: "<div class=\"wac-ai-express\">\n  <ng-content></ng-content>\n  <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled, 'loading': loading}\" (click)=\"validate();\">\n    <i class=\"fa-regular fa-wand-magic-sparkles\" *ngIf=\"!loading\"></i>\n    <svg *ngIf=\"loading\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:transparent;display:block;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n      <g transform=\"rotate(0 50 50)\">\n        <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n          <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n        </rect>\n      </g><g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g>\n    </svg>\n  </div>\n  <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n    <div>\n      <span [innerHTML]=\"wordingTop\"></span>\n    </div>\n    <div>\n      <div>\n        <div>\n          <i class=\"fa-solid fa-coin-front\"></i>\n          <span [innerHTML]=\"tokenCost\"></span>\n        </div>\n        <span [innerHTML]=\"wordingToken\"></span>\n      </div>\n      <div>\n        <div>\n          <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n        </div>\n        <div>\n          <span [innerHTML]=\"wordingTokenLeft\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div  *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n    <p [innerHTML]=\"wordingRegisterTop\"></p>\n    <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n  </div>\n  <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n    <p [innerHTML]=\"wordingDisabled\"></p>\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AiExpressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-ai-express', template: "<div class=\"wac-ai-express\">\n  <ng-content></ng-content>\n  <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled, 'loading': loading}\" (click)=\"validate();\">\n    <i class=\"fa-regular fa-wand-magic-sparkles\" *ngIf=\"!loading\"></i>\n    <svg *ngIf=\"loading\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:transparent;display:block;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n      <g transform=\"rotate(0 50 50)\">\n        <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n          <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n        </rect>\n      </g><g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g><g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n      </rect>\n    </g>\n    </svg>\n  </div>\n  <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n    <div>\n      <span [innerHTML]=\"wordingTop\"></span>\n    </div>\n    <div>\n      <div>\n        <div>\n          <i class=\"fa-solid fa-coin-front\"></i>\n          <span [innerHTML]=\"tokenCost\"></span>\n        </div>\n        <span [innerHTML]=\"wordingToken\"></span>\n      </div>\n      <div>\n        <div>\n          <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n        </div>\n        <div>\n          <span [innerHTML]=\"wordingTokenLeft\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div  *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n    <p [innerHTML]=\"wordingRegisterTop\"></p>\n    <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n  </div>\n  <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n    <p [innerHTML]=\"wordingDisabled\"></p>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { top: [{

package/esm2020/lib/components/alert/alert.component.mjs

@@ -19,9 +19,9 @@ export class AlertComponent {
         this.isCloseChange.next(this.isClose);
     }
 }
-AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertComponent, selector: "wac-alert", inputs: { icon: "icon", warning: "warning", success: "success", alert: "alert", iconClass: "iconClass", closeButton: "closeButton" }, outputs: { isCloseChange: "isCloseChange" }, ngImport: i0, template: "<div #alertBlock class=\"wac-alert\" [ngClass]=\"{ success: success, warning: warning, alert: alert }\">\n  <i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i>\n  <p><ng-content></ng-content></p> <!-- ! Refacto : Remove p tag, attention \u00E0 wizi-admin -->\n  <a *ngIf=\"closeButton\" (click)=\"closeAlert(this.alertBlock)\"><i [ngClass]=\"'closeAlert fal fa-circle-xmark'\"></i></a>\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertComponent, decorators: [{
+AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AlertComponent, selector: "wac-alert", inputs: { icon: "icon", warning: "warning", success: "success", alert: "alert", iconClass: "iconClass", closeButton: "closeButton" }, outputs: { isCloseChange: "isCloseChange" }, ngImport: i0, template: "<div #alertBlock class=\"wac-alert\" [ngClass]=\"{ success: success, warning: warning, alert: alert }\">\n  <i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i>\n  <p><ng-content></ng-content></p> <!-- ! Refacto : Remove p tag, attention \u00E0 wizi-admin -->\n  <a *ngIf=\"closeButton\" (click)=\"closeAlert(this.alertBlock)\"><i [ngClass]=\"'closeAlert fal fa-circle-xmark'\"></i></a>\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-alert', template: "<div #alertBlock class=\"wac-alert\" [ngClass]=\"{ success: success, warning: warning, alert: alert }\">\n  <i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i>\n  <p><ng-content></ng-content></p> <!-- ! Refacto : Remove p tag, attention \u00E0 wizi-admin -->\n  <a *ngIf=\"closeButton\" (click)=\"closeAlert(this.alertBlock)\"><i [ngClass]=\"'closeAlert fal fa-circle-xmark'\"></i></a>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { icon: [{

package/esm2020/lib/components/alert-popup/alert-popup-module.mjs

@@ -5,10 +5,10 @@ import { AlertPopupComponent } from './alert-popup.component';
 import * as i0 from "@angular/core";
 export class AlertPopupModule {
 }
-AlertPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AlertPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupModule, declarations: [AlertPopupComponent], imports: [CommonModule], exports: [AlertPopupComponent] });
-AlertPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupModule, providers: [AlertPopupService], imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupModule, decorators: [{
+AlertPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AlertPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupModule, declarations: [AlertPopupComponent], imports: [CommonModule], exports: [AlertPopupComponent] });
+AlertPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupModule, providers: [AlertPopupService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2020/lib/components/alert-popup/alert-popup.component.mjs

@@ -30,9 +30,9 @@ export class AlertPopupComponent {
         return this.afterClosedPopup.asObservable();
     }
 }
-AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\n  [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\n>\n  <div class=\"alert--message\">\n    <span class=\"icon\" *ngIf=\"config.icon\">\n        <i [class]=\"config.icon\"></i>\n    </span>\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\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"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, decorators: [{
+AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\n  [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\n>\n  <div class=\"alert--message\">\n    <span class=\"icon\" *ngIf=\"config.icon\">\n        <i [class]=\"config.icon\"></i>\n    </span>\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\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"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-alert-popup', host: {
                         class: 'wac-alert-popup'

package/esm2020/lib/components/alert-popup/alert-popup.service.mjs

@@ -22,9 +22,9 @@ export class AlertPopupService {
         return componentRef;
     }
 }
-AlertPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupService, deps: [{ token: i1.DomService }], target: i0.ɵɵFactoryTarget.Injectable });
-AlertPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupService, decorators: [{
+AlertPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupService, deps: [{ token: i1.DomService }], target: i0.ɵɵFactoryTarget.Injectable });
+AlertPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/back/back.component.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 export class BackComponent {
     constructor() { }
 }
-BackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BackComponent, selector: "wac-back", ngImport: i0, template: "<div class=\"wac-back\">\n  <div class=\"wac-back__wrapper\">\n    <i class=\"fas fa-chevron-left\"></i>\n  </div>\n</div>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BackComponent, decorators: [{
+BackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BackComponent, selector: "wac-back", ngImport: i0, template: "<div class=\"wac-back\">\n  <div class=\"wac-back__wrapper\">\n    <i class=\"fas fa-chevron-left\"></i>\n  </div>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BackComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-back', template: "<div class=\"wac-back\">\n  <div class=\"wac-back__wrapper\">\n    <i class=\"fas fa-chevron-left\"></i>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/block/block-title-legacy/block-title-legacy.component.mjs

@@ -8,9 +8,9 @@ export class BlockTitleLegacyComponent {
         this.icon = '';
     }
 }
-BlockTitleLegacyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BlockTitleLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlockTitleLegacyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BlockTitleLegacyComponent, isStandalone: true, selector: "wac-block-title-legacy", inputs: { simple: "simple", icon: "icon" }, ngImport: i0, template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BlockTitleLegacyComponent, decorators: [{
+BlockTitleLegacyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockTitleLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BlockTitleLegacyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockTitleLegacyComponent, isStandalone: true, selector: "wac-block-title-legacy", inputs: { simple: "simple", icon: "icon" }, ngImport: i0, template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockTitleLegacyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-block-title-legacy', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { simple: [{

package/esm2020/lib/components/block/block.component.mjs

@@ -107,9 +107,9 @@ export class BlockComponent {
         this.destroy$.complete();
     }
 }
-BlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BlockComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BlockComponent, isStandalone: true, selector: "wac-block", inputs: { config: "config" }, host: { properties: { "style": "this.borderRadius" } }, queries: [{ propertyName: "blockSeparators", predicate: BlockSeparatorComponent }], ngImport: i0, template: "<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BlockComponent, decorators: [{
+BlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockComponent, isStandalone: true, selector: "wac-block", inputs: { config: "config" }, host: { properties: { "style": "this.borderRadius" } }, queries: [{ propertyName: "blockSeparators", predicate: BlockSeparatorComponent }], ngImport: i0, template: "<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-block', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<ng-content></ng-content>" }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { blockSeparators: [{