@wizishop/angular-components 19.0.1 → 19.0.3-new-home.0

package/angular-components.scss

@@ -506,32 +506,56 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
 }
 .wac-alert-popup {
   .alert {
+    --wac-alert-accent: #{$wac-primary-button};
     z-index: 999999;
     position: fixed;
-    color: $wac-white;
-    background-color: $wac-primary-button;
+    color: $wac-main-text;
+    background-color: $wac-white;
     border: 1px solid transparent;
-    border-radius: 5px;
-    padding: 40px;
+    border-radius: 8px;
+    padding: 18px 44px 18px 24px;
     transition: all 200ms;
     opacity: 0;
     margin: 10px auto;
-    max-width: 550px;
+    max-width: 480px;
     width: auto;
-    box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
+    box-shadow: 0 8px 30px rgba(29, 42, 59, 0.12);
     font-size: 14px;
+    overflow: hidden;
 
-    &.with-icon {
-      .alert--message {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-      }
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      width: 5px;
+      background-color: var(--wac-alert-accent);
     }
 
-    .icon + .wac-alert-popup__close + .wac-alert-popup__text {
-      width: auto;
+    .alert--message {
+      display: flex;
+      align-items: flex-start;
+      gap: 14px;
+      width: 100%;
+    }
+
+    .icon {
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 22px;
+      height: 22px;
+      margin: 0;
+      border-radius: 50%;
+      background-color: var(--wac-alert-accent);
+
+      i {
+        font-size: 12px;
+        color: $wac-white;
+        margin: 0;
+      }
     }
 
     &.fullsize {
@@ -539,7 +563,7 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
       width: 100%;
       border-radius: 0;
       margin: 0;
-      padding: 20px 40px 20px 20px;
+      padding: 20px 44px 20px 24px;
     }
 
     &.is-left {
@@ -608,50 +632,29 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
     }
 
     p {
-      display: inline-block;
+      margin: 0;
     }
 
-    span {
-      vertical-align: middle;
-      margin: 0 10px 0 0;
-    }
     &.is-primary {
-      background-color: $wac-primary-button;
-
-      &.is-inverted {
-        background-color: $wac-white;
-        border: 1px solid $wac-primary-button;
-        color: $wac-primary-button;
-      }
+      --wac-alert-accent: #{$wac-primary-button};
     }
 
     &.is-success {
-      background-color: $wac-color-success-popup-alert;
-
-      &.is-inverted {
-        background-color: $wac-white;
-        border: 1px solid $wac-color-success-popup-alert;
-        color: $wac-color-success-popup-alert;
-      }
+      --wac-alert-accent: #{$wac-tag-success};
     }
 
     &.is-danger {
-      background-color: $wac-primary-button;
-
-      &.is-inverted {
-        background-color: $wac-white;
-        border: 1px solid $wac-primary-button;
-        color: $wac-primary-button;
-      }
+      --wac-alert-accent: #{$wac-primary-button};
     }
 
     &.is-info {
-      background-color: $wac-white;
-      border: 1px solid $wac-main-text;
-      color: $wac-main-text;
+      --wac-alert-accent: #{$wac-main-text};
     }
 
     &.small {
+      display: flex;
+      align-items: center;
+      color: $wac-white;
       padding: 10px;
       border-radius: 3px;
       right: 30px;
@@ -663,6 +666,11 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
       background-color: $wac-tag-success;
       font-size: 0.875rem;
       overflow: hidden;
+
+      &::before {
+        display: none;
+      }
+
       @include media('<tablet') {
         right: 0;
         max-width: 100%;
@@ -699,9 +707,16 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
         display: flex;
         align-items: center;
         justify-content: flex-start;
+      }
+      .icon {
+        width: auto;
+        height: auto;
+        border-radius: 0;
+        background-color: transparent;
         i {
           font-size: 24px;
           font-weight: normal;
+          color: $wac-white;
         }
       }
       .wac-alert-popup {
@@ -709,6 +724,7 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
           font-size: 0.875rem;
           white-space: nowrap;
           font-weight: normal;
+          color: $wac-white;
         }
         &__close {
           display: none;
@@ -731,20 +747,28 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
     }
   }
 
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+  }
+
   &__title {
-    font-size: 1.5rem;
-    line-height: 1.4;
+    font-size: 0.9375rem;
+    line-height: 1.35;
     margin: 0;
     font-weight: 700;
-    text-align: center;
-    width: 100%;
+    color: $wac-main-text;
+    text-align: left;
   }
 
   &__text {
-    font-size: 1rem;
-    font-weight: 500;
-    text-align: center;
-    width: 100%;
+    font-size: 0.875rem;
+    line-height: 1.45;
+    font-weight: 400;
+    color: $wac-color-text-grey;
+    text-align: left;
     margin: 0;
   }
 
@@ -752,34 +776,24 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
     cursor: pointer;
     display: flex;
     position: absolute;
-    top: 10px;
-    right: 10px;
-    width: 2.5rem;
-    height: 2.5rem;
-    border-radius: 50%;
+    top: 14px;
+    right: 14px;
+    width: 1.25rem;
+    height: 1.25rem;
     justify-content: center;
     align-items: center;
-    background-color: darken($wac-primary-button, 10%);
-    transition: .3s ease;
+    background-color: transparent;
+    color: $wac-color-text-grey;
+    transition: color .2s ease;
+
     &:hover, &:focus {
-      background-color: darken($wac-primary-button, 15%);
+      color: $wac-main-text;
     }
+
     i {
-      font-size: 1.25rem;
-      color: $white;
-    }
-    .is-success & {
-      background-color: darken($wac-color-success-popup-alert, 20%);
-      &:hover, &:focus {
-        background-color: darken($wac-color-success-popup-alert, 30%);
-      }
-    }
-    .is-danger & {
-      background-color: darken($wac-primary-button, 10%);
-      &:hover, &:focus {
-        background-color: darken($wac-primary-button, 15%);
-      }
+      font-size: 1rem;
     }
+
     .fullsize & {
       top: 50%;
       transform: translateY(-50%);
@@ -814,6 +828,86 @@ $wizishop-blue-button: #52aecd !default;.zindexToggle {
     }
   }
 }
+.wac-banner {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+  background: linear-gradient(120deg, #E9F4FF, #CFE6FB);
+  border: 1px solid $wac-white;
+  box-shadow: 0 6px 20px rgba(59, 166, 236, .20);
+  border-radius: 3px;
+  padding: 11px 16px;
+  font-size: 0.8125rem;
+  color: #526384;
+
+  &__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #3BA6EC;
+    box-shadow: 0 0 0 4px rgba(59, 166, 236, .20), 0 0 12px rgba(59, 166, 236, .55);
+    flex-shrink: 0;
+  }
+
+  &__label {
+    ::ng-deep strong {
+      color: $wac-main-text;
+      font-weight: 600;
+    }
+  }
+
+  &__meta {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    margin-left: auto;
+    font-size: 0.6875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: .06em;
+    color: #526384;
+
+    i.fa-light {
+      font-weight: 300;
+    }
+  }
+
+  &__cta {
+    position: relative;
+    overflow: hidden;
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    font-size: 0.78125rem;
+    font-weight: 600;
+    color: $wac-main-text;
+    background: rgba(255, 255, 255, .5);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, .7);
+    padding: 7px 13px;
+    border-radius: 3px;
+    box-shadow: 0 2px 10px rgba(59, 166, 236, .14), inset 0 1px 0 rgba(255, 255, 255, .65);
+    transition: box-shadow .25s cubic-bezier(.16, 1, .3, 1), transform .25s cubic-bezier(.16, 1, .3, 1), background .25s cubic-bezier(.16, 1, .3, 1);
+
+    i {
+      font-size: 0.625rem;
+      font-weight: 300;
+      transition: transform .2s cubic-bezier(.16, 1, .3, 1);
+    }
+
+    &:hover,
+    &:focus {
+      background: rgba(255, 255, 255, .75);
+      box-shadow: 0 4px 14px rgba(59, 166, 236, .22), inset 0 1px 0 rgba(255, 255, 255, .65);
+
+      i {
+        transform: translateX(2px);
+      }
+    }
+  }
+}
 wac-block {
   .wac-block {
     background-color: $white;

package/fesm2022/wizishop-angular-components.mjs

@@ -3525,6 +3525,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
+class BannerComponent {
+    constructor() {
+        this.dot = false;
+        this.metaLabel = '';
+        this.metaIcon = '';
+        this.ctaLabel = '';
+        this.ctaHref = '';
+        this.ctaClick = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BannerComponent, isStandalone: false, selector: "wac-banner", inputs: { dot: "dot", metaLabel: "metaLabel", metaIcon: "metaIcon", ctaLabel: "ctaLabel", ctaHref: "ctaHref" }, outputs: { ctaClick: "ctaClick" }, ngImport: i0, template: "<div class=\"wac-banner\">\r\n  <span *ngIf=\"dot\" class=\"wac-banner__dot\"></span>\r\n  <span class=\"wac-banner__label\"><ng-content></ng-content></span>\r\n  <span *ngIf=\"metaLabel\" class=\"wac-banner__meta\">\r\n    <i *ngIf=\"metaIcon\" [ngClass]=\"metaIcon\"></i>\r\n    {{ metaLabel }}\r\n  </span>\r\n  <a *ngIf=\"ctaLabel\" class=\"wac-banner__cta\" [attr.href]=\"ctaHref\" (click)=\"ctaClick.emit()\">\r\n    {{ ctaLabel }}\r\n    <i class=\"fa-light fa-arrow-right\" aria-hidden=\"true\"></i>\r\n  </a>\r\n</div>\r\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: "19.2.20", ngImport: i0, type: BannerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'wac-banner', template: "<div class=\"wac-banner\">\r\n  <span *ngIf=\"dot\" class=\"wac-banner__dot\"></span>\r\n  <span class=\"wac-banner__label\"><ng-content></ng-content></span>\r\n  <span *ngIf=\"metaLabel\" class=\"wac-banner__meta\">\r\n    <i *ngIf=\"metaIcon\" [ngClass]=\"metaIcon\"></i>\r\n    {{ metaLabel }}\r\n  </span>\r\n  <a *ngIf=\"ctaLabel\" class=\"wac-banner__cta\" [attr.href]=\"ctaHref\" (click)=\"ctaClick.emit()\">\r\n    {{ ctaLabel }}\r\n    <i class=\"fa-light fa-arrow-right\" aria-hidden=\"true\"></i>\r\n  </a>\r\n</div>\r\n" }]
+        }], propDecorators: { dot: [{
+                type: Input
+            }], metaLabel: [{
+                type: Input
+            }], metaIcon: [{
+                type: Input
+            }], ctaLabel: [{
+                type: Input
+            }], ctaHref: [{
+                type: Input
+            }], ctaClick: [{
+                type: Output
+            }] } });
+
 class TextComponent {
     constructor() {
         this._noMargin = false;
@@ -4695,13 +4724,13 @@ class AlertPopupComponent {
         return this.afterClosedPopup.asObservable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AlertPopupComponent, isStandalone: false, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\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')\"\r\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n  <div class=\"alert--message\">\r\n    <span class=\"icon\" *ngIf=\"config.icon\">\r\n        <i [class]=\"config.icon\"></i>\r\n    </span>\r\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n  </div>\r\n</div>\r\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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AlertPopupComponent, isStandalone: false, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\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')\"\r\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n  <div class=\"alert--message\">\r\n    <span class=\"icon\" *ngIf=\"config.icon\">\r\n        <i [class]=\"config.icon\"></i>\r\n    </span>\r\n    <div class=\"wac-alert-popup__content\">\r\n      <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n      <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n    </div>\r\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n  </div>\r\n</div>\r\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: "19.2.20", ngImport: i0, type: AlertPopupComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'wac-alert-popup', host: {
                         class: 'wac-alert-popup'
-                    }, encapsulation: ViewEncapsulation.None, template: "<div\r\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')\"\r\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n  <div class=\"alert--message\">\r\n    <span class=\"icon\" *ngIf=\"config.icon\">\r\n        <i [class]=\"config.icon\"></i>\r\n    </span>\r\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n  </div>\r\n</div>\r\n" }]
+                    }, encapsulation: ViewEncapsulation.None, template: "<div\r\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')\"\r\n  [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n  <div class=\"alert--message\">\r\n    <span class=\"icon\" *ngIf=\"config.icon\">\r\n        <i [class]=\"config.icon\"></i>\r\n    </span>\r\n    <div class=\"wac-alert-popup__content\">\r\n      <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n      <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n    </div>\r\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
 class AlertPopupService {
@@ -4716,13 +4745,35 @@ class AlertPopupService {
         const componentRef = this.domService.attachComponentPortal(AlertPopupComponent);
         config = Object.assign({
             position: 'is-top'
-        }, config);
+        }, config, 
+        // Force the unified card design on every popup, whatever the caller passes.
+        {
+            small: false,
+            fullsize: false,
+            opacity: false
+        });
+        if (!config.icon) {
+            config.icon = this.getDefaultIcon(config.color);
+        }
         componentRef.instance.config = config;
         componentRef.instance.afterClosed().subscribe(() => {
             componentRef.destroy();
         });
         return componentRef;
     }
+    /** Default icon matching the card design, picked from the alert color. */
+    getDefaultIcon(color) {
+        switch (color) {
+            case 'is-danger':
+            case 'is-primary':
+                return 'fas fa-exclamation';
+            case 'is-info':
+                return 'fas fa-info';
+            case 'is-success':
+            default:
+                return 'fas fa-check';
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AlertPopupService, deps: [{ token: DomService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AlertPopupService, providedIn: 'root' }); }
 }
@@ -7099,6 +7150,7 @@ const components = [
     CalendarComponent,
     WzEditInPlaceComponent,
     AlertComponent,
+    BannerComponent,
     HeaderPageComponent,
     SwitchComponent,
     LinkComponent,
@@ -7202,6 +7254,7 @@ class SharedComponentsModule {
             CalendarComponent,
             WzEditInPlaceComponent,
             AlertComponent,
+            BannerComponent,
             HeaderPageComponent,
             SwitchComponent,
             LinkComponent,
@@ -7306,6 +7359,7 @@ class SharedComponentsModule {
             CalendarComponent,
             WzEditInPlaceComponent,
             AlertComponent,
+            BannerComponent,
             HeaderPageComponent,
             SwitchComponent,
             LinkComponent,
@@ -7739,5 +7793,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FaqSectionComponent, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, GridComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, ImageTextSectionComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MenuTileComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, PricingSectionComponent, ProgressBarComponent, RadioComponent, RadioGroupLegacyDirective, RadioLegacyComponent, RadioLegacyDirective, RadioOptionComponent, ReassuranceSectionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagInputComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BannerComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FaqSectionComponent, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, GridComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, ImageTextSectionComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MenuTileComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, PricingSectionComponent, ProgressBarComponent, RadioComponent, RadioGroupLegacyDirective, RadioLegacyComponent, RadioLegacyDirective, RadioOptionComponent, ReassuranceSectionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagInputComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
 //# sourceMappingURL=wizishop-angular-components.mjs.map